@media screen and (min-width: 1360px) {
    .container { max-width: calc(1240px  + 36px); }
}
/*MIN 1360 ENDS*/

@media screen and (min-width: 1440px) {
    .container { max-width: calc(1364px + 36px); }
}
/*MIN 1440 ENDS*/

@media screen and (min-width: 1600px) {
    .container { max-width: calc(1400px + 36px); }
}
/*MIN 1600 ENDS*/

@media screen and (min-width: 1800px) {
    .container { max-width: calc(1520px + 36px); }
}

/*MIN 1800 ENDS*/

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

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

    .hero-boxImg::before{ width: 250px; height: 240px; }
    .hero-boxImg::after{ width: 250px; height: 240px;  }
    .sub-serv-content { width: 650px; }
    .index-num span { font-size: 420px; line-height: 420px; }
}

@media screen and (max-width: 1600px) {
    .number-clip{ height: 200px; }
    .number-inner { transform: translateY(20px); }

    .hero-boxImg::before{ width: 245px; height: 235px; }
    .hero-boxImg::after{ width: 245px; height: 235px;  }
}

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

    .hero-boxImg::before{ width: 240px; height: 230px; }
    .hero-boxImg::after{ width: 240px; height: 230px;  }
    /* .hero-text-main{ margin-top: 110px; margin-bottom: 100px; } */

    .quote-text { width: 100%; }
}

@media screen and (max-width: 1440px) {
    .sub-serv-content { width: 580px; }
    .index-num span { font-size: 400px; line-height: 400px; }
    .sub-servc-list.active { padding: 30px 20px; }
}

@media screen and (max-width: 1359px) {
    .hero-boxImg::before{ width: 235px; height: 225px; }
    .hero-boxImg::after{ width: 235px; height: 225px;  }

    .sub-servc-list.active { padding: 60px 20px; }
    .sub-serv-content { width: 500px; }
    .index-num span { font-size: 350px; line-height: 300px; }
    .sub-servc-list .index-num { transform: translateY(40%); transition: all 0.6s ease-in-out; }
    .sub-servc-list .sub-serv-content { transform: translateY(50%); transition: all 0.6s ease-in-out; }
}

@media screen and (max-width: 1279px) {
    .rare-quote-text h2, .rare-quote-text p, .why-choose-us-text p{ width: 100%; }
    .hero-boxImg::before{ width: 225px; height: 215px; }
    .hero-boxImg::after{ width: 225px; height: 215px;  }

}

@media screen and (max-width: 1199px) {
    .hero-boxImg::before{ width: 220px; height: 205px; }
    .hero-boxImg::after{ width: 220px; height: 205px;  }
    .quote-text-main{ margin-top: 100px; }
    .quote-text-paragraph p{ margin-top: 60px; }
    .why-choose-us-text{ margin-bottom: 100px; }
 
    .sub-servc-list { justify-content: start; }
    .index-num { display: none; }
    .sub-servc-list { max-height: 200px; }
    .sub-serv-content { width: 100%; }

    .sub-servc-list { max-height: 100px; }
    .sub-servc-list .sub-serv-content { transform: translateY(40%); transition: all 0.6s ease-in-out; }
    .sub-servc-list.active { padding: 40px 20px; }
    /* .sub-servc-lists { margin-top: 100px; } */

}

@media screen and (max-width: 991px) {
    .hero-boxImg::before{ width: 190px; height: 180px; }
    .hero-boxImg::after{ width: 190px; height: 180px;  }
    .sub-serv-content .h4 { margin-bottom: 16px; }
    .sub-serv-head { width: 100%; }

    /* .sub-servc-lists { margin-top: 70px; } */
    .quote-text-main { margin-bottom: 0; }
    .text-mid-one { margin: 30px 0; }
}

@media screen and (max-width: 767px) {
    .hero-boxImg::before{ width: 150px; height: 140px; }
    .hero-boxImg::after{ width: 150px; height: 140px;  }

    /* .hero-text-main{ margin-top: 70px; margin-bottom: 50px; } */
    .quote-text-main{ margin-top: 50px; }
    /* .sub-servc-lists { margin-top: 50px; } */
    .sub-servc-list .sub-serv-content { transform: translateY(43%); }
    .sub-servc-list { padding: 30px 10px; }
    .sub-servc-list .sub-serv-content p { font-size: 20px; line-height: 30px; }
} 

@media screen and (max-width: 575px) {
    .rare-quote-text h2{ font-size: 28px; line-height: 34px; }
    .hero-boxImg::before{ width: 110px; height: 100px; }
    .hero-boxImg::after{ width: 110px; height: 100px;  }

    .sub-servc-list { padding: 20px;  max-height: 80px; }
    .sub-servc-list.active { padding: 30px 20px; }
    .sub-servc-list .sub-serv-content p { font-size: 18px; line-height: 26px; }
    .sub-servc-list .sub-serv-content { transform: translateY(44%); }

}

@media screen and (max-width: 459px) {
    .hero-boxImg::before{ width: 80px; height: 60px; }
    .hero-boxImg::after{ width: 80px; height: 60px;  }
}

@media screen and (max-width: 400px) {
    .text-250{font-size: 40px; line-height: 50px;}
    .sub-servc-list .sub-serv-content p { font-size: 16px; line-height: 24px; }
    .sub-serv-content .h4 { margin-bottom: 10px; }
    .sub-servc-list.active .sub-serv-content p { margin-bottom: 8px; }
    .sub-servc-list.active { padding: 20px; }
}

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

@media screen and (max-width: 359px) {
    .quote-text-paragraph p{ margin-top: 30px; }
}





/* @media screen and (max-width: 1799px)
@media screen and (max-width: 1600px)
@media screen and (max-width: 1560px) 
@media screen and (max-width: 1440px) 
@media screen and (max-width: 1359px)
@media screen and (max-width: 1279px)
@media screen and (max-width: 1199px)
@media screen and (max-width: 991px)
@media screen and (max-width: 767px)
@media screen and (max-width: 575px)
@media screen and (max-width: 459px)
@media screen and (max-width: 400px)
@media screen and (max-width: 374px)
@media screen and (max-width: 359px) */