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

}
@media only screen and (max-width:1599px){
    .intrfc {
    padding: 300px 0 100px;}

}
@media only screen and (max-width:1399px){
    .main-heading {font-size: 40px;}
    p{font-size: 18px;}
    .header {padding: 40px 0 0;}
    .bnr .txt ul li:nth-child(1) h1,.bnr .txt ul li:nth-child(3) h1 {font-size: 200px;}
    .bnr .txt ul li h1{font-size: 250px;}
    .bnr { padding: 280px 0 80px;}
    .bnr .imgwrp img{width: 30%;}
    .abt::after {width: 40%;height: 80%;}
    .abt .cntnt ul.butn{gap: 0;}
    .abt .cntnt ul.butn li a img { width: 80%;}
    .fetr .bxs .bx .cntnt h3 { font-size: 30px;}
    .fetr .bxs .bx{padding: 30px 20px;height: 500px;}
    .fetr .bxs .bx .imgwrp img.frstimg {bottom: -350px;}
    .fetr .bxs .bx:hover .imgwrp img.frstimg {bottom: -150px;}
    .fetr .bxs .bx .imgwrp img.thrdimg { left: 190px; top: 180px;}
    .intrfc::after {width: 40%;height: 80%;}
    .intrfc ul.imgs li:nth-child(1){text-align: right;}
    .intrfc ul.imgs li:nth-child(2){text-align: center;}
    .intrfc ul.imgs li:nth-child(3){text-align: left;}
    .intrfc ul.imgs li img { width: 80%;}
    .cta .cntnt ul.butn{gap: 0;}
    .cta .cntnt ul.butn li a img { width: 80%;}
    .cta .container {padding: 50px 50px;}
    .cta .imge ul li img { width: 70%;}
    .cta .imge ul li{text-align: center;}
    .cta .container:hover .imge ul li:nth-child(1) { top: -400px;}
    .cta .container:hover .imge ul li:nth-child(2) { bottom: -400px;}

}
@media only screen and (max-width:1199px){
    .main-heading { font-size: 30px; }
    p{font-size: 16px;}
    .sec-pad{padding: 60px 0;}
    .header .lgo img{width: 90%;}
    .header ul li a {font-size: 18px;}
    .bnr .txt ul li:nth-child(1) h1, .bnr .txt ul li:nth-child(3) h1 { font-size: 160px; }
    .bnr .txt ul li h1 { font-size: 210px; }
    .bnr .txt ul li h1 {line-height: 200px;}
    .bnr .imgwrp img { width: 25%; }
    .bnr:hover .txt ul li:nth-child(1) h1 {left: 60%;}
    .bnr:hover .txt ul li:nth-child(2) h1 {right: 60%;}
    .abt .cntnt p { margin: 0 0 10px;}
    .abt .cntnt ul.butn { margin: 30px 0 0;}
    .fetr .bxs .bx .imgwrp img.frstimg { bottom: -250px; left: 100px; }
    .fetr .bxs .bx .imgwrp img.scndimg { left: 150px; bottom: -260px;}
    .fetr .bxs .bx .imgwrp img.frthimg { top: -300px; right: 100px;}
    .fetr .bxs .bx:hover .imgwrp img.frstimg { bottom: -50px; }
    .intrfc .hed { margin: 0 auto 50px;}
    .nwsltr .rgt {padding: 30px 30px;}
    .cta .imge ul li img { width: 60%; }
    .cta .imge ul li:nth-child(1) { top: -80px; left: -20px;}
    .cta .imge ul li:nth-child(2) { bottom: -80px; right: -50px;}
    .cta .container:hover .imge ul li:nth-child(1) { top: -300px; }
    .cta .container:hover .imge ul li:nth-child(2) { bottom: -300px; }
    footer{padding: 180px 0 0;margin: -150px 0 0;}
    footer .hed {width: 80%;}
    .copyright:after {width: 40%;height: 60%;}

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

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

}
@media screen and (max-width:991px){
    .header{z-index: unset;}
    .main-heading{font-size:26px}
    p{font-size: 14px;line-height: normal;}
    .header .manbutn,.header ul{display:none}
    .nav{display:flex}
    .header .lgo img { width: 100%; }
    .bnr .txt ul li:nth-child(1) h1, .bnr .txt ul li:nth-child(3) h1 { font-size: 120px; }
    .bnr .txt ul li h1 { font-size: 150px;line-height: 150px; }
    .bnr { padding: 190px 0 30px; }
    .fetr .bxs { margin: 50px 0 0; }
    .fetr .bxs .bx .cntnt h3 { font-size: 22px; }
    .fetr .bxs .bx {border-radius: 20px;height: 400px;}
    .fetr .bxs .bx .imgwrp img.frstimg { bottom: -180px; left: 70px; }
    .fetr .bxs .bx:hover .imgwrp img.frstimg { bottom: -20px; }
    .fetr .bxs .bx .imgwrp img.scndimg { left: 110px; bottom: -190px; }
    .fetr .bxs .bx .imgwrp img.frthimg { top: -200px; right: 80px; }
    .fetr .bxs .bx:hover .imgwrp img.scndimg { left: -70px; bottom: 150px;}
    .fetr .bxs .bx .imgwrp img.thrdimg { left: 120px; top: 150px; }
    .intrfc { padding: 120px 0 20px; }
    .nwsltr .rgt { padding: 20px 20px; border-radius: 20px; }
    .nwsltr .rgt form input {padding: 10px 10px 10px 20px;margin: 0 0 15px;font-size: 16px;}
    .nwsltr .rgt form label{font-size: 14px;}
    .cta .imge ul li img { width: 50%; }
    .cta .imge ul li:nth-child(1) { top: -80px; left: -50px; }
    .cta .imge ul li:nth-child(2) { bottom: -80px; right: -100px; }

}
@media only screen and (max-width:767px){
    .nav{z-index: 20;}
    .bnr .txt ul li:nth-child(1) h1, .bnr .txt ul li:nth-child(3) h1 { font-size: 90px; }
    .bnr .txt ul li h1 { font-size: 120px; line-height: 130px; }
    .bnr { padding: 160px 0 70px; }
    .abt::after { width: 40%; height: 40%; }
    .abt .imgwrp img { width: 60%; margin: 50px auto 0;}
    .fetr .txt p { text-align: left;}
    .fetr .bxs .bx { padding: 20px 10px;margin: 0 10px;}
    .fetr .bxs .bx .imgwrp img.frstimg { bottom: -200px;}
    .fetr .bxs .bx:hover .imgwrp img.scndimg { left: -100px;}
    .fetr .bxs .bx .imgwrp img.frthimg { top: -220px;}
    .fetr .bxs .bx:hover .imgwrp img.frstimg { bottom: -50px; }
    .intrfc ul.imgs li:nth-child(1){position: relative;left: 70px;}
    .intrfc ul.imgs li:nth-child(3){position: relative;right: 70px;}
    .nwsltr .rgt{margin: 20px 0 0;}
    .cta .imge ul{display: none;}
    .cta .container { padding: 30px 20px; }
    .copyright:after { width: 40%; height: 50%; }
    footer .hed{width: 100%;}
    footer .hed p {margin: 20px 0;}
    footer .ftrlgo img{width: 50%;}
    footer ul.menu {gap: 30px;margin: 0 0 20px;}
    footer ul.menu li a {font-size: 16px;}
    .copyright {margin: 40px 0 0;text-align: center;}
    .copyright ul.info{justify-content: center;margin: 0 0 20px;}


}
@media only screen and (max-width:575px){
    ul.hamburger li {height: 3px;}
    .header { padding: 30px 0 0; }
    .header .lgo img { width: 50%; }
    .bnr .txt ul li h1 {font-size: 60px;line-height: 80px;}
    .bnr .txt ul li:nth-child(1) h1, .bnr .txt ul li:nth-child(3) h1 { font-size: 50px; }
    .bnr .imgwrp {margin: -50px 0 0;}
    .bnr { padding: 160px 0 40px; }
    .main-heading { font-size: 20px; }
    p{font-size: 12px;}
    .sec-pad { padding: 30px 0;height:auto; }
    .abt::after { width: 40%; height: 30%; }
    .fetr::after {height: 20%;}
    .fetr .bxs .bx {height: 300px;}
    .fetr .bxs .bx .imgwrp img.frstimg { bottom: -260px; width: 70%; left: 160px; }
    .fetr .bxs .bx:hover .imgwrp img.frstimg { bottom: -170px; }
    .fetr .bxs .bx .imgwrp img.scndimg{bottom: -370px;}
    .fetr .bxs .bx .imgwrp img.frthimg { top: -370px; right: 120px; }
    .intrfc { padding: 50px 0 20px; }
    .intrfc .hed{width: 100%;margin: 0 auto 30px;}
    .intrfc ul.imgs li img{width: 100%;}
    .intrfc ul.imgs li:nth-child(1) {left: 60px;}
    .intrfc ul.imgs li:nth-child(3) {right: 60px;}
    .nwsltr::after {height: 80%;}
    .nwsltr .rgt form input.manbutn {padding: 10px 20px;}
    .cta .container {border-radius: 30px;}
    footer ul.menu {gap: 8px;}
    footer ul.menu li a {font-size: 14px;}
    .copyright:after {height: 30%;}
    .copyright p {font-size: 12px;}
    .copyright ul.info li a {font-size: 14px;}
    button.back-to-top.show {font-size: 20px;right: 15px;width: 40px;height: 40px;}

}