@charset "UTF-8";

@media only screen and (max-width: 1600px) {
    .reel_movie a.banner {
        position: absolute;
        right: 3%;
        top: -30px;
        width: 20%;
    }
    .reel_movie a.banner img {
        width: 100%;
    }
    .reel_movie .play {
        content: '';
        top: 0;
        bottom: 0;
        left: 10%;
        margin: auto;
        display: block;
        widows: 10%;
        position: absolute;
        height: 40%;
    }
}

@media only screen and (max-width: 1200px) {
    .reel_movie .play {
        content: '';
        top: 0;
        bottom: 0;
        left: 5%;
        margin: auto;
        display: block;
        widows: 10%;
        position: absolute;
        height: 30%;
    }
}

@media only screen and (max-width: 959px) {

    main {
        padding-top: 56px;
    }
    .reel_movie a.banner {
        position: absolute;
        right: 5%;
        top: 0px;
        width: 30%;
    }
    .service_contents .row {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .service_contents .service_row {
        width: 100%;
    }
    .description {
        width: 90%;
        margin: 0 auto;
        text-align: left;
        padding-bottom: 20px;
        padding-top: 50px;
    }
    .description {
        padding-bottom: 120px;
    }
    .reel_movie .play {
        content: '';
        top: 0;
        bottom: 0;
        left: 5%;
        margin: auto;
        display: block;
        widows: 10%;
        position: absolute;
        height: 20%;
    }
}


@media only screen and (max-width: 767px) {
    .reel_movie .play {
        content: '';
        top: 15%;
        bottom: auto;
        left: 5%;
        margin: auto;
        display: block;
        widows: 10%;
        position: absolute;
        height: 20%;
    }
}