/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .main-nav-bg {
        background-size: auto 180px;
        background-position: center -20px;
    }

    .btn-back-to-site-desktop {
        display: block;
    }

    .sorted-posts-grid,
    .search-posts-grid .archive-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .filter-sorting .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 0 !important;
    }

    #main-menu .inner-container .col-2 .inner {
        padding: 20px 30px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .main-nav-bg {
        background-size: auto 180px;
        background-position: center -20px;
    }
    
    #main-menu .inner-container {
        flex-direction: row;
        padding: 40px;
    }

    #main-menu .inner-container .col-1,
    #main-menu .inner-container .col-2 {
        width: 50%;
    }

    .sorted-posts-grid,
    .search-posts-grid,
    .archive-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .main-nav-bg {
        background-size: auto 240px;
        background-position: center -40px;
    }

    #main-menu .menu-list {
        flex-direction: row;
    }

    .sorted-posts-grid,
    .search-posts-grid,
    .archive-posts-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .main-nav-bg {
        background-size: auto 280px;
        background-position: center -80px;
    }
    
    .item-column.wp-block-post-featured-image {
        aspect-ratio: 16 / 9;
        min-height: 230px;
    }
}