@media only screen and (max-width: 1399px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }
     
    
     
    
}

@media screen and (max-width: 1280px) and (max-height: 800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1150px;
    } 

    body {
        font-size: 14px;
    }

    .section-space {
        padding: 72px 0;
    }

    .section-label {
        margin-bottom: 9px;
        font-size: 11px;
    }

    .section-heading {
        margin-bottom: 26px;
    }

    .section-heading h2,
    .about-heading h2 {
        font-size: 38px;
    }

    .section-heading p,
    .about-copy p,
    .product-body p,
    .value-card p,
    .testimonial-card p,
    .blog-body p,
    .faq-accordion .accordion-body,
    .address-block p,
    .address-block ul {
        font-size: 13px;
    }

    .site-header {
        top: 54px;
    }

    .header-inner {
        min-height: 66px;
        gap: 20px;
        padding-right: 44px;
        padding-left: 44px;
    }

    .brand {
        width: 112px;
    }

    .site-nav {
        gap: 18px;
        font-size: 11px;
    }

    .quote-btn {
        min-height: 34px;
        padding: 0 20px;
        font-size: 11px;
    }

    .primary-btn,
    .secondary-btn {
        min-height: 40px;
        border-radius: 8px;
        font-size: 12px;
    }

    .primary-btn {
        padding: 0 22px;
    }

    .secondary-btn {
        padding: 0 36px;
    }

    .hero-section {
        padding-top: 34px;
    }

    .hero-panel {
        min-height: 560px;
        padding: 150px 42px 112px;
        border-radius: 42px;
    }

    .hero-content {
        width: 66%;
        max-width: 710px;
    }

    .hero-content h1 {
        max-width: 680px;
        font-size: 44px;
        line-height: 1.1;
    }

    .hero-content p {
        width: min(100%, 610px);
        margin-top: 12px;
        font-size: 13px;
        line-height: 1.55;
    }

    .hero-actions {
        gap: 14px;
        margin-top: 22px;
    }

    .hero-machine {
        right: 34px;
        bottom: 92px;
        width: 39%;
        min-width: 360px;
    }

    .about-grid {
        gap: 28px 26px;
    }

    .about-top-img {
        height: 138px;
        border-radius: 18px;
    }

    .video-card,
    .video-card img {
        min-height: 210px;
    }

    .play-icon {
        width: 58px;
        height: 58px;
        box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.08), 0 0 28px rgba(255, 255, 255, 0.82), 0 0 48px rgba(0, 197, 189, 0.38);
    }

    .play-icon::before {
        border-top-width: 11px;
        border-bottom-width: 11px;
        border-left-width: 17px;
    }

    .stats-card {
        min-height: 292px;
        padding: 28px;
        border-radius: 30px;
    }

    .stat-item {
        grid-template-columns: 72px 1fr;
        padding: 17px 0;
    }

    .stat-item img {
        width: 44px;
    }

    .stat-item span {
        font-size: 12px;
    }

    .stat-item strong {
        font-size: 20px;
    }

    .product-grid,
    .values-grid,
    .exhibition-grid,
    .testimonial-grid,
    .blog-grid {
        gap: 22px;
    }

    .product-img img {
        height: 230px;
    }

    .product-body {
        height: 230px;
        padding: 18px;
    }

    .product-body h3,
    .blog-body h3 {
        font-size: 18px;
    }

    .product-body a {
        margin-top: 20px;
        font-size: 13px;
    }

    .value-card {
        min-height: 150px;
        padding: 20px 26px;
    }

    .value-card h3 {
        font-size: 18px;
    }

    .value-card img {
        width: 44px;
    }

    .exhibition-card,
    .exhibition-card img {
        min-height: 142px;
    }

    .exhibition-card span {
        font-size: 16px;
    }

    .exhibition-card p {
        font-size: 13px;
    }

    .client-slide {
        height: 92px;
    }

    .client-slide img {
        padding: 16px 24px;
    }

    .faq-accordion .accordion-button {
        min-height: 54px;
        font-size: 14px;
    }

    .contact-section {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .contact-grid {
        gap: 58px;
    }

    .enquiry-form {
        width: min(100%, 540px);
        padding: 28px 30px;
    }

    .enquiry-form h3 {
        font-size: 18px;
    }

    .footer-grid {
        gap: 56px;
        padding: 54px 0 42px;
    }

    .footer-about img {
        width: 160px;
        margin-bottom: 30px;
    }

    .footer-grid h4 {
        font-size: 14px;
    }

    .footer-grid a,
    .footer-grid p,
    .footer-about p {
        font-size: 13px;
    }
    .dropdown a { 
    padding: 3px 15px; 
    font-size: 13px;
    
}

     
}

@media (max-width: 1024px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 950px;
    }
     



}

@media (max-width: 991px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 950px;
    }
     






    
  }

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1386px;
    }
     
}
@media (min-width: 1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1550px;
    }
    

}


@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1700px;
    }
}