@charset "utf-8";
/* CSS Document */
@import url("font.css");


body{margin: 0;padding: 0;}
.wrapper{margin: 0 auto;padding: 0;width: 1250px;height: auto;}
header .bg-white {background-color:rgba(0, 0, 0, 0.5);transition:1s linear;height: 122px; width: 100%;}
header .clearHeader{transition:1s;}
.head{float: left;margin: 0;padding: 0;width: 230px;height: 30px;}
.fixed-top{ position:fixed;top:0;right:0;/*-left:0;-*/z-index:9999; width:100%;}
.cl-d1{float: left;margin: 0;padding: 0;width: 100%;height: auto;}
.main-logo{float: left;margin: 0;padding: 0;width: 100%;height: auto;margin-top: 2%;position: absolute;z-index: 9999;}
.right-top{float: right;margin: 0;padding: 0;width: 203px;height: 24px;margin-right: 15px;margin-top: 10px;}
.talk{float: left;margin: 0;padding: 0;width: 154px;height: auto;}
.nav{float: right;margin: 0;padding: 0;width: 35px;height: 26px;margin-top: 1px;}
.logo{margin:0 auto;padding: 10px 15px;background-color: rgba(6, 25, 37, 0.5);text-align: center;width: 280px;height: 79px; position:fixed;top:10px;left:50px;}
.banner{margin: 0 auto;padding: 0;width: 100%;}
.cl-d2{float: left;margin: 0;padding: 0;width: 100%;height: 988px;background: url("images/bg1.jpg") no-repeat center center fixed #03152b;/*-display: table;-*/-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.main-part{padding: 0;width: 1250px;height: auto;margin: -39px auto;position: relative;z-index: 9;}
.part1{float: left;margin: 0;width: 100%;height: 538px;background-color: #ffffff;}
.box1{float: right;margin: 15px; padding: 0;width:427px;height: 506px;
border: 1px solid #dadada;color: #000;position: relative;}
.t1{font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 38px;color: #1d1d18;text-align: center;font-weight: 500;margin-top: 55px;margin-bottom: 15px;line-height: 45px;}
.t1 .dash-line{margin: 0 auto 20px;padding: 0;width: 66px;height: 4px;background-color: #4dc6e1;}
.box1 p, .box2 p{ padding: 25px;font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 16px;color: #000;line-height: 26px;text-align: center;}
.box2{float: left;margin: 15px; padding: 0;width:427px;height: 506px; border: 1px solid #dadada;color: #000;position: relative;}
.part1 .part1-img{float: left;margin: 0;width:791px;height: 538px; }
.part1-img img{ margin:0; padding:0; width:100%; height:100%;}
.part2-img img{ margin:0; padding:0; width:100%; height:100%;}
.part2{float: left;margin: 0;width: 100%;height: 538px;background-color: #ffffff;}
.part2 .part2-img{float: right;margin: 0;width:791px;height: 538px; }






.box2ab{float: left;margin: 15px; padding: 0;height: auto; border: 1px solid #dadada;color: #000;position: relative;}
.box2ab p{ font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 16px;color: #a2a2a2;line-height: 26px;text-align: left;}

.box2a{float: left;margin: 15px; width: 97%; padding: 0;height: auto; border: 1px solid #dadada;color: #000;position: relative;}
.box2a p{ padding: 35px;font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 16px;color:#000;line-height: 26px;text-align: left;}
.part2a{float: left;margin: 0;width: 100%;height: auto;background-color: #ffffff; margin-top:80px;}

.t1a{font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 32px;color: #1d1d18;text-align: left;font-weight: 500;padding: 35px;margin-bottom: -60px;line-height: 30px;}
.cl-d2a{float: left;margin: 0;padding: 0;width: 100%;height: 100%; margin-bottom:50px; background: url("images/bg1.jpg") no-repeat center center fixed #03152b;/*-display: table;-*/-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.right-imga{ float:left; margin:0px 30px 40px 0px; padding:0px;}
.right-imga1{ float:left; margin:0px 30px 40px 0px; padding:0px;}
.right-imga1a{ float:left; margin:0px 30px 300px 0px; padding:0px;}

.right-imga111{ float:left; margin:0px 30px 110px 0px; padding:0px;}

.right-imga12{ float:left; margin:0px 0px 20px 0px; padding:0px;}


.enquiry-form2 {
	font-family: Calibri;
	font-size:15px;
	font-weight: normal;
	height:32px;
	padding-left:5px;
	background-color:#e7e7e7;
	border:thin;
	color: #000;
}
.enquiry-form3  {
	font-family: Calibri;
	font-size:15px;
	font-weight: normal;
	height:120px;
	padding-left:5px;
	background-color:#e7e7e7;
	border:thin;
	color: #000;
	width: 316px;
}
.enquiry-buttom {
	font-family: Calibri;
	font-size:15px;
	font-weight: normal;
	height:30px;
	line-height: 20px;
	background-color:#00223b;
	border:thin;
	color: #fff;
}
.enquiry-text{ font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 14px;color: #000;line-height: 26px;text-align: left;}

.text02{ margin-bottom:-80px;}
.box2abcd{float: left;margin: 15px; padding: 0;width:100%x;height: auto; border: 1px solid #dadada;color: #000;position: relative;}
.box2abcd p{ font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 16px;color: #000;line-height: 26px;text-align: left; margin-left:35px; margin-right:35px;}


.sitemap-text2{ color:#000; text-decoration:none; line-height:32px;}
.sitemap-text{ color:#000; text-decoration:none; line-height:32px;}
.sitemap-text:hover{ color:#91c244; text-decoration:none;}







.cl-d3{float:left; margin:0; padding:0; width:100%;height:600px;background: url("images/bg.png") no-repeat center center fixed #000000;display: table;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.team{margin: 0;padding: 0;height: auto;margin-top: 160px;text-align: center;font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 16px;color: #ffffff;line-height: 30px;}
.t2{font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 38px;color: #ffffff;text-align: center;font-weight: 500;margin-top: 180px;margin-bottom: 15px;line-height: 45px;}
.t2 .dash-line{margin: 0 auto 20px;padding: 0;width: 66px;height: 4px;background-color: #4dc6e1;}
.cl-d4{float:left; margin:0; padding:0; width:100%;height:600px;background: url("images/bg2.jpg") no-repeat center center fixed #000000;display: table;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.cl-d5{float: left;margin: 0;padding: 0;width: 100%;height: auto;background-color: #ffffff;}
.product{margin:0 auto;padding: 0;width: 1346px;height: auto;z-index: 3;position: relative;background-color: #ffffff;}
.t3{font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 35px;background-color: #91c244;margin: 0;padding: 5px 0;text-align: center;}
.main-product{float: left;margin: 0;width: 100%;height: auto;}
.pro{float: left;margin: 0;padding: 0;width: 269px;height: 227px;}
.cl-d6{float:left; margin:0; padding:0; width:100%;height:700px;background: url("images/bg3.jpg") no-repeat center center fixed #03152b;display: table;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.view-all{position: relative;z-index: 2;}
a.link{content: '';z-index: -5;transition: 0.3s cubic-bezier(0, 1.13, 0.58, 1.28); width: 104px;}
a.link::before, a.link::after {content: '';position: absolute;z-index: -5;background: #abd904;transition: 0.3s cubic-bezier(0, 1.13, 0.58, 1.28);}
a.link-bottom {display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;margin: 0;padding: 0 20px 17px;width: 104px;max-width: 140px;height: 100px;text-align: center;font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 22px;color: #ffffff;text-decoration: none;}
a.link-bottom:before, a.link-bottom:after {/*! bottom: 30px; */margin-top: -30px;left: 0;right: 0;height: 140px;width: 170px;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;will-change: transform;}
a.link-bottom:before {-webkit-transform: translate(-13px, 15px) rotate(90deg) skew(37deg);transform: translate(-13px, 15px) rotate(90deg) skew(37deg);}
a.link-bottom:after {-webkit-transform: translate(-13px, 15px) rotate(90deg) skew(-37deg);transform: translate(-13px, 15px) rotate(90deg) skew(-37deg);}
a.link-bottom:hover {height: 131.2px;}
a.link-bottom:hover:before, a.link-bottom:hover:after {bottom: 25.2px;margin-top: -25.2px;}
a.link-position-1 {position: absolute;bottom: 0;left: 50%;-webkit-transform: translate(-50%, 100%);transform: translate(-50%, 100%);}
.vision{margin: 250px auto 74px;padding: 0;width:1250px;height: auto;}
.t4{font-family: "Noto Sans", Arial, Verdana, "sans-serif";font-size: 30px;color: #d7df21;text-align: center;letter-spacing: 0.1em;text-transform: uppercase;}
.t4 span{font-size:85px;color: #ffffff;text-transform: uppercase;font-style: italic;}
.visi-text{margin: 0 auto;padding: 0;width: 903px;height: auto;}
.visi-box{float: left;margin: 0;padding: 0;width: 383px;height: auto;margin-right: 120px;text-align: center;color: #ffffff;font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 15px;line-height: 24px;margin-bottom: 45px;}
.visi-box:nth-child(2n){margin-right: 0;}
.t5{font-family: "Noto Sans", Arial, Verdana, "sans-serif";font-size: 34px;color: #ffffff;text-align: center;letter-spacing: 0.1em;text-transform: uppercase;margin-bottom: 25px;}
.cl-d7{float:left; margin:0; padding:0; width:100%;height:415px; background-color:#03152b; display: table;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.cl-d7a{float:left; margin:0; padding:0; width:100%;height:415px; background-color:#03152b; display: table;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.footer-part{padding: 0;width: 1250px;height: auto;margin: -78px auto;position: relative;z-index: 9;}
.footer-part1{float: left;margin: 0;width: 100%;height:auto;background-color: #ffffff;}
.footer-box{float: left;margin: 15px;width: 1220px;background-color:#ffffff;border: 1px solid #dedede;}
.footer-box1{float: left;padding: 0;width: 1170px;height: auto;margin: 22px 26px 15px 26px;}
.footer-box2{float: left;padding: 0;width: 1170px;height: auto;margin: 0px 26px 0px 26px;}
.foot1{float: left;margin: 0;padding: 0;width: 290px;height: auto;margin-right: 50px;font-family: "Poppins", Arial, Verdana, "sans-serif";font-size: 15px;color:#000;line-height: 26px;text-align: left;}
.foot1 span{color: #a4d300;}
.foot1 a{color: #f14e30;text-decoration: none;}
.foot1 a:hover{text-decoration: underline;}
.foot1:nth-child(2n){margin-right: 0;}
.t6{font-family: "Noto Sans", Arial, Verdana, "sans-serif";font-size: 29px;text-align: center;font-style: italic;font-weight: 600;margin-bottom: 35px; color:#000;}
.foot2{float: left;margin: 0;padding: 0;width: 480px;height: auto;margin-right: 50px;margin-bottom: 20px;}
.map{float: left;margin: 0;padding: 0;width: 480px;height: 212px;margin-bottom: 9px;}
/*-- social icon css start here --*/
.social-icons{padding: 0;margin: 0 auto;width:140px;text-align:center;}
.social-icons ul{padding: 0!important;margin: 0!important;list-style-type: none!important;margin-top:10px;}
.social-icons li{float: left!important;margin:0px!important;padding: 0px!important;display: inline!important;width: auto!important;}			
.social-icons li a {-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;display: block!important;float: left!important;height: 100%!important;margin: 0!important;padding: 0!important;width: 44px!important;height: 50px!important;text-indent: -9999px!important;}
.social-icons li a:hover {background-position: 0 -55px!important;}
.social-icons li a {background-color:transparent;}
.social-icons li.facebook a {background: url(images/fb.png) no-repeat 0 0;}
.social-icons li.twitter a {background: url(images/twit.png) no-repeat 0 0;}
.social-icons li.youtube a {background: url(images/youtube.png) no-repeat 0 0;}
/*-- social icon css end here --*/
.footer_cont{ margin:0 auto; padding:0;height:auto;width:100%;margin-top: 7px;font-family:Verdana, Arial, sans-serif;font-size: 13px;color:#000;}
.footer_cont span{color:#000; line-height:23px; font-size:12px; width:34%;margin-bottom:10px;}
.footer_cont span.left{ float:left;margin:0;padding:0;}
.footer_cont span.center{ margin:0 auto; text-align:center;width:250px;}
.footer_cont span.right{float:right;text-align:right;}
a.footer_link, a.f	ooter_cont span.center{color:#000;text-decoration:none;}
a.footer_link:hover, a.footer_cont span.center{text-decoration:underline;}
.brcgs{position: fixed;right: 0;z-index: 99;width: 60px;height: 255px;top: 28%;background-image: url(images/brcgs-blck.jpg);opacity: 0.6;transition: .2s ease-in;background-repeat:no-repeat;}
.brcgs img{margin: 0;padding: 0;width: 100%;height: auto;}
.brcgs:hover{opacity: 1;transition: .2s ease-in;background-image: url(images/brcgs-orignal.jpg);}






@media only screen and (min-width:1301px) and (max-width:1320px){
.main-part, .wrapper {width: 90%;margin: 15px auto;}
.right-imga{ display:none;}
.right-imga1{ width:100%;}
.right-imga1a{ display:none;}
.product{width: 100%;}
.logo{height: auto;}
.head{width: 230px;}
.banner{width: 100%;height: 100%;}
.part1, .part2{height: auto;}
.part1 .part1-img, .part2 .part2-img{ width:100%; height:100%}
.box1, .box2{width: 100%;margin:25px 0;height: auto;background-color: #ffffff;}
.cl-d2{padding:0;height: 2370px;}
.cl-d4{height: 400px;}
.team{margin-top: 50px;}
.cl-d6{height: auto;padding-bottom: 25px;}
.vision{width: 100%;height: auto;margin: 210px auto 50px;}
.visi-text{width: 95%;}
.visi-box{width: 100%;height: auto;}
.footer-part{margin: 0px auto;width: 90%;}
.footer_cont{margin-top: 25px;}
.footer-box{max-height: inherit;width: 96%;}
.footer-box1, .footer-box2{width: 94%;}
.foot1, .foot2{margin-bottom: 25px;}
.pro{width: 25%;}
.footer_cont span{width: 100%;text-align: center;}
.footer_cont span.left, .footer_cont span.right{width: 100%;text-align: center;float: none;}
}






@media only screen and (min-width:1201px) and (max-width:1300px){
.main-part, .wrapper {width: 90%;margin: 15px auto;}
.right-imga{ display:none;}
.right-imga1{ width:100%;}
.right-imga1a{ display:none;}
.product{width: 100%;}
.logo{height: auto;}
.head{width: 230px;}
.banner{width: 100%;height: 100%;}
.part1, .part2{height: auto;}
.part1 .part1-img, .part2 .part2-img{ width:100%; height:100%}
.box1, .box2{width: 100%;margin:25px 0;height: auto;background-color: #ffffff;}
.cl-d2{padding:0;height: 2200px;}
.cl-d4{height: 400px;}
.team{margin-top: 50px;}
.cl-d6{height: auto;padding-bottom: 25px;}
.vision{width: 100%;height: auto;margin: 210px auto 50px;}
.visi-text{width: 95%;}
.visi-box{width: 100%;height: auto;}
.footer-part{margin: 0px auto;width: 90%;}
.footer_cont{margin-top: 25px;}
.footer-box{max-height: inherit;width: 96%;}
.footer-box1, .footer-box2{width: 94%;}
.foot1, .foot2{margin-bottom: 25px;}
.pro{width: 50%;}
.footer_cont span{width: 100%;text-align: center;}
.footer_cont span.left, .footer_cont span.right{width: 100%;text-align: center;float: none;}
}




@media only screen and (min-width:1101px) and (max-width:1200px){
.main-part, .wrapper {width: 90%;margin: 15px auto;}
.right-imga{ display:none;}
.right-imga1{ width:100%;}
.right-imga1a{ display:none;}
.product{width: 100%;}
.logo{height: auto;}
.head{width: 230px;}
.banner{width: 100%;height: 100%;}
.part1, .part2{height: auto;}
.part1 .part1-img, .part2 .part2-img{ width:100%; height:100%}
.box1, .box2{width: 100%;margin:25px 0;height: auto;background-color: #ffffff;}
.cl-d2{padding:0;height: 2150px;}
.cl-d4{height: 400px;}
.team{margin-top: 50px;}
.cl-d6{height: auto;padding-bottom: 25px;}
.vision{width: 100%;height: auto;margin: 210px auto 50px;}
.visi-text{width: 95%;}
.visi-box{width: 100%;height: auto;}
.footer-part{margin: 0px auto;width: 90%;}
.footer_cont{margin-top: 25px;}
.footer-box{max-height: inherit;width: 96%;}
.footer-box1, .footer-box2{width: 94%;}
.foot1, .foot2{margin-bottom: 25px;}
.pro{width: 50%;}
.footer_cont span{width: 100%;text-align: center;}
.footer_cont span.left, .footer_cont span.right{width: 100%;text-align: center;float: none;}
}





@media only screen and (min-width:1001px) and (max-width:1100px){
.main-part, .wrapper {width: 90%;margin: 15px auto;}
.right-imga{ display:none;}
.right-imga1{ width:100%;}
.right-imga1a{ display:none;}
.product{width: 100%;}
.logo{height: auto;}
.head{width: 230px;}
.banner{width: 100%;height: 100%;}
.part1, .part2{height: auto;}
.part1 .part1-img, .part2 .part2-img{ width:100%; height:100%}
.box1, .box2{width: 100%;margin:25px 0;height: auto;background-color: #ffffff;}
.cl-d2{padding:0;height: 2000px;}
.cl-d4{height: 400px;}
.team{margin-top: 50px;}
.cl-d6{height: auto;padding-bottom: 25px;}
.vision{width: 100%;height: auto;margin: 210px auto 50px;}
.visi-text{width: 95%;}
.visi-box{width: 100%;height: auto;}
.footer-part{margin: 0px auto;width: 90%;}
.footer_cont{margin-top: 25px;}
.footer-box{max-height: inherit;width: 96%;}
.footer-box1, .footer-box2{width: 94%;}
.foot1, .foot2{margin-bottom: 25px;}
.pro{width: 50%;}
.footer_cont span{width: 100%;text-align: center;}
.footer_cont span.left, .footer_cont span.right{width: 100%;text-align: center;float: none;}
}




@media only screen and (min-width:901px) and (max-width:1000px){
.main-part, .wrapper {width: 90%;margin: 15px auto;}
.right-imga{ display:none;}
.right-imga1{ width:100%;}
.right-imga1a{ display:none;}
.product{width: 100%;}
.logo{height: auto;}
.head{width: 230px;}
.banner{width: 100%;height: 100%;}
.part1, .part2{height: auto;}
.part1 .part1-img, .part2 .part2-img{ width:100%; height:100%}
.box1, .box2{width: 100%;margin:25px 0;height: auto;background-color: #ffffff;}
.cl-d2{padding:0;height: 1900px;}
.team{margin-top: 50px;}
.cl-d6{height: auto;padding-bottom: 25px;}
.vision{width: 100%;height: auto;margin: 210px auto 50px;}
.visi-text{width: 95%;}
.visi-box{width: 100%;height: auto;}
.footer-part{margin: 0px auto;width: 90%;}
.footer_cont{margin-top: 25px;}
.foot1, .foot2, .map{width: 100%;height: auto;margin-right: 0;margin-top: 15px;}
.footer-box{max-height: inherit;width: 96%;}
.footer-box1, .footer-box2{width: 83%;}
.pro{width: 50%;}
.footer_cont span{width: 100%;text-align: center;}
.footer_cont span.left, .footer_cont span.right{width: 100%;text-align: center;float: none;}
}





@media only screen and (min-width:801px) and (max-width:900px){
.main-part, .wrapper {width: 90%;margin: 15px auto;}
.right-imga{ display:none;}
.right-imga1{ width:100%;}
.right-imga1a{ display:none;}
.product{width: 100%;}
.logo{height: auto;}
.head{width: 230px;}
.banner{width: 100%;height: 100%;}
.part1, .part2{height: auto;}
.part1 .part1-img, .part2 .part2-img{ width:100%; height:100%}
.box1, .box2{width: 100%;margin:25px 0;height: auto;background-color: #ffffff;}
.cl-d2{padding:0;height: 1750px;}
.team{margin-top: 50px;}
.cl-d6{height: auto;padding-bottom: 25px;}
.vision{width: 100%;height: auto;margin: 210px auto 50px;}
.visi-text{width: 95%;}
.visi-box{width: 100%;height: auto;}
.footer-part{margin: 0px auto;width: 90%;}
.footer_cont{margin-top: 25px;}
.foot1, .foot2, .map{width: 100%;height: auto;margin-right: 0;margin-top: 15px;}
.footer-box{max-height: inherit;width: 96%;}
.footer-box1, .footer-box2{width: 83%;}
.pro{width: 50%;}
.footer_cont span{width: 100%;text-align: center;}
.footer_cont span.left, .footer_cont span.right{width: 100%;text-align: center;float: none;}
}




@media only screen and (min-width:701px) and (max-width:800px){
.main-part, .wrapper {width: 90%;margin: 15px auto;}
.right-imga{ display:none;}
.right-imga1{ width:100%;}
.right-imga1a{ display:none;}
.product{width: 100%;}
.logo{height: auto;}
.head{width: 230px;}
.banner{width: 100%;height: 100%;}
.part1, .part2{height: auto;}
.part1 .part1-img, .part2 .part2-img{ width:100%; height:100%}
.box1, .box2{width: 100%;margin:25px 0;height: auto;background-color: #ffffff;}
.cl-d2{padding:0;height: 1670px;}
.team{margin-top: 50px;}
.cl-d6{height: auto;padding-bottom: 25px;}
.vision{width: 100%;height: auto;margin: 210px auto 50px;}
.visi-text{width: 95%;}
.visi-box{width: 100%;height: auto;}
.footer-part{margin: 0px auto;width: 90%;}
.footer_cont{margin-top: 25px;}
.foot1, .foot2, .map{width: 100%;height: auto;margin-right: 0;margin-top: 15px;}
.footer-box{max-height: inherit;width: 95%;}
.footer-box1, .footer-box2{width: 83%;}
.pro{width: 50%;}
.footer_cont span{width: 100%;text-align: center;}
.footer_cont span.left, .footer_cont span.right{width: 100%;text-align: center;float: none;}
}



@media only screen and (min-width:601px) and (max-width:700px){
.main-part, .wrapper {width: 90%;margin: 15px auto;}
.right-imga{ display:none;}
.right-imga1{ width:100%;}
.right-imga1a{ display:none;}
.product{width: 100%;}
.logo{height: auto;}
.head{width: 230px;}
.banner{width: 100%;height: 100%;}
.part1, .part2{height: auto;}
.part1 .part1-img, .part2 .part2-img{ width:100%; height:100%}
.box1, .box2{width: 100%;margin:25px 0;height: auto;background-color: #ffffff;}
.cl-d2{padding:0;height: 1580px;}
.team{margin-top: 50px;}
.cl-d6{height: auto;padding-bottom: 25px;}
.vision{width: 100%;height: auto;margin: 210px auto 50px;}
.visi-text{width: 95%;}
.visi-box{width: 100%;height: auto;}
.footer-part{margin: 0px auto;width: 90%;}
.footer_cont{margin-top: 25px;}
.foot1, .foot2, .map{width: 100%;height: auto;margin-right: 0;margin-top: 15px;}
.footer-box{max-height: inherit;width: 95%;}
.footer-box1, .footer-box2{width: 83%;}
.pro{width: 50%;}
.footer_cont span{width: 100%;text-align: center;}
.footer_cont span.left, .footer_cont span.right{width: 100%;text-align: center;float: none;}
}






@media only screen and (min-width:501px) and (max-width:600px){
.main-part, .wrapper {width: 90%;margin: 15px auto;}
.right-imga{ display:none;}
.right-imga1{ width:100%;}
.right-imga1a{ display:none;}
.product{width: 100%;}
.logo{height: auto;}
.head{width: 230px;}
.banner{width: 100%;height: 100%;}
.part1, .part2{height: auto;}
.part1 .part1-img, .part2 .part2-img{ width:100%; height:100%}
.box1, .box2{width: 100%;margin:25px 0;height: auto;background-color: #ffffff;}
.cl-d2{padding:0;height: 1420px;}
.team{margin-top: 220px;}
.cl-d6{height: auto;padding-bottom: 25px;}
.vision{width: 100%;height: auto;margin: 210px auto 50px;}
.visi-text{width: 95%;}
.visi-box{width: 100%;height: auto;}
.footer-part{margin: 0px auto;width: 90%;}
.footer_cont{margin-top: 25px;}
.foot1, .foot2, .map{width: 100%;height: auto;margin-right: 0;margin-top: 15px;}
.footer-box{max-height: inherit;width: 94%;}
.footer-box1, .footer-box2{width: 83%;}
.pro{width:50%;}
.footer_cont span{width: 100%;text-align: center;}
.footer_cont span.left, .footer_cont span.right{width: 100%;text-align: center;float: none;}
}


@media only screen and (min-width:401px) and (max-width:500px){
.main-part, .wrapper {width: 90%;margin: 15px auto;}
.right-imga{ display:none;}
.right-imga1{ width:100%;}
.right-imga1a{ display:none;}
.product{width: 100%;}
.logo{height: auto;}
.head{width: 230px;}
.banner{width: 100%;height: 100%;}
.part1, .part2{height: auto;}
.part1 .part1-img, .part2 .part2-img{ width:100%; height:100%}
.box1, .box2{width: 100%;margin:25px 0;height: auto;background-color: #ffffff;}
.cl-d2{padding:0;height: 1450px;}
.team{margin-top: 50px;}
.cl-d6{height: auto;padding-bottom: 25px;}
.vision{width: 100%;height: auto;margin: 210px auto 50px;}
.visi-text{width: 95%;}
.visi-box{width: 100%;height: auto;}
.footer-part{margin: 0px auto;width: 90%;}
.footer_cont{margin-top: 25px;}
.foot1, .foot2, .map{width: 100%;height: auto;margin-right: 0;margin-top: 15px;}
.footer-box{max-height: inherit;width: 93%;}
.footer-box1, .footer-box2{width: 83%;}
.pro{width: 100%;height: auto;}
.footer_cont span{width: 100%;text-align: center;}
.footer_cont span.left, .footer_cont span.right{width: 100%;text-align: center;float: none;}
}



@media screen and (max-width:400px){.footer-box{max-height: inherit;width: 90%;}}

@media only screen and (min-width:301px) and (max-width:400px){
.main-part, .wrapper {width: 95%;margin: 15px auto;}
.right-imga{ display:none;}
.right-imga1{ width:100%;}
.right-imga1a{ display:none;}
.product{width: 100%;}
.logo{height: auto;}
.head{width: 230px;}
.banner{width: 100%;height: 100%;}
.part1, .part2{height: auto;}
.part1 .part1-img, .part2 .part2-img{ width:100%; height:100%}
.box1, .box2{width: 100%;margin:6px 0;height: auto;background-color: #ffffff;}
.cl-d2{padding: 15px 0;height: 1400px;}
.team{margin-top: 50px;}
.cl-d6{height: auto;padding-bottom: 25px;}
.vision{width: 100%;height: auto;margin: 210px auto 50px;}
.visi-text{width: 95%;}
.visi-box{width: 100%;height: auto;}
.footer-part{margin: 0px auto;width: 90%;}
.footer_cont{margin-top: 25px;}
.foot1, .foot2, .map{width: 100%;height: auto;margin-right: 0;margin-top: 15px;}
.footer-box{max-height: inherit;width: 90%;}
.footer-box1, .footer-box2{width: 83%;}
.pro{width: 100%;height: auto;}
.footer_cont span{width: 100%;text-align: center;}
.footer_cont span.left, .footer_cont span.right{width: 100%;text-align: center;float: none;}
}