@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px !important;
    }
}
@media screen and (min-width:1360px){
    .products-overview-carousel-container .slider-nav-buttons { 
    bottom: 8%;
    right: 46%; 
}
}

@media (min-width: 768px) and (max-width: 1024px) {  
    .counter-item .title { 
     margin-top: 0px !important;  
}
.awardscnt {
    padding-right: 20px;
    padding-left: 20px;
}
 .service-img {
    text-align: center;
}
.products-overview-carousel-container .slider-nav-buttons { 
    /* bottom: 15%;
    left: 13%;  */
            bottom: 10%;
        right: 46%;
}
.wholehouse-cnt p { 
    padding-right: 0px; 
}
.products-overview-carousel-container .carousel .wholehouse-cnt {
    padding: 0px 10px;
}
.typebox .col-md-2{
    width:33%;
}
.rebate-desc {
    width: 90%;
    overflow: hidden;
    }

}

@media all and (max-width: 767px) {
    .sub-footer-link li { 
    padding-right: 22px;
}
    .sub-footer-link li a {
    font-size: 14px; 
}
  
    .blog-latest { 
    width: 100%;
    height: 300px; 
}
.blogdetails-img { 
    width: 100%;
    height: 360px; 
}
    .counter-item .title { 
    margin-top: 0px !important; 
}
    .service-img {
    text-align: center;
}
    .sustainability-section .text-overlay {
    background-color: rgba(255, 255, 255, 77%);
    padding: 20px 20px;
    width: 100%;
    margin: 15px;
}
.sustainability-section 
 { 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 410px; 
}
.sustainability-section .text-overlay p {
    font-size: 15px;
    line-height: 25px;
}
.hero-content { 
    top: 45%; 
    width: 100%; 
}
.hero-single .hero-content .hero-title {
        font-size: 25px; 
    }
    .hero-single .hero-content .hero-title { 
    margin: 20px 0 0px;
}
    .about-right {
        margin-top: 0px;
    }
    .about-text { 
    font-size: 18px;
    line-height: 30px;
    margin: 0 20px;
}
.site-title { 
    font-size: 25px; 
}
.customsubtitle p {
    font-size: 18px;
    line-height: 30px;
    
}
.global-cnt p {
      font-size: 18px;
    line-height: 30px;
    padding-right: 15px;
}
.history-cnt p {
    font-size: 18px; 
    line-height: 30px; 
            padding-bottom: 14px;
}
.customer-sec p {
    font-size: 18px; 
    line-height: 30px;
            padding-bottom: 14px;
}
.growthbox p { 
    font-size: 18px;
    line-height: 30px;
    padding-right: 15px; 
}
.growthbox { 
    margin-bottom: 30px;
}
.innovation-area { 
    padding: 20px 0 45px; 
}
.innovation-area h4 { 
    font-size: 20px;
}
.innovation-area h2 {
    color: #fff;
    font-size: 28px;
}
.innovation-area p {
    font-size: 18px; 
    line-height: 30px;
}
.row.pt-120.mt-80.d-flex.align-items-end.justify-content-end {
    padding-top: 25px;
    margin-top: 0px;
}
.d-flex.flex-wrap.justify-content-center.gap-3.mt-4 {
    gap: 0px !important;
    margin-top: 0px !important;
}
.footer-widget-wrap { 
    padding: 25px;
}
.footer-widget { 
    padding: 20px 10px; 
}
.about-area.py-100 {
    padding: 50px 0px;
}
.map-container { 
    /* height: 27vh;  */
}
.innerbannersec .overlay-content { 
    width: 100%; 
}
.innerbannersec .overlay-content h1 {
    font-size: 19px;
        margin: 6px 0;
}
.innerbannersec .overlay-content p { 
    font-size: 15px;
    line-height: 19px; 
    margin-bottom: 0px;
}

.wholehouse-cnt p {
    font-size: 18px;
    line-height: 30px; 
    padding-right: 15px; 
}
.innerbannersec:after { 
    top: 30%; 
}
.innovation-area::after { 
    background-image: linear-gradient(to bottom, #00000000 0%, rgb(0 0 0 / 70%) 54%);
}
.explore-item .overlay { 
    padding: 10px 15px; 
    font-size: 14px;
    width: 88%;
}
.about-title { 
    font-size: 20px;
    line-height: 30px; 
}
p.me-5 {
    margin-right: 0px !important;
}
.givingbacksec { 
    padding: 20px;
}
.sustainability-carousel-container .slider-nav-buttons { 
    bottom: 5px;
    right: 5px; 
}
.mainban .overlay-content { 
    width: 95%;
    margin: 0 auto;
}
.mainban .overlay-content h1 {
    font-size: 21px; 
        margin: -25px 0;
}
.mainban .overlay-content p { 
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin-top: 26px;
}
.py-100{
     padding: 40px 0;
}
.py-80 {
    padding: 40px 0;
}
.products-overview-carousel-container .slider-nav-buttons { 
    /* bottom: 0%;
    right: 7%;  */
    bottom: 5%;
        left: 3%;
}
.products-overview-carousel-container .carousel .wholehouse-cnt {
    padding: 0px 15px;
}
.products-overview-carousel-container .carousel .carousel-inner img {
    width: 50%; 
}
.map-container { 
      /* height: 28vh;  */
    }
    .map-container1 { 
      height: 28vh; 
    }
    .vertis-series1{ 
      /* height: 28vh;  */
    }
    .container.my-5 {
    margin-top: 15px !important;
}
.global-img {
    margin-top: 30px;
}
.trustedtitle {
    font-size: 18px !important;
    padding: 0px 0px;
}
.rebatesblock {
    padding: 15px 15px; 
}
.latest-excerpt {
    font-size: 13px; 
    line-height: 18px;
       width: 95%;
}
.blog-latest .latest-title {
    font-size: 14px; 
    margin-bottom: 7px; 
     
}
.blog-latest .overlay 
 { 
    padding: 15px; 
}
.blog-latest .blog-readmore { 
    margin-right: 2px;
}
.contactcnt
 {
    font-size: 18px;
}
.contact-form-sec {
    padding: 1rem; 
}
form.d-flex.w-100 input.form-control { 
    height: 85px;
}
.min-h-screen.p-10.bg-white .section-title {
    font-size: 20px !important;

}
.step-current {
    font-size: 25px; 
}
.step-total {
    font-size: 20px; 
}
.verificationbox { 
    margin: 0px 20px;
}
section.jsx-c9367a4b4ee27a39.d-flex.flex-column.align-items-center.justify-content-center.py-5.my-2 {
    margin: 0px 20px;
}

.otp-input.jsx-c9367a4b4ee27a39 {
    width: 50px !important;
    height: 50px !important;
    text-align: 25px !important;
    border-radius: 0px !important;
}
.jsx-c9367a4b4ee27a39.p-5.verificationbox.text-center.w-100 {
    padding: 30px 20px !important;
}



}



.date-invoice-row .col-lg-4 {
  flex: 0 0 auto;
  width: 33.3333%;
}

/* Full width on 1280px and below */
@media (max-width: 1280px) {
  .date-invoice-row > div {
    width: 75% !important;
    max-width: 75% !important;
  }
}

@media (max-width:768px) {
  .date-invoice-row > div {
    width: 100% !important;
    max-width: 100% !important;
  }
}


@media (max-width: 820px) {
.HistoryTimeline_historycnt__qlGJk p {
    padding: 20px; 
    margin-bottom: 12px;
    line-height: 25px;
    font-size: 15px;
}
.HistoryTimeline_yearsPanel__3yS60 {
    width: 135px; 
}
.HistoryTimeline_yearItem__mgEn4.HistoryTimeline_active__j7663::before { 
    width: 50px; 
    top: 24px; 
}
.HistoryTimeline_yearItem__mgEn4.HistoryTimeline_active__j7663::after { 
    width: 26px; 
    bottom: 25px;
    right: -10%; 
}
.HistoryTimeline_historycnt__qlGJk {
    width: 100%;
    float: left;
    margin-right: 40px;
}

}

@media (max-width: 912px) {
.HistoryTimeline_historycnt__qlGJk p {
    padding: 20px; 
    margin-bottom: 12px;
    line-height: 25px;
    font-size: 15px;
}
.HistoryTimeline_yearsPanel__3yS60 {
    width: 135px; 
}
.HistoryTimeline_yearItem__mgEn4.HistoryTimeline_active__j7663::before { 
    width: 50px; 
    top: 24px; 
}
.HistoryTimeline_yearItem__mgEn4.HistoryTimeline_active__j7663::after { 
    width: 26px; 
    bottom: 25px;
    right: -10%; 
}
.HistoryTimeline_historycnt__qlGJk {
    width: 100%;
    float: left;
    margin-right: 40px;
}

}

@media (max-width: 1024px) {
.HistoryTimeline_historycnt__qlGJk p {
    padding: 20px; 
    margin-bottom: 12px;
    line-height: 25px;
    font-size: 15px;
}
 

}

@media only screen and (min-width: 767px) and (max-width: 1200px) {
    .products-overview-carousel-container .slider-nav-buttons { 
    bottom: 7%;
    right: 42%; 
}
}