.zone_tv_bar .zone_tv_bar_image img {
    /* width: 100%;
    max-width: 100%; */
    
    /** Remove By Sahejad landing-pade_new-design **/
    /* width: 70%;
    max-width: 70%;
    height: auto;
    object-fit: scale-down; */
    /** Remove By Sahejad landing-pade_new-design **/

}

.mail_video_modal_class.modal {
    top: 76px !important;
}

.mail_video_modal_class.modal {
    /* margin-top: 17px; */
    margin-top: 0px;
}

.video-body {
    height: calc(100vh - 148px) !important;
}

@media (min-width: 568px) and (max-width: 767px) {
    .mail_video_modal_class.modal {
        top: 58px !important;
    }

    .video-body {
        height: calc(100vh - 130px) !important;
    }
}

@media (min-width: 320px) and (max-width: 567px) {
    .mail_video_modal_class.modal {
        top: 50px !important;
    }
}

@media(max-width: 567px) {
    .mail_video_modal_class.modal {
        margin-top: 0;
    }

    .video-body {
        height: calc(100vh - 134px) !important;
    }
}

/* ==========================================================================
   Amit Chauhan Custom Mobile Responsiveness & Readability Fixes
   ========================================================================== */

@media (max-width: 767px) {
    /* Use min-height: 100svh instead of height: 100svh so that if the text is long,
       the container can grow naturally and never overlap or cut off the CTA button! */
    .sec-banner,
    .sec-banner_img,
    .sec-banner_video {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        height: auto !important;
        min-height: 100svh !important;
    }

    /* Ensure the inner container starts below the header and grows naturally */
    .sec-banner .css-arjcpd,
    .sec-banner.sec-banner_video .css-arjcpd {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        padding-top: 75px !important; /* Safe space to prevent text hiding under the sticky header */
        padding-bottom: 12px !important; /* Breathing room at the bottom */
        height: auto !important;
        min-height: 100% !important;
    }

    /* Adjusted opacity overlay so background video is beautifully visible and lively,
       while still providing a clean background for text readability */
    .sec-banner_overlay_redesign,
    .sec-banner.sec-banner_video .sec-banner_overlay_redesign {
        background: rgba(244, 243, 242, 0.45) !important; /* Slightly more transparent to show video even better */
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        z-index: 5 !important;
    }

    /* Add soft white text shadow to make dark text pop beautifully over the moving video */
    .banner-heading-title,
    .banner-heading-title *,
    .banner-sub-heading-title,
    .banner-sub-heading-title *,
    .banner-sub-sub-heading-title,
    .banner-sub-sub-heading-title * {
        text-shadow: 0 1px 4px rgba(255, 255, 255, 0.95), 0 0 1px rgba(255, 255, 255, 0.8) !important;
    }

    /* Responsive font sizes for mobile devices (overriding CKEditor inline/general styles) */
    .banner-heading-title,
    .banner-heading-title p,
    .banner-heading-title span,
    .banner-heading-title p span {
        font-size: clamp(20px, 6.2vw, 26px) !important; /* Scaled down for very small screens like iPhone 5/SE */
        line-height: 1.2 !important;
    }

    .banner-sub-heading-title,
    .banner-sub-heading-title p,
    .banner-sub-heading-title span,
    .banner-sub-heading-title p span {
        font-size: clamp(13px, 4.0vw, 15px) !important; /* Scaled down for very small screens like iPhone 5/SE */
        line-height: 1.25 !important;
    }

    .banner-sub-sub-heading-title,
    .banner-sub-sub-heading-title p,
    .banner-sub-sub-heading-title span,
    .banner-sub-sub-heading-title p span {
        font-size: clamp(11px, 3.4vw, 13px) !important; /* Scaled down for very small screens like iPhone 5/SE */
        line-height: 1.25 !important;
    }

    /* Reduce CTA button margin on mobile to save vertical space and prevent overflow */
    .sec-banner .css-arjcpd .css-arjcpd_inner .landingpage_title_area .yoga-plan_link {
        margin: 12px 0 6px 0 !important; /* Reduced vertical space */
        padding: 10px 24px !important; /* Slightly smaller padding to fit on small screens */
        font-size: 15px !important;
        display: inline-block !important;
    }
}

@media (max-width: 425px) {
    /* Adjust padding-top on extra small screens to prevent overlap with header */
    .sec-banner .css-arjcpd,
    .sec-banner.sec-banner_video .css-arjcpd {
        padding-top: 70px !important; /* Reduced to fit 320x568 screens */
    }
}