@charset "utf-8";
@media only screen and (max-width: 1920px) {
   
}
@media only screen and (max-width: 1600px) {
   
}
@media only screen and (max-width: 1536px) {
#nav{
	width:78%!important;
	}  
}
@media only screen and (max-width: 1440px) {
#nav{
	width:81%!important;
	}
}
@media only screen and (max-width: 1366px) {
#nav{
	width:86%!important;
	}
.sm-blue a, .sm-blue a.highlighted, .sm-blue a:active, .sm-blue a:focus, .sm-blue a:hover {
    padding: 5px 16px!important;
    color: #3e3e96;
}
}
@media only screen and (max-width: 1360px) {
#nav{
	width:86%!important;
	}
}
@media only screen and (max-width: 1280px) {
#nav{
	width:91%!important;
	}
}
@media only screen and (max-width: 1200px) {
    .container {
        width: 90%;
        margin: 0 auto;
    }
   
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	width: 100%;
	padding: 15px;
	}
	
}
@media only screen and (min-device-width: 412px) and (max-device-width: 480px) and (orientation: landscape) {

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	width: 100%;
	padding: 15px;
	}
#main{
	padding-top: 184px;
}
header .logo{
	width:60%;
	padding:3% 0% 0%;
	}   
header .logocenter{
	width: 40%;
	padding:6% 0% 0%;
}
header .serviceto{
	width: 100%;
	font-size: 14px;
}
header.smaller .logo{
	width:45%;
	padding:3% 0%;
}
header.smaller .logocenter{
	width: 25%;
	padding:6% 0%;
}
header.smaller .serviceto{
	width:30%;
	padding:10% 0% 0%;
	font-size:7px;
}
#nav{
	width:95%;
}
#navtwo{
	width:95%;
}
.sm-blue ul a, .sm-blue ul a:active, .sm-blue ul a:focus, .sm-blue ul a:hover{
	color:#222!important;
}
.Section_One .Title{
	font-size:18px;
	padding:0;
	}
.Section_One .Title::before {
	top: 8px;
	left: 5%;
	}
.Section_One .Title::after {
	top: 8px;
	right: 5%;
	}
#slider3 {
    padding: 21% 0 0;
	}
.prev3{
	left: 31%;
}
.next3{
	right:36%;
}
.Section_Two{
	padding:8% 0 3%;
}
.Section_Two .Title{
	font-size:18px;
	padding:0;
	}
.Section_Two .Title::before {
	top: 8px;
	left: 5%;
	}
.Section_Two .Title::after {
	top: 8px;
	right: 5%;
	}
#slider4 {
    padding: 26% 0 0;
	}
.prev4{
	left: 31%;
	}
.next4{
	right:36%;
	}
.Section_Three .rt_three .lt_profile .title_bg{
	font-size: 15px;
}
.Section_Three .rt_three .lt_profile{
	width: 100%;
	border-right:none;
	}
.Section_Three .rt_three .profile_mssg{
	width: 100%;
	padding:2% 0%;
	}
.pd_rt4{
	padding-right: 0%;
}
.inner_contain{
	padding: 2% 6%;
}
.inner_contain .col-sm-3, .col-sm-9{
	padding: 0px!important;
}
.inner_contain .rt_contain .text_box{
	margin-bottom: 5%;
}
.management_contain .management_details{
	flex:0 100%;
	padding:10px 10px;
	margin:10px 10px;
}
.product_container .prd_cat_container .prd_cat_inner .prd_list{
	flex: 0 50%;
}
.product_container .col-sm-3, .col-sm-9{
	padding:0px!important;
	}
.footer{
	padding:4% 0%;
}
.footer .copyright{
	width: 100%;
	text-align: center;
	}
.footer .counter{
	width: 100%;
	text-align: center;
	padding:2% 0%;
}

.Section_four .Title{
	font-size:18px;
	padding:0;
	}
.Section_four .Title::before {
	top: 8px;
	left: 5%;
	margin-left:0 !important;
	}
.Section_four .Title::after {
	top: 8px;
	right: 5%;
	}
.navrightsupplier {width: 100% !important; padding:0px; float:none; margin:0 auto;}
.product_container .prd_cat_container .prd_cat .prd_list{
	flex: 0 100%;
}
.whats_new .whats_new_inner{
	padding: 0% 7%;
}
.product_container .sub_nav ul li{
	display: block;
}
.scrollToTop{
	display: none;
}
.dbox{
	display: none!important;
}
.mbox{
	display: block!important;
}








}