/********** Responsive **********/
@media only screen and (max-width:1600px){
	.baner .imgwrp img.bnrimg{left: 0;}
	.feture .txtwrp .ylwbox{width: 17%;}
	.feture .txtwrp.rght{padding: 0 20px 0 0;}
}
@media only screen and (max-width:1550px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1399px){
	.feture .container.bgclr:before{height:430px;}
	.baner .imgwrp img {width: 65%;}
	.baner .imgwrp img.bnrimg{left: 70px;top: -200px;}
	.baner{padding: 210px 0 230px;}
	.baner .txt h1 {font-size: 45px}
	.baner .txt p{font: normal normal 300 18px / 26px Roboto;}
	.header ul li {padding: 0 0 0 20px}
	.main-heading {font: normal normal 300 35px Roboto;}
	.about h2{padding: 10px 0}
	.about p{padding: 0}
	.about .image , .sect .image {width: 75%;margin: auto;}
	.about:before {border-radius: 300px 0 0 300px;top: 70px;}
	.feture p{width: 80%;}
	.feture .txtwrp.rght p {padding: 0 0 30px 40px}
	.feture .txtwrp .ylwbox{width: 12%;}
	.feture .txtwrp.rght .ylwbox {right: -36px;}
	.feture .txtwrp .cntbox {margin: 0 0 0 50px;}
	.feture .txtwrp .cntbox {width: 85%}
	.feture .image img{width: 70%}
	.feture .boxes .box {margin: 50px 0 0 0;}
	.feture .boxes .line:before{top: 56px;left: 43px;}
	.feture .boxes .cnt{margin: 0}
	.cta .cnt ul li a {width: 80%;display: flex;}
	.butn img {width: 25%}
	.ftr{padding-top: 200px}
	.ftr form input {width: 160%}
  



}
@media only screen and (max-width:1199px){
    .sec-pad{padding:50px 0;}
    .header ul li{padding:0 0 0 27px;}
	.baner .imgwrp img.bnrimg {left: unset;top: 220px;right: 100px;width: 30%;}
	.ftr .copyright:before{top: 0;}
	.ftr .copyright{padding: 0;}
    .feture .txtwrp {padding: 0;}
    .feture .txtwrp .cntbox {margin: 0 0 0 40px;width: 100%;}
    .feture .txtwrp .box{left: -25px}
    .baner .txt h1 {font-size: 35px;line-height: 40px;}
    .main-heading {font: normal normal bold 30px / 40px Roboto;}
    .baner .txt h5{font-size: 25px}
    .about:before{height: 100%;top: 10px;}
    .ftr {padding-top: 228px;}
    .copyright ul.prvcy li {padding: 0}
    .feture .boxes {margin: 30px 0 0 0;}
    .feture .boxes .line:before {top: 47px;left: 36px;border: 2px solid #F6530E;}
    .feture .boxes .box {margin: 17px 0 0 0;}
    .feture .boxes .box .image {}
    .ftr {padding-top: 227px;}
    .ftr form button {margin: 0 0 0 -72px}
    .ftr .copyright:before {top: 10px;}
    .cta{margin-bottom: -90px;padding-bottom: 100px !important}
    .butn a{font-size: 16px;padding: 12px 10px}
    .butn img {margin: 0 0 0 10px;}
    .butn p{margin-left: 5px}


}
@media only screen and (max-width:1190px){
}
@media screen and (max-width:1024px){
	
	.header ul li a.manbutn{padding:10px 20px;}
	.feture .container.bgclr:before{height:360px;}
	.feture .txtwrp.rght{padding: 0;}
	.feture .txtwrp.rght .ylwbox {right: -38px;}
	.feture .txtwrp.rght p {padding: 0 0 30px 0;}

}
@media screen and (max-width:992px){
	.wow{animation-name:none!important;visibility:visible!important;}
	.header ul li a{font:normal normal normal 16px / 24px Roboto;}
	.header ul li a.manbutn{padding:6px 10px;}
	.about h2{padding:10px 0;}
	.about p{padding:0;}
	.about .image img {position: relative; top: 0;}
	.feture .container.bgclr:before{top:210px;height:300px;}
	.feture .txtwrp p{font:normal normal normal 16px / 22px Roboto;}
	.feture .txtwrp h4{padding:	 0;font:normal normal bold 20px / 27px Roboto;}
	.slide h3{font-size:30px;padding:10px 0 10px;line-height: normal;}
	.slide h2{font: normal normal bold 35px / normal Roboto;}
	.slide ul.wrpslides{padding:30px 0;}
	.slide ul.slick-dots{bottom:-10px;}
	.copyright p{padding:30px 0;}
	.copyright {padding: 0 0 20px 0;}
	footer:after{display: none;}
}
@media screen and (max-width:991px){
	.subhedng{font-size: 18px} 
	.copyright p{font-size: 14px}
    .ftr ul h5 {font-size: 16px}
    .ftr ul li a {font-size: 12px;}
    .ftr .socl li i {width: 20px;height: 20px;}
    .ftr ul li {margin: 0 0 20px 0;}
    .feture .image img{}
    .header ul li {padding: 0 0 0 11px;}
    .header .butn {margin: 0 0 0 10px;}
    .butn a{padding: 5px 10px;}
    .baner {padding: 170px 0 120px;}
    .baner .txt h1 {font-size: 26px;line-height: 30px;padding: 10px 0;}
    .baner .txt h5 {font-size: 20px;}
    .baner .txt p {font: normal normal 300 15px / 20px Roboto;padding: 0;;}
    .baner .imgwrp img.bnrimg {right: 70px;width: 35%}
    .baner .butn{margin: 20px 0 0 0}
    .baner .butn a{margin: 0 70px 20px 0;}
    .main-heading {font: normal normal bold 20px / 25px Roboto;}
    .about p{padding: 0;overflow-y: auto;height: 110px;font-size: 16px}
    .feture p{width: 100%}
    .butn img{margin: 0;}
    .copyright ul.prvcy li a {font: normal normal normal 12px / 22px Roboto;}
    .row.bgclr{margin: 0;}
    .feture .txtwrp.rght {padding: 0 10px 0 0;}
    .feture .txtwrp {padding: 0 0 0 10px;}
    .ftr{padding-top: 256px}
    .header ul li a {font: normal normal normal 14px / 24px Roboto;}
    .sect p{font-size: 18px}
    .cta .cnt h3 {margin: 5px 0;}
    .ftr .cnt h5 {font: normal normal normal 17px / 47px Roboto;margin: 4px 0 10px 0;}
    .ftr form input{font-size: 12px;padding: 11px 6px}
    .ftr form button {margin: 0 0 0 -40px;padding: 2px 10px}
    .ftr .cnt p{margin: 20px 0 0 0}
    .butn img {margin: 0;width: 32%;}
    .butn p{vertical-align: middle}
    .feture .boxes .cnt p {font: normal normal normal 16px / 20px Roboto;}
    .feture .boxes .cnt h4 {font-size: 22px}
    .feture .boxes .line:before {top: 55px;left: 26px;}


}
@media only screen and (max-width:820px){
}
@media only screen and (max-width:767px){
	.ftr{padding: 144px 0 0 0}
    .ftr .cnt{text-align: center;}
    .ftr .cnt p{margin-bottom: 0px;}
    .ftr ul h5 {margin: 20px 0 5px 0;}
    .ftr ul li {margin: 0 0 10px 0;}
    .ftr .info li {margin: 0 0 20px 0;}
    .ftr .copyright {padding: 20px 0 10px 0}
    .ftr .copyright:before {top: 20px}
    .copyright p {font-size: 12px;text-align: center;padding-bottom: 10px}
    .ftr .prvcy{gap: 12px;display: flex;align-items: center;justify-content: center;}
    .baner .imgwrp{display: none;}
    .about .image, .sect .image {width: 35%}
    .sect .image{margin: 20px auto;}
    .copyright ul.prvcy li a {font: normal normal normal 14px / 22px Roboto;}
    .copyright ul.prvcy li:nth-child(1):after {right: -5px}
    .copyright ul.prvcy li {padding: 0 5px}
    .header{z-index: 1}
    .header .dsktpmenu{display: none;}
    .nav{display: flex;top: 50px;}
    .ftr .prvcy {gap: 10px;}
	.ftr .prvcy li a {font-size: 14px;}
	.baner{padding: 170px 0 120px;}
	.about:before{display: none;}
	.about .cntn {margin: 20px 0 0 0;}
	.feture{padding: 50px 0 350px 0}
    .feture .txtwrp .cntbox {margin: 0 0 0 70px}
    .feture .txtwrp.rght{padding: 0 0 0 50px}
    .feture .txtwrp.rght,.feture .txtwrp.rght p{text-align: left;}
    .feture .txtwrp.rght .ylwbox {left: -24px;right: 0;}
    .row.bgclr{margin: 0}
    .ftr form input {width: 63%;}
	.header .butn{display: none;}
	.butn img{width: 25%;}
	.baner .butn a{margin: 0 20px 20px 0}
	.baner .butn  p{margin: 0 0 0 20px}
    .feture .boxes .line:before {left: 42px;height: 60px;}
    .feture .rgtsd .image img{display: none;}
    .feture{padding: 50px 0}
    .sect p{padding: 20px 0}
    .cta .image img{display: none;}
    .cta .cnt{margin: 20px 0 20px 40px}
    .ftr{padding: 60px 0 0 0;}
    .ftr .cnt h5{text-align: left;margin: 0}
    .ftr form button{margin: 0 0 0 -250px}	
	

}

@media only screen and (max-width:480px){
	.mobile-reverse{flex-direction: column-reverse!important;}
	.baner .imgwrp {padding: 0 0 40px 0;}
	.baner .txt p{    font: normal normal normal 16px / normal Roboto;}
	.about ul li{font: normal normal normal 16px / normal Roboto;}
	.feture .container.bgclr:before{display:none;}
	.feture .txtwrp p{height: auto; overflow-y: unset;}
	.feture .col{width:100%;}
	.feture h3 {padding: 20px 0 20px; }
	.subhedng{font-size: 20px; line-height: normal;}
	.main-heading {font: normal normal bold 25px / normal Roboto; }
	.feture .col-3{width:100%;}
	.feture .txtwrp{text-align:left;}
	.feture img{padding:20px 0;}
	.slick-slide img{margin:0 auto;}
	.baner{padding: 160px 0 100px;}
	.header ul li{padding:0 0 0 7px;}
	.header ul{padding:30px 0 0 0;}
	.header ul li a{font:normal normal normal 14px / 24px Roboto;}
	footer ul.menu li{margin:20px 10px 0;}
	footer ul.prvcy{padding: 5px 0 0;}
	feture p {font: normal normal normal 15px / 20px Roboto;}
	.about h5 {padding: 40px 0 0 0; }
	.nav{display: flex;}
	.header ul{display: none;}
	footer ul.info {padding: 0; }
	.about p {padding: 0 0 30px 0; font-size: 15px; }
	.feture .txtwrp .ylwbox img {right: -10px;}
    .feture .txtwrp.rght p {padding: 0 0 20px 0;}
    .feture .txtwrp p {font: normal normal normal 15px / 22px Roboto;}
    .sect p{padding: 20px 0}
    .ftr{}
    .copyright p {padding: 0px 0;}
    .copyright ul.prvcy li a {font: normal normal normal 12px / 22px Roboto;}
	.butn img {width: 22%; }
    .feture .boxes .line:before {left: 36px; height: 80px; top: 86px; }
    .ftr .copyright:before {top: 10px; }
    .ftr form input {width: 75%; }
    .ftr form button {margin: 0 0 0 -200px;}




}
@media only screen and (max-width:390px){
}