@media screen and (min-width: 1440px) {
    .s-nav {
        display: none;
    }

    .sidebar {
        display: none;
    }

    main {
        margin-left: 275px;
        height: calc(93vh - 45px);
    }

    .footerbar {
        margin-left: 275px;
        height: 7vh;
    }

    .background-video-button .btn-icon {
        width: 40px;
        height: 40px;
    }

    .search-icon {
        margin-top: 5px;
    }

    .mt-5 {
        margin-top: 10px;
    }

    .rating-options {
        padding: 0.35vw 0.5vw;
    }

    .background-video-btn svg {
        width: 14px;
        height: 14px;
        fill: black;
    }

    .background-video-button {
        gap: 8px;
    }

    swiper-slide img {
        height: 300px;
    }

    h2 svg {
        width: 12px;
        height: 12px;
    }
    .timetable-img {
        width: 85px;
        height: 110px;
    }

    .background-video-btn {
        padding: 0.35vw 0.5vw;
    }

    .notification-container {
        width: 350px;
        top: 55%;
        left: 100%;
    }

    .notification-on--active::after {
        content: "";
        position: absolute;
        top: 5px;
        left: 20px;
        width: 8px;
        height: 8px;
        background-color: var(--Red);
        border-radius: 50%;
    }

    .search {
        height: 44px;
    }
}


@media screen and (min-width: 1600px) {
    swiper-slide img {
        height: 280px;
    }
}

@media screen and (min-width: 1920px) {
    .timetable-container {
        grid-template-columns: 1fr 1fr 1fr 1fr; /* Key line */

    }

    swiper-slide img {
        height: 290px;
    }

    .rating-options {
        padding: 0.3vw 0.5vw;
    }

    .mw-60 {
        max-width: 45% !important;
    }

    .video-player-controls {
        gap: 3px;
    }

    .video-player-controls-svg {
        width: 24px;
        height: 24px;
    }

    .background-video-btn {
        padding: 0.3vw 0.5vw;
    }

    .background-video-information {
        max-width: 24%;
    }

    .background-video-button .btn-icon {
        width: 43px;
        height: 43px;
    }

    .background-video__wrapper {
        height: 60vh;
    }

    .background-video-button {
        gap: 10px;
    }

    .background-video-information-btn {
        margin-top: 12px;
    }
}

@media screen and (max-width: 1439px) {
    .s-nav {
        display: grid;
    }

    .l-nav {
        display: none;
    }

}

@media screen and (max-width: 1100px) {
    .calatog-side-second {
        max-height: 300px;
    }
    .premium-grid {
        display: flex;
        gap: 10px;
    }

    .premium-wrap {
        max-width: 100% !important;
    }

    .premium-row {
        width: 50%;
        height: 100%;
        margin: 0 !important;
    }
}

@media screen and (max-height: 601px) {

}


@media screen and (min-width: 2028px) {
    swiper-slide img {
        height: 300px;
    }
}