@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 
	.main-banner, .portrait .main-banner { background-image:url(../images/mobile-img@2x.jpg); }
	.landscape .main-banner { background-image:url(../images/mobile-img-landscape@2x.jpg); }
}



/*==========================================================================================================*/
@media only screen and (min-width: 768px) {
	.main-banner, .portrait .main-banner { background-image:url(../images/tab-image.jpg); }
	.landscape .main-banner { background-image:url(../images/tab-image-landscape.jpg); }
	.banner-content { padding:78px 0 0 32px;  }
	.banner-content h2 { font-size:32px;  max-width:100%; width:100%; }
	.banner-content p { font-size:16px;  line-height:18px; max-width:295px; width:100%; }
	.banner-content img { max-width:134px;}
	.footer {  padding-left:32px; }
	.footer p {  padding:13px 0; }
} 

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 768px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 768px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 768px),
only screen and (                min-resolution: 192dpi) and (min-width: 768px),
only screen and (                min-resolution: 2dppx)  and (min-width: 768px) { 

	.main-banner, .portrait .main-banner  { background-image:url(../images/tab-image@2x.jpg); }
	.landscape .main-banner { background-image:url(../images/tab-image-landscape@2x.jpg); }
}


@media only screen and (min-width:1024px) {
	.main-banner, .portrait .main-banner, .landscape .main-banner { background-image:url(../images/desktop-img.jpg); }
	.banner-content h2 { font-size:42px; max-width:100%; width:100%; }
	.banner-content { padding:126px 74px 30px;  }
	.banner-content p { font-size:18px; line-height:26px; width:100%; max-width:100%;  }
	.footer p { font-size: 10px; padding:17px 0; }
	.footer {  padding:0 75px; }
	.banner-content img { max-width:174px; width:100%; }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1024px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1024px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1024px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1024px),
only screen and (                min-resolution: 192dpi) and (min-width: 1024px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1024px) { 

	.main-banner, .portrait .main-banner, .landscape .main-banner { background-image:url(../images/desktop-img@2x.jpg); }

}

@media (orientation: landscape) {

	.main-banner div.images-placeholder { background-position:left bottom;  }
}

@media (orientation: portrait) {
	.main-banner div.images-placeholder { background-position:left center; 	 }
}
  
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {

	/* .banner-content p { line-height:14px;  }
	.banner-content img { max-width:116px;}
	.footer { padding-left:12px; }
	.footer p { padding:8px 0; } */
}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {

	 .form-inline .form-group label, .form-inline .form-group .field-box { float:none; display:block; width:auto; }
	.form-inline .form-group label.blank { display:none; }
	h1, h2 { font-size:30px; }
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	#logo { width:150px; }
}