@charset "utf-8";

/* CSS Document */

@media only screen and (max-width:1200px){
	.container{ width:98%;}
	.bxslider li .center{ width:98%;}
	.read-more{ width:98%;}
	.read-more a{ padding:14px 5%;}
	.header2 .logo-menu .logo{ width:31%;}
	.header2 .logo-menu .menu{ width:68%;}
	.header2 .logo-menu .menu ul li{ margin:0 1% 0 2%;}
	.read-more .read{ text-align: center;}
	.read-more .read p{ padding: 5px 0;}

	.our-product .see-all a.see{ display: none;}
	.product-slider li{ height: auto;}
	.product-slider li h3{ margin: 8px 0;}	

	.our-detail{ text-align: center;}
	.one-fourth{ width: 21%;}
	
	.contact-sec{ }
	.contact-sec section{  width:98%; margin:0 auto;}
	.form-bg{ width:50%; margin:0;}
	section .mix-box .right{ width:100%; padding:0; margin:20px 0 0 1%; float:left;}
	section .mix-box .right .txt-field{ width:41%; margin:0px 0 0px 0;}
	section .mix-box .right .txt-field input{ margin:0px 0 6px 0px; padding:5px 0 12px 10px;}
	section .mix-box .right .txt-field2{ float:left; margin:0 0 0 2%;}
	section .mix-box .right span{ margin:10px 0 0 2px;}
	section .mix-box .right .txt-field2 select{ padding:6px 0 12px 5px; margin:0;}
	section .mix-box .right .txt-field3{ width:84%; margin:7px 0 0 -3px; display:inline-block; vertical-align:top;}
	section .mix-box .right .txt-field input[type="submit"]{ padding:10px 42px; margin:15px 0 0 0;}
	section .contact-map .left{ width:326px; margin:3% 0 0 3%;}
	.contact-map{ height:auto;}
	
	
	.footer .bx{ width:30%; margin:10px 3% 0 0;}
	.footer .bx p{ margin:20px 0 0 0; line-height:25px;}
	.footer .bx2{ width:25%; margin:10px 0 0 0;}
	.footer .bx3{ width:41%; margin:10px 0 0 0;}
	.footer-mul-add{ margin:20px 0;}
	.footer .bx2 ul{ width:45%; margin:14px 3% 0 0;}
	.footer .bx3 ul li .lft-sec{ width:12%; margin:6px 1% 0 0;}
	.footer .bx3 ul li .ryt-sec{ width:82%;}
	section .mix-box{ height:auto; padding-bottom:20px;}
	
	.footer .bx2 ul li a{ line-height:30px;}
	
/* about page css starts here */
	.banner img{ height:210px;}
	.breadcrumb{ margin:10px 0 10px 0;}
	.about{ margin:10px 0 10px 0;}
	.about p img{ width:100%; height:auto;}

/* about page css ends here */

/* about page css starts here */
	.lft-img img{ box-sizing:border-box;}

/* about page css ends here */

	.one-third{ margin:0 1%;}
	.one-third h3{ margin:15px 0 0 0;}	
	.testimonial{ margin:10px 0 50px 0;}
	
	.contact-form .con-field{ margin:2% 5% 0 0;}
	.contact-form .con-field2{ width:100%; margin:20px 0 0 0;}
	.contact-form .con-field3{ width:100%; display:inline-block; vertical-align:top; margin-bottom:15px; text-align:center;}
	.contact-form .con-field3 input[type="submit"]{ margin:10px 0 10px 0;}
	.contact-form .con-field:nth-child(3n){ margin:2% 0 0 0;}	
	.map-sec iframe{ box-sizing:border-box;}
	.product-slider li{ width: 289px !important}
	.team .one-fourth2{ width: 276px !important; margin:0 0 0 13px !important; }
}

@media only screen and (max-width:1120px){
	.product-slider li{ width: 280px !important;}
	.product-slider li .d-none .center-img{ width: 280px;}

	.team .one-fourth2{ width: 255px !important; margin: 0 1% 0 0;}
	.team .one-fourth2 img{ height: auto;}
	.product-slider li{ width: 275px !important}
	.team .one-fourth2{ width: 261px !important; margin:0 0 0 13px !important; }

}	

@media only screen and (max-width:1069px){
	.read-more a{ padding:14px 4%;}
	.product-slider li{ width: 265px !important;}
	.product-slider li .d-none .center-img{ width: 265px;}

	.team .one-fourth2{ width: 240px !important;}
	.product-slider li{ width: 251px !important}
	.team .one-fourth2{ width: 241px !important; margin:0 0 0 10px !important; }
	.product-slider li h3{ font-size: 19px;}
}

@media only screen and (max-width:1024px){
	.header2{ background-size:72% 100%;}
	.header2 .logo-menu .logo{ width:25%;}
	.header2 .logo-menu .menu{ width:72%;}
	.header2 .logo-menu .menu ul li:first-child{ margin-left:25px;}
	.bxslider li .center{ top:190px;}
	.bxslider li .center h2{ font-size:30px;}
	.bxslider li .center p{ font-size:18px; margin:11px 85px 0;}
	.read-more{ position:static; text-align:center;}
	.bxslider li img{ height:auto;}
	.read-more .read{ width:100%; margin:0; padding:0;}
	.read-more a{ display:block; padding:10px 0; margin:0; font-size:25px;}

	.one-fourth h3{ font-size: 20px; margin: 10px 0 0 0;}
	.one-fourth p{ font-size: 15px; margin: 20px 0  0 0; line-height: 20px;}
	.bg-img{ margin: 20px 0 0 0; padding:  0 0 20px 0; height: auto;}
	.team .one-fourth2 h4{ font-size: 20px; margin: 10px 0 0 0;}
	.team .one-fourth2 h5{ font-size: 15px; margin: 5px 0 0 0;}
	
	.tbm-product-contents ul{ text-align:center;}
	.tbm-product-contents ul li{ width:30%; margin:1% 1%;}
	
	.gallery-bx{ width:32%;}
	
	
}

@media only screen and (max-width:1000px){
	.product-slider li{ width: 250px !important;}
	.product-slider li .d-none .center-img{ width: 250px;}

	.team .one-fourth2{ width: 225px !important;}
	
	/*section .contact-map .left address{ background-size:cover; height:auto;}
	section .contact-map .left ul{ padding:10px 2px 4px;}*/
	
	.footer .bx{ width:50%;}
	.footer .bx2{ width:46%;}
	.footer .bx3{ width:100%;}
	.footer .bx3 ul li .lft-sec{ width:6%;}
	.footer .bx3 ul li .ryt-sec{ width:90%;}
	.product-slider li{ width: 240px !important}
	.team .one-fourth2{ width: 230px !important; margin:0 0 0 10px !important; }
	
}	
@media only screen and (max-width:900px){
	.header2 .logo-menu .menu ul li{ margin:0 1% 0 1%;}
	/*.product-slider li{ width: 300px !important; height: 248px;}
	.product-slider li .d-none .center-img{ width: 300px;}*/
	.our-product{ margin: 15px 0 0 0;}
	.hdng h3{ font-size: 25px;}
	.product-slider li h3{ font-size: 18px; margin: 10px 0 0 0;}

	.one-fourth{ width: 44%; margin: 2%;}
	.one-fourth p{ text-align: center;}
/*
	.team .one-fourth2{ width: 286px !important; margin:0 !important; border:1px solid #ccc;}
	.team .one-fourth2 a{ margin:3px 0 8px 0;}*/

	.product-slider li{ width: 294px !important}
	.team .one-fourth2{ width: 284px !important; margin:0 0 0 10px !important; }
	.product-slider li .d-none{ width: 100%; left: 0; right: 0}
	.product-slider li .d-none .center-img{ width: 100%; display: block;}
	.product-slider li .d-none .center-img a{ margin-top: 28%;}
}


@media only screen and (max-width:860px){
	.header2.sticky{ display: none;}	
	.header2{ background: none;}
	.header2 .logo-menu .menu{ display: none;}
	.header2 .logo-menu .logo{ width: 100%; text-align: center;}
	.header2 .logo-menu .logo a img{ width: 360px; height: auto;}
	.header{ background-size: 77% 100%;}
	.bxslider li .center h2{ font-size: 20px;}
	.bxslider li .center{ top: 160px;}
	.bx-wrapper .bx-controls-direction a{ width: 35px; height: 35px;}
	.bx-wrapper .bx-prev, .bx-wrapper .bx-next{ background-size: 36px;}
	.header .top-head .top-lft{ width: 72%;}
	.header .top-head .top-ryt{ width: 23%;}

	
	.product-slider li img, .product-slider li .d-none .center-img{ height: 193px;}	

	.team .one-fourth2{ width: 273px !important;}
	.our-team .bx-wrapper .bx-prev{ background-size: 36px;}
	.our-team .bx-wrapper .bx-next{ background-size: 36px;}
	
	section .mix-box .right h4{ font-size:30px;}
	
	.one-third{ width:47%; margin:1% 1%;}
	.testimonial{ margin:10px 0 50px 0;}
	.product-slider li{ width: 262px !important}
	.team .one-fourth2{ width: 252px !important; }
	.product-slider li{ height: 230px;}
}

@media only screen and (max-width:800px){
	.product-slider li img, .product-slider li .d-none .center-img{ height: 177px;}
}	

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

	.product-slider li{ width: 251px !important; height: 220px;}
	.team .one-fourth2{ width: 242px !important; }
	.product-slider li img, .product-slider li .d-none .center-img{ height: 170px;}


	.team .one-fourth2{ width: 246px !important;}
	
	section .mix-box .right .txt-field input{ padding:5px 0 5px 10px;}
	section .mix-box .right .txt-field2 select{ padding:5px 0 5px 5px;}
	section .mix-box .right textarea{ padding:5px 0 0 6px; height:60px;}
	section .contact-map .left{ width:100%; margin:15px 0 0 0;}
	.form-bg{ width:100%;}
	section .mix-box{ background-image:none; background-color:RGBA(0, 0, 0, 0.71);}
	section .mix-box .right h4{ font-size:20px;}
	section .mix-box .right span{ margin:0;}
	section .mix-box .right .txt-field{ width:23%;}
	section .mix-box .right .txt-field2{ margin:0 2%;}
	section .mix-box .right .txt-field3{ width:98%; box-sizing:border-box;} 
	section .mix-box .right{ padding:0 10px; box-sizing:border-box; margin:12px 0 0;}
	section .mix-box .right .txt-field input[type="submit"]{ padding:4px 32px;}
	section .mix-box .right form{ margin:10px 0;}
	section .contact-map .left address{ width:100%; min-height:auto; background-image:none; background-color:RGBA(45, 139, 200, 0.71); margin:0 0 20px 0;}
	section .contact-map .left ul li.icon-2 .mobile br{display:none;}
	.tbm-product-contents ul li{ width:47%;}
	
	.gallery-bx{ width:48%;}
	.map-sec iframe{ height:200px;}
	.bg-img{ margin:20px 0 0 0;}
}	

@media only screen and (max-width:736px){
	.product-slider li{ width:239px !important;}
	.team .one-fourth2{ width:236px !important;}
}
@media only screen and (max-width:730px){
	.product-slider li{ width: 218px !important; height: 220px;}
	.team .one-fourth2{ width: 209px !important;}
	.product-slider li img, .product-slider li .d-none .center-img{ height: 170px;}
	
}
@media only screen and (max-width:667px){
	button#responsive-menu-button{ top: 50px !important;}
	#responsive-menu-container{ top: 90px !important;}
	.header .top-head .top-lft{ width: 100%; text-align: center;}
	.header{ background-size: 100%;}
	.header .top-head .top-ryt{ width: 100%; text-align: center; margin: 10px 0 0 0;}
	.bxslider li .center{ display: none;}
	.header2 .logo-menu .logo a img{ width: 290px; margin: 30px auto;}
	.read-more a{ font-size: 20px; font-weight: normal;}
	.team .one-fourth2 h4{ font-size: 18px; }
	.team .one-fourth2 h5{ font-size: 13px;}

	
	
	.footer .bx3 ul li .lft-sec{ width:8%;}
	.footer .bx3 ul li .ryt-sec{ width:89%;}
	.footer-mul-add{ width:100%;}	
	
	.one-third{ width:80%;}
	
	.contact-form .con-field{ width:47%;}
	.contact-form .con-field2{ width:99%;}
	.contact-form .con-field3{ width:100%; text-align:center;}
	.our-product .bx-wrapper .bx-controls-direction a{ top:85px;}
	.product-slider li h3{ font-size:14px;}
}

@media only screen and (max-width:640px){
	.team .one-fourth2 h4{ font-size:15px;}
	.product-slider li{ width: 209px !important; height: 190px;}
	.team .one-fourth2{ width: 200px !important;}
	.product-slider li img, .product-slider li .d-none .center-img{ height: 150px;}	
}

@media only screen and (max-width:610px){
	.tbm-product-contents ul li{ width:46%;}
	.product-slider li{ width: 196px !important; height: 185px;}
	.team .one-fourth2{ width: 191px !important; margin:0 3px !important}
	.product-slider li img, .product-slider li .d-none .center-img{ height: 140px;}	
}
@media only screen and (max-width:599px){
	.product-slider li{ width: 279px !important; height: 225px;}
	.team .one-fourth2{ width: 269px !important; margin:0 5px !important}
	.product-slider li img, .product-slider li .d-none .center-img{ height: 180px;}	
}
@media only screen and (max-width:567px){
	
	.our-product{ margin: 10px 0 0 0;}
	.product-slider{ margin: 10px 0 0 0;}
	.hdng h3{ font-size: 20px;}
	.product-slider li .d-none .center-img{ height:228px;}
	
	.product-slider li h3{ font-size:15px; margin:6px 0 0 0;}

	.team .one-fourth2{ width: 260px !important;}
	
	section .mix-box .right .txt-field{ width:48%; margin:5px 1%;}
	section .mix-box .right .txt-field3{ width:98%; margin:9px 2px;}
	section .mix-box .right .txt-field input[type="submit"]{ margin:0;}
	
	.footer .bx{ width:100%; margin:10px 0 0 0;}
	.footer .bx h3{ font-size:20px;}
	.footer .bx2 ul{ width:47%;}
	.footer .bx2 ul li a{ line-height:25px;}
	
	.lft-img{ width:100%; text-align:center;}
	.lft-img img{ width:301px; height:auto; margin:0 auto;}
	.right-sec{ width:100%; text-align:center; margin:10px 0 0 0;}
	
	.gallery-bx{ width:80%;}
	.gallery-bx .gallery-img a img{ height:auto;}
	.gallery-bx .gallery-img{ height:auto;}
	
}
@media only screen and (max-width:560px){
	.product-slider li{ width: 235px !important; height: 205px;}
	.team .one-fourth2{ width: 224px !important; margin:0 6px !important}
	.product-slider li img, .product-slider li .d-none .center-img{ height: 162px;}	
}
@media only screen and (max-width:480px){	
	.header .top-head .top-lft ul li img.res-msg{ display: inline-block; float: left; margin: 0 9px; width: 22px; height: 25px; cursor:pointer;}
	.header .top-head .top-lft ul li img.des-msg{ display:none;}
	
	.header .top-head .top-lft ul li .res-phone{ display: inline-block; float: left; margin: 0 9px; width: 22px; height: 25px; cursor:pointer;}
	.header .top-head .top-lft ul li img.des-phone{ display:none;}
	
	.header .top-head .top-lft ul li a.email_1{display:none; position:absolute; left:10px; top:40px;}
	.header .top-head .top-lft ul li a.tel_1{display:none; position:absolute; left:10px; top:40px;}
	.header .top-head .top-lft ul li a.email_1 span{ color:#fff; font-size:17px;}
	.header .top-head .top-lft ul li a.tel_1 span{ color:#fff; font-size:17px;}
	
	.header .top-head .top-lft ul li{ display: block;}
	.header{ background-size: 100% 100%; background-position: 0 0; height: 70px; background:none;} 
	button#responsive-menu-button{ top: 5px !important;}
	#responsive-menu-container{ top: 45px !important;}
	.header2 .logo-menu .logo a img{ width: auto; margin: 10px auto 0;}
	.bx-wrapper .bx-controls-direction a{ width: 25px; height: 24px;  top: 68%;}
	.bx-wrapper .bx-prev, .bx-wrapper .bx-next{ background-size: 25px;}
	.header .top-head{ margin: 5px 0 0 0;}
	.header .top-head .top-ryt{ width:35%; margin: 0px auto; position:absolute; left:0; right:0;}
	.read-more .read p{ font-size: 15px; font-weight: normal;}

	.one-fourth{ width: 100%; margin: 5% 0 0 0;}

	.our-team .bx-wrapper .bx-prev{ width: 26px;}
	.our-team .bx-wrapper .bx-prev, .our-team .bx-wrapper .bx-next{ background-size: 26px;}
	.team .one-fourth2 h4{ font-size: 16px;}
	.team .one-fourth2 h5{ font-size: 15px;}
	.team .one-fourth2 a{ font-size: 15px;}
	
	.tbm-product-contents ul li{ width:80%;}
	
	.one-third{ width:95%;}
	.one-third h3{ font-size:18px; font-weight:normal;}
	.one-third p{ font-size:14px;}
	
	.contact-form .con-field{ width:99%;}
	
	.banner img{ min-height:170px;}
	
	

	
}

@media only screen and (max-width:440px){
	.product-slider li{ width: 188px !important; height: auto;}
	.team .one-fourth2{ width: 180px !important; margin: 0 4px !important;}
	.header2 .logo-menu .logo a img{ width: 60%;}
	.header .top-head .top-ryt ul li{margin: 2px 1px 0 1px}
	/*.our-product .bx-wrapper .bx-viewport{ height: 300px !important}*/
	.product-slider li img, .product-slider li .d-none .center-img{ height: 140px;}
	section .contact-map .left ul li.icon-2 .mobile br{display:block;}
}	

@media only screen and (max-width:380px){	
	.header2 .logo-menu .logo a img{ width: 150px;}
	.header2 .logo-menu .logo a img{ width:200px; margin: 0px auto 0;}
	.header .top-head .top-lft{ text-align: left;}

	.gallery-bx{ width:100%;}
	.gallery-bx .gallery-img{ height:auto;}
	
	.header .top-head .top-ryt{ width:55%;}
	.product-slider li{ width: 184px !important; height: auto;}
	.team .one-fourth2{ width: 178px !important; margin: 0 3px !important;}
	.product-slider li h3{ font-size: 13px;}
}	
@media only screen and (max-width:370px){
	.product-slider li{ width: 177px !important; height: auto;}
	.team .one-fourth2{ width: 171px !important; margin: 0 3px !important;}
	.product-slider li img, .product-slider li .d-none .center-img{ height: 125px;}
	.team .one-fourth2 h4{ font-size: 13px;}
	.team .one-fourth2 h5{ font-size: 12px;}
	.team .one-fourth2 a{ font-size: 12px;}
}
@media only screen and (max-width:359px){
	.product-slider li{ width: 157px !important; height: auto;}
	.team .one-fourth2{ width: 151px !important; margin: 0 3px !important;}
	
}
@media only screen and (max-width:340px){
	
	.product-slider li .d-none .center-img{ width: 330px;}
	
	.tbm-product-contents ul li{ width:95%;}
}