/********** 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%;}
}
@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;}

    .baner .txt h1 {font-size: 63px;}
	.baner {padding: 180px 0 100px;}
	.baner:before {border-top: 270px solid transparent; border-right: 400px solid #21458F; border-bottom: 270px solid #21458F; border-left: 400px solid transparent;}
    .header ul li a.manbutn {
    border: 2px solid #FFFFFF;
    padding: 10px 20px;}
    .header {margin: 20px auto 0;}
    ul.glbtn {gap: 0 !important;}
    ul.glbtn li img {width: 80%;}
    .main-heading{font-size: 46px;}
    .bgsubhedng{font-size: 20px;}
    .about p {padding: 0 0 40px;}
    .feture .txtwrp h4 {font-size: 24px;}
    .feture .txtwrp p{font-size: 16px;}
    .feture .txtwrp .ylwbox{width: 15%;}
    .feture .txtwrp.rght{padding: 0 20px 0 0;}
    .cta .cnt h3{font-size: 50px;line-height: normal;margin: 0 0 10px;}
    .cta .cnt ul {margin: 15px 0 0}
    .cta .row {padding: 0 30px;}
    .slide ul.wrpslides li img{width: 90%;}


}
@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: 40px;}
    .cta:before{width: 13%;height: 25%;}
    .cta:after{width: 7%;height: 60%;}
    .copyright p{padding: 30px 0 0 0}

    .baner .txt h1 {font-size: 54px;}
    .baner:before {border-top: 180px solid transparent; border-right: 240px solid #21458F; border-bottom: 250px solid #21458F; border-left: 370px solid transparent;}
    .feture .container.bgclr:before{height: 400px;}
    .feture .txtwrp .ylwbox{width: 17%;}
    .slide ul.wrpslides li img {width: 80%; margin: auto; }
    .cta .row {width: 100%;}



}
@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{top: 200px;}
	.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:400px;}
	.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;}
	.copyright p{padding: 0;}
	footer form input.sbmt{padding: 7px 40px;}
}

@media only screen and (max-width:991px){
    .main-heading {font: normal normal bold 35px / 40px Roboto;}
    .baner .txt h1 {font-size: 42px;}
    .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;}

    .baner .txt p{margin: 10px 0 20px;}
    .baner:before {border-top: 130px solid transparent; border-right: 160px solid #21458F; border-bottom: 240px solid #21458F; border-left: 300px solid transparent; }
    .bgsubhedng {width: 30%;font-size: 18px;}
    .about p {padding: 0 0 20px; }
    .slide h4 {width: 20%;}
    footer form input.mal{width: 50%;}
    footer form input.sbmt{right: 26%;}
        .cta .cnt h3 {
        font-size: 32px;}
        .cta .image img{display: none;}
        .cta .cnt{text-align: center;}
        .cta .cnt ul{justify-content: center;}
        .cta .row{padding: 50px 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}
    .nav{display: flex;top: 20px;border-radius: 40px;left: 0;right: 0;width: 90%;margin: auto;}
    .nav .lgoimg{width: 50%;}
    .baner:before{display: none;}
    ul.hamburger li{right: 40px;}
    .header {width: 90%;padding: 20px 0}
    .feture .txtwrp .ylwbox{float: left;width: 10%;}
    .feture .txtwrp.rght .ylwbox,.feture .txtwrp .ylwbox{margin: 20px 20px 0;}
    .feture .txtwrp,.feture .txtwrp.rght{padding: 0;}
    .feture .txtwrp h4,.feture .txtwrp p{text-align: left;}
    .feture .container.bgclr:before {height: 500px;}
    footer form input.mal {width: 60%;}
    footer form input.sbmt {right: 21%;}
    footer form {margin: 50px 0 30px;}
    .copyright p{text-align: center;}
    .copyright ul{justify-content: center;margin: 10px 0 0}
    header{display: none;}
    .nav .navlins{border: none;}
    .nav .navlins:focus{box-shadow: none;}
    .nav .navlins span{width: 40px;}
    


}
@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 .txt p{font: normal normal normal 16px / normal Roboto;}
	.about ul li{font: normal normal normal 16px / normal Roboto;}
	.feture .container.bgclr:before{right: 0;left: 0;margin: auto;}
	.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:0;}
    .slide h4 {width: 23%;font-size: 16px;}
	.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:0 5px 0;}
	footer ul.prvcy{padding:30px 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 .row {padding: 0;}
	.cta .image img{display: none;}
	.cta .cnt {padding: 30px;}
	.cta .cnt ul{margin-top: 10px}
    footer form input.sbmt {right: 12%;}
    footer form input.mal {width: 80%;}
	footer ul.menu li a {font-size: 15px;}
	.about p{font-size: 15px;}


}
@media only screen and (max-width:320px){
	.nav .navlins{padding: 0 5px;}
    ul.glbtn li img {width: 100%; }
    ul.glbtn{gap: 10px !important;}
    .baner .txt h1{font-size: 32px;}
    .bgsubhedng {width: 30%; font-size: 14px; }
    .main-heading {font-size: 26px;}
    .slide h4 {width: 30%;}
    .slide h3 {font-size: 24px;}
    .cta .row {border-radius: 40px;}
    .cta .cnt {padding: 25px 0px; }
    .cta .cnt h3 {font-size: 24px;}
    footer form input.mal{width: 100%}
    footer form input.sbmt {right: 2%; }
    footer form input.sbmt {padding: 7px 20px; }
    .feture .container.bgclr:before {height: 670px;top: 120px;}
    .feture .txtwrp .ylwbox {width: 15%;}
    .nav .navlins span {width: 30px;}



}