@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 320px) and (max-width: 990px) {
.nav-mobile {display:block;}
.nav {width:100%;	padding:50px 0 0;}
.nav-list {display:none;}
.nav-item {width:100%;	float:none;}
.nav-item > a {	padding:15px;}
.nav-click {display:block;}
.nav-mobile-open {	border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;}
.nav-item:hover .nav-submenu {display:none;}
.nav-submenu {position:static;width:100%;}
.nav-item{ background:none;}
.nav-item{ background:url("../images/menu-sep1.png") repeat-x scroll center bottom #29292C;}
}




@media only screen and (max-width:1024px) {
.nav-item a{padding: 15px 21px;}
}

@media only screen and (max-width:1000px) {
.main-fix{ width:98%;}
.nav-item a{ padding:15px 19px;}
.section-one-left{ width:24%;}
.box-pic img{ width:33.33%;}
ul.footer-link li{ padding:0 10px;}
ul.section-category li {float:left; margin-left: 2%;width: 32%;} 
}


@media only screen and (max-width: 990px) {
ul.ads-link{ width:100%;}
.free-call{ width:100%;}
}

@media only screen and (max-width: 840px) {
	.logo{ width:100%; text-align:center;}
}


@media only screen and (max-width: 768px) {
.section-one-left{ width:100%; text-align:center;}
.section-one-right{ width:100%;}
.section-right-two-dec{ margin-left:0;}
.section-right-two-dec{ padding:30px;}
.box-pic img{ padding:0 3px;}
ul.ads-link{ top:10px; left:6%; width:94%;}
ul.ads-link li a{ font-size:12px; line-height:24px;}
.footer-left{ width:100%; text-align:center; padding-bottom:10px;}
.footer-right{ width:100%; padding:15px; border-left:none; border-top:1px solid #6F6F6F;}
ul.footer-link{ text-align:center;}
ul.footer-link li{ float:none; display:inline-block;}
ul.footer-link li:last-child{ padding-right:10px;}
.copy{ text-align:center; padding-left:0;}
.section-two-left{ width:100%;}
.section-two-ads{ width:100%;    background-color: #000000;}
.section-two-ads > img { float: right;}
.section-two-right{ width:100%; padding-top:20px;}
.ads1, .ads2, .ads3{ float:none; width:297px; margin:16px auto 0;}
.ads3{ padding-bottom:0;}
}


@media only screen and (max-width:700px) {
.logo{ width:100%; text-align:center;}
ul.header-right {float: none; margin: 0 auto;overflow: hidden;padding: 40px 20px 0 20px;width: 100%; text-align:center;}
ul.header-right .follow{ float:none; display:inline-block;}
ul.section-category li h2{ font-size:15px;}
}



@media only screen and (max-width: 640px) {
.date{ margin-top:10px;}
.form-date{ padding:15px;}

}

@media only screen and (max-width: 610px) {
	ul.header-right .follow{ display:block; padding-bottom:15px;}
	}




@media only screen and (max-width: 568px) {
ul.header-right li{padding: 10px 2px;}
}

@media only screen and (max-width: 480px) {
ul.section-category li h2{ font-size:13px;}
ul.ads-link li a { font-size: 12px; line-height: 17px;}
ul.header-right .follow{ float:none;}
ul.header-right{ text-align:center;}
ul.header-right{ padding-top:20px;}
.form-left{ width:100%; padding:0 15px;}
.form-right{ width:100%; padding:0 15px;}
.submit{ padding:0 15px;}
.table-one, .table-two{ overflow:auto;}
.table-one table td{ padding:10px 5px; vertical-align:top;}
.table-two table td{padding:10px 5px;}
.table-two table td{ text-align:left;}
.table-heading-two td{ text-align:center;}
}


@media only screen and (max-width: 459px) {
	ul.header-right{ width:100%;}
	.resp-tab-content{ padding:5px;}
	}





@media only screen and (max-width: 360px) {
ul.section-category li{ width:100%; margin-left:0; padding:20px;}
ul.ads-link{ position:inherit; padding-right:10px;}
.section-two-ads{ padding-bottom:20px;}
ul.header-right .follow{ width:100%;}
.box-pic img{ width:auto; padding-top:10px; float:none;}
.box-pic{ text-align:center;}
}

@media only screen and (max-width: 320px) {


}