@media (max-width: 1180px) {





    .bwf-header-inner {





        gap: 12px;





        padding: 0 16px;





    }











    .bwf-logo-text {





        font-size: 20px;





    }











    .bwf-search {





        width: 180px;





    }











    .bwf-menu > li > a {





        padding: 0 9px;





        font-size: 12px;





    }





}











@media (max-width: 980px) {





.bwf-site-header {





    padding-top: 0;





    background: rgba(21,22,26,.98);





}











.bwf-site-header .bwf-container {





    width: 100%;





}











.bwf-header-inner {





    min-height: 56px;





    padding: 0 14px;





    border-radius: 0;





    border-bottom-width: 3px;





    background: #222329;





    box-shadow: none;





}











.bwf-main-nav,





.bwf-search,





.bwf-header-actions,





.bwf-mobile-toggle {





    display: none !important;





}











.bwf-brand {





    min-width: 0;





}











.bwf-logo-mark {





    width: 32px;





    height: 32px;





    font-size: 18px;





    border-radius: 10px;





}











.bwf-logo-text {





    max-width: 185px;





    font-size: 18px;





    letter-spacing: -.4px;





    white-space: nowrap;





    overflow: hidden;





    text-overflow: ellipsis;





}











.bwf-mobile-header-icons {





    display: flex;





    align-items: center;





    gap: 12px;





    margin-left: auto;





}











    .bwf-mobile-panel {





        position: fixed;





        top: 0;





        left: 0;





        z-index: 1200;





        width: min(360px, 86vw);





        height: 100vh;





        display: block;





        background: #202126;





        border-right: 1px solid rgba(255,255,255,.08);





        transform: translateX(-105%);





        transition: transform .25s ease;





        padding: 18px;





        overflow-y: auto;





    }











    body.bwf-menu-open .bwf-mobile-panel {





        transform: translateX(0);





    }











    .bwf-mobile-overlay {





        position: fixed;





        inset: 0;





        z-index: 1100;





        display: block;





        background: rgba(0,0,0,.62);





        opacity: 0;





        visibility: hidden;





        transition: all .25s ease;





    }











    body.bwf-menu-open .bwf-mobile-overlay {





        opacity: 1;





        visibility: visible;





    }











    body.bwf-menu-open {





        overflow: hidden;





    }











    .bwf-mobile-panel-head {





        display: flex;





        align-items: center;





        justify-content: space-between;





        gap: 14px;





        margin-bottom: 18px;





    }











    .bwf-mobile-close {





        display: inline-flex;





    }











    .bwf-mobile-search {





        display: flex;





        gap: 8px;





        margin-bottom: 18px;





    }











    .bwf-mobile-search input {





        min-width: 0;





        flex: 1;





        height: 42px;





        border: 0;





        outline: 0;





        border-radius: 12px;





        padding: 0 13px;





        background: #111216;





        color: #fff;





    }











    .bwf-mobile-search button {





        border: 0;





        border-radius: 12px;





        background: #ef233c;





        color: #fff;





        font-weight: 700;





        padding: 0 14px;





    }











    .bwf-mobile-menu,





    .bwf-mobile-menu ul {





        list-style: none;





        margin: 0;





        padding: 0;





    }











    .bwf-mobile-menu a {





        display: flex;





        align-items: center;





        min-height: 44px;





        padding: 0 12px;





        border-radius: 12px;





        color: #fff;





        font-weight: 700;





        border: 1px solid rgba(255,255,255,.06);





        background: #191a1f;





        margin-bottom: 8px;





    }











    .bwf-mobile-menu .sub-menu {





        margin: 0 0 10px 12px;





    }











    .bwf-mobile-menu .sub-menu a {





        min-height: 38px;





        font-size: 13px;





        color: #a1a1aa;





        background: transparent;





    }











    .bwf-mobile-auth {





        display: grid;





        grid-template-columns: 1fr 1fr;





        gap: 8px;





        margin-top: 18px;





    }











    .bwf-mobile-auth a {





        height: 42px;





        display: inline-flex;





        align-items: center;





        justify-content: center;





        border-radius: 12px;





        background: #191a1f;





        color: #fff;





        font-weight: 800;





    }











    .bwf-mobile-auth a.is-red {





        background: #ef233c;





    }











    .bwf-basic-grid {





        grid-template-columns: repeat(3, minmax(0, 1fr));





    }











    .bwf-footer-top {





        grid-template-columns: 1fr;





    }





}











@media (max-width: 720px) {





    .bwf-container {





        width: min(100% - 20px, 1180px);





    }











    .bwf-placeholder-page {





        padding: 14px;





        border-radius: 16px;





    }











    .bwf-section-head {





        display: block;





    }











    .bwf-section-head h1 {





        font-size: 23px;





    }











    .bwf-basic-grid {





        grid-template-columns: repeat(2, minmax(0, 1fr));





        gap: 12px;





    }











    .bwf-basic-thumb {





        height: 170px;





    }











    .bwf-footer .bwf-container {





        padding: 18px;





        border-radius: 16px;





    }











    .bwf-footer-bottom {





        display: block;





    }











    .bwf-footer-bottom p + p {





        margin-top: 6px;





    }





}











@media (max-width: 480px) {





    .bwf-logo-text {





        font-size: 18px;





    }











    .bwf-logo-mark {





        width: 30px;





        height: 30px;





        font-size: 17px;





    }











.bwf-header-inner {





    min-height: 56px;





    padding: 0 12px;





}











.bwf-mobile-header-icons {





    gap: 10px;





}











.bwf-mobile-icon-btn {





    width: 36px;





    height: 36px;





    font-size: 17px;





}











.bwf-logo-text {





    max-width: 170px;





    font-size: 17px;





}











    .bwf-basic-grid {





        grid-template-columns: 1fr;





    }











    .bwf-basic-thumb {





        height: 210px;





    }











    .bwf-footer-apps {





        display: block;





    }











    .bwf-footer-apps div {





        margin-top: 8px;





    }





}





@media (max-width: 1180px) {





    .bwf-hero-item {





        flex-basis: 20%;





        min-width: 20%;





    }











    .bwf-movie-grid,





    .bwf-series-row {





        grid-template-columns: repeat(4, minmax(0, 1fr));





    }











    .bwf-home-layout {





        grid-template-columns: minmax(0, 1fr) 260px;





    }





}











@media (max-width: 980px) {





    .bwf-home-shell {





        margin-top: 0;





    }











    .bwf-hero-item {





        flex-basis: 33.333%;





        min-width: 33.333%;





    }











    .bwf-hero-card {





        height: 300px;





    }











    .bwf-home-layout {





        grid-template-columns: 1fr;





    }











    .bwf-home-sidebar {





        position: static;





    }











    .bwf-movie-grid,





    .bwf-series-row {





        grid-template-columns: repeat(3, minmax(0, 1fr));





    }











    .bwf-sidebar-tags {





        grid-template-columns: repeat(3, minmax(0, 1fr));





    }





}











@media (max-width: 720px) {





    .bwf-hero-item {





        flex-basis: 50%;





        min-width: 50%;





    }











    .bwf-hero-card {





        height: 270px;





    }











    .bwf-slider-arrow {





        display: none;





    }











    .bwf-content-tabs {





        display: block;





    }











    .bwf-content-tabs h2 {





        margin-bottom: 8px;





    }











    .bwf-movie-grid,





    .bwf-series-row {





        grid-template-columns: repeat(2, minmax(0, 1fr));





        gap: 12px;





    }











    .bwf-sidebar-tags {





        grid-template-columns: repeat(2, minmax(0, 1fr));





    }











    .bwf-home-notice {





        align-items: flex-start;





        height: auto;





        padding: 11px 13px;





        line-height: 1.35;





    }











    .bwf-home-notice-dot {





        margin-top: 6px;





        flex: 0 0 auto;





    }





}











@media (max-width: 480px) {





    .bwf-hero-item {





        flex-basis: 72%;





        min-width: 72%;





    }











    .bwf-hero-card {





        height: 285px;





    }











    .bwf-hero-content {





        left: 12px;





        right: 12px;





        bottom: 12px;





    }











    .bwf-movie-body h3,





    .bwf-series-body h3 {





        font-size: 12px;





    }





}





@media (max-width: 980px) {





    .bwf-detail-page {





        margin-top: 0;





    }











    .bwf-detail-layout {





        grid-template-columns: 1fr;





    }











    .bwf-detail-sidebar {





        position: static;





    }











    .bwf-film-hero {





        min-height: 300px;





    }











    .bwf-related-grid {





        grid-template-columns: repeat(3, minmax(0, 1fr));





    }





}











@media (max-width: 720px) {





    .bwf-detail-title-row {





        display: block;





    }











    .bwf-google-mark {





        display: none;





    }











    .bwf-film-info-grid {





        grid-template-columns: 1fr;





    }











    .bwf-film-poster {





        max-width: 230px;





    }











    .bwf-related-grid {





        grid-template-columns: repeat(2, minmax(0, 1fr));





    }











    .bwf-film-hero {





        min-height: 230px;





    }











    .bwf-film-hero-logo {





        width: 58px;





        height: 58px;





        font-size: 30px;





        border-radius: 18px;





    }





}











@media (max-width: 480px) {





    .bwf-detail-title-row h1 {





        font-size: 21px;





    }











    .bwf-film-meta-table div,





    .bwf-cast-line {





        grid-template-columns: 1fr;





        gap: 2px;





    }











    .bwf-related-grid {





        gap: 10px;





    }











    .bwf-comment-card {





        grid-template-columns: 1fr;





    }





}





@media (max-width: 980px) {





    .bwf-episode-grid {





        grid-template-columns: repeat(3, minmax(0, 1fr));





    }





}











@media (max-width: 720px) {





    .bwf-episode-grid {





        grid-template-columns: repeat(2, minmax(0, 1fr));





    }











    .bwf-series-age-warning {





        align-items: flex-start;





        padding: 10px 12px;





        line-height: 1.4;





    }





}











@media (max-width: 480px) {





    .bwf-episode-grid {





        grid-template-columns: 1fr;





    }





}





@media (max-width: 720px) {





    .bwf-episode-nav-row {





        grid-template-columns: 1fr;





    }











    .bwf-episode-nav-btn:first-child,





    .bwf-episode-nav-btn:last-child {





        justify-content: center;





    }











    .bwf-player-tabs {





        overflow-x: auto;





        scrollbar-width: none;





    }











    .bwf-player-tabs::-webkit-scrollbar {





        display: none;





    }











    .bwf-player-tabs button {





        flex: 0 0 auto;





    }





}





@media (max-width: 980px) {





    .bwf-archive-page {





        margin-top: 0;





    }











    .bwf-archive-layout {





        grid-template-columns: 1fr;





    }











    .bwf-archive-head {





        align-items: flex-start;





        flex-direction: column;





    }











    .bwf-archive-search {





        width: 100%;





    }











    .bwf-episode-archive-grid {





        grid-template-columns: 1fr;





    }





}











@media (max-width: 720px) {





    .bwf-archive-head {





        padding: 16px;





        border-radius: 16px;





    }











    .bwf-archive-head h1 {





        font-size: 23px;





    }











    .bwf-search-result-card,





    .bwf-archive-episode-card {





        grid-template-columns: 86px minmax(0, 1fr);





        gap: 11px;





    }











    .bwf-search-result-body h2,





    .bwf-archive-episode-body h3 {





        font-size: 16px;





    }





}











@media (max-width: 480px) {





    .bwf-archive-search {





        display: grid;





        grid-template-columns: 1fr;





    }











    .bwf-search-result-card,





    .bwf-archive-episode-card {





        grid-template-columns: 1fr;





    }











    .bwf-search-result-thumb,





    .bwf-archive-episode-thumb {





        max-width: 170px;





    }





}





@media (max-width: 980px) {





    .bwf-auth-page {





        margin-top: 0;





        padding-top: 18px;





    }











    .bwf-auth-layout {





        grid-template-columns: 1fr;





    }











    .bwf-auth-visual {





        min-height: auto;





        padding: 28px;





    }











    .bwf-auth-features {





        margin-top: 32px;





    }





}











@media (max-width: 720px) {





    .bwf-auth-visual h1 {





        font-size: 32px;





    }











    .bwf-auth-features {





        grid-template-columns: 1fr;





    }











    .bwf-auth-card {





        padding: 18px;





    }





}











@media (max-width: 480px) {





    .bwf-auth-tabs {





        display: grid;





        grid-template-columns: 1fr;





    }











    .bwf-auth-row {





        align-items: flex-start;





        flex-direction: column;





    }





}





@media (max-width: 980px) {





    .bwf-person-page {





        margin-top: 0;





    }











    .bwf-person-hero {





        grid-template-columns: 200px minmax(0, 1fr);





    }











    .bwf-person-meta {





        grid-template-columns: 1fr;





    }





}











@media (max-width: 720px) {





    .bwf-people-block {





        grid-template-columns: 1fr;





    }











    .bwf-person-hero {





        grid-template-columns: 1fr;





    }











    .bwf-person-photo {





        max-width: 230px;





    }











    .bwf-person-info h1 {





        font-size: 26px;





    }





}





@media (max-width: 1180px) {





    .bwf-profile-grid {





        grid-template-columns: repeat(4, minmax(0, 1fr));





    }





}











@media (max-width: 980px) {





    .bwf-profile-page {





        margin-top: 0;





    }











    .bwf-profile-hero {





        align-items: flex-start;





        flex-direction: column;





    }











    .bwf-profile-stats {





        grid-template-columns: repeat(2, minmax(0, 1fr));





    }











    .bwf-profile-layout {





        grid-template-columns: 1fr;





    }











    .bwf-profile-sidebar {





        position: static;





        display: flex;





        overflow-x: auto;





        scrollbar-width: none;





    }











    .bwf-profile-sidebar::-webkit-scrollbar {





        display: none;





    }











    .bwf-profile-sidebar a {





        flex: 0 0 auto;





        margin-bottom: 0;





    }











    .bwf-profile-grid {





        grid-template-columns: repeat(3, minmax(0, 1fr));





    }





}











@media (max-width: 720px) {





    .bwf-profile-user {





        align-items: flex-start;





        flex-direction: column;





    }











    .bwf-profile-user h1 {





        font-size: 26px;





    }











    .bwf-profile-section-head {





        align-items: flex-start;





        flex-direction: column;





    }











    .bwf-profile-section-head p {





        text-align: left;





    }











    .bwf-profile-grid {





        grid-template-columns: repeat(2, minmax(0, 1fr));





    }











    .bwf-profile-account-card {





        grid-template-columns: 1fr;





    }





}











@media (max-width: 480px) {





    .bwf-profile-hero {





        padding: 20px;





    }











    .bwf-profile-stats {





        grid-template-columns: 1fr;





    }











    .bwf-profile-content {





        padding: 16px;





    }











    .bwf-profile-grid {





        grid-template-columns: 1fr 1fr;





        gap: 10px;





    }











    .bwf-profile-rated-card {





        grid-template-columns: 70px minmax(0, 1fr);





    }





}





@media (max-width: 720px) {





    .bwf-ad {





        margin: 12px 0;





        padding: 12px;





        border-radius: 14px;





    }











    .bwf-ad::before {





        left: 10px;





        top: 8px;





        font-size: 9px;





    }











    .bwf-ad-ad_header_bottom,





    .bwf-ad-ad_home_top,





    .bwf-ad-ad_detail_top,





    .bwf-ad-ad_video_top,





    .bwf-ad-ad_video_bottom,





    .bwf-ad-ad_footer {





        min-height: 70px;





    }











    .bwf-ad-ad_sidebar {





        min-height: 120px;





    }





}











@media (max-width: 480px) {





    .bwf-ad {





        padding: 10px;





    }











    .bwf-ad img {





        border-radius: 10px;





    }





}





@media (max-width: 480px) {





    .bwf-mobile-bottom-nav {





        left: 8px;





        right: 8px;





        bottom: 8px;





        height: 62px;





        border-radius: 16px;





    }











    .bwf-mobile-bottom-nav a,





    .bwf-mobile-bottom-nav button {





        height: 50px;





        font-size: 10px;





        border-radius: 13px;





    }











    .bwf-mobile-bottom-nav i {





        font-size: 17px;





    }











    body.bwf-body {





        padding-bottom: 84px;





    }





}





@media (max-width: 720px) {





    .bwf-error-page > .bwf-container {





        width: min(100% - 20px, 1180px);





        padding: 24px 14px 24px;





        border-radius: 0 0 18px 18px;





    }











    .bwf-error-card {





        padding: 24px 16px;





        border-radius: 20px;





    }











    .bwf-error-code {





        font-size: 96px;





        letter-spacing: -5px;





    }











    .bwf-error-card h1 {





        font-size: 22px;





    }











    .bwf-error-card p {





        font-size: 13px;





    }











    .bwf-error-search {





        height: auto;





        grid-template-columns: 1fr;





    }











    .bwf-error-search input,





    .bwf-error-search button {





        height: 44px;





    }











    .bwf-error-search button {





        justify-content: center;





    }











    .bwf-error-actions {





        display: grid;





        grid-template-columns: 1fr;





    }











    .bwf-error-actions a {





        justify-content: center;





    }





}





/* =========================================================





   EXPLORE / MOVIE DISCOVERY RESPONSIVE





========================================================= */











@media (max-width: 1180px) {





    .bwf-explore-filter-grid {





        grid-template-columns: repeat(3, minmax(0, 1fr));





    }











    .bwf-explore-grid {





        grid-template-columns: repeat(5, minmax(0, 1fr));





    }





}











@media (max-width: 980px) {





    .bwf-explore-page {





        margin-top: 0;





    }











    .bwf-explore-page .bwf-container {





        width: 100%;





        padding: 14px;





        border-radius: 0;





    }











    .bwf-explore-filter-grid {





        grid-template-columns: repeat(2, minmax(0, 1fr));





    }











    .bwf-explore-grid {





        grid-template-columns: repeat(4, minmax(0, 1fr));





    }





}











@media (max-width: 720px) {





    .bwf-explore-page .bwf-container {





        padding: 12px 10px 92px;





    }











    .bwf-explore-hero {





        align-items: flex-start;





        padding: 14px;





        border-radius: 14px;





    }











    .bwf-explore-hero-icon {





        width: 46px;





        height: 46px;





        flex-basis: 46px;





        border-radius: 13px;





        font-size: 19px;





    }











    .bwf-explore-hero h1 {





        font-size: 21px;





    }











    .bwf-explore-hero p {





        font-size: 12px;





        line-height: 1.5;





    }











    .bwf-explore-filter {





        padding: 13px;





        border-radius: 14px;





    }











    .bwf-explore-filter-grid {





        grid-template-columns: repeat(2, minmax(0, 1fr));





        gap: 10px;





    }











    .bwf-explore-field select {





        height: 44px;





        padding-left: 11px;





        font-size: 12px;





    }











    .bwf-explore-actions {





        grid-column: 1 / -1;





    }











    .bwf-explore-actions button,





    .bwf-explore-actions a {





        min-height: 44px;





    }











    .bwf-explore-results {





        padding: 13px;





        border-radius: 14px;





    }











    .bwf-explore-results-head {





        align-items: flex-start;





        flex-direction: column;





        gap: 9px;





    }











    .bwf-explore-results-head h2 {





        font-size: 17px;





    }











    .bwf-explore-grid {





        grid-template-columns: repeat(3, minmax(0, 1fr));





        gap: 10px;





    }





}











@media (max-width: 520px) {





    .bwf-explore-hero {





        gap: 11px;





    }











    .bwf-explore-hero-icon {





        display: none;





    }











    .bwf-explore-filter-grid {





        grid-template-columns: 1fr;





    }











    .bwf-explore-actions {





        grid-column: auto;





        display: grid;





        grid-template-columns: 1fr auto;





    }











    .bwf-explore-grid {





        grid-template-columns: repeat(2, minmax(0, 1fr));





    }





}











@media (max-width: 360px) {





    .bwf-explore-grid {





        grid-template-columns: 1fr;





    }





}





/* Explore custom dropdown on mobile. */





@media (max-width: 720px) {





    .bwf-custom-select-trigger {





        height: 44px;





        padding: 0 11px;





        font-size: 12px;





    }











    .bwf-custom-select-menu {





        max-height: 230px;





    }











    .bwf-custom-select-option {





        min-height: 40px;





        font-size: 12px;





    }





}











@media (max-width: 520px) {





    .bwf-custom-select.is-open {





        z-index: 200;





    }











    .bwf-custom-select-menu {





        max-height: 220px;





    }





}





/* =========================================================





   MOBILE MENU / CATEGORY PAGE RESPONSIVE





========================================================= */











@media (max-width: 980px) {





    .bwf-mobile-menu-page {





        margin-top: 0;





    }











    .bwf-mobile-menu-page > .bwf-container {





        width: 100%;





        padding: 14px;





        border-radius: 0;





    }











    .bwf-menu-page-layout {





        grid-template-columns: 1fr;





    }











    .bwf-menu-page-sidebar {





        position: static;





        display: grid;





        grid-template-columns: repeat(2, minmax(0, 1fr));





        gap: 12px;





    }











    .bwf-menu-page-side-card {





        margin-bottom: 0;





    }





}











@media (max-width: 720px) {





    .bwf-mobile-menu-page > .bwf-container {





        padding: 12px 10px 92px;





    }











    .bwf-menu-page-hero {





        padding: 17px;





        border-radius: 14px;





    }











    .bwf-menu-page-hero::after {





        right: 8px;





        font-size: 82px;





    }











    .bwf-menu-page-hero h1 {





        font-size: 22px;





    }











    .bwf-menu-page-shortcuts {





        grid-template-columns: repeat(2, minmax(0, 1fr));





        gap: 8px;





    }











    .bwf-menu-page-shortcuts a {





        min-height: 62px;





        padding: 10px;





    }











    .bwf-menu-page-shortcuts i {





        width: 34px;





        height: 34px;





        flex-basis: 34px;





        font-size: 14px;





    }











    .bwf-menu-page-section {





        padding: 13px;





        border-radius: 14px;





    }











    .bwf-menu-page-section-head h2 {





        font-size: 16px;





    }











    .bwf-menu-page-grid {





        grid-template-columns: repeat(2, minmax(0, 1fr));





        gap: 8px;





    }











    .bwf-menu-page-grid a {





        min-height: 44px;





        padding: 0 10px;





    }











    .bwf-menu-page-sidebar {





        grid-template-columns: 1fr;





    }





}











@media (max-width: 430px) {





    .bwf-menu-page-hero p {





        font-size: 12px;





    }











    .bwf-menu-page-shortcuts span {





        font-size: 12px;





    }











    .bwf-menu-page-grid a span {





        font-size: 11px;





    }











    .bwf-menu-page-grid a small {





        min-width: 22px;





        height: 22px;





    }











    .bwf-menu-page-years a {





        min-width: 56px;





        min-height: 34px;





        font-size: 11px;





    }





}





/* =========================================================





   MODERN PROFILE PAGE RESPONSIVE





========================================================= */











@media (max-width: 980px) {





    .bwf-profile-page {





        margin-top: 0;





    }











    .bwf-profile-page > .bwf-container {





        width: 100%;





        padding: 0 14px 92px;





    }











    .bwf-profile-hero {





        min-height: auto;





        align-items: center;





        flex-direction: row;





        padding: 22px;





        border-radius: 0 0 18px 18px;





    }











    .bwf-profile-stats {





        grid-template-columns: repeat(4, minmax(0, 1fr));





    }











    .bwf-profile-layout {





        grid-template-columns: 1fr;





    }











    .bwf-profile-sidebar {





        position: static;





        display: grid;





        grid-template-columns: repeat(5, minmax(0, 1fr));





        gap: 7px;





        overflow: visible;





        padding: 8px;





    }











    .bwf-profile-sidebar > a {





        min-width: 0;





        min-height: 64px;





        flex-direction: column;





        justify-content: center;





        gap: 6px;





        margin: 0;





        padding: 7px 5px;





        text-align: center;





        transform: none;





    }











    .bwf-profile-sidebar > a:hover {





        transform: none;





    }











    .bwf-profile-sidebar .bwf-profile-menu-icon {





        width: 30px;





        min-width: 30px;





        height: 30px;





    }











    .bwf-profile-sidebar .bwf-profile-menu-text {





        width: 100%;





        font-size: 10px;





        line-height: 1.15;





        white-space: normal;





    }











    .bwf-profile-grid {





        grid-template-columns: repeat(4, minmax(0, 1fr));





    }





}











@media (max-width: 720px) {





    .bwf-profile-page > .bwf-container {





        padding: 0 10px 92px;





    }











    .bwf-profile-hero {





        align-items: flex-start;





        flex-direction: column;





        gap: 18px;





        padding: 18px;





        border-radius: 0 0 18px 18px;





    }











    .bwf-profile-user {





        width: 100%;





        align-items: center;





        flex-direction: row;





        gap: 14px;





    }











    .bwf-profile-avatar {





        width: 78px;





        height: 78px;





        flex-basis: 78px;





        border-radius: 21px;





    }











    .bwf-profile-avatar img {





        border-radius: 17px;





    }











    .bwf-profile-user h1 {





        font-size: 26px;





    }











    .bwf-profile-user p {





        font-size: 12px;





    }











    .bwf-profile-actions {





        width: 100%;





    }











    .bwf-profile-actions a {





        flex: 1;





        min-height: 40px;





        padding: 0 11px;





    }











    .bwf-profile-stats {





        grid-template-columns: repeat(2, minmax(0, 1fr));





        gap: 9px;





    }











    .bwf-profile-stat-card {





        min-height: 78px;





        gap: 10px;





        padding: 12px;





        border-radius: 14px;





    }











    .bwf-profile-stat-icon {





        width: 38px;





        height: 38px;





        flex-basis: 38px;





        border-radius: 11px;





        font-size: 14px;





    }











    .bwf-profile-stat-card strong {





        font-size: 22px;





    }











    .bwf-profile-stat-card small {





        margin-top: 5px;





    }











    .bwf-profile-sidebar {





        grid-template-columns: repeat(5, minmax(74px, 1fr));





        overflow-x: auto;





        scroll-snap-type: x proximity;





        scrollbar-width: none;





    }











    .bwf-profile-sidebar::-webkit-scrollbar {





        display: none;





    }











    .bwf-profile-sidebar > a {





        scroll-snap-align: start;





    }











    .bwf-profile-content {





        min-height: 360px;





        padding: 16px;





        border-radius: 16px;





    }











    .bwf-profile-section-head {





        align-items: flex-start;





        flex-direction: column;





        gap: 9px;





        margin-bottom: 15px;





        padding-bottom: 13px;





    }











    .bwf-profile-section-head h2 {





        font-size: 22px;





    }











    .bwf-profile-section-head p {





        max-width: none;





        text-align: left;





    }











    .bwf-profile-grid {





        grid-template-columns: repeat(3, minmax(0, 1fr));





        gap: 10px;





    }











    .bwf-profile-account-card {





        grid-template-columns: 1fr;





    }





}











@media (max-width: 520px) {





    .bwf-profile-hero {





        margin-bottom: 12px;





    }











    .bwf-profile-user {





        align-items: center;





    }











    .bwf-profile-user > div:last-child {





        min-width: 0;





    }











    .bwf-profile-user h1 {





        font-size: 23px;





    }











    .bwf-profile-user p {





        max-width: 230px;





        white-space: nowrap;





        overflow: hidden;





        text-overflow: ellipsis;





    }











    .bwf-profile-stats {





        margin-bottom: 12px;





    }











    .bwf-profile-sidebar {





        margin-bottom: 0;





    }











    .bwf-profile-grid {





        grid-template-columns: repeat(2, minmax(0, 1fr));





    }











    .bwf-profile-content {





        padding: 14px;





    }











    .bwf-profile-section-head h2 {





        font-size: 20px;





    }





}











@media (max-width: 360px) {





    .bwf-profile-user {





        align-items: flex-start;





    }











    .bwf-profile-avatar {





        width: 68px;





        height: 68px;





        flex-basis: 68px;





    }











    .bwf-profile-actions {





        display: grid;





        grid-template-columns: 1fr 1fr;





    }











    .bwf-profile-stat-icon {





        display: none;





    }











    .bwf-profile-stat-card {





        justify-content: center;





        text-align: center;





    }





}





/* =========================================================





   MODERN SLIDER RESPONSIVE





========================================================= */











@media (max-width: 1180px) {





    .bwf-hero-item {





        flex-basis: 20%;





        min-width: 20%;





    }











    .bwf-hero-card {





        height: 370px;





    }





}











@media (max-width: 980px) {





    .bwf-hero-slider-wrap {





        margin-bottom: 14px;





    }











    .bwf-hero-slider-wrap > .bwf-container {





        width: 100%;





        max-width: none;





        margin: 0;





    }











    .bwf-hero-item {





        flex-basis: 33.333%;





        min-width: 33.333%;





    }











    .bwf-hero-card {





        height: 390px;





    }





}











@media (max-width: 720px) {





    /*





     * Make the mobile slider edge-to-edge.





     * Keep it directly below the header without a gap.





     */





    .bwf-home-shell {





        margin-top: 0;





    }











    .bwf-hero-slider-wrap {





        width: 100%;





        margin: 0 0 14px;





    }











    .bwf-hero-slider-wrap > .bwf-container {





        width: 100%;





        max-width: none;





        margin: 0;





        padding: 0;





    }











    .bwf-hero-slider {





        width: 100%;





        border-radius: 0;





        border-top: 0;





        border-bottom: 6px solid #2a2c33;





    }











    /*





     * Display exactly two items at a time.





     */





    .bwf-hero-item {





        flex: 0 0 50%;





        min-width: 50%;





        scroll-snap-align: start;





    }











    /*





     * Use the tall vertical card layout.





     */





    .bwf-hero-card {





        height: 430px;





    }











    .bwf-hero-card img {





        object-position: center top;





    }











    .bwf-hero-content {





        left: 14px;





        right: 12px;





        bottom: 14px;





    }











    .bwf-hero-content h2 {





        margin-bottom: 7px;





        font-size: 14px;





        line-height: 1.18;





        -webkit-line-clamp: 2;





    }











    .bwf-hero-meta {





        gap: 6px;





        font-size: 10px;





    }











    .bwf-hero-badges {





        font-size: 10px;





    }











    /*





     * Restore the slider arrows that were hidden





     * by an earlier responsive rule.





     */





    .bwf-slider-arrow {





        display: inline-flex;





        width: 46px;





        height: 46px;





        border-color: rgba(255,255,255,.07);





        background: rgba(15,16,19,.72);





        font-size: 16px;





        opacity: 1;





        visibility: visible;





    }











    .bwf-slider-prev {





        left: 22px;





    }











    .bwf-slider-next {





        right: 22px;





    }





}











@media (max-width: 480px) {





    .bwf-hero-item {





        flex: 0 0 50%;





        min-width: 50%;





    }











    .bwf-hero-card {





        height: 425px;





    }











    .bwf-hero-content {





        left: 12px;





        right: 9px;





        bottom: 13px;





    }











    .bwf-hero-content h2 {





        font-size: 13px;





    }











    .bwf-hero-meta {





        gap: 5px;





        font-size: 9px;





    }











    .bwf-hero-meta i {





        font-size: 9px;





    }











    .bwf-hero-badges {





        gap: 4px;





        font-size: 9px;





    }











    .bwf-slider-arrow {





        width: 44px;





        height: 44px;





        font-size: 15px;





    }











    .bwf-slider-prev {





        left: 24px;





    }











    .bwf-slider-next {





        right: 24px;





    }





}











@media (max-width: 360px) {





    .bwf-hero-card {





        height: 395px;





    }











    .bwf-hero-content h2 {





        font-size: 12px;





    }





}





/* Make the mobile slider image fill the entire card. */





@media (max-width: 720px) {





    body.bwf-body .bwf-hero-card img {





        position: absolute;





        top: 0;





        right: 0;





        bottom: 0;





        left: 0;











        width: 100%;





        max-width: none;





        height: 100%;











        object-fit: cover;





        object-position: center center;











        display: block;





    }











    .bwf-hero-gradient {





        background: linear-gradient(





            to bottom,





            rgba(0, 0, 0, 0) 42%,





            rgba(0, 0, 0, .08) 58%,





            rgba(0, 0, 0, .45) 78%,





            rgba(0, 0, 0, .88) 100%





        );





    }











    .bwf-hero-content {





        bottom: 14px;





    }





}





/* Slightly reduce the mobile slider height. */





@media (max-width: 720px) {





    .bwf-hero-card {





        height: 370px;





    }





}











@media (max-width: 480px) {





    .bwf-hero-card {





        height: 350px;





    }





}











@media (max-width: 360px) {





    .bwf-hero-card {





        height: 330px;





    }





}





/* =========================================================





   ADVANCED SEARCH MODAL RESPONSIVE





========================================================= */











@media (max-width: 720px) {





    .bwf-search-modal {





        align-items: flex-start;





        padding: 68px 10px 88px;





    }











    .bwf-search-dialog {





        width: 100%;





        border-radius: 15px;





    }











    .bwf-search-dialog-head {





        min-height: 58px;





        grid-template-columns: 20px minmax(0, 1fr) auto;





        gap: 9px;





        padding: 0 12px;





    }











    .bwf-search-dialog-head input {





        height: 56px;





        font-size: 13px;





    }











    .bwf-search-modal-body {





        padding: 8px;





    }











    .bwf-search-results {





        max-height: calc(100vh - 245px);





    }











    .bwf-search-result-item {





        min-height: 66px;





        grid-template-columns: 44px minmax(0, 1fr) 20px;





        gap: 9px;





        padding: 6px 8px;





    }











    .bwf-search-result-poster {





        width: 44px;





        height: 54px;





    }











    .bwf-search-result-info strong {





        font-size: 12px;





    }











    .bwf-search-result-tags > span {





        min-height: 18px;





        padding: 0 5px;





        font-size: 8px;





    }











    .bwf-search-dialog-footer {





        min-height: 42px;





        padding: 0 11px;





    }











    .bwf-search-dialog-footer > span {





        display: none;





    }











    .bwf-search-dialog-footer > a {





        margin-left: 0;





    }





}











@media (max-width: 420px) {





    .bwf-search-modal {





        padding-left: 7px;





        padding-right: 7px;





    }











    .bwf-search-escape {





        min-width: 34px;





        font-size: 8px;





    }











    .bwf-search-result-arrow {





        display: none;





    }











    .bwf-search-result-item {





        grid-template-columns: 42px minmax(0, 1fr);





    }





}





/* =========================================================





   MODERN HEADER PROFILE RESPONSIVE





========================================================= */











@media (max-width: 1180px) {





    .bwf-search-open-button {





        width: 180px;





    }











    .bwf-profile-desktop-name {





        max-width: 105px;





    }





}











@media (max-width: 980px) {





    .bwf-header-profile-desktop {





        display: none;





    }











    .bwf-header-profile-mobile {





        display: block;





    }











    .bwf-header-profile-mobile .bwf-mobile-auth-btn {





        padding: 0;





        overflow: hidden;





        border: 2px solid #525660;





        border-radius: 50%;





        background: #303239;





    }











    body.bwf-body





    .bwf-header-profile-mobile





    .bwf-mobile-auth-btn img {





        width: 100%;





        height: 100%;





        object-fit: cover;





    }











    .bwf-header-profile-mobile .bwf-header-profile-dropdown {





        position: fixed;





        top: 61px;





        right: 8px;





        width: min(230px, calc(100vw - 16px));





    }











    .bwf-header-profile-mobile





    .bwf-header-profile-dropdown::before {





        right: 15px;





    }





}











@media (max-width: 480px) {





    .bwf-header-profile-mobile .bwf-header-profile-dropdown {





        top: 59px;





        right: 6px;





        width: min(225px, calc(100vw - 12px));





    }











    .bwf-header-profile-dropdown nav a {





        min-height: 39px;





        font-size: 11px;





    }





}





/* Keep submenus in the normal document flow inside the mobile panel. */





@media (max-width: 980px) {





    .bwf-mobile-menu .menu-item-has-children > a::after {





        content: "\f078";





        margin-left: auto;





        color: #8f929d;





        font-family: "Font Awesome 6 Free";





        font-size: 9px;





        font-weight: 900;





    }











    .bwf-mobile-menu .sub-menu {





        position: static;





        width: auto;





        min-width: 0;





        max-width: none;





        margin: -2px 0 10px 12px;





        padding: 0;





        border: 0;





        border-radius: 0;





        background: transparent;





        box-shadow: none;





        opacity: 1;





        visibility: visible;





        pointer-events: auto;





        transform: none;





    }











    .bwf-mobile-menu .sub-menu::before {





        display: none;





    }





}





/* Responsive adjustments for profile episode cards. */











@media (max-width: 720px) {





    .bwf-profile-grid .bwf-archive-episode-card {





        display: flex;





        grid-template-columns: none;





        gap: 0;





    }











    .bwf-profile-grid .bwf-archive-episode-thumb {





        width: 100%;





        max-width: none;





    }











    .bwf-profile-grid .bwf-archive-episode-body h3 {





        font-size: 13px;





    }





}











@media (max-width: 480px) {





    .bwf-profile-grid .bwf-archive-episode-card {





        display: flex;





        grid-template-columns: none;





    }











    .bwf-profile-grid .bwf-archive-episode-thumb {





        max-width: none;





    }





}





/* Continue watching responsive adjustments. */











@media (max-width: 720px) {





    .bwf-continue-watching-card {





        grid-template-columns: 70px minmax(0, 1fr);





        gap: 12px;





    }











    .bwf-continue-poster {





        width: 70px;





        height: 96px;





    }











    .bwf-continue-button {





        grid-column: 1 / -1;





        width: 100%;





    }











    .bwf-next-episode-card {





        grid-template-columns: 42px minmax(0, 1fr);





    }











    .bwf-next-episode-card > a {





        grid-column: 1 / -1;





        width: 100%;





    }





}











@media (max-width: 480px) {





    .bwf-continue-watching-card {





        padding: 12px;





    }











    .bwf-continue-content h2 {





        font-size: 16px;





    }











    .bwf-next-episode-card {





        padding: 12px;





    }





}





/* Profile - Continue watching responsive adjustments. */











@media (max-width: 1180px) {





    .bwf-profile-stats {





        grid-template-columns: repeat(3, minmax(0, 1fr));





    }





}











@media (max-width: 980px) {





    .bwf-profile-continue-grid {





        grid-template-columns: 1fr;





    }





}











@media (max-width: 720px) {





    .bwf-profile-stats {





        grid-template-columns: repeat(2, minmax(0, 1fr));





    }











    .bwf-profile-continue-card {





        grid-template-columns: 112px minmax(0, 1fr);





    }











    .bwf-profile-continue-poster {





        min-height: 205px;





    }





}











@media (max-width: 480px) {





    .bwf-profile-stats {





        grid-template-columns: 1fr;





    }











    .bwf-profile-continue-card {





        grid-template-columns: 95px minmax(0, 1fr);





    }











    .bwf-profile-continue-poster {





        min-height: 185px;





    }











    .bwf-profile-continue-body {





        padding: 12px;





    }











    .bwf-profile-continue-body h3 {





        font-size: 15px;





    }











    .bwf-profile-continue-info {





        padding: 8px;





    }











    .bwf-profile-continue-button {





        min-height: 36px;





        padding: 7px 9px;





        white-space: normal;





    }





}





/* Sidebar quick links responsive adjustments. */











@media (max-width: 980px) {





    .bwf-sidebar-quick-links {





        max-width: 420px;





    }





}











@media (max-width: 480px) {





    .bwf-sidebar-quick-links {





        max-width: none;





        gap: 8px;





    }











    .bwf-sidebar-quick-card {





        min-height: 76px;





        border-radius: 12px;





    }











    .bwf-sidebar-quick-card strong {





        font-size: 11px;





    }





}





/* Movie requests responsive adjustments. */











@media (max-width: 980px) {





    .bwf-request-page {





        margin-top: 0;





    }











    .bwf-request-layout {





        grid-template-columns: 1fr;





    }











    .bwf-request-sidebar {





        position: static;





        display: grid;





        grid-template-columns: 1fr 1fr;





        gap: 12px;





    }











    .bwf-request-side-card {





        margin-bottom: 0;





    }





}











@media (max-width: 720px) {





    .bwf-request-hero {





        grid-template-columns: 54px minmax(0, 1fr);





        padding: 18px;





    }











    .bwf-request-hero-icon {





        width: 54px;





        height: 54px;





        border-radius: 15px;





        font-size: 21px;





    }











    .bwf-request-hero h1 {





        font-size: 22px;





    }











    .bwf-request-hero-stat {





        grid-column: 1 / -1;





        width: 100%;





    }











    .bwf-request-login-box {





        grid-template-columns: 42px minmax(0, 1fr);





    }











    .bwf-request-login-box > a {





        grid-column: 1 / -1;





        justify-content: center;





    }











    .bwf-request-sidebar {





        grid-template-columns: 1fr;





    }











    .bwf-request-list .children {





        margin-left: 24px;





    }





}











@media (max-width: 480px) {





    .bwf-request-hero {





        grid-template-columns: 1fr;





        text-align: center;





    }











    .bwf-request-hero-icon {





        margin: 0 auto;





    }











    .bwf-request-form-section,





    .bwf-request-feed {





        padding: 13px;





    }











    .bwf-request-feed-head {





        align-items: flex-start;





        flex-direction: column;





    }











    .bwf-request-card {





        grid-template-columns: 38px minmax(0, 1fr);





        padding: 11px;





    }











    .bwf-request-avatar img {





        width: 38px;





        height: 38px;





    }











    .bwf-request-head {





        flex-direction: column;





        gap: 5px;





    }











    .bwf-request-list .children {





        margin-left: 12px;





    }





}





/* =========================================================





   AUTH PAGES RESPONSIVE





========================================================= */











@media (max-width: 980px) {





    .bwf-auth-page {





        margin-top: 0;





        padding: 32px 0 52px;





    }











    .bwf-auth-shell {





        width: min(100%, 500px);





    }





}











@media (max-width: 720px) {





    .bwf-auth-page {





        padding: 18px 0 96px;





    }











    .bwf-auth-page .bwf-container {





        width: min(100% - 20px, 1180px);





    }











    .bwf-auth-card {





        padding: 23px 18px;





        border-radius: 18px;





    }











    .bwf-auth-card-head {





        margin-bottom: 19px;





    }











    .bwf-auth-logo {





        margin-bottom: 20px;





    }











    .bwf-auth-page-icon {





        width: 43px;





        height: 43px;





        margin-bottom: 13px;





        border-radius: 13px;





        font-size: 17px;





    }











    .bwf-auth-card-head h1 {





        font-size: 24px;





    }











    .bwf-auth-card-head p {





        font-size: 11px;





    }











    .bwf-auth-password-grid {





        grid-template-columns: 1fr;





        gap: 16px;





    }











    .bwf-auth-note {





        margin-top: 20px;





    }





}











@media (max-width: 480px) {





    .bwf-auth-page .bwf-container {





        width: min(100% - 16px, 1180px);





    }











    .bwf-auth-card {





        padding: 20px 14px;





        border-radius: 16px;





    }











    .bwf-auth-logo .bwf-logo-img {





        max-height: 34px;





    }











    .bwf-auth-logo .bwf-logo-text {





        max-width: 190px;





        font-size: 18px;





    }











    .bwf-auth-card-head h1 {





        font-size: 22px;





    }











    .bwf-auth-tabs {





        grid-template-columns: repeat(3, minmax(0, 1fr));





        gap: 4px;





        padding: 4px;





    }











    .bwf-auth-tabs a {





        min-height: 36px;





        padding: 0 4px;





        font-size: 9px;





        white-space: nowrap;





    }











    .bwf-auth-input-wrap input {





        height: 45px;





        font-size: 12px;





    }











    .bwf-auth-row {





        align-items: center;





        flex-direction: row;





    }











    .bwf-auth-form > button {





        min-height: 46px;





    }











    .bwf-auth-note {





        display: none;





    }





}





/* Final responsive auth adjustments. */











@media (max-width: 720px) {





    .bwf-auth-card {





        padding: 24px 18px;





    }











    .bwf-auth-logo {





        margin-bottom: 18px;





    }











    .bwf-auth-page-icon {





        margin-bottom: 14px;





    }











    .bwf-auth-card-head {





        margin-bottom: 23px;





    }











    .bwf-auth-tabs {





        margin-bottom: 22px;





    }











    .bwf-auth-form {





        gap: 17px;





    }











    .bwf-auth-input-wrap input {





        padding-left: 46px;





    }





}











@media (max-width: 480px) {





    .bwf-auth-card {





        padding: 22px 15px;





    }











    .bwf-auth-card-head {





        margin-bottom: 20px;





    }











    .bwf-auth-logo {





        margin-bottom: 16px;





    }











    .bwf-auth-page-icon {





        margin-bottom: 12px;





    }











    .bwf-auth-tabs {





        grid-template-columns: repeat(3, minmax(0, 1fr));





        margin-bottom: 20px;





    }











    .bwf-auth-tabs a {





        white-space: normal;





        line-height: 1.15;





    }











    .bwf-auth-row {





        align-items: center;





        flex-direction: row;





        gap: 10px;





    }











    .bwf-auth-note {





        display: none;





    }





}





/* Mobile auth header and input adjustments. */











@media (max-width: 720px) {





    .bwf-auth-card-head {





        margin-bottom: 18px;





    }











    .bwf-auth-logo {





        margin: 0 auto;





    }











    .bwf-auth-form .bwf-auth-input-wrap > i {





        left: 16px;





    }











    .bwf-auth-form .bwf-auth-input-wrap input[type="text"],





    .bwf-auth-form .bwf-auth-input-wrap input[type="email"],





    .bwf-auth-form .bwf-auth-input-wrap input[type="password"] {





        padding-right: 14px;





        padding-left: 52px;





    }





}











@media (max-width: 480px) {





    .bwf-auth-card-head {





        margin-bottom: 16px;





    }











    .bwf-auth-tabs {





        margin-top: 0;





    }











    .bwf-auth-form .bwf-auth-input-wrap input[type="text"],





    .bwf-auth-form .bwf-auth-input-wrap input[type="email"],





    .bwf-auth-form .bwf-auth-input-wrap input[type="password"] {





        padding-left: 50px;





    }





}





/* =========================================================





   STANDARD POST DETAIL PAGE RESPONSIVE





========================================================= */











@media (max-width: 980px) {





    .bwf-single-post-page {





        margin-top: 0;





    }











    .bwf-single-article {





        margin-top: 18px;





    }





}











@media (max-width: 720px) {





    .bwf-single-post-page > .bwf-container {





        width: min(100% - 20px, 1180px);





    }











    .bwf-single-article {





        border-radius: 17px;





    }











    .bwf-single-article-head {





        padding: 25px 20px 22px;





    }











    .bwf-single-article-head h1 {





        font-size: 29px;





        letter-spacing: -.6px;





    }











    .bwf-single-article-meta {





        gap: 10px 14px;





        margin-top: 15px;





    }











    .bwf-single-featured-image img {





        max-height: 380px;





    }











    .bwf-single-article-content {





        padding: 27px 20px 31px;





        font-size: 15px;





        line-height: 1.8;





    }











    .bwf-single-article-content h2 {





        margin-top: 32px;





        font-size: 23px;





    }











    .bwf-single-article-content h3 {





        font-size: 19px;





    }











    .bwf-single-article-footer {





        padding: 0 20px 28px;





    }











    .bwf-single-post-navigation {





        grid-template-columns: 1fr;





    }











    .bwf-single-nav-item.is-next {





        text-align: left;





    }











    .bwf-single-nav-item.is-next > a {





        justify-content: flex-start;





    }





}











@media (max-width: 480px) {





    .bwf-single-post-page > .bwf-container {





        width: min(100% - 16px, 1180px);





    }











    .bwf-single-article {





        margin-top: 12px;





        border-radius: 15px;





    }











    .bwf-single-article-head {





        padding: 22px 16px 19px;





    }











    .bwf-single-categories {





        margin-bottom: 12px;





    }











    .bwf-single-article-head h1 {





        font-size: 25px;





        line-height: 1.18;





    }











    .bwf-single-article-meta {





        display: grid;





        grid-template-columns: 1fr;





        gap: 7px;





        font-size: 11px;





    }











    .bwf-single-featured-image img {





        max-height: 290px;





    }











    .bwf-single-article-content {





        padding: 23px 16px 27px;





        font-size: 14px;





        line-height: 1.78;





    }











    .bwf-single-article-content p {





        margin-bottom: 18px;





    }











    .bwf-single-article-content h2 {





        margin-top: 28px;





        font-size: 21px;





    }











    .bwf-single-article-content h3 {





        margin-top: 25px;





        font-size: 18px;





    }











    .bwf-single-article-content blockquote {





        margin: 23px 0;





        padding: 17px;





    }











    .bwf-single-article-content table {





        display: block;





        overflow-x: auto;





        white-space: nowrap;





    }











    .bwf-single-article-footer {





        padding: 0 16px 24px;





    }











    .bwf-single-nav-item {





        min-height: auto;





        padding: 14px;





    }





}





/* =========================================================





   CONTACT PAGE RESPONSIVE





========================================================= */











@media (max-width: 980px) {





    .bwf-contact-page {





        margin-top: 0;





    }











    .bwf-contact-layout {





        grid-template-columns: 290px minmax(0, 1fr);





    }





}











@media (max-width: 820px) {





    .bwf-contact-layout {





        grid-template-columns: 1fr;





    }











    .bwf-contact-form-card {





        order: 1;





    }











    .bwf-contact-info-card {





        order: 2;





    }





}











@media (max-width: 720px) {





    .bwf-contact-page > .bwf-container {





        width: min(100% - 20px, 1180px);





    }











    .bwf-contact-hero {





        align-items: flex-start;





        gap: 13px;





        margin-top: 14px;





        padding: 19px;





        border-radius: 16px;





    }











    .bwf-contact-hero-icon {





        width: 48px;





        height: 48px;





        flex-basis: 48px;





        border-radius: 14px;





        font-size: 18px;





    }











    .bwf-contact-hero h1 {





        font-size: 23px;





    }











    .bwf-contact-form-card,





    .bwf-contact-info-card {





        padding: 20px;





        border-radius: 16px;





    }











    .bwf-contact-form-grid {





        grid-template-columns: 1fr;





    }





}











@media (max-width: 480px) {





    .bwf-contact-page > .bwf-container {





        width: min(100% - 16px, 1180px);





    }











    .bwf-contact-hero {





        padding: 16px;





    }











    .bwf-contact-hero-icon {





        display: none;





    }











    .bwf-contact-hero h1 {





        font-size: 21px;





    }











    .bwf-contact-form-card,





    .bwf-contact-info-card {





        padding: 17px 14px;





        border-radius: 15px;





    }











    .bwf-contact-form-bottom {





        align-items: stretch;





        flex-direction: column;





    }











    .bwf-contact-form-bottom button {





        width: 100%;





        min-width: 0;





    }











    .bwf-contact-form-bottom p {





        justify-content: center;





    }





}





/* =========================================================





   MODERN FOOTER MENU RESPONSIVE





========================================================= */











@media (max-width: 980px) {





    .bwf-footer-top {





        grid-template-columns: minmax(0, 1fr) 210px;





        gap: 30px;





    }





}











@media (max-width: 720px) {





    .bwf-footer-top {





        grid-template-columns: 1fr;





        gap: 24px;





    }











    .bwf-footer-menu {





        padding-top: 21px;





        border-top: 1px solid rgba(255, 255, 255, .07);





    }











    .bwf-footer-menu h3 {





        margin-top: 0;





    }











    .bwf-footer-links {





        grid-template-columns: repeat(2, minmax(0, 1fr));





        gap: 6px;





    }











    .bwf-footer-links a {





        min-height: 36px;





        background: rgba(255, 255, 255, .025);





    }





}











@media (max-width: 480px) {





    .bwf-footer-brand p {





        font-size: 12px;





        line-height: 1.65;





    }











    .bwf-footer-links {





        grid-template-columns: 1fr;





    }











    .bwf-footer-links a {





        min-height: 38px;





    }











    .bwf-footer-bottom {





        margin-top: 22px;





        padding-top: 15px;





    }





}





/* =========================================================





   MODERN STANDARD PAGE RESPONSIVE





========================================================= */











@media (max-width: 980px) {





    .bwf-modern-page {





        margin-top: 0;





    }





}











@media (max-width: 720px) {





    .bwf-modern-page {





        padding-bottom: 48px;





    }











    .bwf-modern-page > .bwf-container {





        width: min(100% - 20px, 1180px);





    }











    .bwf-page-hero {





        align-items: flex-start;





        gap: 13px;





        margin-top: 15px;





        padding: 20px;





        border-radius: 16px;





    }











    .bwf-page-hero-icon {





        width: 46px;





        height: 46px;





        flex-basis: 46px;





        border-radius: 13px;





        font-size: 18px;





    }











    .bwf-page-hero h1 {





        font-size: 27px;





        letter-spacing: -.5px;





    }











    .bwf-page-hero p {





        margin-top: 7px;





        font-size: 12px;





    }











    .bwf-page-article {





        margin-top: 14px;





        border-radius: 16px;





    }











    .bwf-page-featured-image img {





        max-height: 350px;





    }











    .bwf-page-article-body {





        padding: 27px 21px 31px;





        font-size: 14px;





        line-height: 1.8;





    }











    .bwf-page-article-body > p:first-child {





        font-size: 15px;





    }











    .bwf-page-article-body h2 {





        margin-top: 31px;





        font-size: 22px;





    }











    .bwf-page-article-body h3 {





        font-size: 19px;





    }





}











@media (max-width: 480px) {





    .bwf-modern-page > .bwf-container {





        width: min(100% - 16px, 1180px);





    }











    .bwf-page-hero {





        padding: 17px 15px;





        border-radius: 15px;





    }











    .bwf-page-hero-icon {





        display: none;





    }











    .bwf-page-hero h1 {





        font-size: 24px;





        line-height: 1.18;





    }











    .bwf-page-article {





        border-radius: 15px;





    }











    .bwf-page-featured-image img {





        max-height: 270px;





    }











    .bwf-page-article-body {





        padding: 23px 16px 27px;





        font-size: 14px;





        line-height: 1.75;





    }











    .bwf-page-article-body > p:first-child {





        font-size: 14px;





    }











    .bwf-page-article-body p {





        margin-bottom: 17px;





    }











    .bwf-page-article-body h2 {





        margin-top: 27px;





        font-size: 20px;





    }











    .bwf-page-article-body h3 {





        margin-top: 24px;





        font-size: 18px;





    }











    .bwf-page-article-body blockquote {





        margin: 21px 0;





        padding: 16px;





    }











    .bwf-page-article-body table {





        display: block;





        max-width: 100%;





        overflow-x: auto;





        white-space: nowrap;





    }





}











/* =========================================================





   TRAILER MODAL RESPONSIVE





========================================================= */











@media (max-width: 720px) {





    .bwf-trailer-modal {





        align-items: center;





        padding: 12px;





    }











    .bwf-trailer-dialog {





        max-height: calc(100vh - 24px);





        border-radius: 18px;





    }











    .bwf-trailer-dialog-head {





        min-height: 68px;





        padding: 12px 14px;





    }











    .bwf-trailer-dialog-head h2 {





        font-size: 17px;





    }











    .bwf-trailer-close {





        width: 38px;





        height: 38px;





        border-radius: 11px;





        font-size: 16px;





    }











    .bwf-trailer-dialog-body {





        padding: 8px;





    }











    .bwf-trailer-player {





        border-radius: 12px;





    }











    .bwf-trailer-dialog-footer {





        min-height: 46px;





        padding: 9px 14px;





    }





}











@media (max-width: 480px) {





    .bwf-trailer-modal {





        align-items: center;





        padding: 7px;





    }











    .bwf-trailer-dialog {





        max-height: calc(100vh - 14px);





        border-radius: 15px;





    }











    .bwf-trailer-dialog-head {





        min-height: 62px;





        gap: 10px;





        padding: 10px 12px;





    }











    .bwf-trailer-dialog-head span {





        font-size: 9px;





    }











    .bwf-trailer-dialog-head h2 {





        font-size: 15px;





    }











    .bwf-trailer-close {





        width: 36px;





        height: 36px;





    }











    .bwf-trailer-dialog-body {





        padding: 6px;





    }











    .bwf-trailer-dialog-footer {





        justify-content: center;





        padding: 8px 10px;





    }











    .bwf-trailer-dialog-footer a {





        font-size: 10px;





    }





}

















/* Coming Soon story responsive */





@media (max-width: 980px) {





    .bwf-coming-soon {





        --bwf-coming-card-width: 96px;





        --bwf-coming-poster-size: 76px;





        --bwf-coming-gap: 12px;





    }





}











@media (max-width: 767px) {





    .bwf-coming-soon {





        --bwf-coming-card-width: 80px;





        --bwf-coming-poster-size: 64px;





        --bwf-coming-gap: 10px;





        margin: 13px 0;





        padding: 12px 10px 12px;





        border-radius: 13px;





    }











    .bwf-coming-soon-head {





        min-height: 26px;





        margin-bottom: 11px;





    }











    .bwf-coming-soon-heading {





        gap: 8px;





    }











    .bwf-coming-soon-heading-icon {





        width: 18px;





        height: 18px;





        flex-basis: 18px;





    }











    .bwf-coming-soon-heading-icon i {





        font-size: 7px;





    }











    .bwf-coming-soon-head h2 {





        font-size: 14px;





    }











    .bwf-coming-soon-nav {





        display: none;





    }











    .bwf-coming-soon-track {





        width: auto;





        margin-right: -10px;





        padding-right: 10px;





        scroll-snap-type: x mandatory;





    }











    .bwf-coming-soon-card {





        gap: 10px;





    }











    .bwf-coming-soon-media {





        border-width: 1.5px;





    }











    .bwf-coming-soon-date {





        bottom: -7px;





        min-width: 44px;





        padding: 3.5px 6px;





        border-width: 1.5px;





        font-size: 8.8px;





    }











    .bwf-coming-soon-title {





        font-size: 10.5px;





        line-height: 1.32;





    }





}











@media (max-width: 380px) {





    .bwf-coming-soon {





        --bwf-coming-card-width: 76px;





        --bwf-coming-poster-size: 61px;





        --bwf-coming-gap: 9px;





    }











    .bwf-coming-soon-title {





        font-size: 10px;





    }





}

















/* Coming Soon archive responsive */





@media (max-width: 1080px) {





    .bwf-coming-catalog-grid {





        grid-template-columns: repeat(5, minmax(0, 1fr));





    }





}











@media (max-width: 860px) {





    .bwf-coming-catalog-grid {





        grid-template-columns: repeat(4, minmax(0, 1fr));





    }





}











@media (max-width: 767px) {





    .bwf-coming-soon-actions {





        gap: 2px;





    }











    .bwf-coming-soon-all {





        min-height: 28px;





        padding: 0 6px;





        font-size: 10px;





    }











    .bwf-coming-catalog-page {





        padding: 14px 0 46px;





    }











    .bwf-coming-catalog-hero {





        gap: 12px;





        padding: 17px 15px;





        border-radius: 14px;





    }











    .bwf-coming-catalog-icon {





        width: 40px;





        height: 40px;





        flex-basis: 40px;





        border-radius: 12px;





    }











    .bwf-coming-catalog-hero h1 {





        font-size: 22px;





    }











    .bwf-coming-catalog-hero p {





        margin-top: 5px;





        font-size: 11.5px;





    }











    .bwf-coming-catalog-filters {





        margin: 13px 0 15px;





    }











    .bwf-coming-catalog-grid {





        grid-template-columns: repeat(3, minmax(0, 1fr));





        gap: 17px 10px;





    }











    .bwf-coming-catalog-thumb {





        border-radius: 11px;





    }





}











@media (max-width: 520px) {





    .bwf-coming-catalog-grid {





        grid-template-columns: repeat(2, minmax(0, 1fr));





        gap: 17px 11px;





    }











    .bwf-coming-catalog-thumb time {





        left: 8px;





        bottom: 8px;





        padding: 5px 8px;





        font-size: 9px;





    }











    .bwf-coming-catalog-body h2 {





        font-size: 12px;





    }





}











/* BahadirMovie 1.1.5 responsive content surfaces */


@media (max-width: 980px) {


    .bwf-detail-page > .bwf-container,


    .bwf-archive-page > .bwf-container,


    .bwf-person-page > .bwf-container,


    .bwf-coming-catalog-page > .bwf-container,


    .bwf-explore-page > .bwf-container {


        padding: 16px;


        border-radius: 0 0 18px 18px;


    }





    .bwf-home-main {


        padding: 16px;


        border-radius: 18px;


    }


}





@media (max-width: 720px) {


    .bwf-detail-page > .bwf-container,


    .bwf-archive-page > .bwf-container,


    .bwf-person-page > .bwf-container,


    .bwf-coming-catalog-page > .bwf-container,


    .bwf-explore-page > .bwf-container {


        width: calc(100% - 16px);


        margin-bottom: 28px;


        padding: 10px;


        border-radius: 0 0 15px 15px;


    }





    .bwf-detail-page .bwf-breadcrumbs,


    .bwf-archive-page .bwf-archive-head,


    .bwf-person-page .bwf-person-hero {


        border-radius: 12px;


    }





    .bwf-home-main {


        padding: 11px;


        border-radius: 15px;


    }


}





@media (max-width: 1180px) {


    .bwf-taxonomy-grid {


        grid-template-columns: repeat(4, minmax(0, 1fr));


    }


}





@media (max-width: 820px) {


    .bwf-taxonomy-grid {


        grid-template-columns: repeat(3, minmax(0, 1fr));


    }





    .bwf-video-fallback-play {


        width: 62px;


        height: 62px;


    }





    .bwf-video-fallback-play i {


        font-size: 21px;


    }


}





@media (max-width: 560px) {


    .bwf-taxonomy-grid {


        grid-template-columns: repeat(2, minmax(0, 1fr));


        gap: 12px;


    }





    .bwf-video-fallback-play {


        width: 54px;


        height: 54px;


    }





    .bwf-video-fallback-play i {


        font-size: 18px;


    }





    .bwf-video-fallback-label {


        bottom: 14px;


        font-size: 11px;


    }


}





/* Mobile detail page: the wide hero is enough, so the small poster is hidden. */


@media (max-width: 720px) {


    .bwf-detail-hero-media {


        margin-top: 16px;


    }





    .bwf-detail-hero-media .bwf-video-box {


        aspect-ratio: 16 / 9;


        border-radius: 13px;


    }





    .bwf-detail-hero-media .bwf-video-fallback-play {


        width: 58px;


        height: 58px;


    }





    .bwf-detail-hero-media .bwf-video-fallback-play i {


        font-size: 20px;


    }





    .bwf-detail-page .bwf-detail-layout {


        margin-top: 18px;


    }





    .bwf-detail-page .bwf-film-info-section,


    .bwf-detail-page .bwf-series-info-section {


        padding: 0;


    }





    .bwf-film-info-section > h2,


    .bwf-series-info-section > h2 {


        margin-bottom: 14px;


        padding-bottom: 10px;


        font-size: 15px;


    }





    .bwf-detail-page .bwf-film-info-grid,


    .bwf-detail-page .bwf-series-info-grid {


        display: block;


    }





    .bwf-detail-page .bwf-film-poster {


        display: none;


    }





    .bwf-detail-page .bwf-film-content {


        width: 100%;


        padding-top: 0;


    }





    .bwf-detail-page .bwf-film-desc {


        margin-bottom: 15px;


        font-size: 13px;


        line-height: 1.7;


    }





    .bwf-detail-page .bwf-score-row {


        margin-bottom: 14px;


    }





    .bwf-detail-page .bwf-film-meta-table {


        gap: 8px;


        margin-bottom: 14px;


    }





    .bwf-detail-page .bwf-film-meta-table div,


    .bwf-detail-page .bwf-cast-line {


        grid-template-columns: 78px minmax(0, 1fr);


        gap: 10px;


    }





    .bwf-detail-page .bwf-people-block {


        display: block;


        margin-top: 16px;


    }





    .bwf-detail-page .bwf-people-block > span {


        display: block;


        margin-bottom: 10px;


    }





    .bwf-detail-page .bwf-people-list {


        flex-wrap: nowrap;


        gap: 10px;


        overflow-x: auto;


        overflow-y: hidden;


        padding: 0 0 8px;


        scroll-snap-type: x proximity;


        scrollbar-width: thin;


    }





    .bwf-detail-page .bwf-person-mini-card {


        flex: 0 0 72px;


        width: 72px;


        min-width: 72px;


        scroll-snap-align: start;


    }





    .bwf-detail-page .bwf-person-mini-card span {


        width: 58px;


        height: 58px;


    }





    .bwf-detail-action-grid.is-follow-only {


        grid-template-columns: 1fr;


    }


}