/* responsive style starts here */


@media screen and (max-width: 1900px) { }

@media screen and (max-width: 1366px) { }

@media screen and (max-width: 1280px) {
.container {  width: 90%; margin: 0 5%; }
.three-col li { height: 250px;}
.three-col li .caption p { font-size: 18px; }

}

@media screen and (max-width: 1168px) {
header .lan { float: left; margin-left: 10%;}

}

@media screen and (max-width: 1024px) { 
.three-col li { height: 200px;}
.h-contact li { width: 50%; padding: 2px 40px; height: 140px; }
.h-contact li:nth-child(2) { border-right: none;}
.h-contact li:nth-child(4) { border-right: none;}
.row4 .qty-block .leftbar.one { width: 100%; }
.row4 .qty-block .leftbar.two { width: 100%; margin-top: 40px; }
.row4 h2 { font-size: 24px;}
.contact-left { width: 100%; }
.contact-right { width: 100%; margin-top: 50px; }

}

@media screen and (max-width: 1000px) { 
.three-col li { width: 60%; height:auto; margin: 10px 20%;}
.service li { width: 100%; }
.service li:nth-child(odd) { margin-right: 0%; }

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 800px) {

}

@media screen and (max-width: 768px) {
header .topbar .logo { width: 100px; margin-top: 0px; }
header .topbar .logo img{ width: 60px; }
header .topbar .logo { padding: 2px 0; }
.slider2-wrap .slider2 .leftbar { width: 100%; }
.sevice-img-block { width: 100%; margin-bottom: 24px; }
.sevice-img-block img { width: 100%; }
}

@media screen and (max-width: 550px) {
.bxslider { display: none; }
.slider-bg { display:block; }
header .logo {  width: 90px; } 
header .logo img { width: 90px; }
header .lan {  margin-left: 0%; }
.slider2-wrap {margin-top: -30%; }
}

@media screen and (max-width: 480px) {
.row3 ul li { width: 100%; }
.three-col li { width: 100%; height:auto; margin: 10px 0%; }
.h-contact li { width: 100%; padding: 2px 40px; height: 140px; border-right: none; }
.h-contact li:last-child { border-right: none; }
h3 { text-align:center !important; }
.contact-left ul li p { font-size: 14px; }
}

@media screen and (max-width: 320px) {
	
}


