@media only screen and (max-width: 991px) {
    .nav-item a.active,
    .nav-item a {
        border: none !important;
        padding-left: 0 !important;
    }

    .cart-countwrap { display: inline-block; }
    .cart-count { right: -10px; }

    .navbar-nav {
        align-items: start;
        margin-top: 30px;
        gap: 5px;
    }

    .nav-item {
        border-bottom: 1px solid rgba(14, 30, 71, .08);
        width: 100%;
    }

    .active {
        border: none;
        padding: 0.5rem 0 !important;
    }

    .imagecolumn { text-align: center; }

    .operationhourscol h5,
    .operationhourscol ul { padding-left: 0 !important; }

    .brand-story-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .brand-story-copy {
        border-left: 0;
        border-top: 1px solid rgba(14, 30, 71, 0.1);
        padding-left: 0;
        padding-top: 36px;
    }

    .brand-story h2 { max-width: none; }

    /* USP cards: stack vertically, drop the left rule */
    .product-service-wrap .row > div .prodsercol1_3 {
        border-left: 0;
        padding-left: 0;
        padding-bottom: 32px;
        border-bottom: 1px solid rgba(14, 30, 71, 0.08);
    }
    .product-service-wrap .row > div:last-child .prodsercol1_3 { border-bottom: 0; padding-bottom: 0; }

    .listbtnstyle { column-count: 2; column-gap: 32px; }
}

@media only screen and (max-width: 768px) {
    .navbar-toggler-icon {
        width: 30px; height: 30px;
        line-height: 30px;
        vertical-align: middle;
    }

    .textcol { width: 80%; }

    .prodcatwrap {
        padding: 90px 20px;
        text-align: center;
    }

    .prodcatwrap .prod-info h6 { min-height: 70px; }

    .listbtnstyle li { padding: 16px 0; }
    .listbtnstyle li a { font-size: 14px; }

    .product-service-wrap,
    .brand-story,
    .featuredproductswrap,
    .service-area,
    .operationhourswrap,
    .testinobualwrap,
    .final-cta,
    .letushelpyouwrap { padding: 90px 0; }

    .product-service-wrap .section-head { margin-bottom: 56px; }
    .featuredproductswrap .section-head { margin-bottom: 48px; }
}

@media only screen and (max-width: 767px) {
    .prodcatwrap h3 { padding: 0 20px; }

    .hero-sparkle--3 { display: none; }
    .hero-sparkle--1 { width: 20px; height: 20px; top: 13%; right: 8%; }
    .hero-sparkle--2 { width: 12px; height: 12px; top: 78%; right: 10%; }

    .ornament-laurel { width: 110px; height: 16px; }

    .listbtnstyle {
        padding: 0;
        column-count: 1 !important;
    }

    .operationhourswrap { padding-top: 80px; }
    .operationhourscol ul li {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        gap: 4px;
        padding: 18px 0;
    }

    .carousel-caption h5 {
        font-size: var(--font-body-xl);
        padding: 0 20px;
    }

    .testinobualwrap { padding: 80px 0; }
    .testinobualwrap .container { max-width: 100%; padding: 0 24px; }

    .daycol { font-size: 12px; }
    .timecol { font-size: 16px; }

    .operationhourscol { padding: 0 8px; }

    .welcometext { margin-top: 0; margin-bottom: 0; }

    .testinobualwrap .carousel-caption {
        width: 100%;
        margin: 0 auto;
        padding: 0 16px;
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 32px; height: 32px;
        background-size: cover;
    }

    .nav-item a:hover::after,
    .nav-item a.active::after { display: none; }

    .height91 { height: inherit; }

    .service-area .area-cities {
        font-size: 17px;
        line-height: 1.75;
    }

    .brand-story,
    .product-service-wrap,
    .featuredproductswrap,
    .service-area,
    .operationhourswrap,
    .final-cta { padding: 80px 0; }
}

@media only screen and (max-width: 786px) {
    .navbar-wrapper .dropdown {
        align-items: start;
        margin-top: 30px;
        gap: 5px;
        flex-direction: column;
    }

    .navbar-wrapper .dropdown li {
        position: relative;
        border-bottom: 1px solid rgba(14, 30, 71, .08);
        width: 100%;
        padding: 7px 0 !important;
    }

    .navbar-wrapper .dropdown li:last-child { border: none; }

    .navbar-wrapper ul li a {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .navbar-wrapper ul li > ul {
        background: transparent;
        position: unset !important;
        display: block;
        margin-left: 0;
        padding-left: 15px;
        box-shadow: none;
        border-top: none;
    }

    .navbar-wrapper ul li > ul a {
        padding: 0 10px !important;
        color: var(--color-secondary);
    }

    .navbar-wrapper ul li > ul::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: absolute;
        top: 30px;
        right: 13px;
    }
}