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

@media only screen and (min-width: 100px) and (max-width: 960px) {
.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-click{  background:#3D3D3B;}
ul.we-are li .picture{ background-size:100%;}
.we-are-dec a{ font-size:17px;}
}




@media only screen and (max-width:1390px) {
	.main-fix{ width:98%;}
	.slider-right{ margin-right:0;}
	.slider-content{ width:98%; right:1%; left:1%;}
	.slider-right{ width:40%;}
	.slide-txt-bold{ padding-top:20px;}
	ul.slider-dec{ padding-right:10px;}
ul.we-are li{width: 31.3%;  margin: 0 1%;}
.car-dec-right, .car-dec-left{ width:49%;}
.header-right{ padding-right:0;}


}


@media only screen and (max-width:1024px) {
	.we-are-dec { bottom: 124px; left: -4%; margin-left: 0; position: absolute; width: 104%;}
.nav-item a{ padding: 12px 10px;}
.footer-left{ width:27%;}
.footer-middle{ width:46%; padding:0 2%; margin:0;}
.footer-right{ width:27%;}

}

@media only screen and (max-width: 960px) {
.nav-item a {  padding: 16px 10px;}
.logo{ width:100%; text-align:center;}
.header-right{ width:100%;}
.slider-right{ margin-top:-14px;}
.nav-item {border-bottom: 1px solid #D30202;}
.nav-item a:hover, .nav-item a:focus, .nav-item a.current{ border-radius:inherit;}

} 

@media only screen and (max-width: 768px) {
.slider-left{ width:100%;}
.slider-right { width: 24%; margin-top: -45px;}
ul.we-are li { float: none;margin: 20px auto 0; width: 333px;}
ul.feature-product li{ width:33.33%;}
.footer-top .heading h2{ min-width:100%;}


}

@media only screen and (max-width: 640px) {
ul.feature-product li h2, .heading h2, .bold-txt, .footer-bottom-right, .slide-txt-bold, .car-dec-right h2{ font-size:15px;}
ul.feature-product li p, .footer-top p, ul.footer-link li a, .slide-txt, .search-field, .car-dec-right p{ font-size:13px;}
.slider-right {margin-top: 30px;}
.car-dec-right, .car-dec-left{ width:100%; padding-bottom:15px;} 


}

@media only screen and (max-width: 568px) {
ul.feature-product li { width: 50%;}
.footer-left {width: 50%;}
.footer-middle{ width:50%;}
.footer-right{ width:100%; padding-top:20px;}
ul.header-right-top li{ padding-left:8px;}  
}


@media only screen and (max-width: 480px) {
ul.slider-dec{ padding-right:0;}
ul.slider-dec li{ width:33.33%; padding:5px;}
.footer-bottom-left{ width:100%; text-align:center;}
.footer-bottom-right{ width:100%; text-align:center; padding-top:15px; }
.footer-bottom-right i{ float:none; font-size:19px;}
ul.header-right-top li{ width:100%; padding-left:0; padding-bottom:10px;}
ul.header-right-top{ width:98%; padding:0 1% 15px 1%;}
ul.header-right-top li a{ text-align:right;}
.search-field-main{ width:100%;}
.slider-right {float: none; margin: 0 auto;width: 30%;}
.heading h2{ min-width:100%;}
ul.bred li a, ul.bred li{ font-size:13px;}
}


@media only screen and (max-width: 360px) {
.slider-right {width: 44%;}
ul.feature-product li{ width:100%;}
ul.we-are li{ width:100%;}
.footer-left{ width:100%; padding-bottom:15px;}
.footer-middle{ width:100%; }
ul.bred li a, ul.bred li{ font-size:10px;}
ul.bred li a i{ font-size:15px;}
ul.bred li{ line-height:17px;}
ul.nxt-pre li a{ font-size:11px;}
ul.bred li{ padding-right:6px;}
}

@media only screen and (max-width: 320px) {
	
	.slider-right { overflow:hidden; padding-top:20px; width: 50%;}

}