/* =============================================================================
 * RESPONSIVE RULES — MOBILE AND TABLET
 * =============================================================================
 * Owner:  Parent theme.
 * Scope:  All pages, based on viewport width.
 *
 * Fixes:  The parent theme's responsive rules were authored for its original
 *         theme name. The child theme did not inherit them. These rules
 *         restore the intended small-screen behavior.
 * ============================================================================= */


/* -----------------------------------------------------------------------------
 * Small screens (max 767px)
 * --------------------------------------------------------------------------- */
@media (max-width: 767px) {

    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger .rbt-product-banner-content {
        min-height: 400px;
    }

    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-medium .rbt-product-banner-content {
        padding-inline-start: 20px;
    }

    .rbt-newsletter-form-one .rbt-btn {
        padding: 10px 16px;
        height: 40px;
    }

    .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 {
        flex-wrap: nowrap;
    }

    .copyright-area .logo img {
        max-width: 142px;
    }
}


/* -----------------------------------------------------------------------------
 * Very small screens (max 479px)
 * --------------------------------------------------------------------------- */
@media (max-width: 479px) {

    .rbt-app-store-list img {
        max-height: 42px;
    }
}


/* -----------------------------------------------------------------------------
 * Tablet and below (max 991.98px)
 * --------------------------------------------------------------------------- */
@media (max-width: 991.98px) {

    /* Preserve the theme's open state and transforms; only bound the drawer width. */
    body.single-product .rbt-cart-side-menu.side-menu-active {
        max-width: 100vw;
    }
}