/********** Responsive **********/
@media only screen and (max-width:1600px){
	.about:before{width: 20%}
	.revs:before, .revs:after {width: 12%}
}
@media only screen and (max-width:1550px){
}
@media only screen and (max-width:1440px){
    .revs:before, .revs:after {width: 13%;}
	.feture .txtwrp h4 {font: normal normal 500 20px / 29px Roboto;}
	.feture .txtwrp p {font: normal normal normal 15px / normal Roboto;}
	.feture .txtwrp .mt80{margin-top: 40px;}
}
@media only screen and (max-width:1380px){
	.feture .container.bgclr:before{height:430px;}
	.baner .imgwrp img {width: 65%;}
}
@media only screen and (max-width:1399px){
	.about:after{right: 50px;top: 20px;z-index: -1}
	.about .image{width: 80%;margin: auto;}
	.about:before {width: 25%;height: 42%;}
	.revs:before, .revs:after {width: 15%;right: 100px;}
	.revs .boxslide .box .image{width: 40%;margin: auto;}
	.cta .row{width: 90%;margin: auto;}
	.cta .cnt h3 {margin: 25px 0;font-size: 65px;line-height: 70px;}

}
@media only screen and (max-width:1280px){
}
@media only screen and (max-width:1199px){
	.slick-dots{width: 250px}
	.about:before {width: 31%;height: 58%;top: 160px;z-index: -1;}
	.about p {font-size: 17px;}
	.about ul ,.cta .cnt ul{gap: 0}
	.about ul li img,.cta .cnt ul li img{width: 80%}
	.revs:before, .revs:after{width: 18%;height: 15%}
	.revs:after {left: 80px;bottom: 100px}
	.revs .boxslide .box p{line-height: 22px;}
	.revs .boxslide .box{padding: 20px 10px;}
	.revs .boxslide .box p{margin: 15px 0}
    .cta .cnt h3 {font-size: 50px;margin: 15px 0}
    .cta:before{width: 13%;height: 25%;}
    .cta:after{width: 7%;height: 60%;}
    .copyright p{padding: 30px 0 0 0}

}
@media screen and (max-width:1024px){
	.header ul li{padding:0 0 0 10px;}
	.header ul li a.manbutn{padding:10px 20px;}
	.feture h3{padding:20px 0 50px;}
	.feture .container.bgclr:before{height:360px;}
	.sec-pad{padding:50px 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;}
	.main-heading{font:normal normal bold 40px / 50px Roboto;}
	.about h2{padding:10px 0;}
	.about p{padding:20px 0;}
	.feture .container.bgclr:before{top:190px;height:300px;}
	.feture .txtwrp p{font:normal normal normal 16px / 22px Roboto;}
	.feture .txtwrp h4{padding:10px 0;font:normal normal bold 20px / 27px Roboto;}
	.feture .txtwrp{padding:0 0 0 20px;}
	.feture .txtwrp.rght{padding:0 20px 0 0;}
	.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;}
	footer ul.menu li{margin:40px 10px;}
	.copyright p{padding:30px 0;}
	.copyright {padding: 0 0 20px 0;}
}

@media only screen and (max-width:991px){
    .main-heading {font: normal normal bold 35px / 40px Roboto;}
    .baner .txt h1 {padding: 10px 0 20px;}
    .about:after {width: 16%}
    .about:before {width: 40%}
    .feture .container.bgclr:before {top: 130px;}
    .revs:before, .revs:after {width: 25%;right: 20px;}
    .cta:before {width: 16%;height: 32%;}
    .cta:after {width: 9%;height: 75%;}
    .cta .cnt h3 {font-size: 40px;margin: 13px 0;line-height: 40px;}
    .copyright{padding: 0}
    .copyright p{padding: 20px 0 0 0;}
}


@media only screen and (max-width:820px){
}
@media only screen and (max-width:767px){
	.baner{padding: 150px 0 100px}
	.baner .imgwrp img{display: none;}
	.about:before,.about:after{display: none;}
	.about .image{width: 50%;}
    .feture .txtwrp h4 {font-size: 18px}
    .revs:before,.revs:after,.cta:before,.cta:after{display: none;}
    .subhedng{font-size: 15px;}
    .cta .cnt h3 {font-size: 30px;margin: 10px 0;line-height: 30px;}
    .cta .cnt ul{margin-top: 5px}
    footer ul.menu li a{font-size: 17px}
    footer ul.menu li {margin: 15px 5px;}
    footer ul.socl {margin: 30px 0;}
    footer .prvcy{margin: 20px 0}

}
@media only screen and (max-width:480px){
    .baner {padding: 120px 0 40px;}
    .baner .txt ul li {width: 35%;}
	.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 35px / 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:120px 0 40px;}
	.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:40px 5px 0;}
	footer ul.prvcy{padding:30px 0 0;}
	.about h5 {padding: 40px 0 0 0; }
	.nav{display: flex;}
	.header ul{display: none;}
	footer ul.info {padding: 20px 0 0 0; }
	.about p {padding: 0 0 30px 0; font-size: 20px; }
	.revs .boxslide {margin: 0 0 120px 0;}
	.cta .image img{display: none;}
	.cta .cnt {padding: 30px;}
	.cta .cnt ul{margin-top: 10px}
	footer ul.menu li a {font-size: 15px;}
	.about p{font-size: 15px}


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