@charset "utf-8";
/* CSS Document */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

.site-logo {background-image:url(../img/retina/logo@2x.png); background-size:310px 90px;}
.tab-phone {background-image:url(../img/retina/hnav_icn_phone@2x.png); background-size:24px 24px;}
.hnav a.btn-login {background-image:url(../img/retina/hnav_icn_key@2x.png); background-size:32px 32px;}
.intro {background-image:url(../img/retina/intro@2x.png); background-size:896px 633px;}
#main h2.title-videos:before {background-image:url(../img/retina/main_icn_title_videos@2x.png); background-size:24px 24px;}
#main h2.title-states:before {background-image:url(../img/retina/main_icn_title_states@2x.png); background-size:32px 20px;}
#main h2.title-categories:before {background-image:url(../img/retina/main_icn_title_categories@2x.png); background-size:24px 20px;}
.categories-list li {background-image:url(../img/retina/checkmark@2x.png); background-size:12px 10px;}
.report-sample {background-image:url(../img/retina/report_sample@2x.png); background-size:200px 318px;}

}



/* -1280px */
@media only screen and (max-width: 1210px) {

.wrapper {margin-left:30px; margin-right:30px;}
.header-rgt-inn {padding-left:30px;}
.intro {padding:50px 0;}
.main-sidebar {width:240px;}
.main-content {margin:0 -240px;}
.main-content-inn {margin:0 240px; padding:0 30px;}
.section {margin-top:50px; margin-bottom:50px;}
#main {padding-bottom:210px;}
.states-list {padding:30px;}
.states-list ul {margin:0 -15px;}
.states-list li {padding:0 15px;}

}



/* 960px */
@media only screen and (max-width: 1023px) {

#main {padding:50px 0;}
#footer {height:auto; position:relative;}
.snav ul {display:block; float:right;}
.seals li {width:120px; margin:5px;}

}



/* 800px */
@media only screen and (max-width: 959px) {

#header {padding:7px 0 0 0; background-color:#F5F5F5;}
#header .wrapper {margin:0;}
.site-logo, .site-logo a {width:172px; height:50px; background-size:172px 50px;}
.header-lft {float:none; width:auto; padding:0 0 7px 0;}
.header-rgt {float:none; margin:0;}
.header-rgt-inn {margin:0; padding:0;}
.hnav { padding-bottom:7px; text-align:center;}
.hnav ul { float:none;}
.hnav li { display:inline-block; float:none; margin:0 10px; vertical-align:top;}
.hnav a { padding:4px 34px 4px 10px; font-size:13px; line-height:16px;}
.hnav a.btn-login { background-size:24px 24px;}
.tab-phone { padding:4px 0 4px 24px; font-size:13px; line-height:16px; background-size:16px 16px;}
#footer .hnav { display:block;}
.sbox {margin-top:0; padding:20px 30px; background-color:#FFF;}
.sbox h2 {margin-bottom:14px; font-family:'Lora', Arial, Helvetica, sans-serif; font-size:24px; font-weight:400; line-height:26px; text-align:center; position:relative; top:inherit; left:inherit;}
.snav ul {display:inline-block; float:none;}
.snav a.selected {background:#FFF;}
.intro {padding:30px 0; background-size:100% auto;}
.intro h2 {margin:20px 0; font-size:36px; line-height:38px;}
#main {padding:30px 0;}
.main-sidebar {float:none; width:auto; margin-top:30px;}
.main-sidebar:first-child {margin-top:0;}
.main-content {float:none; margin:30px 0 0 0;}
.main-content-inn {margin:0; padding:0;}
.categories-list li {float:left; width:50%; margin:3px 0;}
.section {margin-top:30px; margin-bottom:30px;}
.seals li {width:100px;}

}



/* 750px */
@media only screen and (max-width: 799px) {



}



/* 720px */
@media only screen and (max-width: 749px) {



}



/* 640px */
@media only screen and (max-width: 719px) {

.block {margin-top:20px; margin-bottom:20px;}
.seals li {width:80px;}

}



/* 540px */
@media only screen and (max-width: 639px) {



}



/* 480px */
@media only screen and (max-width: 539px) {

.wrapper {margin-left:20px; margin-right:20px;}
.sbox {padding:20px;}
.sbox .cell {width:50%; padding:3px;}
.sbox .cell.btn, .sbox .cell.long {width:100%;}
.snav a span {display:block;}
.sbox input[type^="text"], .sbox input[type^="password"], .sbox select, .sbox textarea {height:40px;}
.sbox select {line-height:34px;}
.sbox input[type="submit"] {height:50px;}
.intro h2 {font-size:30px; line-height:32px;}
.intro {font-size:13px; line-height:20px;}
.sbox .cell.medium {width: 50%;}

}



/* 414px */
@media only screen and (max-width: 479px) {

.categories-list li {float:none; width:auto;}
.states-list li {float:none; width:auto;}

}



/* 375px */
@media only screen and (max-width: 413px) {



}



/* 320px */
@media only screen and (max-width: 374px) {
.snav {font-size:12px;}
.snav a {padding-left:14px; padding-right:14px;}
.snav a.selected {padding-left:13px; padding-right:13px;}
.sbox .cell {float:none; width:auto;}
.sbox .cell.medium {width: auto;}
}

@media (min-width: 300px) and (max-width: 600px) {
.states-list.block{
	width:auto;
}
.main-content-detail{
	position: static !important;
	width:81% !important;
}

}


/*-- Plate Flow --*/

@media only screen and (max-width: 767px) {
.snav { font-size: 11px; }
.snav ul { display: block; }
.snav li { width: 20%; }
.snav a { padding-left: 5px !important; padding-right: 5px !important; }
}
