#overlay_search, #overlay_menu {
    position: fixed;
    background: rgba(0,0,0,0.4);
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.3s all;
}

    #overlay_menu.slide {
        left: 240px;
    }

#overlay_search {
    top: 74px;
    background: rgba(0,0,0,0.8);
}

.btn-humber {
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px;
    transition: 0.3s all;
}

    .btn-humber.active {
        left: 248px;
    }

    .btn-humber p {
        display: block;
        width: 30px;
        height: 3px;
        background: #ffffff;
        border-radius: 1px;
        margin: 0 0 5px 0;
    }

.fa-search.mobile {
    color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px 5px 7px 16px;
    font-size: 25px;
}

#header .left-banner, #header .right-banner {
    position: fixed;
    z-index: 10;
    top: 120px;
}

#header .left-banner {
    left: 10px;
}

#header .right-banner {
    right: 10px;
}

@media (min-width: 250px) and (max-width: 979px) {

    #pcheader {
        display:none
    }

    #mobileheader {
        display: unset !important
    }

    .container:before {
        display:contents
    }

    body, html {
        min-width: 0;
    }

    .container {
        padding: 0 8px;
        width: auto;
    }

    .download-box .ads, .main-content .right-content, .btn-contact {
        display: none;
    }

    .vjs-live-controls {
        display: none;
    }

    .vjs-default-skin .vjs-play-control {
        width: 3em;
    }

    #header {
        width: 100%;
        height: 40px;
        position: relative;
        text-align: center;
    }

        #header .logo {
            margin: 0;
        }

            #header .logo img {
                max-width:30%
            }

    #form_search, #mform_search {
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
        z-index: 12;
        color: #ffffff;
        border: 1px solid #353535;
        border-radius: 4px;
        padding: 5px;
        font-style: italic;
        width: 100%;
        background: #202020 linear-gradient(#666,#333);
        background: #202020 -webkit-linear-gradient(#666,#333);
        background: #202020 -o-linear-gradient(#666,#333);
        background: #202020 -moz-linear-gradient(#666,#333);
        outline: none;
        transition: all 0.3s ease;
        display: none;
    }

        #form_search.expanded, #mform_search.expanded {
            display: block;
        }

    #mkeyword {
        background: transparent;
        border: none;
        outline: none;
        width: 93%;
    }

    .expanded #msuggestions {
        position: static;
        margin: 0;
    }

    #msuggestions ul.autocomplete-list {
        width: 99%;
        padding: 0;
    }

    #film_related.owl-carousel, #film_hot.owl-carousel {
        height: auto;
    }

    #form_search .fa-arrow-circle-right {
        font-size: 18px;
        font-size: 20px;
        float: right;
        margin: 1px 0 0 0;
        position: absolute;
    }

    #footer .desc {
        width: auto;
    }

    #footer .info {
        float: left;
        width: auto;
        width: 100%;
        padding: 2%;
    }

    .title-box {
        padding-left: 8px;
    }

    .list-films .label-quality {
        bottom: 60px;
    }

    .main-menu ul.container {
        padding: 0;
    }

    .main-menu.fix-nav, .main-menu {
        position: fixed;
        width: 240px;
        left: -240px;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: auto;
        top: 0;
        z-index: 11;
        transition: 0.3s all;
    }

        .main-menu.expanded {
            left: 0;
        }

        .main-menu .menu-item {
            display: block;
            float: none;
            width: 100%;
        }

            .main-menu .menu-item:hover .sub-menu {
                display: none;
            }

            .main-menu .menu-item .sub-menu.expanded {
                display: block;
                position: inherit;
            }

        .main-menu .list-menu-item > a:after {
            content: '+';
            float: right;
            font-size: 20px;
            line-height: 13px;
            color: #fff;
            position:absolute;
            right:20px;
            top:18px;
        }

        .main-menu .menu-item:first-child a:after {
        }

        .main-menu .menu-item > a.active:after {
            content: '-';
            font-size: 25px;
        }

        .main-menu .menu-item .sub-menu {
            width: 100% !important;
        }

            .main-menu .menu-item .sub-menu.span-2 .sub-menu-item, .main-menu .menu-item .sub-menu.span-3 .sub-menu-item {
                float: none;
                width: auto;
            }

    .sub-menu .sub-menu-item a {
        padding-left: 20px;
    }

    .main-content .left-content {
        width: 100%;
    }

    .main-menu .menu-item.active > a {
        background: none;
    }

    .list-films.film-hot .item .img-film, .list-films .item .img-film {
        width: 100%;
        height: 100%;
    }

    .title-box .view-all, .title-box .list-tab-label {
        display: none;
    }

    .list-films #film_related .item, .list-films.film-related .item, #film_hot .owl-item .item {
        width: 96%;
        margin: 0 2%;
    }

    .form-filter .filter-item {
        margin-bottom: 10px;
    }

    .breadcrumbs a, .breadcrumbs span {
        margin: 0 0 5px 0;
    }

    .breadcrumbs > a:first-child {
        padding-left: 10px;
    }

    #player .water-mark {
        font-size: 12px;
    }

    #player-video .details .name {
        width: auto;
    }

        #player-video .details .name h1, .fullscreen {
            font-size: 1.2em;
        }

        #player-video .details .name h2 {
            font-size: 1.1em;
        }

            #player-video .details .name h1, #player-video .details .name h2.chapter-name, #player-video .details .name span {
                font-size: 1.2em;
            }

    .form-filter .filter-item .form-control#year {
        width: 80px !important;
    }

    #player .countdown-wrapper {
        font-size: 1.2em;
    }

    .vjs-default-skin .vjs-res-button {
        width: 8em;
        margin-right: 5px;
    }

        .vjs-default-skin .vjs-res-button ul li {
            width: 3em;
            float: left;
        }

    #player-video .details .social-icon {
        margin-left: 18px;
    }
}

@media (min-width: 720px) and (max-width: 999px) {
    .list-films.film-new .item {
        width: 23%;
        margin: 5px 1% !important;
        height: auto;
    }

    .film-new > ul {
        margin-left: -1%;
        margin-right: -1%;
    }

    .video-js.vjs-fullscreen .vjs-text-track, .video-js .vjs-text-track {
        font-size: 20px;
    }

    #player .countdown-wrapper {
        font-size: 1.3em;
    }
}

@media (min-width: 480px) and (max-width: 999px) {
    .list-films.film-new .item {
        width: 30%;
        margin: 5px 1.3% !important;
        height: auto;
    }

    .film-new > ul {
        margin-left: -1.3%;
        margin-right: -3.3%;
    }

    .form-filter .filter-item .form-control {
        width: 120px !important;
    }
}

@media (min-width: 250px) and (max-width: 479px) {
    .list-films.film-new .item {
        width: 46%;
        margin: 5px 2% !important;
        height: auto;
    }

    .video-js {
        overflow: hidden;
    }

    .box-rating #star {
        float: none;
    }

    #div_average {
        margin: 5px 0 !important;
    }

    #player-video .details .box-rating {
        margin-right: 0;
    }

    .film-new > ul {
        margin-left: -2%;
        margin-right: -2%;
    }

    #player-video .details .social-icon {
        margin-left: 0;
    }

    #page-info .blockbody .poster {
        float: none;
        width: 100%;
        text-align: center;
    }

    .poster img {
        width: 65%;
        height: auto;
    }

    #page-info .blockbody .text {
        margin: 10px 0;
    }

        #page-info .blockbody .text h1 {
            text-align: center;
            margin: 0 0 15px 0;
        }

    #page-info .text .box-rating {
        margin: 8px 0 0 0;
    }

    .form-filter .filter-item .form-control {
        width: 120px !important;
    }

    .video-js.vjs-fullscreen .vjs-text-track, .video-js .vjs-text-track {
        font-size: 16px;
    }

    #player .countdown-wrapper {
        font-size: 1em;
        top: 5%;
    }

    div.skip-ads {
        bottom: inherit;
        top: 10px;
    }
}

@media (min-width: 250px) and (max-width: 767px) {
    #player .water-mark.top-right {
        top: 5px;
        right: 0px;
        background: none;
        padding: 0;
    }

    #player .water-mark {
        font-size: 10px;
    }

    .lamp {
        clear: both;
    }

    .video-js.vjs-fullscreen .vjs-text-track, .video-js .vjs-text-track {
        font-size: 16px;
    }

    #player-video .details .social-icon div {
        margin-bottom: 5px;
    }

    .choose-server li {
        margin-bottom: 5px;
    }

    .div-control {
        margin-top: 30px;
    }

    #btn_autonext, #btn_download {
        display: none;
    }
}

.advs-top-mobile > div {
    margin: 0 auto;
}