@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;



    }



}

/* Modern episode navigation - mobile */
@media (max-width: 720px) {
    .bwf-episode-detail-page .bwf-episode-nav-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;
        margin-bottom: 14px;
        padding: 5px;
        border-radius: 16px;
    }

    .bwf-episode-detail-page .bwf-episode-nav-btn,
    .bwf-episode-detail-page .bwf-episode-archive-btn {
        min-height: 62px;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        padding: 7px 4px;
        border-radius: 12px;
        text-align: center;
    }

    .bwf-episode-detail-page .bwf-episode-nav-btn.is-next {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
    }

    .bwf-episode-detail-page .bwf-episode-nav-icon {
        width: 29px;
        height: 29px;
        flex-basis: 29px;
        border-radius: 9px;
        font-size: 11px;
    }

    .bwf-episode-detail-page .bwf-episode-nav-copy {
        flex: 0 1 auto;
        width: 100%;
        align-items: center;
        gap: 0;
    }

    .bwf-episode-detail-page .bwf-episode-nav-copy small {
        max-width: 100%;
        overflow: hidden;
        font-size: 8px;
        letter-spacing: .035em;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .bwf-episode-detail-page .bwf-episode-nav-copy strong,
    .bwf-episode-detail-page .bwf-episode-nav-copy em {
        display: none;
    }
}

@media (max-width: 390px) {
    .bwf-episode-detail-page .bwf-episode-nav-row {
        gap: 4px;
        padding: 4px;
    }

    .bwf-episode-detail-page .bwf-episode-nav-btn,
    .bwf-episode-detail-page .bwf-episode-archive-btn {
        min-height: 58px;
        padding-inline: 2px;
    }

    .bwf-episode-detail-page .bwf-episode-nav-copy small {
        font-size: 7.5px;
    }
}



/* =========================================================
   SELECTABLE HOMEPAGE SLIDER LAYOUTS — RESPONSIVE
========================================================= */

@media (max-width: 980px) {

    body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-card {

        height: 250px;

    }

    .bwf-showcase-content {

        padding: 25px 26px;

    }

    .bwf-showcase-content h2 {

        max-width: 76%;

        font-size: 27px;

    }

    .bwf-showcase-genres,

    .bwf-showcase-content p {

        max-width: 75%;

    }

}

@media (max-width: 720px) {

    body.bwf-body .bwf-hero-slider.is-layout-standard .bwf-hero-card > img {

        position: absolute;

        inset: 0;

        width: 100%;

        height: 100%;

        object-fit: cover;

    }

    body.bwf-body .bwf-hero-slider.is-layout-showcase {

        border-radius: 12px;

    }

    body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-track {

        gap: 0;

        padding: 0;

        scroll-padding-inline: 0;

    }

    body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-item {

        flex: 0 0 100%;

        min-width: 100%;

    }

    body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-card {

        height: 274px;

        border-radius: 12px;

    }

    body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-gradient {

        background:

            linear-gradient(

                90deg,

                rgba(9, 10, 13, .93) 0%,

                rgba(9, 10, 13, .65) 48%,

                rgba(9, 10, 13, .26) 100%

            ),

            linear-gradient(

                0deg,

                rgba(9, 10, 13, .76) 0%,

                rgba(9, 10, 13, .04) 58%

            );

    }

    .bwf-showcase-content {

        padding: 25px 22px;

    }

    .bwf-showcase-type {

        min-height: 22px;

        margin-bottom: 9px;

        padding: 0 9px;

        font-size: 9px;

    }

    .bwf-showcase-content h2 {

        max-width: 78%;

        margin-bottom: 10px;

        font-size: 26px;

        line-height: 1.06;

    }

    .bwf-showcase-meta {

        gap: 9px;

        margin-bottom: 8px;

        font-size: 11px;

    }

    .bwf-showcase-genres {

        max-width: 76%;

        margin-bottom: 7px;

        font-size: 11px;

    }

    .bwf-showcase-content p {

        max-width: 74%;

        font-size: 11px;

        line-height: 1.48;

        -webkit-line-clamp: 2;

    }

    .bwf-showcase-watch {

        right: 18px;

        bottom: 17px;

        min-height: 40px;

        gap: 7px;

        padding: 0 14px;

        font-size: 11px;

    }

    .bwf-showcase-watch i {

        font-size: 18px;

    }

    body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-slider-arrow {

        width: 42px;

        height: 42px;

        display: inline-flex;

        font-size: 14px;

    }

    body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-slider-prev {

        left: 12px;

    }

    body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-slider-next {

        right: 12px;

    }

}

@media (max-width: 480px) {

    body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-card {

        height: 264px;

    }

    .bwf-showcase-content {

        padding: 23px 20px;

    }

    .bwf-showcase-content h2 {

        max-width: 82%;

        font-size: 24px;

    }

    .bwf-showcase-genres {

        max-width: 82%;

    }

    .bwf-showcase-content p {

        max-width: 78%;

    }

    .bwf-showcase-watch {

        right: 16px;

        bottom: 15px;

    }

}

@media (max-width: 360px) {

    body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-card {

        height: 252px;

    }

    .bwf-showcase-content h2 {

        font-size: 22px;

    }

    .bwf-showcase-content p {

        -webkit-line-clamp: 1;

    }

}

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


   BLOG MODULE RESPONSIVE — 1.2.6


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





@media (max-width: 1100px) {


    .bwf-blog-grid-cols-4 {


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


    }





    .bwf-blog-featured {


        grid-template-columns: 1fr 1fr;


    }


}





@media (max-width: 900px) {


    .bwf-blog-page {


        padding-top: 18px;


    }





    .bwf-blog-hero {


        align-items: stretch;


        flex-direction: column;


        padding: 28px;


    }





    .bwf-blog-search {


        width: 100%;


    }





    .bwf-blog-featured {


        grid-template-columns: 1fr;


        min-height: 0;


    }





    .bwf-blog-featured-media,


    .bwf-blog-featured-media img,


    .bwf-blog-featured-placeholder {


        min-height: 330px;


        height: 330px;


    }





    .bwf-blog-featured-overlay {


        background: linear-gradient(180deg, transparent 55%, rgba(32,33,38,.9) 100%);


    }





    .bwf-blog-grid-cols-3,


    .bwf-blog-grid-cols-4 {


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


    }





    .bwf-blog-related .bwf-blog-grid {


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


    }


}





@media (max-width: 640px) {


    .bwf-blog-page {


        padding: 12px 0 34px;


    }





    .bwf-blog-page > .bwf-container {


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


        gap: 16px;


    }





    .bwf-blog-hero {


        padding: 23px 18px;


        border-radius: 17px;


    }





    .bwf-blog-hero h1 {


        font-size: 31px;


        letter-spacing: -.8px;


    }





    .bwf-blog-hero p,


    .bwf-blog-tax-description {


        font-size: 12px;


        line-height: 1.65;


    }





    .bwf-blog-search {


        min-height: 48px;


        grid-template-columns: auto 1fr auto;


        padding-left: 13px;


        border-radius: 13px;


    }





    .bwf-blog-search button {


        min-height: 38px;


        padding: 0 14px;


    }





    .bwf-blog-category-nav {


        margin-right: -1px;


        margin-left: -1px;


    }





    .bwf-blog-category-nav a {


        min-height: 35px;


        padding: 0 12px;


    }





    .bwf-blog-featured {


        border-radius: 17px;


    }





    .bwf-blog-featured-media,


    .bwf-blog-featured-media img,


    .bwf-blog-featured-placeholder {


        min-height: 230px;


        height: 230px;


    }





    .bwf-blog-featured-content {


        padding: 22px 18px 24px;


    }





    .bwf-blog-featured-content h2 {


        font-size: 26px;


    }





    .bwf-blog-featured-content > p {


        font-size: 12px;


    }





    .bwf-blog-featured-meta {


        display: grid;


        grid-template-columns: 1fr;


        gap: 6px;


    }





    .bwf-blog-section-head {


        align-items: center;


        margin-bottom: 13px;


    }





    .bwf-blog-section-head h2 {


        font-size: 21px;


    }





    .bwf-blog-grid-cols-2,


    .bwf-blog-grid-cols-3,


    .bwf-blog-grid-cols-4,


    .bwf-blog-related .bwf-blog-grid {


        grid-template-columns: 1fr;


    }





    .bwf-blog-card {


        border-radius: 15px;


    }





    .bwf-blog-card-thumb {


        height: 210px;


    }





    .bwf-blog-card-body {


        min-height: 0;


        padding: 16px;


    }





    .bwf-blog-card-title {


        font-size: 16px;


    }





    .bwf-blog-card-footer {


        margin-top: 16px;


    }





    .bwf-blog-related {


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


        padding: 16px;


        border-radius: 16px;


    }





    .bwf-blog-related .bwf-blog-card-thumb {


        height: 190px;


    }





    .bwf-blog-single-topbar {


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


        margin-top: 15px;


    }


}








/* Homepage Blog area */


@media (max-width: 640px) {


    .bwf-home-blog-latest {


        margin-top: 22px;


    }





    .bwf-home-blog-latest .bwf-blog-card-body {


        min-height: 0;


    }


}








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


   BLOG VISUAL REFRESH RESPONSIVE — 1.2.8


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


@media (max-width: 1040px) {


    body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout {


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


        gap: 18px;


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-card {


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


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-thumb {


        width: 70px;


        height: 66px;


    }


}





@media (max-width: 820px) {


    body.bwf-blog-context .bwf-blog-hero {


        align-items: stretch;


        flex-direction: column;


        min-height: 0;


        padding: 25px;


    }





    body.bwf-blog-context .bwf-blog-search {


        width: 100%;


    }





    body.bwf-blog-context .bwf-blog-featured {


        grid-template-columns: 1fr;


    }





    body.bwf-blog-context .bwf-blog-featured.has-media .bwf-blog-featured-media,


    body.bwf-blog-context .bwf-blog-featured.has-media .bwf-blog-featured-media img {


        height: 290px;


        min-height: 290px;


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout {


        grid-template-columns: 1fr;


        gap: 20px;


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-single-sidebar,


    body.admin-bar.bwf-blog-module-enabled.single-post .bwf-blog-single-sidebar {


        position: static;


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-list {


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


    }


}





@media (max-width: 640px) {


    body.bwf-blog-context .bwf-blog-page {


        padding-top: 14px;


    }





    body.bwf-blog-context .bwf-blog-hero {


        padding: 21px 17px;


        border-radius: 16px;


    }





    body.bwf-blog-context .bwf-blog-hero h1 {


        font-size: 30px;


    }





    body.bwf-blog-context .bwf-blog-search {


        min-height: 46px;


        gap: 7px;


        padding: 4px;


        border-radius: 12px;


    }





    body.bwf-blog-context .bwf-blog-search-icon {


        width: 34px;


        height: 34px;


        flex-basis: 34px;


    }





    body.bwf-blog-context .bwf-blog-search button {


        min-width: 66px;


        min-height: 36px;


        padding: 0 12px;


    }





    body.bwf-blog-context .bwf-blog-search button i {


        display: none;


    }





    body.bwf-blog-context .bwf-blog-featured.has-media .bwf-blog-featured-media,


    body.bwf-blog-context .bwf-blog-featured.has-media .bwf-blog-featured-media img {


        height: 220px;


        min-height: 220px;


    }





    body.bwf-blog-context .bwf-blog-featured-content,


    body.bwf-blog-context .bwf-blog-featured.is-text-only .bwf-blog-featured-content {


        min-height: 0;


        padding: 21px 17px 23px;


    }





    body.bwf-blog-context .bwf-blog-featured-mark {


        width: 40px;


        height: 40px;


        margin-bottom: 13px;


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout {


        padding-top: 14px;


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-head {


        padding: 24px 18px 21px;


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-head h1 {


        font-size: 28px;


        letter-spacing: -.6px;


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-content {


        padding: 24px 18px 28px;


        font-size: 14px;


        line-height: 1.82;


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-content h2 {


        font-size: 22px;


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-footer {


        padding: 0 18px 24px;


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-panel {


        padding: 15px;


        border-radius: 15px;


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-list {


        grid-template-columns: 1fr;


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-card {


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


    }





    body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-thumb {


        width: 82px;


        height: 72px;


    }


}