@media (max-width: 900px) {
    .media_tags_wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 265px;
        height: 100vh;
        overflow-y: auto;
        z-index: 51;
        background-color: var(--colWhite);
        padding: 16px 10px 52px 10px;
        transform: translateX(-110%);
        transition: transform 300ms;
    }
    .media_tags_wrapper.active {
        transform: translateX(0);
    }
    .media_page_title {
        margin-bottom: clamp(1.25rem, -0.267rem + 7.59vw, 4rem);
    }
    .media_tags_title {
        font-size: clamp(0.75rem, 0.612rem + 0.69vw, 1rem);
    }
    .media_tag {
        font-size: clamp(0.5rem, 0.293rem + 1.03vw, 0.875rem);
        border-radius: clamp(0.25rem, -0.026rem + 1.38vw, 0.75rem);
        height: 32px;
        box-shadow: 0 27px 8px 0 rgba(0, 0, 0, 0),
            0 18px 7px 0 rgba(0, 0, 0, 0.01), 0 10px 6px 0 rgba(0, 0, 0, 0.05),
            0 4px 4px 0 rgba(0, 0, 0, 0.09), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    }
    .media_tags_button {
        font-size: clamp(0.625rem, 0.487rem + 0.69vw, 0.875rem);
        justify-content: flex-start;
    }
    .media_tags_sorted_close_btn {
        display: flex;
    }
    .sorted_mobile_btn {
        display: block;
    }
    .header_mobile_logo {
        display: none;
    }
    .media_stories {
        margin-bottom: clamp(1.25rem, -0.819rem + 10.34vw, 5rem);
    }
    .media_posts {
        grid-template-columns: 1fr 1fr;
        column-gap: clamp(0.5rem, -1.431rem + 9.66vw, 4rem);
        row-gap: clamp(1rem, -0.655rem + 8.28vw, 4rem);
    }
    .media_post_up{
        height: clamp(9.125rem, 3.125rem + 30vw, 20rem);
    }
    .media_post_tags_item{
        font-size: clamp(0.5rem, 0.293rem + 1.03vw, 0.875rem);
        border-radius: clamp(0.25rem, -0.026rem + 1.38vw, 0.75rem);
        height: auto;
        padding: 4px clamp(0.5rem, 0.224rem + 1.38vw, 1rem);
    }
    .media_post_title{
        font-size: clamp(0.688rem, 0.515rem + 0.86vw, 1rem);
        margin-bottom: clamp(0.5rem, 0.224rem + 1.38vw, 1rem);
    }
    .media_post_content{
        font-size: clamp(0.563rem, 0.459rem + 0.52vw, 0.75rem);
    }
    .media_post_link{
        font-size: clamp(0.625rem, 0.487rem + 0.69vw, 0.875rem);
    }
    .media_post_down{
        gap: 8px;
    }
    .media_inner{
        display: block;
    }
    .media_posts_button_more{
        margin: 20px auto 0;
        font-size: clamp(0.625rem, 0.487rem + 0.69vw, 0.875rem);
    }
}