@media only screen and (max-width: 1024px) {
    .header-messages-desktop {
        display: none;
    }
    
    .btn_request_mobile,
    .btn_favorites_mobile,
    .btn_add_movie {
        display: block !important;
    }
    
    .sidebar_menu_desktop_genres {
        display: none;
    }
    
    .sidebar_menu_mobile_genres {
        display: flex;
    }
    
    .global {
        justify-content: flex-start;
    }
    
    .site {
        width: 100%;
    }
    
    .sidebar_menu {
        display: flex;
        gap: 5px;
    }
    
    .filtered_videos .flickity-viewport .video_item {
        width: 129px;
        height: 190px;
    }
    
    #gridster_videos .poster {
        max-width: 119px;
        max-height: 186px;
    }
        
    .flickity-viewport .poster {
        max-width: 125px !important;
        max-height: 186px !important;
    }
    
    ul.general_menu li {
        height: 43px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
    }
    
    ul.general_menu li .text {
        padding: 0;
    }
    
    sidebar_menu general_menu li {
        width: 75px;
    }
    
    #menu_favorites, #menu_request, #menu_request_vip {
        //display: none;
    }
    
    .sidebar_menu2 {
        order: 1;
    }
    
    .sidebar_menu1 {
        order: 2;
    }
    
    .alphabet ul {
        display: flex;
    }
    
    .over-content {
        flex-direction: column;
    }
    
    .filtered_videos ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }
    
    .lineup_calendar li {
        height: 42px;
    }
    
    .filtered_videos ul[data-type="videos"] {
        gap: 7px;
    }
    
    .lineup_calendar li {
        width: 42px;
        padding: 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    
    .general_menu .orange,
    .general_menu .red,
    .general_menu .green {
        height: 30px;
    }
    
    div.sidebar_menu {
        width: 100%;
        padding: 5px;
        display: flex;
        flex-direction: column;
        padding-top: 0;
    }
    
    #middle_content {
        width: 100%;
    }
    
    #dynamic_filtered_videos {
        width: 100vw;
    }
    
    .filtered_videos {
        width: 100%;
        padding: 0;
    }
    
    .filtered_videos .video_item {
        width: 120px;
    }
    
    .chatv2.sidebar {
        position: fixed;
        top: 0;
        left: 0;
        overflow-y: auto;
    }

    .btn-chat-sidebar {
        display: none !important;
    }
    
    .btn-chat-overlay {
        display: block !important;
        z-index: 255;
    }
    
    .header_messages_content {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .header-messages-mobile {
        display: flex;
        padding: 5px;
    }
}

@media only screen and (width: 768px) {
    .filtered_videos .video_item {
        width: 115px;
        height: 174px;
    }
    
    #gridster_videos .poster {
        max-width: 114px;
        max-height: 180px;
    }
    
    .column_videos {
        margin-left: 6px !important;
    }
    
    .filtered_videos .flickity-viewport .video_item {
        width: 121px;
        height: 176px;
    }    
    
    .flickity-viewport .poster {
        max-width: 115px !important;
        max-height: 179px !important;
    }
}

@media only screen and (width: 1024px) {
    .filtered_videos .video_item {
        width: 132px;
        height: 198px;
    }
    
    #gridster_videos .poster {
        max-width: 132px;
        max-height: 195px;
    }
    
    .column_videos {
        margin-left: 6px !important;
    }
    
    .filtered_videos .flickity-viewport .video_item {
        width: 141px;
        height: 204px;
    }    
    
    .flickity-viewport .poster {
        max-width: 137px !important;
        max-height: 200px !important;
    }
}

@media only screen and (max-width: 700px) {
    .chatv2_panel, .chatv2.sidebar {
        width: 100%;
        height: 90vh !important;
    }
    
    .chatv2.overlay {
        width: 100%;
    }
}

@media only screen and (max-width: 390px) {
    .filtered_videos .video_item {
        width: 110px;
        height: 168px;
    }
    
    #gridster_videos .poster {
        max-width: 110px;
        max-height: 168px;
    }
    
    .column_videos {
        margin-left: 6px !important;
    }
    
    .filtered_videos .flickity-viewport .video_item {
        width: 116px;
        height: 171px;
    }    
    
    .flickity-viewport .poster {
        max-width: 111px !important;
        max-height: 171px !important;
    }
}

@media only screen and (width: 736px) {
    .filtered_videos .video_item {
        width: 110px;
        height: 168px;
    }
    
    #gridster_videos .poster {
        max-width: 110px;
        max-height: 168px;
    }
    
    .column_videos {
        margin-left: 6px !important;
    }
    
    .filtered_videos .flickity-viewport .video_item {
        width: 116px;
        height: 171px;
    }    
    
    .flickity-viewport .poster {
        max-width: 111px !important;
        max-height: 171px !important;
    }
}

@media only screen and (width: 640px) {
    .filtered_videos .video_item {
        width: 115px;
        height: 173px;
    }
    
    #gridster_videos .poster {
        max-width: 115px;
        max-height: 173px;
    }

    .filtered_videos .flickity-viewport .video_item {
        width: 122px;
        height: 177px;
    }    
    
    .flickity-viewport .poster {
        max-width: 117px !important;
        max-height: 177px !important;
    }
}

@media only screen and (width: 412px) {
    .filtered_videos .flickity-viewport .video_item {
        width: 132px;
        height: 187px;
    }    
    
    .flickity-viewport .poster {
        max-width: 132px !important;
        max-height: 186px !important;
    }
}

@media only screen and (width: 360px) {
    .filtered_videos .video_item {
        width: 105px;
        height: 163px;
    }
    
    #gridster_videos .poster {
        max-width: 105px;
        max-height: 163px;
    }
    
    .column_videos {
        margin-left: 6px !important;
    }
    
    .filtered_videos .flickity-viewport .video_item {
        width: 112px;
        height: 168px;
    }    
    
    .flickity-viewport .poster {
        max-width: 108px !important;
        max-height: 168px !important;
    }
    
    .lineup_calendar li {
        width: 40px;
    }
}