/*!
 * Template Name: StarDust
 * Author: crowbarcode
 * Author Profile: https://www.templatemonster.com/authors/crowbarcode/
 * Version:	1.0.0
**/

@media (max-width: 1200px) {
    
    .news img {
        height: 300px;
        object-position: unset;
    }

    .movie-info-header .movie-options {
        width: 100%;
    }

}

@media (max-width: 991px) {
    
    [data-eventmenumobile] {
        width: max-content;
        display: flex !important;
    }

    [data-menumobile] {
        width: 100%;
        max-width: 280px;
        height: 100vh;
        background-color: var(--menumobile-color);
        border-right: 1px solid rgba(255, 255, 255, 0.116);
        padding: 20px 18px 20px 18px !important;
        position: fixed;
        left: -100%;
        top: 0;
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: flex-start;
        transition: left 0.3s ease-in-out;
    }

    [data-menumobile] > div {
        width: 100%;
    }

    [data-menumobile] .navbar {
        padding: unset;
        margin: unset;
        margin-top: 10px;
    }

    [data-menumobile] .collapse:not(.show) {
        display: initial;
    }

    .movie-options > [class*="col"]:last-child .dropdown-menu {
        position: absolute !important;
    }

}

@media (max-width: 767px) {

    .poster .card-body {
        display: none !important;
        visibility: hidden !important;
    }

    .news img {
        height: 200px;
    }

    .play {
        padding: unset;
    }

    footer .container .row [class*="col"] {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

}

@media (max-width: 500px) {

    .movie-options .container-fluid {
        margin: unset !important;
        padding: unset !important;
    }

}

@media (max-width: 480px) {
    
    .movies .owl-item {
        display: flex;
        justify-content: center;
    }

}

@media (max-width: 460px) {

    .news img {
        height: 180px;
    }

    .play button {
        font-size: 20px !important;
    }
    
}

@media (max-width: 399px) {
    
    .play button {
        font-size: 15px !important;
    }

    .news img {
        height: 130px;
    }

}

@media (max-width: 380px) {
    
    .movie-options > [class*="col"]:last-child {
        margin-top: 3px;
    }

    .movie-options > [class*="col"]:last-child .nav-item:first-child button {
        padding: unset !important;
        margin: unset !important;
    }

}