@media (min-width: 1560px) and (max-width: 1600px){
   
}

@media (min-width: 1400px) and (max-width: 1600px){

}

@media (min-width: 1200px) and (max-width: 1351px){
    html {
        font-size: 8.8px!important;
    }

}

@media (max-width: 1200px) {
    html {
        font-size: 9px!important;
    }

     .report-list li {
        width: calc(25% - 1.5rem); /* 4 */
    }
}

@media (min-width: 992px) and (max-width: 1199.98px){
   .strengthSec2 ul li {
    width: 23.8% !important;
    }
}

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

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

/* phones tablets to desktops devices */
@media (min-width: 768px) and (max-width: 991.98px){
    .strengthSec2 ul li {
        width: 31.8% !important;
    }
}

@media (max-width: 991.98px){
  .mega-menu { width: 100% !important; }
  .mega-card { width: calc(50% - 5px); }

  .valuesSec1 .values-row {
        flex-wrap: wrap;
    }

    .valuesSec1 .value-box {
        width: 50%;
        border-bottom: 0.1rem solid #e5e5e5;
    }

     .rainwaterSec1 .left-box {
        padding: 4rem 2rem;
    }

    .rainwaterSec1 h2 {
        font-size: 2.4rem;
    }

    .rainwaterSec1 .row {
        flex-direction: column;
    }

    .rainwaterSec1 .img-box {
        height: 30rem;
    }

     .impactSec1 .main-heading {
        font-size: 3.2rem;
    }

    .impactSec1 .left-box {
        padding: 3rem 2rem;
    }

    .impactSec1 .left-box p {
        font-size: 1.6rem;
    }

    .impactSec1 .right-box {
        font-size: 1.5rem;
    }

     .protoSec1 .main-heading {
        font-size: 3.2rem;
    }

    .protoSec1 .img-card img {
        height: 16rem;
    }

    .protoSec1 .img-card.large img {
        height: 22rem;
    }

     .photoSec1 .img-box.big {
        height: 28rem;
    }

     .report-list li {
        width: calc(33.33% - 1.4rem); /* 3 */
    }

     .impact-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

}

@media (max-width: 767.98px) {
     .conceptSec1 .main-heading {
        font-size: 3rem;
    }

    .conceptSec1 .slide {
        min-width: 30rem;
    }

     .photoSec1 .img-box.big {
        height: 22rem;
    }

    .photoSec1 .img-box.small-top {
        height: 15rem;
    }

    .photoSec1 .img-box.small {
        height: 12rem;
    }

     .report-list li {
        width: calc(50% - 1rem); /* 2 */
    }

    .report-card img {
        height: 22rem;
    }

    
}

/* phones devices to tablets devices */
@media (min-width: 576px) and (max-width: 767.98px){
      .strengthSec2 ul li {
        width: 31% !important;
    }

    .productSec1 ul.product.five li {
        width: 33.3% !important;
    }

    .customerSec ul.customer.five li{
        width: 33.3% !important;
    }

    ul.product.three li .box {
        height: 20rem !important;
    }
}

/* phones devices to tablets devices */
@media (min-width: 480px) and (max-width: 767.98px){
    .strengthSec2 ul li {
        width: 31% !important;
    }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
   .mega-menu {
    width: 100% !important;
    }
    .mega-card {
        width: calc(50% - 0.8rem);
    }

     .valuesSec1 .value-box {
        width: 100%;
    }

     .boardSec1 .card-overlay {
        padding: 1rem;
    }

    .boardSec1 .open-btn {
        width: 2.4rem;
        height: 2.4rem;
        font-size: 1.4rem;
    }

    .awardsSec1 .img-box img {
        height: 18rem;
    }

     .protoSec1 .content-box {
        padding: 2rem;
    }

    .productSec1 ul.product.five li {
        width: 49.9% !important;
    }

     .customerSec ul.customer.five li {
        width: 49.9% !important;
    }

    ul.product.three li {
        width: 49.9% !important;
    }

    ul.product.three li .box {
        height: 24rem !important;
    }

     .impact-grid {
        grid-template-columns: 1fr !important;
    }

    .impact-card {
        padding: 1.5rem;
    }
}

/* phones devices to tablets devices */
@media (min-width: 480px) and (max-width: 575.98px){
    
}

/* Small phones devices to phone devices */
@media (max-width: 480px){
    .strengthSec2 ul li {
        width: 47% !important;
    }

     .report-list li {
        width: 100%; /* 1 */
    }

    .report-card img {
        height: 20rem;
    }
}