/* Flim Navigate */

/* Mobile Style */
@media only screen and (max-width: 768px) {

    .film_nav {
        width: 95%;
        padding: 0.7rem 0;
        margin: 0 auto;
        background-image: url('../images/film_nav/film_nav_bg.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 0.3rem;
    }

    .film_nav_content {
        width: 70%;
        height: 100%;
        margin: 0 auto;
    }
    .film_nav_container .title {
        width: 100%;
        margin-top: 0.5rem;
        color: #393939;
    }

    .film_nav_prev,
    .film_nav_next {
        display: none;
    }

}

/* Desktop Style */
@media screen and (min-width: 769px) {

    .film_nav {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 78%;
        margin: 0 auto;
        background-image: url('../images/film_nav/film_nav_bg.png');
        background-position: center;
    }

    .film_nav_prev,
    .film_nav_next {
        width: 0.9rem;
        z-index: 1;
        cursor: pointer;
    }
    .film_nav_content {
        width: 95%;
        height: 100%;
    }
    .film_nav_container {
        height: 100%;
        padding: 1rem;
        box-sizing: border-box;
    }
    .film_nav_container .title {
        width: 100%;
        margin-top: 0.5rem;
        color: #393939;
    }

}