@media only screen and (max-width:1600px){
    .bnr:before,.bnr:after {width: 30% ;}
    

}
@media only screen and (max-width:1599px){
    .imgsec .imge img { width: 25%;}
    .imgsec .absimg ul li:nth-child(3) {left: 10vw;}
    .imgsec .absimg ul li:nth-child(2) { top: 10vw; right: 13vw;}



}
@media only screen and (max-width:1399px){
    .main-heading {font-size: 50px;}
    p{font-size: 18px;}
    .bnr { margin: 80px 0 40px;}
    .bnr .lft .main-heading {font-size: 50px;}
    .imgsec .absimg ul li img { width: 70%; }
    .imgsec .absimg ul li:nth-child(1) { top: 8vw; left: 10vw; }
    .imgsec .absimg ul li:nth-child(3) {bottom: 5vw;left: 15vw;}
    .imgsec .absimg ul li:nth-child(2) {right: 10vw;}
    .imgsec .txt ul li h3{font-size: 130px;}
    .imgsec .txt ul li:nth-child(1){top: 10vw;}
    .imgsec .txt ul li:nth-child(2){top: 20vw;}
    .imgsec .txt ul li:nth-child(3){top: 30vw;}
    .lstn .bx h3 {font-size: 36px;}
    .lstn .bx .wrpcntnt {padding: 50px 25px;}
    .lstn .bx .wrpcntnt .sesns .txt h5 {font-size: 24px;}
    .lstn .bx .wrpcntnt .sesns .txt p {font-size: 20px;}
    .lstn .bx .wrpcntnt .sesns .tim p {font-size: 28px;}
    .lstn .bx {padding: 40px 20px 50px 20px;}
    .fetr .bx .cntnt h3 {font-size: 40px;}
    .fetr .bx{padding: 40px 50px;}
    .fetr .bx .imge .txt h5 {font-size: 45px;}
    .fetr .bx .imge .twoimgs ul li img { width: 70%;}
    .fetr .bx .imge .cntrimg img { width: 40%;}
    .fetr .bx:hover .imge .twoimgs ul li.thrd {left: 45%;}
    .fetr .bx:hover .imge .twoimgs ul li.frth {right: 45%;}
    .intrfc .imgs ul {text-align: center;gap: 0;}
    .intrfc .imgs ul li img {width: 70%;}
    .rgstrtn form {padding: 40px 40px;}
    .rgstrtn form .inpt { flex: 0 0 28%; }
    footer .container {padding: 50px 30px 80px;}
    footer .cntnt p { font-size: 16px;}
    footer .info ul li a {font-size: 16px;}
    footer ul.mnu {gap: 40px;}
    footer .pdng { padding: 80px 0 60px; }
    footer ul.socl li img {width: 70%;}
    footer ul.socl {gap: 0;}
    footer {padding: 60px 0;}



}
@media only screen and (max-width:1199px){
    p{font-size: 16px;line-height: normal;}
    .sec-pad { padding: 30px 0; }
    .main-heading { font-size: 40px; }
    .header ul {gap: 20px;}
    .header ul li a {font-size: 16px;}
    .trnsbutn {padding: 10px 20px;font-size: 16px;}
    .bnr .lft .main-heading { font-size: 40px; }
    ul.butn{text-align: right;}
    ul.butn li a img{width: 80%;}
    .imgsec .txt ul li h3 { font-size: 110px; }
    .lstn .bx h3 { font-size: 30px; }
    .lstn .bx .wrpcntnt .sesns .txt h5 { font-size: 20px; }
    .lstn .bx .wrpcntnt .sesns .txt p { font-size: 16px; }
    .lstn .bx .wrpcntnt .sesns .tim p { font-size: 24px; }
    .lstn .bx { padding: 30px 10px 40px 10px; }
    .lstn .bx ,.lstn .bx::before{border-radius: 20px;}
    .lstn .bx .wrpcntnt .sesns {margin: 0 0 25px;}
    .fetr .bx .cntnt h3 { font-size: 30px; }
    .fetr .bx .cntnt .sml .tp h5 {font-size: 20px;}
    .fetr .bx .cntnt .sml p {font-size: 16px;}
    .fetr .bx { padding: 20px 20px;border-radius: 20px; }
    .fetr .bx .cntnt .sml { margin: 0 0 20px; }
    .fetr .bx .imge .txt h5 { font-size: 35px; }
    .fetr .bx .imge .twoimgs ul li img { width: 55%; }
    .fetr .bx .imge .cntrimg img { width: 35%; }
    .fetr .bx:hover .imge .twoimgs ul li.thrd {left: 35%;}
    .fetr .bx:hover .imge .twoimgs ul li.frth {right: 35%;}
    .rgstrtn form .inpt input {padding: 20px 10px 20px 20px;}
    .rgstrtn form { padding: 30px 20px; }
    .rgstrtn form .butn .sbmtbtn {padding: 15px 40px;}
    footer .cntnt p {font-size: 14px;line-height: normal;}
    footer ul.mnu { gap: 20px; }
    footer ul.mnu a{font-size: 16px;}
    footer .container { padding: 50px 20px 50px; }
    footer .info ul li a { font-size: 13px; }
    footer .pdng { padding: 60px 0 60px; }



    
}

@media screen and (max-width:991px){
    .header .dsktpmenu,.header .butn{display: none;}
    .nav{display: flex;}
    .main-heading{font-size: 30px;}
    p{font-size: 14px;}
    .header {padding: 30px 0 0;display: none;}
    .bnr:before, .bnr:after{width: 50%;}
    .bnr { margin: 100px 0 40px; }
    .bnr .lft .main-heading { font-size: 30px; }
    .imgsec .txt ul li h3 { font-size: 80px; }
    .imgsec .cntnr {border-radius: 30px;}
    .imgsec .cntnr{padding: 40px 0 0;}
    .imgsec .absimg ul li img { width: 50%; }
    .imgsec .absimg ul li:nth-child(2) { right: 0; }
    .imgsec .absimg ul li:nth-child(4) {right: 0;}
    .lstn .bx h3 { font-size: 26px; }
    .lstn .bx .wrpcntnt { padding: 40px 15px; }
    .lstn .bx .wrpcntnt .sesns .txt h5 { font-size: 18px; }
    .lstn .bx .wrpcntnt .sesns .txt p { font-size: 14px; }
    .lstn .bx .wrpcntnt .sesns .tim p { font-size: 20px; }
    .fetr .bx .cntnt h3 { font-size: 26px; }
    .fetr .bx .cntnt h3 {font-size: 20px;}
    .fetr .bx .cntnt .sml .tp svg {width: 4%;}
    .fetr .bx .cntnt .sml .tp h5 { font-size: 18px; }
    .fetr .bx .cntnt .sml p { font-size: 14px; }
    .fetr .bx {margin: 0 0 25px;}
    .fetr .bx .imge .twoimgs ul li img { width: 40%; }
    .fetr .bx .imge .twoimgs ul li.frst {left: -35px;}
    .fetr .bx .imge .twoimgs ul li.scnd {right: -35px;}
    .fetr .bx .imge .txt h5 { font-size: 25px; }
    .fetr .bx .imge {border-radius: 20px;}
    .fetr .bx:hover .imge .twoimgs ul li.thrd { left: 30%; top: 10px; }
    .fetr .bx:hover .imge .twoimgs ul li.frth { right: 30%; top: 10px; }
    .fetr .bx .imge .twoimgs ul li.thrd {left: -60%;}
    .fetr .bx .imge .twoimgs ul li.frth {right: -60%;}
    .fetr .bx .imge .twoimgs ul li.ffth {left: -40px;}
    .fetr .bx .imge .twoimgs ul li.sixt {right: -40px;}
    .rgstrtn form .inpt input { padding: 20px 10px 20px 10px;font-size: 14px; }
    .rgstrtn form .inpt { flex: 0 0 26%; }
    footer { padding: 30px 0; }
    footer .cntnt p {font-size: 12px;}
    footer ul.mnu { gap: 10px; }
    footer ul.mnu a { font-size: 14px; }
    footer .info ul li i {margin: 0;}
    [data-aos]{pointer-events:auto!important;opacity:1!important;transform:none!important;}


    
}
@media only screen and (max-width:767px){
    .main-heading { font-size: 26px; }
    .bnr:before, .bnr:after { width: 60%; }
    .bnr {margin: 100px 0 40px;text-align: center;}
    .bnr .rgt p{text-align: center;}
    .bnr .rgt ul.butn{justify-content: center;}
    .imgsec .txt ul li h3 { font-size: 60px; }
    .imgsec .cntnr { padding: 25px 0 0; }
    .imgsec .absimg ul li:nth-child(2) {right: -20vw;}
    .imgsec .absimg ul li:nth-child(3) {left: 5vw;}
    .lstn .hed {width: 100%;}
    .lstn .bx{margin: 0 0 20px;}
    .lstn .bx .wrpcntnt {border-radius: 20px;}
    .lstn .bx .wrp{padding: 20px 0;}
    .fetr::after {height: 60%;}
    .fetr .bx .imge .twoimgs ul li img { width: 70%; }
    .fetr .bx .imge .twoimgs ul li.frst{left: 0;}
    .fetr .bx .imge .twoimgs ul li.scnd{right: 0;}
    .fetr .bx .imge .twoimgs ul li.ffth{left: 0;}
    .fetr .bx .imge .twoimgs ul li.sixt{right: 0;}
    .fetr .bx:hover .imge .twoimgs ul li.thrd{left: 50%;}
    .fetr .bx:hover .imge .twoimgs ul li.frth{right: 50%;}
    .rgstrtn form .inpt { flex: 0 0 50%; }
    .rgstrtn form .inpt:nth-child(3){margin: 20px 0 0;}
    .rgstrtn form .butn{margin: 20px 0 0;}
    footer .cta .main-heading{text-align: center;}
    footer .cta ul.butn{text-align: center;justify-content: center;gap: 0;margin: 20px 0 0;}
    footer .cta {padding: 0 0 30px;}
    footer .container { padding: 30px 20px 30px;border-radius: 30px; }
    footer .pdng { padding: 40px 0 40px; }
    footer .lgo { text-align: center;}
    footer .lgo img{width: 60%;}
    footer .cntnt p{text-align: center;}
    footer .info { text-align: center;}
    footer .info ul { margin: 10px 0 0; }
    footer ul.mnu{justify-content: center;}
    footer ul.socl{justify-content: center;margin: 20px 0 0;}
    footer ul.socl li img { width: 50%; }
    footer::after,footer::before {width: 50%;height: 50%;}




}
@media only screen and (max-width:575px){
    p{font-size: 12px;}
    .sec-pad{padding: 20px 0;}
    .header .lgo img{width: 55%;}
    .bnr:before, .bnr:after { width: 100%; }
    .bnr .lft .main-heading { font-size: 24px; }
    .main-heading{font-size: 24px;margin: 0 0 10px;}
    ul.hamburger li { height: 4px; width: 90%;}
    .hamburger-container { margin: 1.2em 0.6em;}
    .imgsec{margin: 0 auto 0;}
    .imgsec .cntnr { border-radius: 10px; }
    .imgsec .absimg ul li img { width: 30%; }
    .imgsec .absimg ul li:nth-child(2) { right: -70vw; }
    .imgsec .absimg ul li:nth-child(4) { right: -30vw; }
    .imgsec .txt ul li h3 { font-size: 30px; }
    .lstn .bx .wrp {border-radius: 10px;}
    .lstn .bx .wrp {margin: 20px 0 0;}
    .lstn .bx { padding: 20px 10px 20px 10px; }
    .fetr::after { height: 50%; width: 100%; }
    .fetr .hed{margin: 0 0 30px;}
    .fetr .bx .cntnt h3{margin: 0 0 20px;}
    .fetr .bx .imge .twoimgs ul li img { width: 40%; }
    .fetr .bx .imge .twoimgs ul li.scnd { right: -30px; }
    .fetr .bx .imge .twoimgs ul li.frst { left: -30px; }
    .fetr .bx:hover .imge .twoimgs ul li.frst{top: 10px;}
    .fetr .bx:hover .imge .twoimgs ul li.thrd { left: 25%; }
    .fetr .bx:hover .imge .twoimgs ul li.frth { right: 25%; }
    .fetr .bx .imge .twoimgs ul li.ffth { left: -40px; }
    .fetr .bx .imge .twoimgs ul li.sixt { right: -40px;}
    .intrfc .hed{width: 100%;}
    .intrfc::before,.intrfc::after {width: 60%;}
    .rgstrtn form .inpt { flex: 0 0 100%;margin: 0 0 20px; }
    .rgstrtn form .inpt input{width: 100%;}
    .rgstrtn form .inpt:nth-child(3){margin: 0;}
    .rgstrtn form .butn .sbmtbtn { padding: 10px 30px; }
    footer ul.mnu{flex-wrap: wrap;}
    footer ul.socl li h5{font-size: 12px;}

    button.back-to-top{right: 10px;}
    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;}



    
}


@media only screen and (max-width:360px){
footer .lgo {text-align: center; margin: 10px auto;}
    .nav .imge {
        width: 60%;
    }
}