@media screen and (min-width: 1000px) {
}

@media screen and (min-width: 1100px) {
  .custom-container {
    /*margin-left: 102.5px;*/
    margin-left: calc((100vw - 1320px) / 2 + 11.65rem);
  }
}

@media screen and (min-width: 1200px) {
  .custom-container {
    /*margin-left: 60px;*/
    margin-left: calc((100vw - 1320px) / 2 + 5.65rem);
  }
}

@media screen and (min-width: 1300px) {
  .custom-container {
    /*margin-left: 109.5px;*/
    margin-left: calc((100vw - 1320px) / 2 + 5.65rem);
  }
  
  .brand-img {
    object-fit: cover;
    height: 85px;
    width: 100%;
  }
  
  #testermonial .card {
    height: 380px;
  }
  
  .colorof-year-container {
    width: 295px;
  }
  
}

@media screen and (min-width: 1400px) {
  .custom-container {
    /*margin-left: 61px;*/
    margin-left: calc((100vw - 1320px) / 2 + 0.65rem);
  }
  
  .brand-img {
    object-fit: cover;
    height: 95px;
    width: 100%;
  }
  
  #testermonial .card {
    height: 345px;
  }
  
  .colorof-year-container {
    width: 345px;
  }

}

@media screen and (min-width: 1500px) {
  .custom-container {
    /*margin-left: 86.5px;*/
    margin-left: calc((100vw - 1320px) / 2 + 0.65rem);
  }
}

@media screen and (min-width: 1600px) {
  .custom-container {
    /*margin-left: 186px;*/
    margin-left: calc((100vw - 1320px) / 2 + 0.65rem);
  }
}

@media screen and (min-width: 1700px) {
  .custom-container {
    /*margin-left: 296.5px;*/
    margin-left: calc((100vw - 1320px) / 2 + 0.65rem);
  }    
}

@media screen and (min-width: 1800px) {
  .custom-container {
    /*margin-left: 296.5px;*/
    margin-left: calc((100vw - 1320px) / 2 + 0.65rem);
  }    
}

@media screen and (min-width: 1900px) {
  .custom-container {
    /*margin-left: 296.5px;*/
    margin-left: calc((100vw - 1320px) / 2 + 0.65rem);
  }
}

@media screen and (min-width: 2000px) {
  .custom-container {
    margin-left: calc((100vw - 1320px) / 2 + 0.65rem);
  }
}

@media (min-width: 1900px) {
    .navbar-nav .nav-item .nav-link,
    .navbar .dropdown .dropdown-menu li .dropdown-item {
        font-size: 19px !important;
    }
    
    .navbar-nav .nav-item::after {
        bottom: -10px;
    }
    
    .heading-secondary,
    a.bottom-banner-btn,
    .view-more-text,
    .home-banner-subtitle,
    .about-sec4-mission-txt h6 {
        font-size: 24px;
    }
    
    p,
    li,
    #home-sec2 .card-sub-text, 
    #home-sec8 .card-sub-text, 
    #inspirational-card .card-sub-text, 
    #news-media-card .card-sub-text, 
    #season-color .card-sub-text,
    #product-accordion .product-name,
    #product-filter .form-check-label,
    .about-sec4-mission-txt h5,
    #testermonial .feedback,
    #testermonial .client-name,
    #contact-us input, 
    #contact-us select,
    #blog .date, 
    #blog .para,
    a.button-blog-red, 
    a.button-loadmore-red, .wpcf7-submit,
    #csr-card .card-content, 
    #sus-card .card-content,
    .award-title,
    .timeline-item.active .year,
    #job .accordion-button .btn-inner-text,
    #job .inner-content ol li, 
    #job .inner-content .qualifications p,
    #branches-tab .nav-link,
    #branches-tab .inner-detail,
    #contact-us label,
    .header-search-modal input,
    .search-result-style strong {
        font-size: 22px;
    }
    
    .form-select {
        font-size: 22px !imporant;
    }
    
    
    footer ul li a,
    footer .sub-text,
    footer .sub-text2,
    footer .sub-text3,
    footer .sub-text4,
    .award-color,
    .award-description p,
    #news-media-card .card-text span, 
    #news-media-card .card-text-hover span,
    .news-page #inspirational-card .card-text span, 
    .news-page #inspirational-card .card-text-hover span,
    #cont-sec2 .sub-text a, #cont-sec2 .sub-text, #cont-sec2 .sub-text p,
    .reach .para {
        font-size: 20px;
    }
    
    #product-accordion .product-description,
    #testermonial .clirnt-position,
    .search-result-style small {
        font-size: 17px;
    }
    
    .color-code-text,
    .card-text  {
        font-size: 26px;
    }
    
}