@media only screen and (max-width: 3000px), only screen and (max-device-width : 3000px){
}
@media only screen and (max-width: 1024px), only screen and (max-device-width : 1024px){
}

@media only screen and (max-width: 960px){ 
div#banner_content{ padding: 25px 19px; }
div.whitebox .in-shadow{ padding:20px 16px; }
div#content div.whitebox{ }
div.whitebox .in-shadow{ min-height:392px; }
div#banner_content h2{ font-size: 1.5em; width: 95%; }
div.whitebox p{ font-size:17px; line-height: 1.3em; }
div#banner_content img{ width:95%; }
div#header{ padding:20px 16px; }
div#banner{ padding:45px 16px; }
div#content{ padding: 30px 16px; }
div#banner_content div#button_container a{ background:url(../images/btn-getstarted-w275.png) 8px top no-repeat; }
div#banner_bg{ background-position: -470px 0; }
div.whitebox h2{ width:100%;}
table.standard{ margin:15px 0 0 0; }
div.whitebox .in-shadow table tr td.txt-center{ vertical-align:top; padding:16px 0 0 0;  }
}
@media only screen and (max-width: 768px), only screen and (max-device-width : 768px){ }
@media only screen and (max-width: 767px), only screen and (max-device-width : 767px){
div#banner_content{ max-width:66%; }
div#content div.whitebox{ width:99%; }
div#content div.whitebox:first-child{ margin-right:0; margin-bottom: 30px; }
div#banner_content h2{ font-size:1.4em; }
div.whitebox .in-shadow{ min-height: inherit; display: inline-block; width: 95%; padding: 22px 2.5%; }
#footer{ padding:15px 0 30px; }
#footer .inner .copyright{ float:none; text-align:center; }
#footer .inner .right { float: none; margin: 14px auto 0; text-align: center; display: inline-block; width:100%; }
div#banner_bg{ background-position: -620px 0; }
}
@media only screen and (max-width:480px){
div#banner_bg{ background-position: -810px 0; }
}
@media only screen and (max-width: 479px), only screen and (max-device-width : 479px){
div#content .hdiv a{ padding:0; }
div#content .hdiv a img{ width:100%; }
div#header{ padding:20px 12px; }
div#banner{ padding:45px 10px; }
div#content{ padding: 30px 12px; }
div#banner_content { max-width: 88%; padding: 25px 16px; } 
div#content p{ margin:0 auto; width:98%; }
div#banner_content h2{ width:100%; }
div#banner_content img{ width:100%; }
div.whitebox .in-shadow{ padding: 20px 12px; }
div.whitebox p{ font-size:16px; }
div.whitebox .in-shadow table tr th{ font-size:1em;	}
div.whitebox .in-shadow table tr td{ font-size:1em;	}
div#banner_content div#button_container a{ background:url(../images/btn-getstarted-w255.png) 0px top no-repeat; }
div.whitebox .in-shadow a{ margin: 20px 2% 30px 0; }
div.whitebox h2{ font-size:1.4em; width:100%; margin-bottom:18px; }
div.whitebox .in-shadow { padding: 20px 4%; display: inline-block; width: 92%; }
div.whitebox .in-shadow table tr th.one{ width: 37%; padding: 10px 6%; }
div.whitebox .in-shadow table tr th.two{ width: 14%; padding: 10px 5% 10px 5%; }
div.whitebox .in-shadow table tr th.three{ width: 16%; padding: 10px 6%; }
div#header span{ font-size:1em; text-align:right; width:50%; line-height: 1.4em; }
div#header { padding: 16px 12px 24px; }
div.whitebox .in-shadow table tr td.txt-center{ text-align:center; }
div#banner_bg{ background-position: -900px 0; }
}
@media only screen and (max-width: 320px), only screen and (max-device-width : 320px){
div#banner_bg{ background-position: -970px 0; }
}

/* Media queries especially for devices */
/* iPhone 4S portrait  */
@media only screen and (width:320px){
#header_bg, #banner_bg, #divider_bg, #content_bg, #footer{ width:320px; } }
/* iPad 768x1024 - landscape  */
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){

}

@media only screen and (device-width: 800px) and (orientation:landscape){
div#banner_content p{ display:block; font-size:20px; }
}

/* Samsung SIII - 720x1280 portrait */
@media only screen and (device-width: 720px) and (orientation:portrait){
div#content .hdiv a{ padding:0; }
div#content .hdiv{ background:none; }
div#header span{ width:70%; }
 }
/* Samsung SIII - 720x1280 landscape */
@media only screen and (device-width: 1280px) and (orientation:landscape){
div.whitebox .in-shadow img.steps{ width:423px; height:auto; }
}

/* iPhone 5 -640x1136 landscape*/
@media only screen and (min-width:320px) and (max-width:568px) and (orientation:landscape){
div#banner_bg{ background-position:right top; }
div#banner_content img{ width:80%; }
div.whitebox p{ font-size:9px; }
div#content p{ font-size:9px; }
div#banner_content h2, div.whitebox h2{ font-size:13px; }
div#content .hdiv a{ background:#f0f0f0 url('../images/gradient-bg.png') left top repeat; padding:0 2.5%; }
}
/* iPhone 4S -640x960 landscape */
@media only screen and (min-width:320px) and (max-width:480px) and (orientation:landscape){
div#banner_bg{ background-position:right top; }
div#banner_content h2{ margin-bottom: 14px; }
div.whitebox p,
div#content p{ font-size:10px; }
div#banner_content{ padding:22px 16px; }
div#content .hdiv a{ background:#f0f0f0 url('../images/gradient-bg.png') left top repeat; padding:0 2.5% }


/* Samsung Galaxy Tab2 - 600x1024 portrait */
@media only screen and (device-width: 600px) and (orientation:portrait){

}
/* Samsung Galaxy Tab2 - 600x1024 landscape */
@media only screen and (device-width: 1024px) and (orientation:landscape){

}



/* media queries based on pixel ratio */
@media only screen and (min-device-pixel-ratio : 2)  and (orientation:portrait),
only screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:portrait){ }
@media only screen and (min-device-pixel-ratio : 2)  and (orientation:landscape),
only screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:landscape){
 }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape), 
only screen and (min-device-width : 600px) and (max-device-width : 1024px) and (orientation : landscape) {}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){

}
@media only screen and (width: 960px), only screen and (device-width : 960px){

}