@media only screen and (min-width: 1521px){
    .col-xxl-3{
        -ms-flex: 0 0 25%;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
    .col-xxl-9{
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}
@media only screen and (max-width: 1520px){
    .vsh-content h2 {
        font-size: 44px;
        line-height: 50px;
    }
    p#trailer_short_desc {
        font-size: 14px;
    }
    p#trailer_short_desc {
        font-size: 14px;
    }
    .movie-video .video-js {
        height: 435px;
    }
    .overflow-scroll-video {
        max-height: 435px !important;
    }
  
    .scroll-down-btn {
        margin-top: 54px;
    }
    .account_header {
        padding: 15px;
    }
    .single-top-cate-box {
        width: 112px;
        height: 112px;
    }
}
@media only screen and (max-width:1380px){
    .account_header {
        padding: 15px;
    }
    .top-slider .swiper-slide-active + .swiper-slide + .swiper-slide {
        left: -3px !important;
    }
}
@media only screen and (max-width: 1280px){
    .spcs-rw-text button {
        font-size: 12px;
        width: 78px;
        height: 42px;
    }
    h1.ss-ha-title {
        font-size: 28px;
        line-height: 51px;
    }
    h2.ss-ha-intro-title {
        font-size: 20px;
        margin: 0.8rem auto;
    }
    p.ss-ha-text {
        font-size: 16px;
    }
    .ss-ha-input-wrapper #basic-addon2 {
        font-size: 18px;
    }
    .account_header {
        padding: 15px;
    }
    .if-no-video-style-ll .vjs-error .vjs-error-display:before {
        font-size: 24px;
    }
}
@media only screen and (max-width: 991px){
    .if-no-video-style-ll .vjs-error .vjs-error-display:before {
        font-size: 20px;
    }
    .dropcampus_menu_ll > ul>li > .dropdown-menu {
        display: none;
    }
    .dropcampus_menu_ll > ul>li > .dropdown-menu.show {
        display: block !important;
        transition: .5s;
    }
    /* changed */
    .dropcampus_menu_ll > ul>li > .dropdown-menu {
        background: #fff !important;
    }
    .dropcampus_menu_ll > ul>li > .dropdown-menu a {
        border-bottom: 1px solid #dddddd21 !important;
    }
    .dropcampus_menu_ll > ul>li {
        margin-right: 0;
    }
    .dropcampus_menu_ll > ul>li > a.nav-link {
        position: relative;
        padding: 12px 20px !important;
        border-bottom: 1px solid #ffffff40;
    }
    .signle-category-wrapper {
        display: block;
    }
    .single-category-item-box-right {
        display: inline-block !important;
        width: calc(100% - 0px);
    }
    *[href="#"]{
    pointer-events: auto !important;
    }
    
    .header-bottom-area .navbar-collapse .main-menu li .sub-menu {
        position: relative;
        width: 100%;
    }
    
    .header-menu-content {
        display: block !important;
    }
    #navbarSupportedContent .swiper-button-next,
    #navbarSupportedContent .swiper-button-prev{
        display: none;
    }
    .subscription-section .col-md-4{
        flex: 100% !important;
        max-width: 100% !important;
    }
    .subscription-section .col-md-8{
        display: none !important;
    }
    /* changed */
    .mobile-login-btn{
        display: ruby !important;
    }
    /* .header-action a{
        font-size: 10px !important;
        padding: 0.25rem 0.5rem !important;
        font-size: .875rem;
        line-height: 1.5 !important;
        border-radius: 0.2rem;
    } */
    .mySwiper-menu {
        width: 100% !important;
        margin: 0 !important;
    }
    .header-bottom-area .navbar-collapse {
        max-height: 420px;
        overflow: auto;
        margin-bottom: 10px;
    }
    h1.ss-ha-title{
        line-height: 38px;
    }
    .account_header {
        padding: 15px;
    }


}
@media only screen and (max-width: 767px){
    .if-no-video-style-ll .vjs-error .vjs-error-display:before {
        font-size: 16px;

    }
/* added */
    img {
        max-width: 100%;
        height: 60px;
        margin-left: auto;
        margin-top: 8px;
      }
      
    a.site-logo.site-title {
        display: contents ;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .header-fixed a.site-logo.site-title {
        display: none;
    }
    .dropdown-list-ll {
        position: relative;
        right: 0;
        background: #90909087 !important;
    }
    nav.navbar {
        flex-direction: row-reverse;
    }
    .header-right .dropdown-menu{
        margin-top: 10px !important;
    }
    .header-bottom-area {
        padding-bottom: 6px;
    }
    .language-select-area{
        margin-bottom: 0 !important;
    }
    .movie-video .video-js {
        height: 249px !important;
    }
    .banner-content.vsh-content {
        width: 100%;
        position: relative;
    }
    .video-section-hero.bg-overlay-black:before {
        z-index: 2;
        background-image: linear-gradient(to right, black 19%, #00000026 113%);
    }
    /* .item-slider .movie-thumb img {
        width: 100%;
        height: 211px !important;
    } */
    .header-content .inner h1 {
        font-size: 54px !important;
        font-family: "Montserrat", sans-serif;
        line-height: 60px !important;
    }
    .hero{
        padding: 0 !important;
    }
    .navbar-fixed-top{
        top: 69px !important;
    }
    .account_header {
        padding: 15px;
    }
}
@media only screen and (max-width: 520px) {
    .single-plan-row button {
        font-size: 10px;
        line-height: 16px;
        padding: 8px;
        border-radius: 0;
    }
    .single-plan-row h3 {
        font-size: 16px;
    }
    .dc-btn-solid {
        padding: 8px 26px;
    }
    .single-plan-part:first-child .single-plan-row {
        margin-top: 25px;
    }
    .single-plan-row.selected {
        padding: 0 !important;
    }
    .spcs-rw-text button {
        font-size: 12px;
        width: 78px;
        height: 42px;
    }
    .as-wrapper-left {
        padding: 15px !important;
    }
    /* .movie-thumb img {
        width: 100%;
        height: 120px !important;
    }   */
    .pas-single-content {
        display: block !important;
        text-align: center !important;
    }
    h1.ss-ha-title {
        font-size: 24px;
        line-height: 31px;
    }
    h2.ss-ha-intro-title {
        font-size: 16px;
        margin: 0.5rem auto;
    }    
    p.ss-ha-text {
        font-size: 13px;
        line-height: 18px;
    }
    .ss-ha-input-wrapper input.form-control {
        width: 100% !important; 
        border-radius: 0.25rem !important;
        margin-bottom: 10px;
        height: 45px !important;
    }
    .ss-ha-input-wrapper #basic-addon2 {
        font-size: 18px;
        border-radius: 0.25rem !important;
        height: 45px;
        margin: 0 auto;
    }
    .ss-ha-wrapper {
        padding: 0 !important;
    }
    section.subscription-hero-area {
        padding: 140px 15px;
    }
    .spcs-ss-img img {
        width: 100%;
        height: 160px;
        transition: all 0.5s;
    }
    .category_by_slider_ll .swiper-button-next, .category_by_slider_ll .swiper-button-prev {
        top: 83px !important;
    }
}
@media only screen and (max-width: 400px){
    .dc-btn-solid {
        padding: 6px 20px;
        font-size: 11px;
    }
}
@media only screen and (min-width: 1420px) {
    .container-fluid {
        max-width: 1740px !important;
    }
}
@media only screen and (min-width: 1550px){
    .single-per-category-section .container-fluid {
        max-width: 1920px !important;
    }
}

@media only screen and (min-width: 992px){
    .min-width-show-992{
        display: block !important;
    }
    /* make it user friendly */
    .dropcampus_menu_ll > ul>li.dropdown .dropdown-menu:hover{
        -webkit-transform: scale(1) translateY(0) !important;
        -ms-transform: scale(1) translateY(0) !important;
        transform: scale(1) translateY(0) !important;
        transition: .3s;
    }
    .dropcampus_menu_ll > ul>li.dropdown:hover > .dropdown-menu{
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
        transition: .3s;
    }
    .dropdown_ll_megamenu,
    .megamenu-navbar{
        position: static !important;
    }
    
    .dropdown_menu_ll_megamenu {
        position: absolute;
        content: '';
        width: 100%;
        padding: 45px 0;
    }
    .dropdown_menu_ll_megamenu a.dropdown-item {
        max-width: 220px;
        display: inline-block;
    }
}