/*
 * Ripple Module - Responsive CSS
 * Auto-extracted from prsar_responsive.css for ripple module
 * Scoped under .ripple-wrap to avoid conflicts
 */

/* ===== Ultra-wide: min-width 3601px ===== */
@media only screen and (min-width: 3601px) {
    .ripple-wrap .description_dt {
        font-size: 31px;
    }
    .ripple-wrap .banner-tt_details {
        font-size: 54px;
        width: 100%;
    }
    .ripple-wrap .descrpition_title_dt {
        font-size: 26px;
        margin-top: 30px;
        line-height: 35px;
    }
}

/* ===== 2801px - 3000px ===== */
@media only screen and (min-width: 2801px) and (max-width: 3000px) {
    .ripple-wrap .description_dt {
        font-size: 31px;
    }
    .ripple-wrap .banner-tt_details {
        font-size: 54px;
        width: 100%;
    }
    .ripple-wrap .descrpition_title_dt {
        font-size: 26px;
        margin-top: 30px;
        line-height: 35px;
    }
    .ripple-wrap .bnnr_play_btn {
        margin-top: 0px;
    }
}

/* ===== 2601px - 2800px ===== */
@media only screen and (min-width: 2601px) and (max-width: 2800px) {
    .ripple-wrap .description_dt {
        font-size: 24px;
    }
    .ripple-wrap .banner-tt_details {
        width: 100%;
        font-size: 54px;
    }
    .ripple-wrap .descrpition_title_dt {
        font-size: 24px !important;
        margin-top: 30px;
        line-height: 33px;
    }
    .ripple-wrap .bnnr_play_btn {
        font-size: 24px;
    }
}

/* ===== 1801px - 2200px (large desktop) ===== */
@media only screen and (min-width: 1801px) and (max-width: 2200px) {
    .ripple-wrap .description_dt {
        font-size: 20px;
    }
    .ripple-wrap .banner-tt_details {
        width: 100%;
        font-size: 54px;
    }
    .ripple-wrap .descrpition_title_dt {
        padding-top: 10px;
        font-size: 20px;
    }
    .ripple-wrap .bnnr_play_btn {
        font-size: 24px;
    }
}

/* ===== 1601px - 1800px ===== */
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
    .ripple-wrap .description_dt {
        font-size: 18px;
    }
    .ripple-wrap .descrpition_title_dt {
        font-size: 18px;
    }
    .ripple-wrap .bnnr_play_btn {
        font-size: 17px;
        margin-top: 7px;
    }
}

/* ===== 1200px - 1600px (general desktop) ===== */
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .ripple-wrap .description_dt {
        font-size: 14px;
    }
    .ripple-wrap .banner-tt_details {
        color: var(--white);
        font-size: 35px;
        font-family: 'AnekLatin-Bold' !important;
        font-weight: 700 !important;
        margin-bottom: 10px;
    }
    .ripple-wrap .descrpition_title_dt {
        font-size: 14px;
        line-height: 22px;
        color: #C0C0C0;
    }
}
@media only screen and (min-width: 1200px) {
   .ripple-wrap .rp-chips{
        padding: 16px 50px;
   } 
}


/* ===== 1025px - 1199px ===== */
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .ripple-wrap .descrpition_title_dt {
        -webkit-line-clamp: 4;
    }
    .ripple-wrap .banner-tt_details {
        color: var(--white);
        font-size: 30px;
    }
    .ripple-wrap .bnnr_play_btn {
        overflow: hidden;
    }
}

/* ===== 768px - 1024px (tablet) ===== */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ripple-wrap .description_dt {
        display: flex !important;
        justify-content: center;
    }
    .ripple-wrap .banner-tt_details {
        color: var(--white);
        font-size: 30px;
    }
}

/* ===== max-width 767px (mobile) ===== */
@media only screen and (max-width: 767px) {
    .ripple-wrap .description_dt {
        display: flex !important;
        justify-content: center;
        font-size: 12px;
    }
    .rp-trending-rail .owl-item {
      padding: 10px 17px;
        margin: 0 5px !important;
}

.ripple-wrap .rp-trending-rail .rp-pcard .rp-toptrendimg {
   pointer-events: none;
        position: absolute;
        left: -21px;
        bottom: -15px;
        z-index: 0;
}
.ripple-wrap .rp-trending-rail .rp-pcard .rp-toptrendimg img {
           height: 50px;
        width: 100% !important;
}
    .ripple-wrap .rp-chips {
    margin: 0px 0 0 0;
}
    .ripple-wrap .banner-tt_details {
        color: var(--white);
        font-size: 24px;
        overflow-wrap: break-word;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .ripple-wrap .bnnr_play_btn {
        width: fit-content;
        font-size: 12px;
        padding: 0px 7px;
        margin-top: 15px;
    }
}


/* ===== Ripple Module Responsive (moved from ripple.css) ===== */
@media (max-width:1100px){
  .ripple-wrap .rp-hero-inner,
  .ripple-wrap .rp-detail-inner{grid-template-columns:1fr;}
  .ripple-wrap .rp-hero-art,
  .ripple-wrap .rp-detail-banner{display:none;}
  .ripple-wrap .rp-hero h1{font-size:36px !important;}
  .ripple-wrap .rp-detail-info h2{font-size:32px !important;}
}
@media (max-width:768px){
  .ripple-wrap .rp-rail{padding:4px 20px 8px;}
  .ripple-wrap .rp-rail.owl-carousel{padding:0 17px !important;}
  .ripple-wrap .rp-rail.owl-carousel .owl-nav{display:none !important;}
  .ripple-wrap .rp-pcard .rp-type-tag{position:absolute;top:5px;right:5px;z-index:3;font-size:8px;font-weight:600;padding:3px 5px;border-radius:20px;}
  .ripple-wrap .rp-pcard .rp-ptitle{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;font-size:10px !important;font-weight:600 !important;line-height:1.25 !important;}
  .ripple-wrap .rp-cat-head h2{font-size:22px !important;font-weight:700 !important;}
  .ripple-wrap .rp-btn-resume.bnnr_play_btn{padding:8px 16px !important;font-size:12px !important;height:38px !important;min-width:auto !important;}
  .ripple-wrap .rp-btn-round{width:38px !important;height:38px !important;}
  .ripple-wrap .rp-btn-round svg{width:18px;height:18px;}
  .ripple-wrap .rp-rail-head{padding:0 20px 14px;}
  .ripple-wrap .rp-chips{padding:14px 20px;}
  .ripple-wrap .rp-hero-inner{padding:0 20px;}
  .ripple-wrap .rp-ep-rail{padding:4px 20px;}
  .ripple-wrap .rp-cast-rail{padding:4px 20px;}
  .ripple-wrap .rp-cat-head{padding:6px 20px 8px;}
  .ripple-wrap .rp-cat-grid{padding:22px 20px 70px;}
  .ripple-wrap .rp-promo{margin:16px 20px 4px;}
}

/* Responsive banner */
@media(max-width:768px){
  .ripple-wrap .rp-banner-content{bottom:40px;left:20px;right:20px;}
  .ripple-wrap .rp-banner-content .rp-banner-title{font-size:26px !important;}
  .ripple-wrap .rp-banner-desc{display:none !important;}
}

@media(max-width:768px){
  .ripple-wrap .rp-detail-body{padding:16px 20px 60px;}
  .ripple-wrap .rp-detail-overlay{left:20px;right:20px;}
}

@media (max-width: 767px){
  .ripple-wrap.rp-detail-page .rp-banner-content{
    position:inherit !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    margin-top:20px;
  }
  .ripple-wrap.rp-detail-page .rp-detail-content-sec > div[style]{
    padding:0 16px !important;
  }
  .ripple-wrap.rp-detail-page .rp-detail-content-sec [style*="padding:0 46px"],
  .ripple-wrap.rp-detail-page .rp-detail-content-sec [style*="padding: 0 46px"],
  .ripple-wrap.rp-detail-page .rp-detail-content-sec [style*="4px 46px"]{
    padding:4px 16px !important;
  }
  .ripple-wrap.rp-detail-page .rp-detail-content-sec .container-fluid{
    padding:0 0px !important;
    margin:16px 14px;
  }
  .ripple-wrap.rp-detail-page .rp-season-dropdown{
    margin-top:8px !important;
    margin-bottom:8px !important;
  }
  .ripple-wrap.rp-detail-page .rp-ep-rail{
    padding:0 4px !important;
  }
  .ripple-wrap.rp-detail-page .rp-ep-rail.owl-carousel{
    padding:0 4px !important;
  }
  .ripple-wrap.rp-detail-page .rp-season-episodes{
    padding:0 !important;
  }
  .ripple-wrap.rp-detail-page .rp-tab-body{
    padding:0 !important;
  }
  .ripple-wrap .rp-cast-item{
    flex:0 0 auto;
    width:90px;
    text-align:center;
  }
  .ripple-wrap .rp-cast-item .rp-cast-av{
    width:90px;
    height:90px;
    border-radius:50%;
    overflow:hidden;
    margin-bottom:10px;
    border:2px solid rgba(255,255,255,.16) !important;
  }
  .ripple-wrap.rp-detail-page .rp-tab-body [style*="padding:0 46px"],
  .ripple-wrap.rp-detail-page .rp-tab-body [style*="padding: 0 46px"],
  .ripple-wrap.rp-detail-page .rp-tab-body [style*="padding:0 48px"],
  .ripple-wrap.rp-detail-page .rp-tab-body [style*="padding: 0 48px"]{
    padding:0 16px !important;
  }
  .ripple-wrap.rp-detail-page .rp-banner-title{
    font-size:24px !important;
  }
  .ripple-wrap.rp-detail-page .rp-banner-desc{
    display:none;
  }
  .ripple-wrap.rp-detail-page .rp-banner-btns{
    gap:10px;
  }
}

@media (min-width: 768px) and (max-width: 1199px){
  .ripple-wrap.rp-detail-page .rp-banner-title{
    font-size:30px !important;
  }
}


/* ===== Banner Icon (bannerSubImg) Responsive ===== */
@media only screen and (min-width: 1801px) {
    .ripple-wrap .rp-banner-icon.bannerSubImg { max-height: 100px; max-width: 350px; }
    .ripple-wrap .rp-banner-content .rp-banner-title { font-size: 48px !important; }
    .ripple-wrap .rp-banner-arrow { width: 50px; height: 50px; }
    .ripple-wrap .rp-banner-arrow img { width: 25px; height: 25px; }
    .ripple-wrap .rp-trending-rail .rp-pcard .rp-toptrendimg {
   pointer-events: none;
        position: absolute;
        left: -60px;
        bottom: -18px;
        z-index: 0;
}
.ripple-wrap .rp-trending-rail .rp-pcard .rp-toptrendimg img {
           height: 140px;
        width: 100% !important;
}
.rp-trending-rail .owl-item {
         padding: 10px 30px;
        margin: 0 8px !important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1800px) {
    .ripple-wrap .rp-banner-icon.bannerSubImg { max-height: 70px; max-width: 250px; }
    .ripple-wrap .rp-banner-content .rp-banner-title { font-size: 36px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .ripple-wrap .rp-banner-icon.bannerSubImg { max-height: 55px; max-width: 200px; }
    .ripple-wrap .rp-banner-content .rp-banner-title { font-size: 30px !important; }
    .ripple-wrap .rp-banner-content { left: 30px; right: 30px; }
    .ripple-wrap .rp-banner-arrow { width: 40px; height: 40px; }
    .ripple-wrap .rp-banner-arrow img { width: 20px; height: 20px; }
    .ripple-wrap .rp-banner-prev { right: 80px; }
    .ripple-wrap .rp-banner-next { right: 25px; }
}
@media only screen and (max-width: 767px) {
    .ripple-wrap .rp-banner-icon.bannerSubImg { max-height: 40px; max-width: 150px; }
    .ripple-wrap .rp-banner-content .rp-banner-title { font-size: 22px !important; }
    .ripple-wrap.rp-detail-page .rp-banner-content .rp-banner-title { font-size: 22px !important; }
    .ripple-wrap .rp-banner-content { bottom: 28%; left: 16px; right: 16px; }
    .ripple-wrap .rp-banner-arrow { width: 36px; height: 36px; bottom: 25%; }
    .ripple-wrap .rp-banner-arrow img { width: 18px; height: 18px; }
    .ripple-wrap .rp-banner-prev { right: 55px; }
    .ripple-wrap .rp-banner-next { right: 12px; }
    .ripple-wrap .rp-banner-dots { bottom: 28%; }
    .ripple-wrap .rp-banner-meta { font-size: 11px; }
    .ripple-wrap .rp-btn-resume.bnnr_play_btn { padding: 10px 18px !important; font-size: 13px !important; }
}

@media only screen and (max-width: 2050px) {
  .ripple-wrap.rp-detail-page .banner-bottom-sec.rp-detail-banner-bottom,
  .ripple-wrap.rp-detail-page .rp-detail-content-sec .banner-bottom-sec,
  .ripple-wrap.rp-detail-page .rp-rail-sec.banner-bottom-sec {
    position: relative !important;
    z-index: 1 !important;
    margin-top: -279px !important;
  }
}

@media only screen and (max-width: 1199px) {
  .ripple-wrap.rp-detail-page .banner-bottom-sec.rp-detail-banner-bottom,
  .ripple-wrap.rp-detail-page .rp-detail-content-sec .banner-bottom-sec,
  .ripple-wrap.rp-detail-page .rp-rail-sec.banner-bottom-sec {
    margin-top: -180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .ripple-wrap.rp-detail-page .banner-bottom-sec.rp-detail-banner-bottom,
  .ripple-wrap.rp-detail-page .rp-detail-content-sec .banner-bottom-sec,
  .ripple-wrap.rp-detail-page .rp-rail-sec.banner-bottom-sec {
    margin-top: -110px !important;
  }
}

@media (max-width:1199px){
  .ripple-wrap .rp-pcard:hover .rp-poster{transform:none !important;box-shadow:0 10px 24px rgba(0,0,0,.42) !important;}
  .ripple-wrap .rp-pcard:hover .rp-hover-ov{opacity:0 !important;}
  .ripple-wrap .rp-pcard:hover .rp-ptitle{opacity:1 !important;}
}
@media (max-width:900px){
  .ripple-wrap .rp-cat-grid .rp-pcard{flex:0 0 calc((100% - 18px*4) / 5);}
}
@media (max-width:600px){
  .ripple-wrap .rp-cat-grid .rp-pcard{flex:0 0 calc((100% - 10px*2) / 3);}
  .ripple-wrap .rp-cat-grid{gap:18px 10px;padding:16px 16px 50px;}
}

/* ===== Category Page Top Bar (back button + title) — mobile ===== */
@media (max-width:768px){
  .ripple-wrap .rp-cat-topbar{padding:16px 16px 6px;}
  .ripple-wrap .rp-cat-topbar nav{gap:12px;}
  .ripple-wrap .rp-cat-topbar .rp-cat-back{width:38px;height:38px;}
  .ripple-wrap .rp-cat-topbar .rp-cat-back img{height:20px;width:20px;}
  .ripple-wrap .rp-cat-topbar .rp-cat-topbar-title{font-size:1.05rem !important;}
}

/* ===== Category Page Top Bar title — large screens (1801px+) ===== */
@media only screen and (min-width:1801px){
  .ripple-wrap .rp-cat-topbar .rp-cat-topbar-title{font-size:28px !important;}
}

@media (min-width:1200px){
  .ripple-wrap .rp-ep-card .rp-ep-lbl{font-size:15px;}
  .ripple-wrap .rp-ep-card .rp-ep-desc{font-size:13px;}
  .ripple-wrap .rp-chips{padding:16px 50px;}
}


/* ===== Banner Content (content_banner_dt) Responsive ===== */
@media only screen and (min-width: 2401px) {
    .ripple-wrap .rp-banner-content { width: 36%; bottom: 33%; }
}
@media only screen and (min-width: 1920px) and (max-width: 2400px) {
    .ripple-wrap .rp-banner-content { width: 34%; bottom: 38%; }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
    .ripple-wrap .rp-banner-content { width: 35%; bottom: 33%; }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .ripple-wrap .rp-banner-content { width: 38%; bottom: 33%; }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .ripple-wrap .rp-banner-content { width: 38%; bottom: 17%; left: 25px; }
      .ripple-wrap .rp-chips {
    margin: 0px 0 0 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ripple-wrap .rp-banner-content { width: 50%; bottom: 5%; left: 0 !important; right: 0 !important; padding: 0 10px; text-align: center; display: flex; flex-direction: column; align-items: center; margin: 0 auto; }
    .ripple-wrap .rp-banner-slider .slick-dots { position: absolute !important; bottom: 10px !important; left: 50%; transform: translateX(-50%); display: flex !important; gap: 10px; list-style: none; margin: 0; padding: 0; z-index: 10; }
    .ripple-wrap .rp-banner-btns { display: flex; align-items: center; gap: 14px; justify-content: center; }
      .ripple-wrap .rp-chips {
    margin: 0px 0 0 0;
}
.ripple-wrap .rp-trending-rail .rp-pcard .rp-toptrendimg img {
           height: 100px;
        width: 100% !important;
}
}
@media only screen and (max-width: 767px) {
    .ripple-wrap .rp-banner-content { width: 70%; bottom: 6%; left: 0 !important; right: 0 !important; padding: 0 10px; text-align: center; display: flex; flex-direction: column; align-items: center; margin: 0 auto; }
    .ripple-wrap .rp-banner-slider .slick-dots { position: absolute !important; bottom: 11px !important; left: 50%; transform: translateX(-50%); display: flex !important; gap: 10px; list-style: none; margin: 0; padding: 0; z-index: 10; }
    .ripple-wrap .rp-banner-btns { display: flex; align-items: center; gap: 14px; justify-content: center; }
}


/* ===== Banner Title (banner-tt_details) — display, line-clamp ===== */
.ripple-wrap .rp-banner-content .rp-banner-title.banner-tt_details {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
}

@media only screen and (min-width: 768px) {`r`n    .ripple-wrap:not(.rp-detail-page) .rp-banner-arrow { display: none !important; }`r`n}`r`n/* ===== Arrows & Dots — position per breakpoint (matching dashboard slick) ===== */
@media only screen and (min-width: 1920px) {
    .ripple-wrap .rp-banner-arrow { bottom: 31%; }
    .ripple-wrap .rp-banner-dots { bottom: 34% !important; }
    .ripple-wrap .rp-banner-prev { right: 130px; }
    .ripple-wrap .rp-banner-next { right: 53px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    .ripple-wrap .rp-banner-arrow { bottom: 28%; }
    .ripple-wrap .rp-banner-dots { bottom: 31.5% !important; }
    .ripple-wrap .rp-banner-prev { right: 130px; }
    .ripple-wrap .rp-banner-next { right: 53px; }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .ripple-wrap .rp-banner-arrow { bottom: 28%; }
    .ripple-wrap .rp-banner-dots { bottom: 31.5% !important; }
    .ripple-wrap .rp-banner-prev { right: 107px; }
    .ripple-wrap .rp-banner-next { right: 35px; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ripple-wrap .rp-banner-arrow { bottom: 11% !important; }
    .ripple-wrap .rp-banner-dots { bottom: 13px !important; top: inherit !important; left: 50%; transform: translateX(-50%); }
    .ripple-wrap .rp-banner-dots i { width: 8px; height: 8px; }
}
@media only screen and (max-width: 767px) {
    .ripple-wrap .rp-banner-arrow { display: none !important; }
    .ripple-wrap .rp-banner-dots { bottom: 12px !important; top: inherit !important; left: 50%; transform: translateX(-50%); }
    .ripple-wrap .rp-banner-dots i { width: 7px; height: 7px; }
}


/* ===== Filter Chips (nav_bot_cata) Responsive ===== */
@media only screen and (min-width: 2601px) {
    .ripple-wrap .rp-chip { font-size: 20px !important; padding: 8px 20px; }
    .ripple-wrap .rp-chips { top: 90px; padding: 16px 50px; }
}
@media only screen and (min-width: 1801px) and (max-width: 2600px) {
    .ripple-wrap .rp-chip { font-size: 20px !important; padding: 8px 20px; }
    .ripple-wrap .rp-chips { top: 90px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1800px) {
    .ripple-wrap .rp-chip { font-size: 13px !important; padding: 6px 16px; }
    .ripple-wrap .rp-chips { top: 68px; }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .ripple-wrap .rp-chip { font-size: 13px !important; padding: 6px 14px; }
    .ripple-wrap .rp-chips { top: 49px; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ripple-wrap .rp-chip { font-size: 12px !important; padding: 5px 12px; }
    .ripple-wrap .rp-chips { top: 49px; padding: 8px 12px; }
    .rp-banner-title .banner-tt_details{
        text-align: center;
    }
}
@media only screen and (max-width: 767px) {
    .ripple-wrap .rp-chip { font-size: 11px !important; padding: 5px 10px; margin-right: 8px; }
    .ripple-wrap .rp-chips { top: 53px; padding: 8px 10px; }
    .rp-banner-title .banner-tt_details{
        text-align: center;
    }
}




/* ===== Banner Bottom Section — Responsive (from prsar_responsive.css) ===== */

/* 2401px+ (large screens) */
@media only screen and (min-width: 2401px) {
  .ripple-wrap .banner-bottom-sec,
  .ripple-wrap .rp-detail-content-sec,
  .ripple-wrap .rp-rail-sec.banner-bottom-sec {
    margin-top: -340px !important;
    z-index: 1 !important;
    position: relative !important;
  }
}

/* 2051px - 2400px */
@media only screen and (min-width: 2051px) and (max-width: 2400px) {
  .ripple-wrap .banner-bottom-sec,
  .ripple-wrap .rp-detail-content-sec,
  .ripple-wrap .rp-rail-sec.banner-bottom-sec {
    margin-top: -279px !important;
    z-index: 1 !important;
    position: relative !important;
  }
}

/* 1801px - 2050px */
@media only screen and (min-width: 1801px) and (max-width: 2050px) {
  .ripple-wrap .banner-bottom-sec,
  .ripple-wrap .rp-detail-content-sec,
  .ripple-wrap .rp-rail-sec.banner-bottom-sec {
    margin-top: -250px !important;
    z-index: 1 !important;
    position: relative !important;
  }
}

/* 1701px - 1800px */
@media only screen and (min-width: 1701px) and (max-width: 1800px) {
  .ripple-wrap .banner-bottom-sec,
  .ripple-wrap .rp-detail-content-sec,
  .ripple-wrap .rp-rail-sec.banner-bottom-sec {
    margin-top: -250px !important;
    z-index: 1 !important;
    position: relative !important;
  }
}



/* 1200px - 1300px */
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .ripple-wrap .banner-bottom-sec,
  .ripple-wrap .rp-detail-content-sec,
  .ripple-wrap .rp-rail-sec.banner-bottom-sec {
    margin-top: -170px !important;
    z-index: 1 !important;
    position: relative !important;
  }
}

/* 768px - 1199px (tablet) */
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .ripple-wrap .banner-bottom-sec,
  .ripple-wrap .rp-detail-content-sec,
  .ripple-wrap .rp-rail-sec.banner-bottom-sec {
    margin-top: -50px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ripple-wrap .banner-bottom-sec,
  .ripple-wrap .rp-detail-content-sec,
  .ripple-wrap .rp-rail-sec.banner-bottom-sec {
    margin-top: 0px !important;
  }
}


/* 0 - 767px (mobile) */
@media only screen and (max-width: 767px) {
  .ripple-wrap .banner-bottom-sec,
  .ripple-wrap .rp-detail-content-sec,
  .ripple-wrap .rp-rail-sec.banner-bottom-sec {
    margin-top: 0 !important;
  }
}


/* ===== Detail Page — Responsive Heading & Text ===== */
@media only screen and (max-width: 767px) {
  .ripple-wrap.rp-detail-page .rp-detail-below-banner{
    padding:0 16px;
  }
  .ripple-wrap.rp-detail-page .rp-tabs{
    gap:16px;
    padding:0;
  }
  .ripple-wrap.rp-detail-page .rp-tab{
    font-size:13px;
    padding:10px 2px;
  }
  .ripple-wrap.rp-detail-page .episodeSlection{
    padding:0;
  }
  .ripple-wrap.rp-detail-page .rp-ep-rail.owl-carousel{
    padding:0 16px !important;
  }
  .ripple-wrap.rp-detail-page .rp-cast-rail{
    padding:4px 16px;
  }
  .ripple-wrap.rp-detail-page .rp-rail{
    padding:4px 16px 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ripple-wrap.rp-detail-page .rp-detail-below-banner{
    padding:0 30px;
  }
  .ripple-wrap.rp-detail-page .rp-banner-content{
    position:inherit !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    margin-top:20px;
  }
  .ripple-wrap.rp-detail-page .rp-tabs{
    gap:20px;
  }
  .ripple-wrap.rp-detail-page .rp-ep-rail.owl-carousel{
    padding:0 30px !important;
  }
}