/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
/* Extra Small Devices, Phones */
@media screen and (max-width: 575px) {
    body,
    html {
        font-size: 12px;
    }
    .head-section {
        font-size: 10px;
    }
    .landing-banner-sec {
        font-size: 12px;
    }
    .landing-page-header {
        text-align: left;
    }
    .site-logo {
        height: 2em;
        width: auto;
    }
    .landing-nav-list {
        width: 100%;
        padding-top: 0em;
    }
    .show-xs {
        display: block;
    }
    .hide-xs {
        display: none;
    }
    .landing-nav-list ul li svg {
        font-size: 2.08em;
    }
    .landing-nav-list .nav-pills .nav-link.active {
        border-bottom: 3px solid #e50914;
    }
    .landing-nav-list .nav-pills .nav-link {
        border-bottom: 3px solid transparent;
    }
    .cancel-text {
        margin-top: 0;
    }
    .center-align {
        text-align: center;
    }
    .tab-module-wrapper {
        width: 90%;
    }
    .cancel-text,
    .devices-text {
        font-size: 1.42em;
    }
    .edit-profile-content {
        width: 100%;
    }
    .mobile-nav {
        display: none;
    }
    .desktop-nav {
        display: none;
    }
    .mobile-logo {
        display: block;
    }
    .desktop-logo {
        display: none;
    }
    .main-nav .dropdown-menu.notification-drop {
        width: 250px;
    }
    .billing-img,
    .billing-img-overlay,
    .billing-content-sec {
        height: unset;
    }
    .payment-method .left {
        width: 100%;
        float: unset;
    }
    .payment-method .right {
        width: 100%;
        float: unset;
    }
    /* .banner-sec, .slider-content{
    display: none;
} */
    .slider-frame .slider-arrow-btn svg {
        opacity: 1 !important;
    }
    .sliderthumb:hover .sliderthumb-text {
        display: none;
    }
    .home-slider .sliderthumb:hover .sliderthumb-img.hoverout-img {
        opacity: 1;
    }
    .home-slider .sliderthumb:hover .sliderthumb-img.hoverin-img {
        opacity: 0;
    }
    .home-slider .slick-prev .home-slider .slick-next {
        display: none;
    }
    .home-slider .slick-prev,
    .home-slider .slick-next,
    .kids-category-slider .slick-next,
    .kids-category-slider .slick-prev {
        opacity: 0 !important;
    }
    .main-nav.navbar.trans-bg {
        background-color: rgba(0, 0, 0, 0.97) !important;
    }
    .single-banner-content {
        right: 30%;
    }
    /* .mobile-view{
    display: none;
} */
    .main-nav.navbar {
        padding: 0.5rem 4%;
    }
    .logo-img {
        height: 1.7em;
    }
    .search-form {
        width: 230px;
        background-color: rgba(0, 0, 0, 0.9);
        border: 1px solid #fff;
        padding: 0.4em 1em 0.4em 1em !important;
        background-image: none;
    }
    .white-search-form {
        width: 230px;
        background-color: white;
        border: 1px solid #4d4d4d;
        padding: 0.4em 1em 0.4em 1em !important;
        background-image: none;
        margin-top: 0;
    }
    .menu-icon img {
        height: 1.7em;
        width: 1.7em;
        margin-right: 1em;
        display: inline-block;
    }
    .mobile-sidebar {
        top: 45px;
        z-index: 9999999 !important;
    }
    .sidebar-content {
        height: calc(100vh - 45px);
    }
    .white-footer .footer-link-list {
        width: 100%;
    }
    .hidden-kids-nav {
        display: none;
    }
    .video-container .video-sec {
        width: 50%;
        float: left;
        flex-grow: 1;
    }
    .kids-char .kids-char-sec {
        width: 33.33%;
    }

    .search-focus {
        width: 100%;
    }
    .search-form {
        width: 100%;
    }
    .dropdown-toggle::after {
        display: none;
    }
    .common-bg-img {
        min-height: 65vh;
    }
    .register-box {
        margin: 2em 0em;
    }
    /* .resp-align-center{
    text-align:center;
} */
    /* .account-nav-link li{
    text-align: center;
} */
    .resp-padding-left {
        padding-left: 1em;
    }
    .banner-home {
        height: 50vw;
    }
    .banner-content {
        height: unset;
    }
    .banner_video_title {
        width: 300px;
    }
    .banner_video_text {
        width: 300px;
    }
    .no-overlay .register-box {
        min-height: 100%;
        margin-bottom: 0px;
    }
    .choose-profile .profile .profile-img {
        height: 7em;
    }
    .player-video-sec .bottom-control-sec .video-control-bottom-sec {
        display: block !important;
    }

    .player-video-sec .top-control-sec .back-icon {
        margin-left: 2em !important;
    }

    .control-sec {
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
    }

    .control-sec .hoverable-question-icon {
        right: 160px !important;
    }

    .hoverable-sub-audio-icon {
        right: 20px !important;
    }

    .hoverable-speed-icon {
        width: 360px !important;
        right: 7px !important;
    }

    .hoverable-next-episode-icon {
        right: 25px !important;
    }

    .hoverable-next-season-icon {
        right: 25px !important;
    }
    .audio-progress-bar-sec {
        left: 160px !important;
    }
}

/*small devices*/
@media (min-width: 576px) and (max-width: 767px) {
    .banner-home {
        height: 50vw;
    }
    .banner_video_text {
        width: 300px;
    }
    .banner_video_title {
        width: 300px;
    }
    .banner-content {
        height: unset;
    }
    .common-bg-img {
        min-height: 65vh;
    }
    .register-box {
        margin: 2em 0em;
    }
    .resp-padding-left {
        padding-left: 1em;
    }
    body,
    html {
        font-size: 13px;
    }
    .head-section {
        font-size: 11px;
    }
    .landing-banner-sec {
        font-size: 14px;
    }
    .landing-page-header {
        text-align: left;
    }
    .site-logo {
        height: 2.5em;
        width: auto;
    }
    .landing-nav-list {
        padding-top: 0em;
    }
    .show-xs {
        display: block;
    }
    .hide-xs {
        display: none;
    }
    .landing-nav-list ul li svg {
        font-size: 2.3em;
    }
    .landing-nav-list .nav-pills .nav-link.active {
        border-bottom: 3px solid #e50914;
    }
    .landing-nav-list .nav-pills .nav-link {
        border-bottom: 3px solid transparent;
    }
    .cancel-text {
        margin-top: 0;
    }
    .center-align {
        text-align: center;
    }
    .cancel-text,
    .devices-text {
        font-size: 1.57em;
    }
    .edit-profile-content {
        width: 80%;
    }
    .mobile-nav {
        display: none;
    }
    .desktop-nav {
        display: none;
    }
    .mobile-logo {
        display: none;
    }
    .desktop-logo {
        display: block;
    }
    .billing-img,
    .billing-img-overlay,
    .billing-content-sec {
        height: unset;
    }
    /* .banner-sec, .slider-content{
    display: none;
} */
    .slider-frame .slider-arrow-btn svg {
        opacity: 1 !important;
    }
    .sliderthumb:hover .sliderthumb-text {
        display: none;
    }
    .home-slider .sliderthumb:hover .sliderthumb-img.hoverout-img {
        opacity: 1;
    }
    .home-slider .sliderthumb:hover .sliderthumb-img.hoverin-img {
        opacity: 0;
    }
    .home-slider .slick-prev .home-slider .slick-next {
        display: none;
    }
    .home-slider .slick-prev,
    .home-slider .slick-next,
    .kids-category-slider .slick-next,
    .kids-category-slider .slick-prev {
        opacity: 0 !important;
    }
    .main-nav.navbar.trans-bg {
        background-color: rgba(0, 0, 0, 0.97) !important;
    }
    .mobile-view {
        display: none;
    }
    .logo-img {
        height: 1.7em;
    }
    .main-nav.navbar {
        padding: 0.5rem 4%;
    }
    .search-form {
        width: 230px;
        background-color: rgba(0, 0, 0, 0.9);
        border: 1px solid #fff;
        padding: 0.4em 1em 0.4em 1em !important;
        background-image: none;
    }
    .white-search-form {
        width: 230px;
        background-color: white;
        border: 1px solid #4d4d4d;
        padding: 0.4em 1em 0.4em 1em !important;
        background-image: none;
    }
    .menu-icon img {
        height: 1.7em;
        width: 1.7em;
        margin-right: 1em;
        display: inline-block;
    }
    .mobile-sidebar {
        top: 48px;
        z-index: 9999999 !important;
    }
    .sidebar-content {
        height: calc(100vh - 48px);
    }
    .hidden-kids-nav {
        display: none;
    }
    .video-container .video-sec {
        width: 33.33%;
        float: left;
        flex-grow: 1;
    }
    .kids-char .kids-char-sec {
        width: 25%;
    }
    .dropdown-toggle::after {
        display: none;
    }
    .choose-profile .profile .profile-img {
        height: 7em;
    }
    .player-video-sec .bottom-control-sec .video-control-bottom-sec {
        display: block !important;
    }

    .player-video-sec .top-control-sec .back-icon {
        margin-left: 2em !important;
    }

    .control-sec {
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
    }

    .control-sec .hoverable-question-icon {
        right: 160px !important;
    }

    .hoverable-sub-audio-icon {
        right: 20px !important;
    }

    .hoverable-speed-icon {
        width: 360px !important;
        right: 7px !important;
    }

    .hoverable-next-episode-icon {
        right: 25px !important;
    }

    .hoverable-next-season-icon {
        right: 25px !important;
    }
    .audio-progress-bar-sec {
        left: 160px !important;
    }
}
@media (max-width: 767.98px) {
    .resp-width-5 {
        max-width: 20%;
        flex: 0 0 20%;
    }
    .resp-mrg-btm-1 {
        margin-bottom: 2em;
    }
    .referal .border-right-1 {
        border-right: 0;
    }
    .referal .referal-arrow-1 {
        display: none;
    }
    .referal .referal-arrow {
        display: none;
    }

    /* .gift{
        display: none;
    } */
    /* .nav-item .nav-link .fa-gift {
        display: none;
    } */

    .suggestions-container {
        width: 100% !important;
    }
    .suggestions-container ul {
        left: -10em;
        min-width: 270px;
    }
    .banner_video_title {
        font-size: 2em;
    }
    .content__close {
        top: 30px !important;
    }
    .mobile-sidebar {
        z-index: 9999999 !important;
    }
    .select-lang-drop-down::after {
        top: 5px;
        right: 30%;
    }
    .footer {
        text-align: center;
    }
    .select-lang-drop-down select.form-control {
        margin: 0 auto;
    }
    .resp-marg-right-xs {
        margin-right: 1em;
    }
    .select-lang-drop-down::before {
        left: 30%;
    }
    .height-100 {
        height: 30px;
    }
    /* .slider__container{
        padding: 0 15px!important;
    } */
    .slider-content-tabsec .nav-pills {
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
    }
    .slick-initialized .slick-slide {
        max-width: 100%;
    }
    .overview-content {
        width: 100%;
    }
    .slider-topbottom-spacing {
        padding: 2.75em 4% 1.75em 4%;
    }
    .trailers-img {
        height: 20vw;
    }
    .padding-top-md {
        padding-top: 4em;
    }
    .resp-margin-left-right-xs {
        margin-right: 2em;
        margin-left: 2em;
    }
    .resp-content-center {
        justify-content: center;
    }
    .suggestions-container ul {
        left: 0;
        min-width: 100%;
    }
    .suggestions-container ul li span {
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        width: 200px;
        cursor: pointer;
    }
    .player-video-sec .bottom-control-sec .video-control-bottom-sec {
        display: block !important;
    }

    .player-video-sec .top-control-sec .back-icon {
        margin-left: 2em !important;
    }

    .control-sec {
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
        justify-content: center;
    }

    .control-sec .hoverable-question-icon {
        right: 160px !important;
    }

    .hoverable-sub-audio-icon {
        right: 20px !important;
    }

    .hoverable-speed-icon {
        width: 360px !important;
        right: 7px !important;
    }

    .hoverable-next-episode-icon {
        right: 25px !important;
    }

    .hoverable-next-season-icon {
        right: 25px !important;
    }
    .audio-progress-bar-sec {
        left: 160px !important;
    }
    .donate-box {
        padding: 1em 0em !important;
    }
    .donate-amount-link .form-group {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .donate-feature-form {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .donate-choose-payment-btn-sec {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .donate-paypal-img {
        max-width: 13em !important;
    }
    .pt-45 {
        padding-bottom: 2em;
    }
    .padding-center {
        padding-top: 3em;
    }
    .skip-intro-sec {
        bottom: 210px !important;
    }
    .player-video-sec .jwplayer {
        height: 97vh !important;
    }
    .item .slider-content-box {
        padding: 2em !important;
    }
    .banner_video_details .fa-plus {
        font-size: 95%;
        padding-left: 0.2em;
    }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
    .player-video-sec
        .bottom-control-sec
        .video-control-bottom-sec
        .control-sec
        li {
        margin-right: 2em !important;
    }
    .banner-home {
        height: 60vw;
    }
    .banner-content {
        height: unset;
    }
    .banner_video_title {
        width: 400px;
    }
    .banner_video_text {
        width: 400px;
    }
    .head-section {
        font-size: 13px;
    }
    .landing-banner-sec {
        font-size: 22px;
    }
    .landing-page-header {
        text-align: left;
    }
    .site-logo {
        height: 2.8em;
        width: auto;
    }
    .landing-nav-list {
        padding-top: 0em;
    }
    .show-xs {
        display: block;
    }
    .hide-xs {
        display: none;
    }
    .landing-nav-list ul li svg {
        font-size: 2.85em;
    }
    .landing-nav-list .nav-pills .nav-link.active {
        border-bottom: 3px solid #e50914;
    }
    .landing-nav-list .nav-pills .nav-link {
        border-bottom: 3px solid transparent;
    }
    .cancel-text {
        margin-top: 0;
    }
    .center-align {
        text-align: center;
    }
    .cancel-text,
    .devices-text {
        font-size: 1.57em;
    }
    .edit-profile-content {
        width: 60%;
    }
    .mobile-nav {
        display: none;
    }
    .desktop-nav {
        display: none;
    }
    /* .banner-sec, .slider-content{
    display: none;
} */
    .slider-frame .slider-arrow-btn svg {
        opacity: 1 !important;
    }
    .sliderthumb:hover .sliderthumb-text {
        display: none;
    }
    .home-slider .sliderthumb:hover .sliderthumb-img.hoverout-img {
        opacity: 1;
    }
    .home-slider .sliderthumb:hover .sliderthumb-img.hoverin-img {
        opacity: 0;
    }
    .home-slider .slick-prev,
    .home-slider .slick-next,
    .kids-category-slider .slick-next,
    .kids-category-slider .slick-prev {
        opacity: 0 !important;
    }
    .main-nav.navbar.trans-bg {
        background-color: rgba(0, 0, 0, 0.97) !important;
    }
    /* .mobile-view{
    display: none;
} */
    .search-form {
        width: 230px;
        background-color: rgba(0, 0, 0, 0.9);
        border: 1px solid #fff;
        padding: 0.5em 1em 0.5em 1em !important;
        background-image: none;
        /* margin-top: 0; */
    }
    .white-search-form {
        width: 230px;
        background-color: white;
        border: 1px solid #4d4d4d;
        padding: 0.5em 1em 0.5em 1em !important;
        background-image: none;
        /* margin-top: 0; */
    }
    .menu-icon img {
        height: 2em;
        width: 2em;
        margin-right: 1em;
        display: inline-block;
    }
    .hidden-kids-nav {
        display: none;
    }
    .video-container .video-sec {
        width: 25%;
        float: left;
        flex-grow: 1;
    }
    .kids-char .kids-char-sec {
        width: 20%;
    }
    .resp-width {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .resp-width-1 {
        flex: 0 0 18.666667%;
        max-width: 18.666667%;
    }
    .resp-no-border {
        border: 0 !important;
    }
    .resp-mrg-btm {
        margin-bottom: 2em;
    }
    .referal .referal-arrow {
        left: 34%;
        top: 66%;
    }
    .referal .referal-arrow-1 {
        left: 65%;
        top: 66%;
    }
    .referal .referal-info .referal-info-desc {
        font-size: 0.85em;
    }
    /* .nav-item .nav-link .fa-gift {
        display: none;
    } */
    .mobile-sidebar {
        z-index: 9999999 !important;
    }
    .common-bg-img {
        min-height: 70vh;
    }
    .no-overlay .register-box {
        min-height: 100%;
        margin-bottom: 0;
    }
    .choose-profile .profile .profile-img {
        height: 7em;
    }
    .select-lang-drop-down::after {
        right: 65px;
    }
    .social-share .fa-stack.fa-lg {
        margin-right: 0.5em;
    }
    .select-lang-drop-down select.form-control {
        width: 145px;
    }
    .slick-initialized .slick-slide {
        max-width: 50%;
    }
    .main-sec-content {
        min-height: 65vh;
    }
    .padding-top-md {
        padding-top: 6em;
    }
    .resp-content-center {
        justify-content: center;
    }
    .donate-box {
        padding: 1em 2.4em !important;
    }
}

/*Medium Devices, */
@media (min-width: 992px) and (max-width: 1199px) {
    .select-lang-drop-down::after {
        right: 70px;
    }
    .center-control-sec {
        height: 50vh !important;
    }
    .referal .referal-arrow {
        left: 34%;
        top: 61%;
    }
    .referal .referal-arrow-1 {
        left: 61%;
        top: 55%;
    }
    .referal .referal-info .referal-info-desc {
        font-size: 0.9em;
    }
    .referal .social-desc {
        font-size: 0.62em;
    }
    .landing-banner-sec {
        font-size: 24px;
    }
    .site-logo {
        height: 3em;
        width: auto;
    }
    .cancel-text {
        font-size: 1.714em;
    }
    .devices-text {
        font-size: 1.57em;
    }
    .edit-profile-content {
        width: 50%;
    }
    .mobile-nav {
        display: block;
    }
    .desktop-nav {
        display: none;
    }
    .slider-content-tabcontent {
        font-size: 13px;
    }
    .landing-header-height {
        height: unset !important;
    }
    .mobile-sidebar {
        z-index: 9999999 !important;
    }
}

/* Desktops */
@media (min-width: 1200px) and (max-width: 1439px) {
    .landing-header-height {
        height: unset !important;
    }
}

@media (min-width: 1440px) and (max-width: 1679px) {
    html,
    body {
        font-size: 16px;
    }
    .landing-banner-sec {
        font-size: 30px;
    }
    .landing-header-height {
        height: unset !important;
    }
    .select-lang-drop-down select.form-control {
        width: 145px;
    }
    .select-lang-drop-down::after {
        right: 94px;
    }
}

@media (min-width: 1680px) and (max-width: 1919px) {
    html,
    body {
        font-size: 18px;
    }
    .landing-banner-sec {
        font-size: 32px;
    }
    .landing-header-height {
        height: unset !important;
    }
}

@media (min-width: 1920px) and (max-width: 2559px) {
    html,
    body {
        font-size: 20px;
    }
    .landing-banner-sec {
        font-size: 34px;
    }
    .landing-header-height {
        height: unset !important;
    }
}

@media screen and (min-width: 2560px) {
    html,
    body {
        font-size: 22px;
    }
    .landing-banner-sec {
        font-size: 36px;
    }
    .landing-header-height {
        height: unset !important;
    }
    .select-lang-drop-down select.form-control {
        width: 180px;
    }

    .select-lang-drop-down::after {
        top: 8px;
        font-size: 25px;
        right: 65px;
    }
}