@media only screen and (max-width:1600px){
    .baner .imgwrp{width:780px}
    .baner{padding:250px 0 0}
    .about .imgwrp,
    .wrk .imgwrp{width:780px;left:-100px}
}
.about{padding:200px 0 150px}
@media only screen and (max-width:1599px){
    .baner .imgwrp{width:680px;bottom:-300px}
    .cta .imge{width:620px}
    .cta .row{height:363px}
    .about .imgwrp,
    .wrk .imgwrp{width:680px;left:-50px;bottom:-300px}
    .about{padding:150px 0 150px}
    .ftr{padding:50px 0 500px}
}
@media only screen and (max-width:1399px){
    .baner{padding:200px 0 0;}
    .lgo img{width:90%}
    .header ul{gap:30px}
    .header ul li a{font-size:16px}
    .baner .butn{margin:20px 0 0 0}
    .baner .imgwrp{width:600px}
    .main-heading{font-size:32px}
    .baner .txt p{padding:0}
    .cta .imge{width:530px}
    ul.butn{gap:0}
    ul.butn li img{width:85%}
    .nwsltr{padding:150px 0 100px}
    .ftr .lft img{width:80%}
    .ftr .rgt ul li .cntnt h5{font-size:18px}
    .ftr .rgt ul li{width:80%;margin-bottom:30px}
    .ftr .rgt ul li .imge{margin:0}
    .ftr .rgt ul li .imge img{width:80%}
    .ftr{padding:50px 0 500px}
    .ftr::before{height:70%}
    .cta .row{height:281px}
    .cta .cntnt h2{margin:0 0 20px}
    footer .ftrlgo img{width:70%}
    footer ul.menu{gap:30px}
    footer ul.socl{gap:20px}
}
@media only screen and (max-width:1199px){
    .baner{padding:150px 0 0;}
    .baner .imgwrp{width:460px;position:unset}
    .cta .imge{width:420px}
    .main-heading{font-size:26px}
    .subhedng{font-size:20px;margin:0 0 10px}
    .manbutn,
    .nwsltr .rgt form input.manbutn{font-size:14px;padding:10px 20px}
    .header ul{gap:20px}
    .header ul li a{font-size:14px}
    .baner .txt p{font-size:14px}
    .nwsltr .rgt{padding:40px 30px}
    .nwsltr .rgt form input{padding:10px 10px 10px 20px;margin:0 0 20px;font-size:16px}
    .nwsltr .rgt h5{font-size:20px}
    .about .imgwrp,
    .wrk .imgwrp{width:500px;position:unset}
    .ftr{padding:50px 0 400px}
    .ftr::before{width:70%;height:80%}
    .ftr .rgt ul li .cntnt h5{font-size:16px}
    .ftr .rgt ul li .cntnt p{font-size:12px}
    .ftr .rgt ul li .imge img{width:70%}
    .wrk{margin:-400px 0 0}
    .cta .cntnt p{font-size:14px}
    ul.butn li img{width:75%}
    footer ul.menu{gap:21px}
    footer ul.menu li a{font-size:14px}
    footer ul.socl li a{width:25px;height:25px;font-size:16px}
    .nwsltr .rgt form input.manbutn{width:50%}
    footer .hed{margin:0 auto 50px}
}
@media screen and (max-width:1024px){
    .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}
    .copyright p{padding:30px 0}
}
@media screen and (max-width:991px){
    .header{position:relative;z-index:unset;}
    .baner{padding:50px 0 0;}
    .baner .imgwrp{width:350px}
    .cta .imge{width:300px}
    .main-heading{font-size:22px}
    .header .manbutn,
    .header ul{display:none}
    .nav{display:flex}
    .baner .imgwrp img{z-index:0}
    .about p,
    .ftr .hed p,
    .nwsltr .lft p{font-size:14px}
    .nwsltr .rgt form label{font-size:14px}
    .nwsltr .rgt h5{font-size:18px}
    .about .imgwrp,
    .wrk .imgwrp{width:400px}
    .ftr .hed{margin:0 0 50px;width:100%;}
    .ftr .rgt ul li .cntnt h5{font-size:14px}
    .ftr .rgt ul li{width:90%}
    .ftr .rgt ul li:nth-child(even){right:-50px}
    .ftr::before{width:100%}
    .cta{margin:0}
    .cta .row{height:172px}
    .cta .cntnt h2{margin:0 0 10px}
    .cta .cntnt p{font-size:14px;overflow-y:auto;height:110px}
    footer ul.menu{gap:14px}
    footer ul.socl{gap:15px}
    .copyright p,
    footer ul.info li a{font-size:12px}
    footer .hed{width:78%}
}
@media only screen and (max-width:767px){
    .subhedng{font-size:18px}
    .nwsltr .lft{margin:0 0 50px}
    .lgo img{width:100%;}
    .cta .imge{width:200px}
    .nwsltr .rgt form input.manbutn{margin:40px auto 0}
    .nwsltr .rgt h5{text-align:center;}
    .about p{padding:0 0 20px}
    .ftr .lft img{display:none}
    .ftr .rgt ul li{width:100%}
    .ftr .rgt ul li:nth-child(even){right:0}
    .cta .imge{display:none}
    .cta{padding:50px 0 100px}
    footer .hed p{font-size:14px}
    footer .hed{width:100%}
    footer .ftrlgo{text-align:center}
    footer .ftrlgo img{width:40%;margin:auto}
    footer ul.menu{margin:20px 0}
    footer ul.socl{justify-content:center}
    .copyright{text-align:center;padding:0 0 20px}
    footer ul.info{justify-content:center}
    .copyright p{padding:15px 0}
    button.back-to-top.show{width:40px;height:40px;border-radius:10px}
    button.back-to-top i{font-size:20px}
}
@media only screen and (max-width:575px){
    .sec-pad{padding:25px 0;}
    .lgo img{width:60%}
    .baner .imgwrp{width:300px}
    .about .imgwrp,
    .wrk .imgwrp{width:300px}
    .baner .txt p{font-size:12px}
    .about p,
    .cta .cntnt p,
    .ftr .hed p,
    .nwsltr .lft p,
    .wrk p,
    footer .hed p{font-size:12px}
    .nwsltr .rgt{padding:40px 20px}
    .nwsltr .rgt form input{font-size:12px}
    .cta{padding:50px 0 80px}
    footer ul.menu{display:flex;flex-wrap:wrap}
    button.back-to-top.show{width:30px;height:30px;border-radius:10px;right:10px}
    button.back-to-top i{font-size:15px;position:absolute;top:7px;right:0;left:0}
    button.back-to-top{right:25px;bottom:50px}
}