/* MARK: 1240px */
@media ( max-width: 1240px ) {
    .single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed {
        display: none;
    }
} /* 1240px */

/* MARK: 900px */
@media ( max-width: 950px ) {
    /* Website Layout */
    .width-layout--two .site {
        width: 100%;
        margin: 0;
        border: none;
        box-shadow: none;
    }

    .width-layout--two .bbe-header .bbe-sticky-header {
        width: 100%;
    }

    /* Header */
    .bbe-header .bbe-sticky-header .menu-toggle {
        display: block;
        color: var(--bbe-site-color);
    }

    .bbe-header .bbe-sticky-header .menu-container:not(.active) {
        display: none;
    }

    .bbe-header .bbe-sticky-header .menu-container {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 20px 30px;
        max-height: 310px;
        overflow-y: auto;
    }

    .bbe-dark .bbe-header .bbe-sticky-header .menu-container {
        background: #292c2f;
    }

    .bbe-header .bbe-sticky-header .menu-container .menu {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    body .site .bbe-header .bbe-sticky-header li {
        padding: 0;
    }

    .bbe-header .bbe-sticky-header li.menu-item-has-children,
    .bbe-header .bbe-sticky-header li.page_item_has_children {
        width: 100%;
    }

    .bbe-header .bbe-sticky-header li.menu-item-has-children > a span.submenu-icon,
    .bbe-header .bbe-sticky-header li.page_item_has_children > a span.submenu-icon {
        display: none;
    }

    .bbe-header .bbe-sticky-header li.menu-item-has-children .sub-menu:not(.active),
    .bbe-header .bbe-sticky-header li.page_item_has_children .sub-menu:not(.active) {
        display: none;
    }

    .bbe-header .bbe-sticky-header li.menu-item-has-children .sub-menu,
    .bbe-header .bbe-sticky-header li.page_item_has_children .sub-menu {
        padding-left: 15px;
    }

    .bbe-header .bbe-sticky-header li.menu-item-has-children .sub-menu li,
    .bbe-header .bbe-sticky-header li.page_item_has_children .sub-menu li {
        margin-top: 12px;
    }

    /* Banner Slider */
    .bbe-main-banner .block-wrap {
        flex-direction: column;
    }

    .bbe-main-banner .block-wrap .banner-sidebar {
        max-height: initial;
    }

    .banner-sidebar .article-wrap {
        grid-template-columns: repeat( 2, 1fr );
    }

    /* Category Collection */
        .bbe-category-collection.column--five .entry-content {
            grid-template-columns: repeat(4, 1fr);
        }


} /* 950px */

/* MARK: Tablet 768px */
@media ( max-width: 768px ) {
    body .site [data-tablet="hide"] {
        display: none;
    }

    .bbe-header .loaded .bbe-live-search {
        grid-template-columns: repeat(2, 1fr);
    }

    .bbe-ticker-news.slider--slick .bbe-article {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    /* Banner Slider */
        .bbe-main-banner .block-wrap {
            flex-direction: column;
        }

        .bbe-main-banner .row .slick-dots {
            display: none;
        }

        .bbe-main-banner .block-wrap .bbe-main-banner-left {
            order: 2;
        }

        .bbe-main-banner .block-wrap .bbe-main-banner-right {
            order: 3;
        }

        body #page.site .bbe-main-banner .bbe-main-banner-main .entry-content .bbe-article-figure {
            aspect-ratio: 4 / 3;
        }

        /* Layout Three */
        .bbe-main-banner.layout--three .slider-content-wrap .slider-content-inner-wrap {
            grid-template-columns: 100%;
        }

    /* Category Collection */
        .bbe-category-collection.column--five .entry-content {
            grid-template-columns: repeat(3, 1fr);
        }

    /* Video Playlist */
        .bbe-video-playlist .content-wrapper {
            grid-template-columns: 100%;
        }

        .bbe-video-playlist .content-wrapper .video-player {
            position: relative;
            padding-bottom: 60%;
        }

        .bbe-video-playlist .content-wrapper .video-player iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .bbe-video-playlist .entry-content .video-player iframe {
            aspect-ratio: 16 / 9;
        }
        
        .bbe-video-playlist.layout--one .entry-content .video-player iframe {
            aspect-ratio: 3 / 1;
        }

        .bbe-video-playlist.layout--one .entry-content .videos {
            grid-template-columns: repeat(2, 1fr);
            max-height: 140px;
        }

        .bbe-video-playlist .entry-content {
            grid-template-columns: 100%;
        }

    /* Layout One */
        .bbe-video-playlist.layout--one .content-wrapper .videos {
            grid-template-columns: repeat(2, 1fr);
        }

    /* Archive */
        .blog-bee-main-wrap .content-wrapper {
            flex-direction: column;
        }

        .blog-bee-main-wrap .content-wrapper .site-main {
            order: -1;
        }

        body .blog-bee-main-wrap.layout--grid.column--one .site-main .bbe-article .entry-inner .entry-title,
        body .blog-bee-main-wrap.layout--grid.column--one .site-main .bbe-article .entry-inner .entry-excerpt {
            max-width: 90%;
        }
        
        /* List */
        .blog-bee-main-wrap.layout--list.column--two .site-main .article-wrap {
            grid-template-columns: 100%;
        }

    /* Sidebar */
        .widget_blog_bee_category_collection_widget .category-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

    /* Pges */
        .page-header {
            max-width: 70%;
        }

    /* Single */
        .single .site .bbe-related-posts .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .single .blog-bee-main-wrap.layout--four .single-header {
            flex-direction: column;
            align-items: initial;
        }

        .bbe-post-navigation .nav-links:has(.bbe-article-figure) {
            flex-direction: column;
        }

    /* Insta Gallery */
        .bbe-insta-gallery.layout--one:not(.slider--on) .gallery {
            overflow-x: auto;
            scrollbar-width: thin;
            scroll-snap-type: x mandatory;
        }

        .bbe-insta-gallery.layout--one:not(.slider--on) .gallery-image {
            width: 233px;
            aspect-ratio: 2 / 2;
            scroll-snap-align: start;
        }

        .bbe-insta-gallery.layout--two .gallery {
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: repeat(2, 1fr);
        }

        .bbe-insta-gallery.layout--two .gallery .gallery-image:nth-child(3),
        .bbe-insta-gallery.layout--two .gallery .gallery-image:nth-child(4) {
            grid-row: span 1;
            grid-column: span 1;
        }

    /* Web Stories */
        .bbe-web-stories .stories-wrap {
            display: flex;
            overflow-x: auto;
            scrollbar-width: thin;
            scroll-snap-type: x mandatory;
        }
        
        .bbe-web-stories .stories-wrap .story {
            width: 280px;
            flex: 0 0 auto;
            scroll-snap-align: start;
        }

    /* Content Sidebar */
        .bbe-content-sidebar .content-wrapper {
            flex-direction: column;
            align-items: initial;
        }

        .bbe-content-sidebar .content-wrapper:has(.sidebar-block) > .content-block {
            position: initial;
        }

        .bbe-content-sidebar .content-block .featured-post .bbe-article .entry-title,
        .bbe-content-sidebar .content-block .featured-post .bbe-article .entry-title a {
            --bbe-site-font-size: 26px;
        }

        .bbe-content-sidebar.layout--two .content-wrapper .main-content .list-post {
            grid-template-columns: repeat(2, 1fr);
        }

    /* Three Blocks */
        body .site .bbe-sections-wrap .bbe-three-blocks .row {
            grid-template-columns: 100%;
        }

        body .site .bbe-sections-wrap .bbe-three-blocks .row > div {
            grid-column: span 1;
        }

        body .site .bbe-three-blocks .block-item.layout--grid .content-wrapper,
        body .site .bbe-sections-wrap .bbe-three-blocks .block-item .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

    /* Footer */
        body .site .bbe-footer .bbe-row .row {
            grid-template-columns: 100%;
        }

        .bbe-footer.bbe-builder .bbe-row .column:empty {
            display: none;
        }

        body .site .bbe-footer .bbe-row .column,
        .bbe-footer .bbe-row .column .bbe-footer-social-icons,
        .bbe-footer .bbe-footer-menu ul {
            justify-content: center;
        }

        .bbe-footer .bbe-builder-html p,
        .bbe-footer .bbe-builder-html h1,
        .bbe-footer .bbe-builder-html h2,
        .bbe-footer .bbe-builder-html h3,
        .bbe-footer .bbe-builder-html h4,
        .bbe-footer .bbe-builder-html h5,
        .bbe-footer .bbe-builder-html h6,
        .bbe-footer .bbe-copyright,
        .bbe-footer .widget.wp-block-heading,
        .bbe-footer .widget.widget_text p {
            text-align: center;
        }
} /* 768px */

/* MARK: Mobile 610px */
@media ( max-width: 610px ) {
    body .site [data-mobile="hide"] {
        display: none;
    }

    body .site [data-mobile="show"] {
        display: inherit;
    }

    /* Header */
    .bbe-header .loaded .bbe-live-search {
        grid-template-columns: 100%;
    }

    .bbe-header .bbe-ticker-news .controller-wrap {
        display: none;
    }

    /* Banner Slider */
        .bbe-main-banner.layout--three:has(.banner-sidebar) .slider-content-wrap {
            flex-direction: column;
        }
        
        .banner-sidebar .article-wrap {
            grid-template-columns: 100%;
        }

        body #page.site .bbe-main-banner .bbe-main-banner-main .entry-content .bbe-article-figure {
            aspect-ratio: 3 / 3;
        }

        .bbe-main-banner.layout--one .entry-content .bbe-article-figure .entry-inner {
            padding: 7%;
        }

        body .site .bbe-main-banner .slider-content-wrap .entry-title,
        body .site .bbe-main-banner .slider-content-wrap .entry-title a {
            font-size: calc(var(--bbe-site-font-size) - 8px);
        }

        .bbe-main-banner .entry-content .entry-inner .entry-excerpt,
        .bbe-main-banner .entry-content .entry-inner .bbe-post-button {
            display: none;
        }

    /* Category Collection */
        .bbe-category-collection.column--five .entry-content {
            grid-template-columns: repeat(2, 1fr);
        }

    /* Video Playlist */
        .bbe-video-playlist.layout--one .entry-content .videos {
            grid-template-columns: 100%;
        }

        .bbe-video-playlist .entry-content .video-player iframe {
            aspect-ratio: 4 / 4;
        }

        .bbe-video-playlist.layout--one .entry-content .video-player iframe {
            aspect-ratio: 2 / 1;
        }

    /* Archive */
        .blog-bee-main-wrap.ratio--square .bbe-article .bbe-article-figure {
            width: 100%;
            max-height: 300px;
        }

        body .blog-bee-main-wrap.layout--grid.column--one .site-main .bbe-article .entry-inner .entry-title,
        body .blog-bee-main-wrap.layout--grid.column--one .site-main .bbe-article .entry-inner .entry-excerpt {
            max-width: 100%;
        }

        /* List */
        .bbe-sections-wrap .blog-bee-main-wrap.layout--list .site-main .bbe-article .entry-content {
            grid-template-columns: 100%;
        }

        /* Overlay */
        body .site .blog-bee-main-wrap.overlay--enabled .site-main .bbe-article .bbe-article-figure {
            aspect-ratio: 4 / 3;
        }

        body .site .blog-bee-main-wrap.overlay--enabled .site-main .bbe-article .entry-excerpt p {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

    /* Sidebar */
        .widget_blog_bee_category_collection_widget .category-wrap {
            grid-template-columns: 100%;
        }

    /* Pges */
        .page-header {
            max-width: 95%;
        }

    /* Single */
        .single .blog-bee-main-wrap.layout--four .single-header {
            flex-direction: column;
        }

        .single .site .bbe-related-posts .article-wrap {
            grid-template-columns: 100%;
        }

        .single .site .blog-bee-main-wrap .single-header .bbe-article-figure {
            aspect-ratio: 4 / 4;
        }

        .single .single-article .entry-inner .entry-title,
        .single .single-header .entry-inner .entry-title {
            --bbe-site-font-size: 24px;
            --bbe-site-font-lineheight: 1.48;
        }

    /* Insta Gallery */
        .bbe-insta-gallery.layout--one:not(.slider--on) .gallery-image {
            width: 240px;
        }

        .bbe-insta-gallery.layout--two .gallery {
            grid-template-columns: repeat(3, 1fr);
        }

        .bbe-insta-gallery.layout--two .gallery .gallery-image:nth-child(2) {
            grid-column: span 1;
        }

        .bbe-insta-gallery.layout--two .gallery .gallery-image:nth-child(n+6) {
            display: none;
        }

    /* Web Stories */
        .bbe-web-stories .inner-story .inner-story-wrap .slick-arrow {
            height: 80px;
        }

    /* Content Sidebar */
        .bbe-content-sidebar.layout--one .list-post {
            grid-template-columns: 100%;
        }
        
        .bbe-content-sidebar.layout--two .featured-post .bbe-article {
            flex-direction: column;
        }

        .bbe-content-sidebar.layout--two .featured-post .bbe-article .entry-inner {
            padding: 30px;
        }

        .bbe-content-sidebar .featured-post .bbe-article .bbe-article-figure {
            aspect-ratio: 4 / 3;
        }

        .bbe-content-sidebar .content-block .featured-post .bbe-article .entry-title,
        .bbe-content-sidebar .content-block .featured-post .bbe-article .entry-title a {
            --bbe-site-font-size: 20px;
        }

        .bbe-content-sidebar .list-post .bbe-article .entry-title,
        .bbe-content-sidebar .list-post .bbe-article .entry-title a {
            --bbe-site-font-size: 20px;
            font-size: calc( var(--bbe-site-font-size) * 0.72 );
            line-height: calc( var(--bbe-site-font-lineheight) * 1.1 );
        }

    /* Three Blocks */
        body .site .bbe-sections-wrap .bbe-three-blocks .block-item .content-wrapper,
        body .site .bbe-sections-wrap .bbe-three-blocks .block-item .article-wrap {
            grid-template-columns: 100%;
        }
} /* 610px */

/* MARK: Small 425px */
@media ( max-width: 425px ) {
    .bbe-header .bbe-search-field.width--small .bbe-live-search,
    .bbe-header .bbe-search-field.width--medium .bbe-live-search {
        width: 310px;
    }

    /* Web Stories */
        .bbe-web-stories .inner-stories .slick-list {
            width: 330px;
        }

    /* Category Collection */
        .bbe-category-collection.column--five .entry-content {
            grid-template-columns: 100%;
        }

        .bbe-category-collection .bbe-article-figure {
            aspect-ratio: 4 / 3;
        }

    /* Video Playlist */
        .bbe-video-playlist.layout--one:not(.active) .content-wrapper .videos {
            grid-template-columns: 100%;
        }

    /* Content Sidebar */
        .bbe-content-sidebar.layout--two .content-wrapper .main-content .list-post {
            grid-template-columns: 100%;
        }

    /* Single */
        .bbe-post-navigation .nav-links {
            flex-direction: column;
        }

} /* 425px */

/* MARK: Mobile Extra */
@media ( max-width: 375px ) {
    /* Web Stories */
    .bbe-web-stories .inner-stories .slick-list {
        width: 310px;
    }

    .bbe-header .bbe-search-icon .layout--one {
        width: 310px;
    }

    /* Overlay */
    body .site .blog-bee-main-wrap.overlay--enabled .site-main .bbe-article .bbe-article-figure {
        aspect-ratio: 1 / 1;
    }

} /* 375px */

/* MARK: Mobile Extra */
@media ( max-width: 320px ) {
    /* Web Stories */
    .bbe-web-stories .inner-stories .slick-list {
        width: 270px;
    }

} /* 320px */


/* Min Width */
@media ( min-width: 860px ) {
    .bbe-header .form-wrapper.layout--four .search-field {
        font-size: 42px;
        line-height: 75px;
    }
}

@media ( min-width: 1500px ) {
    .bbe-web-stories .inner-stories .slick-list {
        width: 500px;
    }
}

@media (min-width: 1600px) {
    .bbe-header .form-wrapper.layout--four .search-field {
        font-size: 5rem;
        line-height: 137px;
    }
}