@media (min-width: 2560px) and (max-width: 3840px) {
    .productSec1 .container {
        width: 80% !important;
        max-width: 80%;
    }

    .customerSec .container {
        width: 80%;
        max-width: 80%;
    }

    .customerSec ul.customer .box img {
        width: 45%;
    }

    .globalCustomerSec1 .container {
        width: 80%;
        max-width: 80%;
    }

    .globalCustomerSec1 .map-wrapper img {
        width: 100%;
    }

    .director-custom-modal img {
        width: 100%;
    }

    .director-custom-modal > .modal-lg{
        width: 60% !important;
        max-width: 60% !important;
    }

}

@media (min-width: 2200px) and (max-width: 2559.9px) {
    .productSec1 .container {
        width: 80% !important;
        max-width: 80%;
    }

    .customerSec .container {
        width: 80%;
        max-width: 80%;
    }

    .customerSec ul.customer .box img {
        width: 45%;
    }

    .globalCustomerSec1 .container {
        width: 80%;
        max-width: 80%;
    }

    .globalCustomerSec1 .map-wrapper img {
        width: 100%;
    }

    .director-custom-modal img {
        width: 100%;
    }

    .director-custom-modal > .modal-lg {
        width: 60% !important;
        max-width: 60% !important;
    }

/*    .mega-menu .mega-menu {
        width: 1250px !important;
    }

    .mega-card img {
        width: 100% !important;
        height: 320px !important;
    }

    #strengthsMega {
        width: 840px !important;
    }*/

  } 

@media (min-width: 1920px) and (max-width: 2199.9px){
    .director-custom-modal img {
        width: 100%;
    }

    .director-custom-modal > .modal-lg {
        width: 60% !important;
        max-width: 60% !important;
    }
} 

@media (min-width: 1850px) and (max-width: 1919.9px){
    .director-custom-modal img {
        width: 100%;
    }

    .director-custom-modal > .modal-lg {
        width: 60% !important;
        max-width: 60% !important;
    }
}

@media (min-width: 1480px) and (max-width: 1849.9px){
    .director-custom-modal img {
        width: 100%;
    }

    .director-custom-modal > .modal-lg {
        width: 60% !important;
        max-width: 60% !important;
    }
}

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

@media (max-width: 1200px) {
     .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){
   .navbar-nav .nav-link {
    font-size: 1.5rem !important;
    }

    .navbar-brand .logo{
        width: 120px !important;
    }

    .navbar .btn-contact{
        font-size: 1.5rem !important;
    }
}

@media (min-width: 992px) and (max-width: 1023.98px){
    .navbar-nav .nav-link {
    font-size: 1.5rem !important;
    }

    .navbar-brand .logo{
        width: 120px !important;
    }

    .navbar .btn-contact{
        font-size: 1.5rem !important;
    }
}

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

    .report-list li {
    width: calc(25% - 1.6rem) !important;
    }

    .report-card img {
        height: auto !important;
    }

       .navbar .logo {
        width: 125px;
    }
}

@media (max-width: 991.98px){
    .investorSec1 .inv-btns {
        grid-template-columns: repeat(3, 1fr);
    }

    .careerForm{
        top:0px !important;
    }

    .navbar-nav .nav-link {
        padding: 0.5rem 0rem !important;
    }

  .navbar .dropdown-menu:before{
    top:-15px !important;
  }
  .mega-menu { width: 100% !important; }
  .mega-card { width: calc(50% - 5px); }

  .banner img{
    height: auto !important;
  }

  .workSec1 .work-text {
    padding-right: 0rem !important;
}

  .rainwaterSec1 .content {
    max-width: 100% !important;
}

.contactFormUI{
    position: relative !important;
    top:0px !important;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
  .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: 2rem;
    }

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

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

     .impactSec1 .main-heading {
        font-size: 2.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: 2.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;
    }

    .labImgSec .one img {
        height: auto !important;
        min-height: auto !important;
        max-height: auto !important;
        object-fit: unset !important;
    }

    .labImgSec .four img {
        height: auto !important;
        min-height: auto !important;
        max-height: auto !important;
        object-fit: unset !important;
    }

    .labImgSec .two img {
        height: auto !important;
        min-height: auto !important;
        max-height: auto !important;
        object-fit: unset !important;
    }

    .labImgSec .three img {
        height: auto !important;
        min-height: auto !important;
        max-height: auto !important;
        object-fit: unset !important;
    }

}

@media (max-width: 767.98px) {
     .conceptSec1 .main-heading {
        font-size: 2.2rem;
    }
/* 
    .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){
        .navbar .logo {
        width: 120px;
    }
      .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;
    }

    #strengthsMega {
    width: 560px !important;
    }

    .report-list li {
    width: calc(33.3% - 1.6rem) !important;
    }

    .report-card img {
        height: auto !important;
    }
}

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

    .mega-card img {
        width: 100% !important;
/*        height: 130px !important;*/
    }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .navbar .logo{
        width: 120px;
    }
    .banner {
    margin-top: 7.5rem !important;
}

    .navbar{
        padding: 0.5rem 0 !important;
    }
   .mega-menu {
    width: 100% !important;
    }

    #strengthsMega{
        width: 100%;
    }
    #strengthsMega .mega-card {
    width: calc(49% - 0.5rem) !important;
    }
    .mega-card {
        width: calc(50% - 0.8rem) !important;
    }

    .mega-card img {
    width: 100% !important;
/*    height: 140px !important;*/
}

    .navbar .dropdown-menu {
    padding: 1rem !important;
    }

     .navbar .dropdown-menu:before{
       top:-15px !important;
    }

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

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

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

     .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;
    }

    .report-list li {
    width: calc(50% - 1.6rem) !important;
    }

    .report-card img {
        height: auto !important;
    }

    .hero-content h1{
        font-size: 3.2rem !important;
    }

    .about-section h2 {
    font-size: 2.6rem !important;
    }

    .cta-section h2 {
    font-size: 2.2rem !important;
    margin-bottom: 2rem !important;
    }

    .cta-section .container-fluid > .row {
    padding: 5rem 3rem !important;
    }

    .main-heading {
    font-size: 2.2rem !important;
    }

    .overviewSec2 .region-card h3 {
    font-size: 2.2rem !important;
    }

    .footer-logo img {
        width: 120px !important;
    }

    .conceptSec1 .tab-btn{
        margin-bottom: 2rem !important;
    }

    .moldingSec1 .product-card.big img {
        height: 84% !important;
    }

    .electronicsSec1 .sub-heading {
        font-size: 2.2rem !important;
        line-height: 2.9rem !important;
    }

    .photoSec1 .main-heading{
        font-size: 2.2rem !important;
    }

    .productSec1 .subHeading {
        font-size: 1.6rem !important;
    }

    .customerSec .subHeading {
        font-size: 1.6rem !important;
    }

    .trusteeSec1 .trustee-img {
    width: 15rem !important;
    height: 15rem !important;
    }

    .honorSec1 .honor-row {
        display: block !important;
    }

    .dusk-left h2 {
    font-size: 2.4rem !important;
    }

    .gallerySec1 .gallery-title {
    font-size: 2.2rem !important;
    }

    .investorSec1 .inv-title {
    font-size: 2.2rem !important;
    }

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

    .conceptSec1 .swiper-slide {
    height: auto;
    width: 100% !important;
    }

    .missionSec1 .content {
    padding-right: 0rem !important;
}
.contactInfoSec .contactBox {
    padding-right: 0rem !important;
}
}

/* 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;
    }
}