/* Booster Responsive Breakpoints (Bootstrap Standard) */
:root {
    --primary-cat: #ff4006;
    --secondary-cat: #02015a;
}

/* Large Desktop (XXL) */
@media (min-width: 1400px) {
    .container-one {
        max-width: 1320px !important;
    }
}

/* Desktop (XL) */
@media (max-width: 1399px) {
    .container-one {
        max-width: 1140px !important;
    }
}

/* Laptop (LG) */
@media (max-width: 1199px) {
    .container-one {
        max-width: 960px !important;
    }

    .home-three-heading {
        font-size: 70px !important;
    }

    .about-banner-content h1,
    .services-banner-content h1,
    .products-banner-content h1 {
        font-size: 54px !important;
    }
}

/* Tablet (MD) */
@media (max-width: 991px) {
    .container-one {
        max-width: 720px !important;
    }

    .home-three-heading {
        font-size: 90px !important;
    }

    .style-three-header {
        display: none !important;
    }

    /* Hide redundant top header */
    .home-three-menu {
        position: fixed !important;
        top: 0;
        width: 100%;
        z-index: 1000;
        background: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .ethos-premium-grid,
    .mfg-showcase-grid,
    .showcase-grid,
    .tech-flex,
    .index-about-flex {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        gap: 40px !important;
    }

    .nav-menu-link-wrap {
        display: none !important;
    }

    .home-two-phone-number-block {
        margin-left: auto;
        display: flex !important;
        align-items: center;
    }

    .mobile-hidden {
        display: none !important;
    }

    /* Responsive Banner Adjustments */
    .home-three-hero-section {
        padding-top: 100px !important;
    }

    .about-page-banner,
    .services-page-banner,
    .products-page-banner,
    .contact-page-banner {
        padding: 140px 0 80px !important;
        border-radius: 0 0 20px 20px !important;
    }

    .about-banner-content h1,
    .services-banner-content h1,
    .products-banner-content h1 {
        font-size: 42px !important;
    }

    .index-about-image {
        order: 1;
    }

    .index-about-content {
        order: 2;
    }
}

/* Mobile (SM) */
@media (max-width: 767px) {
    .container-one {
        max-width: 540px !important;
    }

    .home-three-heading {
        font-size: 40px !important;
    }

    .ethos-experience-card {
        position: relative !important;
        right: 0 !important;
        bottom: 0 !important;
        margin-top: 20px;
        padding: 20px !important;
    }

    .ethos-main-img {
        height: 300px !important;
    }

    .stat-card {
        padding: 20px !important;
    }

    .ticker-item span {
        font-size: 18px !important;
    }

    .about-banner-content h1,
    .services-banner-content h1,
    .products-banner-content h1 {
        font-size: 36px !important;
    }

    .about-banner-content p,
    .services-banner-content p {
        font-size: 16px !important;
    }
}

/* Extra Small (XS) - iOS/Android Phones */
@media (max-width: 575px) {
    .container-one {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .home-three-heading {
        font-size: 32px !important;
    }

    .hero-button {
        width: 100% !important;
        text-align: center;
    }

    .service-card-content {
        padding: 25px !important;
    }

    .service-card-content h3 {
        font-size: 20px !important;
    }

    .navbar-wrapper img {
        width: 100px !important;
    }

    .buildex {
        width: 140px !important;
    }

    .about-banner-content h1,
    .services-banner-content h1,
    .products-banner-content h1,
    .contact-banner-content h1 {
        font-size: 28px !important;
    }
}

/* Ensure tags are visible on Tablet (MD) and larger */
@media (min-width: 768px) {
    .index-about-section .tag-wrap {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* Explicitly hide on smaller mobile devices */
@media (max-width: 767px) {
    .index-about-section .tag-wrap {
        display: none !important;
    }
}

/* Ensure Inner Page Banners are consistent */
.about-page-banner,
.services-page-banner,
.products-page-banner,
.contact-page-banner {
    min-height: 400px;
    display: flex;
    align-items: center;
    background-attachment: scroll !important;
    /* Fix for iOS parallax issues */
}

@media (max-width: 991px) {

    .about-page-banner,
    .services-page-banner,
    .products-page-banner,
    .contact-page-banner {
        min-height: 300px;
    }
}