/* ==========================
   Medium Devices (Tablet)
   ========================== */
@media only screen and (max-width: 810px) {
    .home{
        height: 50vh;
    }
    .movie-carousel .movie-card{
        width: 100%;
        height: 100%;
    }
    .watching-carousel .movie-card{
        width: 100%;
        height: 100%;
    }
    .movie-pagination {
        gap: 6px;
        flex-wrap: wrap;
    }

    .movie-pagination .page-link {
        width: 36px;
        height: 36px;
        font-size: 13px;
    }

    .movie-pagination .prev-next {
        min-width: 58px;
        padding: 0 14px;
    }

    
}


/* ==========================
   Small Devices (Mobile)
   ========================== */
@media only screen and (max-width: 413px) {
    .home{
        height: 65vh;
    }
    .hero-thumbnail-carousel{
        margin-bottom: 110px;
    }
    .dropdown-menu-end[data-bs-popper]{
        right: auto !important;
    }
    .kid-rating-line{
        width: 204% !important;
    }
    .navbar-toggler:focus{
        box-shadow: none !important;
    }
}