.row-fluid.mob,
.row-fluid .mob ,
.row-fluid .mobp,
.row-fluid.mobp, 
.row-fluid.mobl,
.row-fluid .mobl {
		display: none;
}

@media  screen 
 /* and (device-width: 320px) */
  and (max-device-width: 568px) 
/*  and 
  (-webkit-min-device-pixel-ratio: 1) ,
  only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) */ 
  and (orientation: portrait) {
.row-fluid .largescrn {
	display: none;
}
  #wrapper {
		min-width:320px;
		max-width: 100%; 
		} 
	body {
	/*	background-color: yellow; */
		color: black;
		font-size: 250%;
	}
	#header{
        font-size: 150%;
		line-height: 120%;
    }
	#header-left {
		/*line-height: 1px; */
		/* display: none; */
		width: 100%;
		line-height: 250%; 
  /*   	background-color: green;  */
	}
	#header-right {
		width: 100%;
		line-height: 110%;
		font-size: 110%; 
	/*	background-color: orange; */
	}
	#header-img {
		margin: 0px;
		padding: 0px;
		height: auto; 
		width: 85%;
	/* line-height: 1000px; */
	 /*   width: 100%; 
		height: auto; */
	/*	max-width: 300px; 
		max-height: 300px; */
	}
	#footer {
		font-size: 80%;
		line-height: 100%;
	}
	.footerp {
		font-size: 80%;
		line-height: 100%;
	}
	#bodypagetitle {
		font-size: 125%;
		line-height: 100%;
	}
	#bodypagetitle2 {
		font-size: 150%;
		line-height: 100%;
	}
	.searchsubtitle1c {
		font-size: 110%;
		line-height: 100%;
	}
	.sectionheader {
		line-height: 125%;
		font-size:125%;
	}
	
/* Changes to menu */
    #cssmenu li a, #cssmenu ul	{
		float: left;
		color: #A79787;
		text-decoration: none;
		font-size: 110%;
		height: 100%;
		padding: 9px 15px 0;
		font-weight: normal;
	}
		/*Make dropdown links appear inline*/
	ul {
		position: static;
	/*	display: none; */
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
		text-align: left;
		text-indent: 2%;
 	    padding: 2px 5px 0px 0px;
	}
	#cssmenu li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	#cssmenu #showmenu {
		display:block;
	}
	/*testing */	
	#cssmenu {
		position: relative;
		min-height: 40px; 
	}

	#cssmenu ul {
		width: 100%;
		line-height: 100%;
		padding: 5px 0;
		position: relative;
		top: 0;
		left: 0;
	/*	border: solid 1px #aaa;
		background: #fff url(images/icon-menu.png) no-repeat 10px 11px; 
		border-radius: 5px; 
		box-shadow: 0 1px 2px rgba(0,0,0,.3); */
	}
	#cssmenu li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
/*	.nav .current { */
    #cssmenu .showmenu {
		display: block; /* show only current <li> item */
		line-height: 100%;
	}
	#cssmenu a {
		display: block;
		line-height: 100%;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	#cssmenu .current a {
		background: none;
	/*	color: #666; */
	}

	/* on nav hover */
	#cssmenu ul:hover {
	/*	background-image: none; */
	
	}
	#cssmenu ul:hover li {
		display: block;
		line-height: 100%;
		margin: 0 0 0 0px;
		background-color:#294b69;
		 color: #A79787;
	}
	#cssmenu ul:hover .current {
	/*	background: url(images/icon-check.png) no-repeat 10px 7px; */
	}
/*End Menu */
	
/*Search Screen */
.nmobform {
	display: none;
	visibility: hidden;	
}
.mobform {
	display: block;
	visibility: visible;
}
	input#postme1,
	input#postme2,
	input#postme3 {
		width: 10em;
		height: 5em;
		font-weight: 500;
	}
/*End Search Screen */

	.row-fluid {
		line-height: 100%;
	}
	.row-fluid.nmob,
	.row-fluid .nmob,
	.row-fluid.mobl,
	.row-fluid .mobl {
		display: none;
	}
	.row-fluid.mob,
	.row-fluid .mob,
	.row-fluid .mobp,
    .row-fluid.mobp	{
		display: block;
	}

/* changes applied to current taxes */
	.row-fluid .ch,
	.row-fluid .c1,
	.row-fluid .c1h,
	.row-fluid .c2,
	.row-fluid .c3 {
		margin: 0px;
		padding: 0px;
		font-size: 110%;
		line-height: 100%;
	}
	.row-fluid .c1h {
		width: 2%;
	}
	.row-fluid .c2 {
		width: 26%;
	}
	.row-fluid .c3 {
		width: 35%;
	}
/* Tax Information Taxing Bodies */
	.row-fluid .tbch,
	.row-fluid .tbc1,
	.row-fluid .tbc1h,
	.row-fluid .tbc2,
	.row-fluid .tbc3 {
		margin: 0px;
		padding: 0px;
		font-size: 110%;
		line-height: 100%;
	}
	.row-fluid .tbch {
		width: 4%;
	}
	.row-fluid .tbc1 {
		width: 4%;
	}
	.row-fluid .tbc1h {
		width: 4%;
	}
	.row-fluid .tbc2 {
		width: 34%;
	}
	.row-fluid .tbc3 {
		width: 56%;
	}
/* Tax Information Tax Categories */
	.row-fluid .tcch,
	.row-fluid .tcc1,
	.row-fluid .tcc1h,
	.row-fluid .tcc2,
	.row-fluid .tcc3 {
		margin: 0px;
		padding: 0px;
		font-size: 110%;
		line-height: 100%;
	}
	.row-fluid .tcch {
		width: 3%;
	}
	.row-fluid .tcc1 {
		width: 15%;
	}
	.row-fluid .tcc1h {
		width: 22%;
	}
	.row-fluid .tcc2 {
		width: 30%;
	}
	.row-fluid .tcc3 {
		width: 45%;
	}
	.pbalduedesc{
		margin-left:6%;
		margin-right:6%;
		text-align: left;
		font-size: 110%;
		line-height: 100%;
	}
	.row-fluid .bdch,
	.row-fluid .bdc1,
	.row-fluid .bdc1h, 
	.row-fluid .bdc2, 
	.row-fluid .bdc2h,
	.row-fluid .bdc3,
	.row-fluid .bdc3h,
	.row-fluid .bdc4,
	.row-fluid .bdc6 {
		font-size: 80%;
		padding: 0px;
		margin: 0px;
	}
	.row-fluid .bdch {
		width: 3.8%;
	}
	.row-fluid .bdc1 {
		width: 9.05%;
	}
	.row-fluid .bdc1h {
		width: 12.495%;
	}
	.row-fluid .bdc2 {
		width: 16.66%;
	}
	.row-fluid .bdc2h {
		width: 20.825%;
	}
	.row-fluid .bdc3 {
		width: 24.99%;
	}
	.row-fluid .bdc3h {
		width: 29.155%;
	}
	.row-fluid .cych,
	.row-fluid .cyc1,
	.row-fluid .cyc1h, 
	.row-fluid .cyc2, 
	.row-fluid .cyc2h,
	.row-fluid .cyc3,
	.row-fluid .cyc3h,
	.row-fluid .cyc4 {
		font-size: 90%;
		padding: 0px;
		margin: 0px;
	}
	.row-fluid .cych {
		width: 4.165%;
	}
	.row-fluid .cyc1 {
		width: 8.33%;
	}
	.row-fluid .cyc1h {
		width: 12.495%;
	}
	.row-fluid .cyc2 {
		width: 16.66%;
	}
	.row-fluid .cyc2h {
		width: 20.825%;
	}
	.row-fluid .cyc3 {
		width: 24.99%;
	}
	.row-fluid .cyc3h {
		width: 29.155%;
	}
	.row-fluid .cyc4 {
		width: 33.32%;
	}
	.informationalwarningc {
		line-height: 110%;
	}
	.informationalwarningl, .informationalwarningr {
		padding: 0px;
		margin: 0px;
		font-size: 120%;
		line-height: 120%;
	    background-color:yellow;
		text-align: center;
	} 
	#taxbilltable {
		font-size: 150%;
		line-height:100%;
	}
	
/* Changes to Parcel Details */
	.ptitle {
		font-size: 113%;
		line-height: 100%;
	}
	.pdetailiteml,	.pdetailitemc,	.pdetailitemr {
		font-size: 105%;
		line-height: 100%;
		text-indent: 7%;
	/*	background-color: yellow; */
	}
	.plegaldtl {
	 padding-left: 50px; 
	 padding-right: 50px; 
	 padding-top: 10px; 
	 padding-bottom: 25px;
	}

	.row-fluid .pdvich,
	.row-fluid .pdvic1,
	.row-fluid .pdvic1h, 
	.row-fluid .pdvic2, 
	.row-fluid .pdvic2h,
	.row-fluid .pdvic3,
	.row-fluid .pdvic3h,
	.row-fluid .pdvic4,
	.row-fluid .pdvic6 {
		font-size: 90%;
		padding: 0px;
		margin: 0px;
		line-height: 100%;
	}
	.row-fluid .pic6,
	.row-fluid .pic3,
	.row-fluid .pdgic3,
	.row-fluid .pdgic6 {
		width: 100%;
	}
/*	.row-fluid .pdvic3 {
		font-size: 105%;
		line-height: 105%;
	} */
	.row-fluid .pdvich {
		width: 1.7%;
	}
	.row-fluid .pdvic1h {
		width: 24%;
	}
	.row-fluid .pdvic2 {
		width: 21.75%;
	}
	.row-fluid .pdvic3 {
		width: 30%;
	}
	.row-fluid .pdvic6 {
		width: 60%;
	}
	.pvaltitle {
		font-size: 100%;
		line-height: 100%;
	}
/*	.with_frm_style input[type="checkbox"], .with_frm_style input[type="radio"] {
		transform: scale(1.5) !important;
		-webkit-transform: scale(1.5) !important;
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		padding-bottom: 5px !important;
	} */	
	.row-fluid .sc1 {
		font-size: 145%;
		width: 24%;
	}
	.row-fluid .sc3 {
		font-size: 145%;
		width: 50%;
	}
	.row-fluid .sc6 {
		font-size: 145%;
		width: 50%;
	}
	.row-fluid .sc12 {
		width: 99%;
	}
	input#postme1,
	input#postme2,
	input#postme3 {
		width: 30%;
		height: 110%;
		font-size: 110%;
		line-height: 110%;
	}
}
  
  
  @media  screen 
 /* and (device-width: 320px) */
  and (max-device-width: 568px) 
/*  and 
  (-webkit-min-device-pixel-ratio: 1) ,
  only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) */ 
  and (orientation: landscape) {
.row-fluid .largescrn {
	display: none;
}
  #wrapper {
		min-width:320px;
		max-width: 100%; 
		} 
	body {
	/*	background-color: yellow; */
		color: black;
		font-size: 150%;
	}
	#header{
        font-size: 150%;
		line-height: 100%;
    }
	#header-left {
		/*line-height: 1px; */
	/*	display:none; */
		width: 100%;
    	line-height: 100%; 
     /*	background-color: orange;  */
	}
	#header-right {
		width: 100%;
		line-height: 110%;
		font-size: 110%; 
	 /*	background-color: green;  */
	}
	#header-img {
	/*	display: none; */
	/*	height: 350%; */
	    width: 75%; 
	/*	max-width: 300px; 
		max-height: 300px; */
	}
	#footer {
		font-size: 90%;
	}
	#footerp {
		font-size: 90%;
	}
	#bodypagetitle {
		font-size: 115%;
	}
	#bodypagetitle2 {
		font-size: 150%;
		line-height: 100%;
	}
	.searchsubtitle1c {
		font-size: 110%;
		line-height: 100%;
	}
	.sectionheader {
		line-height: 125%;
		font-size:125%;
	}

/* Changes to menu */
 
 #cssmenu li a, #cssmenu ul	{
		float: left;
		color: #A79787;
		text-decoration: none;
		font-size: 100%;
		height: 100%;
		padding: 0px;
		padding: 9px 15px 0px 0px;
		font-weight: normal;
	}
		/* Make dropdown links appear inline /
	ul {
		position: static;
	/*	display: none; /
	}
	/*Create vertical spacing /
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width /
	ul li, li a {
		width: 100%;
		text-align: left;
		text-indent: 2%;
 	    padding: 2px 5px 0px 0px;
	}
	#cssmenu li {
		display: none; /* hide all <li> items /
		margin: 0;
	}
	#cssmenu #showmenu {
		display:block;
	}
	/*testing /	
	#cssmenu {
		position: relative;
		min-height: 10px; 
	}
	#cssmenu ul {
		width: 100%;
		line-height: 100%;
		padding: 5px 0;
		position: relative;
		top: 0;
		left: 0;
	/*	border: solid 1px #aaa;
		background: #fff url(images/icon-menu.png) no-repeat 10px 11px; 
		border-radius: 5px; 
		box-shadow: 0 1px 2px rgba(0,0,0,.3); /
	}
	#cssmenu li {
		display: none; /* hide all <li> items /
		margin: 0;
	}
/*	.nav .current { /
    #cssmenu .showmenu {
		display: block; /* show only current <li> item /
		line-height: 100%;
	}
	#cssmenu a {
		display: block;
		line-height: 100%;
		padding: 5px 5px 5px 5px;
		text-align: left;
	}
	#cssmenu .current a {
		background: none;
	/*	color: #666; /
	}

	/* on nav hover /
	#cssmenu ul:hover {
	/*	background-image: none; /
	
	}
	#cssmenu ul:hover li {
		display: block;
		line-height: 100%;
		margin: 0 0 0 0px;
		background-color:#294b69;
		 color: #A79787;
	}
	#cssmenu ul:hover .current {
	/*	background: url(images/icon-check.png) no-repeat 10px 7px; /
	}
end of menu changes */

/* changes to search screen */
  .nmobform {
	display: none;
	visibility: hidden;	
}
	.mobform {
	display: block;
	visibility: visible;
}
/* end changes to search screen */

	.row-fluid .searchoption1 {
		font-size: 110%;
		line-height: 100%;
	}
	
	.row-fluid {
		line-height: 100%;
	}
	.row-fluid.nmob,
	.row-fluid .nmob,
	.row-fluid.mobp,
	.row-fluid .mop {
		display: none;
	}
	.row-fluid.mob,
	.row-fluid .mob,
	.row-fluid.mobl,
	.row-fluid .mobl {
		display: block;
	}

/* changes applied to current taxes */
	.row-fluid .c1,
	.row-fluid .c1h,
	.row-fluid .c2,
	.row-fluid .c3 {
		margin: 0px;
		padding: 0px;
		font-size: 120%;
		line-height: 100%;
	}
	.row-fluid .c1,
	.row-fluid .c1h {
		width: 3%;
	}
	.row-fluid .c2 {
		width: 26%;
	}
	.row-fluid .c3 {
		width: 35%;
	}
/* Tax Information Taxing Bodies */
	.row-fluid .tbch,
	.row-fluid .tbc1,
	.row-fluid .tbc1h,
	.row-fluid .tbc2,
	.row-fluid .tbc2h,
	.row-fluid .tbc3 {
		margin: 0px;
		padding: 0px;
		font-size: 120%;
		line-height: 100%;
	}
	.row-fluid .tbch {
		width: 3%;
	}
	.row-fluid .tbc1 {
		width: 3%;
	}
	.row-fluid .tbc1h {
		width: 3%;
	}
	.row-fluid .tbc2 {
		width: 30%;
	}
	.row-fluid .tbc2h {
		width: 34%;
	}
	.row-fluid .tbc3 {
		width: 56%;
	}
/* Tax Information Tax Categories */
	.row-fluid .tcch,
	.row-fluid .tcc1,
	.row-fluid .tcc1h,
	.row-fluid .tcc2,
	.row-fluid .tcc3 {
		margin: 0px;
		padding: 0px;
		font-size: 110%;
		line-height: 100%;
	}
	.row-fluid .tcch {
		width: 3%;
	}
	.row-fluid .tcc1 {
		width: 3%;
	}
	.row-fluid .tcc1h {
		width: 3%;
	}
	.row-fluid .tcc2 {
		width: 34%;
	}
	.row-fluid .tcc3 {
		width: 56%;
	}
	
	.pbalduedesc{
		margin-left:6%;
		margin-right:6%;
		text-align: left;
		font-size: 110%;
		line-height: 100%;
	}
	.row-fluid .bdch,
	.row-fluid .bdc1,
	.row-fluid .bdc1h, 
	.row-fluid .bdc2, 
	.row-fluid .bdc2h,
	.row-fluid .bdc3,
	.row-fluid .bdc3h,
	.row-fluid .bdc4,
	.row-fluid .bdc6 {
		font-size: 90%;
		padding: 0px;
		margin: 0px;
	}
	.row-fluid .bdch {
		width: 4.165%;
	}
	.row-fluid .bdc1 {
		width: 8.33%;
	}
	.row-fluid .bdc1h {
		width: 12.495%;
	}
	.row-fluid .bdc2 {
		width: 16.66%;
	}
	.row-fluid .bdc2h {
		width: 20.825%;
	}
	.row-fluid .bdc3 {
		width: 24.99%;
	}
	.row-fluid .bdc3h {
		width: 29.155%;
	}
	.row-fluid .cych,
	.row-fluid .cyc1,
	.row-fluid .cyc1h, 
	.row-fluid .cyc2, 
	.row-fluid .cyc2h,
	.row-fluid .cyc3,
	.row-fluid .cyc3h,
	.row-fluid .cyc4 {
		font-size: 90%;
		padding: 0px;
		margin: 0px;
	}
	.row-fluid .cych {
		width: 4.165%;
	}
	.row-fluid .cyc1 {
		width: 8.33%;
	}
	.row-fluid .cyc1h {
		width: 12.495%;
	}
	.row-fluid .cyc2 {
		width: 16.66%;
	}
	.row-fluid .cyc2h {
		width: 20.825%;
	}
	.row-fluid .cyc3 {
		width: 24.99%;
	}
	.row-fluid .cyc3h {
		width: 29.155%;
	}
	.row-fluid .cyc4 {
		width: 33.32%;
	}
	.informationalwarningc {
		line-height: 110%;
	}
	.informationalwarningl, .informationalwarningr {
		padding: 0px;
		margin: 0px;
		font-size: 120%;
		line-height: 120%;
	    background-color:yellow;
		text-align: center;
	} 
	#taxbilltable {
		font-size: 150%;
		line-height: 100%;
	}
/* Changes to Parcel Details */
	.ptitle {
		font-size: 110%;
		line-height: 100%;
	}
	.pdetailiteml,	.pdetailitemc,	.pdetailitemr {
		font-size: 87%;
		line-height: 100%;
		text-indent: 7%;
	/*	background-color: yellow; */
	}
	.plegaldtl {
	 padding-left: 50px; 
	 padding-right: 50px; 
	 padding-top: 10px; 
	 padding-bottom: 25px;
	}
	.pvaldetaill, .pvaldetailr, .pvaldetailc {
		font-size: 110%;
		line-height: 100%;
	}
	.pvaltitle {
		font-size: 110%;
		line-height: 100%;
	}
	.pvaldetaill {
		text-align: left;
	}
	.pvaldetailr {
		text-align: right;
	}
	.pvaldetaillc{
		text-align: center;
	}
	.row-fluid .pdvich,
	.row-fluid .pdvic1,
	.row-fluid .pdvic1h, 
	.row-fluid .pdvic2, 
	.row-fluid .pdvic2h,
	.row-fluid .pdvic3,
	.row-fluid .pdvic3h,
	.row-fluid .pdvic4,
	.row-fluid .pdvic6 {
		font-size: 100%;
		padding: 0px;
		margin: 0px;
		line-height: 100%;
	}
	.row-fluid .pdvich {
		width: 1.7%;
	}
	.row-fluid .pdvic1h {
		width: 24%;
	}
	.row-fluid .pdvic2 {
		width: 21.75%;
	}
	.row-fluid .pdvic3 {
		width: 30%;
	}
	.row-fluid .pdvic6 {
		width: 60%;
	}
	.row-fluid .pdgic3 {
		width: 49%;
	}
	.row-fluid .pdgic6 {
		width: 100%;
	}
/*	.with_frm_style input[type="checkbox"], .with_frm_style input[type="radio"] {
		transform: scale(1.5) !important;
		-webkit-transform: scale(1.5) !important;
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		padding-bottom: 5px !important;
	} */	
	.row-fluid .sc1 {
		width: 4%;
	}
	.row-fluid .sc3 {
		width: 29%;
		font-size: 150%;
	}
	.row-fluid .sc6 {
		width: 50%;
	}
	input#postme1,
	input#postme2,
	input#postme3 {
		width: 15%;
		height: 110%;
		font-size: 110%;
		line-height: 110%;
	}
}
  
  @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) {

 }
 
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
/*	#header-left {
		*line-height: 1px;
		display:none;*
		width: 100%;
		background-color: green; 
	}
	#header-left {
		*line-height: 1px;
		display:none;*
		width: 100%;
		background-color: orange; 
	} */
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}



/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  
  
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}
 @media screen and (min-width:800px)
	and (min-device-width: 569px)  {
    #header {
        font-size: 130%;
    }
	#header-left {
		width: 45%;
  /*      background-color: brown;
		color: white; */
	}
	#header-right {
		line-height:350%; 
		font-size: 130%;
		width: 55%;
    /*    background-color: purple; */
	/*	color: white; */
	}
}
	
 @media screen and (min-width:1024px) {
    #header {
        font-size: 135%;
    }
	#header-left {
		width: 45%;
  /*      background-color: brown;
		color: white; */
	}
	#header-right {
		line-height:350%; 
		font-size: 135%;
		width: 55%;
 /*      background-color: green;
		color: white; */
	}
}	
  
 @media screen and (min-width:1200px) {
    #header {
        font-size: 140%;
    }
	#header-left {
		width: 40%;
  /*      background-color: brown;
		color: white; */
	}
	#header-right {
		line-height:350%; 
		font-size: 140%;
		width: 60%;
/*        background-color: green;
		color: white; */
	}
}