/* ==========================
   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: 70vh;
    }
    .hero-thumbnail-carousel{
        margin-bottom: 110px;
    }
}