@media screen and (max-width: 1280px){
	.ftbg{padding: 20px 25px;}
	.startfooter{width: 100%;}
	.footertop{width: 100%;}
	.last{width: 100%;}
	.last .row{margin: 0px;}
	.mainfoot{width: 100%;}
	.address{width: 33%;}
	.options{width: 25%;}
	.news{width:33%;margin-right: 45px;}
	.readnews{width: 100%;}
	.skillright{height: 551px;}
	.skillleft{height: 551px;}
	.skillleft img{height: 100%;}
	.protext p{font-size: 35px;}
	.protext h4::after{width: 150px;}
	.productimage img{height: 100%;}
	.producttext{height: 729px;}
}

@media screen and (max-width: 1279px){
	.top-head{width: 100%;}
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1279px) { 
    .menu{margin-left: 239px;}
}

@media screen and (max-width: 1200px){
	.bansize img{height: auto;}
}

@media screen and (min-device-width: 1180px) and (max-width: 1199px){
	.menu{margin-left: 221px;}
}
@media screen and (min-device-width: 1101px) and (max-width: 1179px){
	.menu{margin-left: 150px;}
}

@media screen and (max-width: 1180px){
	.Products{width: 100%;}
	.nopadd{padding-left: 15px!important;padding-right: 15px!important;}
	.increpad{padding-left: 15px!important;padding-right: 15px!important;}
}

@media screen and (max-width: 1159px){
.ourmission{width: 100%;}

}

@media screen and (max-width: 1100px){
	.menu{margin-left: 126px;}
}

@media screen and (min-device-width: 1025px) and (max-device-width: 1100px){
	.menu{margin-left: 75px;}
}

@media screen and (min-device-width: 993px) and (max-device-width: 1024px) { 
    .menu{margin-left: 43px;}
}

@media screen and (max-width: 1024px){
	.qurries{width: 100%;padding: 15px;}
	.skillright h3{margin-bottom: 40px;}
	.skillright{height: 441px;}
	.skillleft{height: 441px;height: 100%;}
	.Products{width: 100%;}
}

@media screen and (max-width: 992px){
	.top-bar{display: block;}
	.top-head{width: 100%;}
	.menuicon{display: block;}
	.menu{display: none;margin-left: 0px;width: 100%;}
	.menu ul li{width: 100%; border-bottom: 1px solid #a33f79;z-index: 10001;text-align: left;}
	.lang{display: none;}
	.secondpara{width: 100%;padding: 15px;}
	.ourmission{width: 100%;}
	.footertop{width: 100%;}
	.startfooter{width: 100%;}
	.ftbg{padding: 20px 10px;}
	.last{width: 100%;}
	.companytext{width: 100%;}
	.line{width: 100%;}
	.last .row{margin: 0px;}
	.skillright{height: 500px;}
	.skillleft{height: 500px;}
	.skillleft img{height: 100%; width: 100%;}
	.protext p{font-size: 28px;}
	.protext{bottom: 20px;}
	.protext h4::after{width: 130px;}
	.Company{background-image: none;}
	.newline{width: 100%;}
	.productdetail{width: 100%;padding: 15px;margin: 30px auto;}
	.productimage{height: 500px;}
	.productimage img{height: 100%;}
	.producttext{height: 500px;padding: 20px 0px 0px 50px;}
	.proline ul li{margin: 0px 0px 10px 0px;}
	.firstcon{width: 100%;padding: 15px;}
	#newmenu.menudrop li{position: static;width: 100%;height: 24px;padding: 7px 2px 6px 2px;}
	.menu ul li span{display: block;}
	.menu ul li{padding: 10px 0px;}
	.menu ul li a{padding-left: 10px;}
	.marg{margin-top: 1px;padding: 10px 0px 10px 0px!important;height: auto!important;}
	.margnew{height: auto!important;}
	
}

@media screen and (max-width: 768px){
	.topline{margin-left: -75px;}
}

@media screen and (max-width: 767px){
	.options ul li:hover{padding: 5px 10px;transition: all ease-in .3s;}
	.top-bar{display: block;}
	.menu ul li{text-align: left;}
	.menu{width: 100%;}
	.menu{margin-left: 0px;}
	.top-head{width: 100%;height: 85px;}
	.top-head .container{padding-left: 15px;padding-right: 15px;}
	.menu{display: none;}
	.banner{width: 100%;}
	.productdetail{width: 100%;padding: 15px;}
	.firstcon{width: 100%;text-align: center;padding: 10px;}
	.startfooter{width: 100%;}
	.footertop{width: 100%;}
	.news{width: 100%;}
	.options{width: 100%;text-align: center;}
	.options ul li{display: inline-block;background-image: none;border: 1px solid white;padding: 5px 10px;margin-bottom: 10px;}
	.address{width: 100%;text-align: center;}
	.last{width: 100%;text-align: center;}
	.last .row{margin: 0px;}
	.rightone{float: none;text-align: center;}
	.options ul li a{font-size: 16px;}
	.ftbg{padding: 10px;}
	.footertop img{margin-left: 0px;width: 100px;padding-top: 20px;}
	.address ul li:nth-child(2){background-image: none;}
	.address ul li{background-image: none;}
	.address ul li:nth-child(3){background-image: none;}
	.address ul li{font-size: 18px;}
	.lang{display: none;}
	.firstcon p{font-size: 22px;}
	.Products{width: 100%;margin: 32px auto;}
	.nopadd{padding-left: 15px!important;padding-right: 15px!important;}
	.increpad{padding-left: 15px!important;padding-right: 15px!important;}
	.copro{margin-bottom: 50px;}
	.Products h2{margin-bottom: 50px;font-size: 28px;}
	.Company{background-image: none;height: auto;}
	.newline{width: 100%;}
	.Friendly p{width: 100%;}
	.Friendly{padding: 10px;}
	.overlap span img{width: 100%;}
	.Friendly h3{font-size: 28px;margin-bottom: 60px;}
	.triangle-new{margin-top: 20px;}
	.productdetail h5{font-size: 26px;}
	.producttext{height: auto;padding: 20px;}
	.logo img{width: 150px;}
	.productimage img{width: 100%;}
	.productdetail{margin: 15px auto;}
	.companytext{width: 100%;}
	.secondpara{width: 100%;}
	.ourmission{width: 100%;}
	.line{width: 100%;}
	.companytext{margin: 0px auto;}
	.missionpic{margin-top: 45px;}
	.missionpic img{width: 100%;max-width: 100%;}
	.companytext p{margin-top: 0px;padding: 16px;}
	.chooseus p{padding: 10px;margin: 0 auto;}
	.vissiontext{margin-left: 0px;margin-top: 50px;}
	.vissiontext p{padding: 0px 0px 0px 0px;}
	.missiontext p{padding: 0px 0px 0px 0px;}
	.missiontext{margin-top: 40px;}
	.chooseus h3{font-size: 25px;}
	.companytext h3{font-size: 30px;}
	.chng{margin-top: 20px;}
	.missiontext h3{font-size: 28px;}
	.vissiontext h3{font-size: 28px;}
	.qurries{width: 100%;padding: 10px;}
	.topline img{width: 100%;}
	.skillright{height: auto;padding: 15px;}
	.topline{margin-left: 0px;margin-top: -103px;}
	.skillleft{width: 100%;height: auto!important;}
	.skillright{height: auto!important;}
	.skillright h3{margin-bottom: 40px;font-size: 30px;}
	.skillright h1{font-size: 120px;}
	.qurries{margin: 20px auto;}
	.qurries h3{font-size: 28px;}
	.textonbanner h3{font-size: 32px;}
	.triangle img{display: none;}
	.triangletop{width: 100%;position: static;padding: 15px;left: 0px;}
	.onyxa{width: 100%;left: 0px;display: none;}
	.advantage{width: 100%;padding: 0px;}
	.careonyxa{width: 100%;}
	.newpad{padding-left: 15px!important;}
	.allcat{left: 0px;position: static;top: 0px;}
	.catone{width: 100%;float: none;margin-bottom: 5px;}
	.catone img{width: 100%;float: none;}
	.cattwo{width: 100%;float: none;margin-bottom: 5px;}
	.cattwo img{width: 100%;float: none;margin: 0 auto;}
	.catthree{width: 100%;float: none;margin-bottom: 5px;}
	.catfour{width: 100%;float: none;height: auto;}
	.catfive{width: 100%;float: none;height: auto;}
	.catfive img{width: 100%;}
	.catsix{width: 100%;float: none;margin-bottom: 5px;}
	.Onyxaselection{margin-top: 0px;top: 105px;padding: 20px;height: auto;}
	.topgap{margin-top: 150px;padding: 10px;}
	.showno{display: none!important;}
	#map img{width: 100%;max-width: 100%;}
	.group p{padding: 0px;}
	.smallban img{width: 100%!important;height: auto!important;}
	.greybg{padding: 15px;margin-top: 40px;}
	.caretime h3{font-size: 28px;}
	.wide{margin-left: 0px;}
	.menuicon{display: block;}
	.news input[type="text"]{width: 100%;}
	.news textarea{width: 100%;}

} 


@media screen and (max-width: 576px){
	.firstcon p{font-size: 20px;}
	.bt{padding-bottom: 35px;}
	.firstcon h5{margin-top: 0px;}
	.firstcon h4{font-size: 25px;margin-bottom: 20px;}
	.productdetail h3{font-size: 30px;}
	.productdetail{margin: 0px auto;}
	.logo img{width: 150px;}
	.menu ul li{display: block;}
	.protext{bottom: 20px;left: 29px;}
	.protext p{font-size: 21px;}
	.protext h4{font-size: 20px;}
	.protext h4::after{width: 0px;}
	.newx::after{width: 0px!important;}
	.overlap{margin-top: -110px;}
	.Friendly h1{font-size: 130px;}
	.Friendly p{font-size: 18px;}
	.Friendly h3{font-size: 25px;}
	.Friendly h4{font-size: 25px;}
	.textonbanner h3{font-size: 22px;}
	.textonbanner span{font-size: 32px;}
	#owlCarousel-2 .owl-next{right: 12px;}
	#owlCarousel-2 .owl-prev{right: 60px;}
	.textonbanner{left: 20px;}
	.group h3{font-size: 28px;}
	.threeadvantage .row{margin: 0px!important;}
	.bottomlogo{margin-top: 45px;}
	.advantage h2{font-size: 28px;width: 290px;}

}