@media screen and (max-width: 1700px) {
    html body {
        padding-top: 100px;
    }
    .container {
        max-width: 95%;
        padding-left: 0;
        padding-right: 0;
    }

    .navbar > ul > li.has-dropdown > .sub-menu{
        max-width: 95%;
    }
    .header .left-menu {
        width: 65%;
    }
    .header .right-menu {
        width: 35%;
    }
    .header .left-menu .logo {
        max-width: 96px;
    }
    .left-menu .navbar {
        width: 82%;
    }
    .external-banner {
        margin-top: -100px;
    }
    .navbar > ul > li > a {
        font-size: 15px;
    }
    .header .right-menu > ul > li > a {
        font-size: 18px;
    }
    .HeroSlider .HeroSlider-info h2 {
        font-size: 80px;
    }
    .HeroSlider-info .seasons-category > span {
        font-size: 28px;
        line-height: 90%;
    }
    .HeroSlider-info .seasons-category > span.seasons {
        padding-right: 20px;
        margin-right: 20px;
    }
    .HeroSlider .HeroSlider-info p {
        font-size: 28px;
        line-height: 140%;
    }
    .HeroSlider .HeroSlider-info .quality {
        width: auto;
        margin-right: 0;
    }
    .HeroSlider .item .HeroSlider-info {
        bottom: 30%;
        max-width: 93%;
        padding: 0;
    }
    .slider-banner .HeroSliderNav {
        max-width: 93%;
        padding: 0px;
    }
    section.hero-section {
        padding-top: 0;
        padding-bottom: 0;
    }
    .section-gapping, section {
        padding-bottom: 70px;
        padding-top: 70px;
    }
    .title {
        font-size: 29px;
        margin-bottom: 20px;
    }
    .big.title {
        font-size: 44px;
    }

    .four-slider .owl-nav, .five-slider .owl-nav {
        top: calc(50% - -20px);
    }

    .HeroSlider .owl-nav button,
    .bbcplayer-slider.owl-carousel .owl-nav button {
        height: 160px;
        width: 55px;
    }
    .dropdown-menu {
        right: -50px;
        padding: 10px 15px;
        width: 270px;
    }
    .dropdown-menu .user-login li a {
        padding: 8px 0;
        font-size: 16px;
    }
    .mt--95 {
        margin-top: -65px;
    }
    .item .details {
        padding: 25px 10px 20px 10px;
        max-height: 120px;
    }
    .item .details h3 {
        font-size: 18px;
        margin-bottom: 12px;
        margin-top: 0;
    }
    .item .details .seasons-category span {
        font-size: 12px;
        margin-right: 10px;
    }
    .item .details .seasons-category {
        margin-bottom: 12px;
    }
    .item .details .action-div a > span {
        width: 25px;
        height: 25px;
    }

    .details .action-div .add-to-fav:before {
        width: 25px;
        height: 25px;
    }

    .item .details .action-div a {
        font-size: 11px;
        padding-left: 30px;
        min-height: 25px;
        margin-right: 5px;
    }
    .item .details .action-div a.add-to-fav > span {
        padding: 7px;
    }
    /*.bbcplayer.pt-0 {
		padding-bottom: 20px;
	}*/
    .footer {
        padding: 60px 0;
        margin-top: 15px;
    }
    .f-menu > ul > li {
        margin: 0 15px;
    }
    .f-menu > ul > li a {
        font-size: 18px;
    }
    ul.social-icon,
    .f-menu > ul {
        margin-bottom: 30px;
    }
    .address ul li {
        font-size: 16px;
        padding: 0 15px;
    }
    .note p {
        font-size: 16px;
        line-height: 20px;
    }
    .note {
        margin-bottom: 40px;
    }
    .copyright ul li {
        margin: 0 10px;
        font-size: 16px;
        line-height: 15px;
    }
    .seasons-category-listing > ul,
    .category-listing > ul {
        height: 56px;
    }
    .seasons-category-listing > ul li,
    .category-listing > ul li {
        min-width: 100px;
    }
    .seasons-category-listing > ul li a,
    .category-listing > ul li a {
        font-size: 16px;
        height: 45px;
    }
    .podcasts-info .podcasts-detail {
        padding: 40px;
    }
    .podcast-name h2 {
        font-size: 42px;
    }
    .podcast-name span {
        font-size: 24px;
    }
    .podcasts-detail p {
        font-size: 22px;
    }

    .bbcplayer-image {
        max-width: 250px;
    }

    .bbcplayer-image-block {
        padding-bottom: 35px;
    }

    .catchup-slider-block.slider {
        margin: 0 0;
    }

    .catchup-slider .owl-nav button {
        min-width: 1px;
        width: 10px;
    }
    .catchup-slider .owl-nav {
        left: -1.5%;
        right: -1.5%;
    }

    .drop-down .selected a {
        height: 70px;
        font-size: 24px;
        line-height: 57px;
    }

    .drop-down .selected .select-arrow {
        right: 20px;
        width: 20px;
    }

    .catch-up-episodes-select-box .drop-down {
        max-width: 300px;
    }

    .drop-down .options ul li a {
        padding: 10px 15px;
        font-size: 14px;
    }

    .drop-down .options ul {
        top: 70px;
        border-radius: 15px;
    }

    .resume-watching-series-sec h2.title {
        margin-bottom: 30px;
        font-size: 30px;
    }

    .resume-watching-series-sec .big.title {
        margin-bottom: 60px;
    }

    .simple-user-block h2 {
        font-size: 50px;
        margin-bottom: 35px;
    }

    form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="submit"]):not([type="reset"]):not([type="image"]) {
        border-radius: 60px;
        font-size: 24px;
        padding: 0 0 0 20px;
        height: 70px;
    }

    .simple-user-btn {
        font-size: 28px;
        padding: 18px 10px;
    }

    .forg-password a {
        font-size: 26px;
    }

    .forg-password {
        padding-top: 10px;
    }

    .search-result-sec {
        padding-top: 30px;
    }

    .search-result-tab .tab {
        margin-bottom: 40px;
        max-width: 100%;
    }

    .terms-conditions-content p {
        font-size: 24px;
    }

    .external-banner + header .navbar > ul > li.has-dropdown.channels-dropdown-show > .sub-menu {
        top: 240px;
    }

    .external-banner + header.fixed .navbar > ul > li.has-dropdown.channels-dropdown-show > .sub-menu{
        top: 100px;
    }

    .video .video-wrap {
        min-height: calc(100vh - 146px);
    }

    .details .action-div .add-to-fav:before {
        margin-right: 6px;
    }

    a.embad-code {
        width: 70px;
        height: 50px;
        font-size: 24px;
    }

    .plus.share {
        width: 70px;
        height: 50px;
    }

    .plus.share > img {
        max-width: 24px;
    }

    .category-listing > ul.owl-carousel .owl-nav > button{
        width: 50px;
    }

    .video-duration > * {
        font-size: 16px;
    }

    .video-widget > ul > li > .add-fav > a,
    .video-widget > ul > li > a,
    .video-widget > ul > li > .plus.share {
        width: 50px;
        height: 50px;
        border-radius: 10px;
    }

    /*.play-episode-seasons-left .episodes-list > li{
	    width: 33.33%;
	}*/

    .video-widget .share:hover .social-share {
        top: 70px;
    }

    .play-episode-sec .play-episode-box-video-share {
        max-width: 95%;
        padding-left: 0;
        padding-right: 0;
    }

    section.listing.relatedNew-section .owl-nav {
        top: calc(50% - -4px);
    }
    .five-slider.owl-carousel .owl-item > li,
    .four-slider.owl-carousel .owl-item > li {
        width: 270px;
    }
    .share-popup-inner {
        width: 730px;
    }


    /* START RAMADAN CALENDER */

    .program-info h2 {
        max-width: 180px;
        margin-bottom: 20px;
    }
    .progress-hd > span {
        font-size: 14px;
        border-radius: 7px;
    }
    .timing span {
        font-size: 18px;
    }
    .program-info p {
        font-size: 16px;
    }
    .action-button .btn_available a, .action-button .btn_watch a {
        line-height: 46px;
        padding: 0 28px;
        height: 48px;
        font-size: 18px;
    }
    .action-button .btn_available a span {
        width: 17px;
    }
    .ramadan_comm_sec .owl-nav {
        height: 160px;
    }
    .ramadan_comm_sec .owl-carousel .owl-nav button {
        width: 45px;
    }
    .ramadan_comm_sec .owl-carousel .owl-nav button.owl-prev {
        border-radius: 0 10px 10px 0;
    }

    .ramadan_comm_sec .owl-carousel .owl-nav button.owl-next {
        border-radius: 10px 0 0 10px;
    }
    .hero-section .owl-carousel .owl-nav button span {
        background-size: 14px;
    }
    .ramadan_comm_sec .action-button .icon a {
        width: 48px;
        height: 48px;
    }
    .listing_sec .title h2 {
        font-size: 26px;
    }
    .program-info{
        padding-left: 90px;
        padding-right: 50px;
    }
    .slider_wrap {
        border-radius: 40px;
    }
    .year {
        top: 45px;
        left: 90px;
        max-width: 70px;
        width: 100%;
    }
    .show_info .program-info h2 {
        max-width: 270px;
    }
    /* END RAMADAN CALENDER */
}
@media screen and (min-width: 1201px) {
    .dropdown-searchmenu .btn-search{
        display: none;
    }

    li.search-icon {
        width: auto;
        margin-left: 0;
        display: flex;
        justify-content: flex-end;
    }

    li.search-icon.show_search_bar {
        width: 290px;
        margin-left: 15px;
    }

    .search-icon .dropdown-menu {
        top: 50%;
        right: 0;
        width: 0%;
        transform: translateY(-50%);
        opacity: 0;
        visibility: hidden;
        max-height: 1000px;
        display: none;
    }

    li.search-icon.show_search_bar .dropdown-menu {
        width: 100%;
        opacity: 1;
        visibility: visible;
        display: block;
    }

    a.search-click {
        z-index: 9;
        position: relative;
        line-height: normal !important;
        height: 50px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .show_search_bar a.search-click{
        padding-right: 10px;
    }

    .search-icon .search-click::before {
        display: none;
    }

    .right-menu .search-icon{
        width: 40px;
        max-width: 40px;
    }

    .right-menu.add_width_search .search-icon{
        max-width: 500px;
        width: 38%;
    }
    section.listing.relatedNew-section .owl-nav {
        top: calc(50% - 6px);
    }
}

@media screen and (max-width: 1440px) {
    html body {
        padding-top: 100px;
    }
    .external-banner {
        margin-top: -100px;
    }
    section.hero-section {
        /* margin-top: -100px; */ /* (NOTE: - When BG Img Set in Header) */
    }
    .header .left-menu .logo {
        max-width: 90px;
    }

    .left-menu .navbar {
        width: 85%;
    }

    .navbar > ul > li > a {
        font-size: 14px;
    }

    a.bbclink {
        max-width: 130px;
    }

    .header .left-menu {
        width: 64%;
    }

    .header .right-menu > ul > li > a {
        font-size: 16px;
    }

    .header .right-menu {
        width: 36%;
    }
    .header .right-menu svg {
        width: 20px;
    }

    .HeroSlider .HeroSlider-info h2 {
        font-size: 64px;
    }
    .HeroSlider-info .seasons-category > span {
        font-size: 18px;
    }
    .single-program-player .HeroSlider .HeroSlider-info p,
    .HeroSlider .HeroSlider-info p {
        font-size: 16px;
        line-height: 140%;
    }
    .single-program-player .HeroSlider .item .HeroSlider-info > *,
    .HeroSlider .item .HeroSlider-info > * {
        max-width: 650px;
        width: 100%;
    }
    .HeroSlider-info .action-button {
        margin-top: 30px;
    }
    .add-fav > .btn,
    .single-program-player .HeroSlider-info .action-button .btn,
    .HeroSlider-info .action-button .btn {
        min-width: 1px;
        margin-right: 20px;
        min-width: 120px;
        padding: 10px 13px;
        font-size: 14px;
        border-width: 3px;
    }

    .play-trailer {
        font-size: 16px;
    }

    .HeroSlider-info .action-button .btn img,
    .HeroSlider-info .action-button .btn svg {
        width: auto;
        max-width: 12px;
        margin-right: 10px;
    }
    /*.bbcplayer.pt-0 {
		padding-bottom: 0;
	}*/
    .title {
        font-size: 26px;
        margin-bottom: 18px;
    }
    .big.title {
        font-size: 36px;
    }

    .four-slider .owl-nav,
    .five-slider .owl-nav {
        top: calc(50% - -3px);
    }

    .four-slider.movies .owl-nav,
    .five-slider.movies .owl-nav {
        top: calc(50% - -20px);
    }

    .HeroSlider .owl-nav button,
    .bbcplayer-slider.owl-carousel .owl-nav button {
        height: 120px;
        width: 45px;
    }

    .category-listing {
        margin-bottom: 40px;
    }
    .seasons-category-listing > ul li,
    .category-listing > ul li {
        min-width: 80px;
    }
    .seasons-category-listing > ul li a,
    .category-listing > ul li a {
        font-size: 14px;
    }
    /*.show-listing-box .show-listing {
		margin: 0 -10px;
	}
	.episodes-list {
		margin: 0 -10px;
	}*/
    /*.episodes-list > li {
		padding: 0 10px;
		margin-bottom: 20px;
	}*/
    .podcasts-info .podcasts-detail {
        padding: 28px;
    }
    .podcast-name h2 {
        font-size: 30px;
    }
    .podcast-name {
        margin-bottom: 25px;
    }
    .podcast-name span {
        font-size: 16px;
    }
    .podcasts-detail p {
        font-size: 16px;
    }
    .episodes-name h3 {
        font-size: 16px;
    }

    .navbar > ul > li.has-dropdown > .sub-menu {
        padding: 15px 0;
    }

    .navbar > ul > li.has-dropdown.channels-dropdown-show > .sub-menu {
        top: 114px;
    }

    .channels-listing {
        padding-top: 130px;
    }

    li.has-dropdown.channels-dropdown:after {
        bottom: -270%;
    }

    .module-gallery .slider-thumb .slick-next {
        bottom: -5px;
    }

    .name-of-cast h2 {
        font-size: 48px;
        padding-bottom: 30px;
    }

    .name-of-image {
        width: 270px;
        height: 270px;
    }

    .name-of-image-info p {
        font-size: 18px;
    }
    .external-banner + header.fixed .navbar > ul > li.has-dropdown.channels-dropdown-show > .sub-menu,
    .header.fixed .navbar > ul > li.has-dropdown > .sub-menu {
        top: 80px;
    }

    .catch-up-episodes .episodes-list{
        padding-top: 0;
    }

    .video .video-wrap {
        min-height: calc(100vh - 115px);
    }

    .five-slider.owl-carousel .owl-item > li, .four-slider.owl-carousel .owl-item > li {
        width: 231px;
    }
    .external-banner + header .navbar > ul > li.has-dropdown.channels-dropdown-show > .sub-menu,
    .external-banner + header .navbar > ul > li:hover > .sub-menu {
        top: 205px;
    }


    .navbar > ul > li.has-dropdown.channels-dropdown-show > .sub-menu,
    .navbar > ul > li:hover .sub-menu {
        top: 78px;
    }
    .HeroSlider .item .HeroSlider-info > img,
    .HeroSlider .item .HeroSlider-info .on-top > img {
        max-width: 550px;
        max-height: 290px;
    }

    /* START RAMADAN CALENDER */
    .show_info .program-info {
        max-width: 800px;
        width: 80%;
    }
    .HeroSlider-info .action-button .btn.btn.btn_share {
        height: 42.8px;
    }
    .HeroSlider-info .action-button .btn.btn_share img {
        max-width: 22px;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .listing_sec.ep_list_sec .title h2 {
        font-size: 22px;
    }
    /* END RAMADAN CALENDER */
}

@media screen and (max-width: 1200px) {
    html body {
        padding-top: 78px;
        /* padding-top: 93px; */ /* (NOTE: - When BG Img Set in Header) */
    }

    .external-banner {
        margin-top: -78px;
    }

    section.hero-section {
        /* margin-top: -78px; */ /* (NOTE: - When BG Img Set in Header) */
    }
    .header {
        padding: 15px 0;
    }
    .header .left-menu .logo {
        max-width: 60px;
    }
    .header .left-menu {
        width: 74%;
    }
    .header .right-menu {
        width: 24%;
    }
    .navbar > ul > li > a {
        font-size: 14px;
    }
    .left-menu .navbar {
        width: 89%;
    }
    .bbclink {
        width: 100px;
    }
    .header .right-menu > ul > li > a {
        font-size: 18px;
    }
    .header .right-menu svg {
        width: 15px;
    }

    .slider-banner .HeroSliderNav {
        bottom: 20px;
    }
    .single-program-player .HeroSlider .item .HeroSlider-info > *,
    .HeroSlider .item .HeroSlider-info > * {
        max-width: 400px;
    }
    .HeroSlider .item .HeroSlider-info {
        bottom: 28%;
    }
    .HeroSlider .HeroSlider-info h2 {
        font-size: 36px;
        margin-bottom: 10px;
    }
    .HeroSlider-info .seasons-category {
        margin-bottom: 10px;
    }
    .HeroSlider-info .seasons-category > span {
        font-size: 16px;
    }
    .HeroSlider .HeroSlider-info p {
        font-size: 14px;
        line-height: 140%;
    }
    .HeroSlider-info .action-button {
        margin-top: 20px;
    }
    .navbar > ul > li.has-dropdown > a {
        padding-right: 18px;
    }
    .navbar > ul > li.has-dropdown > a::after {
        top: 50%;
        transform: translateY(-50%);
        border-width: 5px 5px 0px 5px;
    }
    .HeroSlider-info .action-button .btn img,
    .HeroSlider-info .action-button .btn svg {
        width: auto;
        max-width: 10px;
        height: 10px;
        margin-right: 10px;
    }
    .add-fav > .btn,
    .single-program-player .HeroSlider-info .action-button .btn,
    .HeroSlider-info .action-button .btn {
        min-width: 1px;
        margin-right: 15px;
        min-width: 1px;
        padding: 8px 10px;
        font-size: 15px;
        border-width: 3px;
    }

    .play-trailer {
        font-size: 15px;
    }

    .seasons-filter-head {
        padding-bottom: 30px;
    }

    .seasons-filter-nav {
        padding-left: 18px;
    }

    .seasons-filter-head .seasons-filter-nav {
        padding-left: 0;
        min-width: 210px;
    }

    .title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .item .details h3 {
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: 0;
    }
    .item .details .seasons-category span.seasons {
        margin-right: 7px;
        padding-right: 7px;
        border-right: 1px solid #fff;
    }
    .item .details {
        padding: 25px 10px 20px 10px;
        max-height: 130px;
    }
    .item .details .seasons-category span.quality {
        width: auto;
        height: 16px;
        border-radius: 4px;
        font-size: 9px;
    }
    .item .details .seasons-category {
        margin-bottom: 9px;
    }
    .item .details .action-div a > span {
        width: 18px;
        height: 18px;
    }

    .details .action-div .add-to-fav:before {
        width: 18px;
        height: 18px;
        margin-right: 6px;
    }

    .item .details .action-div a.add-to-fav > span {
        padding: 4px;
    }
    .item .details .action-div a {
        font-size: 10px;
        padding-left: 23px;
        min-height: 18px;
        margin-right: 8px;
    }
    .item .details .action-div a > span svg {
        width: 5px;
        margin-top: 1px;
    }
    .mt--95 {
        margin-top: -55px;
    }
    .section-gapping, section {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .footer {
        padding: 50px 0;
        margin-top: 10px;
    }
    .f-menu > ul > li a {
        font-size: 15px;
    }
    ul.social-icon li > a {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    .address ul li {
        font-size: 14px;
        padding: 0 10px;
    }
    ul.social-icon li.play > a {
        padding-left: 4px;
        padding-bottom: 1px;
    }
    .note p {
        font-size: 14px;
    }
    .note {
        margin-bottom: 30px;
    }
    .copyright ul li {
        margin: 0 10px;
        font-size: 14px;
    }
    .show-listing-box .show-listing .show-item {
        width: 25%;
    }
    .big.title {
        font-size: 28px;
    }

    .seasons-category-listing > ul,
    .category-listing > ul {
        height: 45px;
        padding: 5px 5px 5px 5px;
    }

    .seasons-category-listing > ul{
        padding: 5px 5px 5px 5px;
    }
    .seasons-category-listing > ul li,
    .category-listing > ul li {
        min-width: 90px;
    }
    .seasons-category-listing > ul li a,
    .category-listing > ul li a {
        font-size: 16px;
        height: 35px;
        padding: 0 15px;
    }
    .category-listing > ul.owl-carousel .owl-nav > button.owl-prev,
    .category-listing > ul.owl-carousel .owl-nav > button {
        background-size: 12px;
    }
    .dropdown-menu {
        right: -30px;
        padding: 10px 10px;
        width: 200px;
    }
    .dropdown-menu .user-login li a {
        padding: 6px 0;
        font-size: 14px;
    }
    .search-icon .dropdown-menu {
        width: 300px;
        right: -16px;
    }
    .podcasts-info .podcasts-detail {
        padding: 15px;
    }
    .podcast-name h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .podcast-name h2 {
        font-size: 22px;
    }
    .podcast-name {
        margin-bottom: 15px;
    }
    .podcasts-detail p {
        font-size: 14px;
        -webkit-line-clamp: 5;
    }
    .podcast-player {
        margin: 50px auto;
    }
    .episodes-list > li {
        width: 25%;
    }
    .episodes-name {
        margin-top: 10px;
    }
    .episodes-name h3 {
        font-size: 14px;
    }
    .episodes-name .time {
        font-size: 12px;
    }
    .related {
        margin-top: 20px;
    }
    .navbar > ul > li.has-dropdown.channels-dropdown-show > .sub-menu,
    .navbar > ul > li:hover .sub-menu{
        top: 78px;
    }

    li.has-dropdown.channels-dropdown:after {
        bottom: -170%;
    }

    .catchup-slider .owl-nav button {
        width: 8px;
    }

    .catchup-slider-block.slider {
        padding-top: 0;
    }

    .catchup-full-video-sec {
        padding-top: 30px;
    }

    .catch-up-episodes .episodes-list {
        padding-top: 0;
    }

    .show-list .episodes-name h3 {
        font-size: 16px;
    }

    .show-list .episodes-name .time {
        font-size: 12px;
    }

    .show-list .episodes-name {
        padding-left: 0;
        padding-right: 0;
    }

    .cast-and-crew-details * {
        font-size: 14px;
    }

    .cast-and-crew-slider .item .img-wrap {
        margin-bottom: 15px;
    }

    .play-episode-seasons-title h2 {
        font-size: 34px;
    }

    .play-episode-seasons-title {
        padding-bottom: 30px;
    }

    .play-episode-seasons-sec .seasons-filter-head {
        padding-bottom: 50px;
    }

    .play-episode-seasons-left {
        padding-right: 30px;
    }

    .my-favorite-videos-sec .play-episode-seasons-left .episodes-list > li{
        width: 25%;
    }

    .play-episode-seasons-left .episodes-list > li {
        width: 33.33%;
    }

    .video-play-icon {
        width: 70px;
    }

    .slider-thumb.livestrim-main-nav-thumb {
        width: 180px;
    }

    .full-screen-vodeo-show:not(.hide-slider-wrapper).livestrim-main-video .video a.full-screen-icon{
        left: 180px;
    }

    .livestrim-main-video .video {
        padding-left: 180px;
    }

    .slider-thumb.livestrim-main-nav-thumb .slick-list {
        padding: 0px 12px;
    }

    .module-gallery {
        height: auto;
    }

    .name-of-cast h2 {
        font-size: 38px;
        padding-bottom: 0;
        font-size: 21px !important;
    }
    .name-of-cast-row.cast-and-crew-name {
        display: block;
        width: 100%;
    }
    .name-of-cast-row .cast-and-crew-name h3,
    .name-of-cast-row .cast-and-crew-name h2 {
        font-family: "HelveticaNeue";
        font-weight: normal;
        font-size: 21px !important;
        line-height: 32px;
        text-align: center;
        text-align: ;
        text-transform: capitalize;
    }
    .name-of-image {
        width: 200px;
        height: 200px;
    }

    .name-of-image-info {
        width: calc(100% - 200px);
        padding-left: 30px;
    }

    .name-of-image-info p {
        font-size: 16px;
    }

    .name-of-cast {
        padding-bottom: 40px;
    }

    .my-list-sec .big.title {
        margin-bottom: 30px;
    }

    .resume-watching-series-sec h2.title {
        font-size: 22px;
    }

    .simple-user-sec {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .simple-user-block h2 {
        font-size: 44px;
        margin-bottom: 30px;
    }

    .sign-in-account-options p {
        font-size: 20px;
    }

    /*.sign-in-account-options ul li a {
	    width: 56px;
	    height: 56px;
	    line-height: 54px;
	    border: 1px solid #fff;
	    font-size: 26px;
	}*/

    .new-to-awaan-link-block p {
        font-size: 16px;
    }

    .new-to-awaan-link-block,
    .sign-in-account-options {
        padding-top: 30px;
    }

    .forg-password a {
        font-size: 22px;
    }

    .form > .field {
        margin-bottom: 25px;
    }

    .simple-user-btn-block {
        padding-top: 30px;
    }

    .simple-user-btn {
        font-size: 24px;
        padding: 16px 10px;
    }

    form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="submit"]):not([type="reset"]):not([type="image"]) {
        border-radius: 60px;
        font-size: 18px;
        padding: 0 0 0 20px;
        height: 55px;
        border-width: 1px;
    }

    .drop-down .selected a {
        height: 55px;
        font-size: 18px;
        line-height: 42px;
        border-width: 1px;
    }

    .drop-down .selected a span {
        padding: 6px 70px 6px 20px;
    }

    .simple-user-block h2 {
        font-size: 34px;
        margin-bottom: 20px;
    }

    .forg-password {
        padding-top: 5px;
    }

    .form > .field {
        margin-bottom: 15px;
    }

    .forg-password a {
        font-size: 16px;
    }

    .simple-user-btn {
        font-size: 22px;
        padding: 12px 9px;
    }

    .sign-in-account-options p {
        font-size: 16px;
    }

    /*	.sign-in-account-options ul li a {
	    width: 36px;
	    height: 36px;
	    line-height: 35px;
	    font-size: 18px;
	}*/

    .sign-in-account-options ul li {
        padding: 0 6px;
    }

    .new-to-awaan-link-block, .sign-in-account-options {
        padding-top: 20px;
    }

    .settings-list li a {
        font-size: 20px;
        padding: 16px 0;
    }

    .val-error-msg p {
        font-size: 18px;
    }

    .user-form-bake-btn {
        padding-top: 25px;
    }

    .user-form-bake-btn a {
        font-size: 16px;
    }

    .user-form-bake-btn a img {
        width: 14px;
    }

    .terms-conditions-content p {
        font-size: 16px;
    }

    .terms-conditions-content {
        padding-top: 20px;
    }

    .terms-conditions-sec .big.title {
        font-size: 40px;
    }
    .external-banner + header .navbar > ul > li.has-dropdown.channels-dropdown-show > .sub-menu,
    .external-banner + header .navbar > ul > li.has-dropdown > .sub-menu {
        top: 198px;
    }

    .header .right-menu > ul > li {
        padding: 10px 0 10px 10px;
    }

    .main-contant {
        min-height: calc(100vh - 357px);
    }

    .search-result-tab .tab {
        width: 100%;
    }

    .external-banner + header.fixed .navbar > ul > li.has-dropdown.channels-dropdown-show > .sub-menu,
    .header.fixed .navbar > ul > li.has-dropdown > .sub-menu {
        top: 72px;
    }

    .channels-dropdown-menu li a {
        max-width: 100px;
    }

    .video .video-wrap {
        min-height: 1px;
        padding-top: 56.35%;
    }

    .val-error-msg p,
    .alert,
    .validation-alert{
        font-size: 18px;
    }

    .item .details .action-div a.watchnow {
        margin-bottom: 5px;
    }

    a.embad-code {
        width: 50px;
        height: 40px;
        font-size: 18px;
    }

    .plus.share {
        width: 50px;
        height: 40px;
    }

    .plus.share > img {
        max-width: 18px;
    }

    ul.social-share > li a {
        padding: 7px;
        font-size: 18px;
    }

    ul.social-share::before {
        top: 28px;
    }

    .share:hover .social-share {
        top: -50px;
    }
    .play-episode-box .video-share {
        bottom: 20px;
        align-items: center;
        margin: auto;
        left: 15px;
        right: 15px;
        justify-content: center;
    }
    .play-episode-box .action-button > .icon a {
        height: 40px;
        width: 40px;
    }

    .drop-down .options ul {
        top: 55px;
        border-radius: 15px;
    }

    .category-listing > ul.owl-carousel .owl-nav > button {
        width: 30px;
    }

    .form-grp .radio input[type="radio"] + label {
        height: 55px;
        line-height: 55px;
    }

    .smarttv-tvtype-list li {
        max-width: 33.33%;
    }

    .smarttv-tvtype-list {
        justify-content: center;
    }

    .call-back > .back {
        font-size: 20px;
    }

    .call-back > .back > span {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .overlay-current-video-left .channel-logo {
        max-width: 100px;
        height: 53px;
        padding-left: 0px;
        margin-bottom: 10px;
    }

    .overlay-current-video-controls {
        padding-left: 15px;
        padding-right: 15px;
    }

    .call-back {
        margin-right: 15px;
    }

    .overlay-current-video-left {
        flex-wrap: wrap;
    }

    .video-widget .hover-detail {
        left: -230px;
        right: -140px;
    }

    .season-no > ul > li {
        margin: 0 5px;
        font-size: 16px;
    }

    .HeroSlider .item .HeroSlider-info,
    .slider-banner .HeroSliderNav {
        max-width: 91%;
    }

    .movies.slider .item.info:hover .details {
        top: 97%;
        height: 110px;
    }

    .slider .five-slider.movies.owl-carousel {
        min-height: 1px;
    }

    .four-slider .owl-nav, .five-slider .owl-nav {
        top: calc(50% - 2px);
    }

    .four-slider.movies .owl-nav, .five-slider.movies .owl-nav {
        top: calc(50% - -10px);
    }

    .show-page .play-episode-seasons-left .show-item {
        width: 25%;
    }

    .five-slider.owl-carousel .owl-item > li,
    .four-slider.owl-carousel .owl-item > li{
        width: 226px;
    }

    .action-button .close a,
    .action-button > .icon > a {
        width: 40px;
        height: 40px;
    }

    .slider .item.info:hover > a {
        margin-top: -82px;
    }
    .seasons-category-listing,
    .category-listing {
        width: 100%;
    }


    /* START RAMADAN CALENDER */
    .program-info {
        padding-left: 60px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 55px;
        max-width: 80%;
    }
    .action-button .btn_available a, .action-button .btn_watch a {
        line-height: 38px;
        padding: 0 20px;
        height: 40px;
        font-size: 16px;
    }
    .ramadan_comm_sec .action-button .icon a {
        width: 40px;
        height: 40px;
    }
    .ramadan_comm_sec .action-button a.volume img, .ramadan_comm_sec .action-button .close a img {
        padding: 7px;
    }
    .progress-hd {
        margin-bottom: 10px;
    }
    .program-info h2 {
        max-width: 100px;
        margin-bottom: 15px;
    }
    .year {
        top: 15px;
        left: 60px;
        max-width: 50px;
    }
    .progress-hd > span {
        font-size: 12px;
        border-radius: 7px;
        padding: 7px;
    }
    .program-info .progress-hd > span {
        margin-right: 5px;
    }
    .list ul li {
        width: 25%;
    }
    .list li a {
        border-radius: 7px;
    }
    .more {
        margin-top: 20px;
    }
    .more a {
        padding: 0 30px;
        height: 40px;
        line-height: 35px;
        border-radius: 6px;
        font-size: 16px;
    }
    .show_info .year {
        max-width: 76px;
    }
    .show_info .program-info h2 {
        max-width: 150px;
    }
    .HeroSlider-info .action-button .btn.btn.btn_share {
        height: 40px;
    }
    .ep_name p {
        font-size: 16px;
    }
    .show_info .program-info {
        padding-left: 30px;
    }
    .show_info .year {
        left: 30px;
    }
    .main-contant > .header:first-child + script + .hero-section.ramadan_comm_sec.slider-banner {
        /* margin-top: 15px; */ /* (NOTE: - When BG Img Set in Header) */
    }

    /* END RAMADAN CALENDER */
}

@media screen and (max-width: 980px){
    .play-episode-seasons-left .episodes-list > li {
        width: 50%;
    }

    .my-favorite-videos-sec .play-episode-seasons-left .episodes-list > li{
        width: 33.33%;
    }

    .overlay-current-video-controls {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .video-widget > ul > li > .add-fav > a, .video-widget > ul > li > a, .video-widget > ul > li > .plus.share {
        width: 40px;
        height: 40px;
    }

    .show-more-ep .more-episode-wrap {
        bottom: 20px;
    }

    .video-widget .hover-detail {
        left: -210px;
        right: -170px;
    }

    .video-widget > ul > li.show-info .hover-detail {
        top: 60px;
    }

    .video-widget .share:hover .social-share {
        top: 59px;
    }

    .navbar > ul > li > a {
        font-size: 10px;
    }

    .header .left-menu .logo {
        max-width: 50px;
    }

    .left-menu .navbar {
        width: 89%;
    }

    .movies.slider .item.info:hover .details {
        top: 97%;
        padding-bottom: 0;
        height: 115px;
    }

    .header .left-menu {
        width: 70%;
    }

    .header .right-menu {
        width: 30%;
    }
    .HeroSlider .item .HeroSlider-info > img,
    .HeroSlider .item .HeroSlider-info .on-top > img {
        max-width: 220px;
        max-height: 100px;
        height: 100%;
        width: auto;
    }

    /* START RAMADAN CALENDER */
    .slider_wrap {
        border-radius: 20px;
        width: 95%;
        padding-top: 53.25%;
    }
    .ramadan_comm_sec .HeroSlider .item .HeroSlider-img {
        padding-top: 70%;
    }
    .ramadan_comm_sec .owl-nav {
        height: 120px;
        width: 95%;
    }
    .show_info .program-info h2 {
        max-width: 120px;
    }
    .show_info .program-info .episodes p {
        font-size: 20px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .show_bg {
        padding-top: 68.25%;
    }
    /* END RAMADAN CALENDER */

}


@media screen and (max-width: 767px) {
    html body {
        padding-top: 78px;
    }
    header.header.scrolling_down {
        top: -400px;
        transition: all 0.5s ease;
        transition-delay: 0.1s;
    }
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .header .left-menu {
        width: 90px;
        position: absolute;
        left: 0;
        right: 0;
        margin-right: auto;
        margin-left: auto;
    }
    .header .right-menu {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        pointer-events: none;
        flex-direction: row-reverse;
    }

    .header .right-menu > *{
        pointer-events: auto;
    }

    .header .right-menu > ul {
        /*width: 135px;*/
        width: auto;
    }
    .show-menu .header .right-menu ul {
        z-index: -1;
    }
    .header .right-menu .bbclink {
        display: none;
    }
    .header .right-menu > ul > li > a {
        font-size: 20px;
        line-height: 20px;
    }
    .header .right-menu svg {
        width: 20px;
    }
    .header .left-menu .logo {
        max-width: 80px;
        z-index: 1;
        margin-right: auto;
        margin-left: auto;
    }
    .show-menu .mobile-menu .mmenu .fa::before {
        content: "\f00d";
    }
    #Leaderboard > div{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .slider-banner .HeroSliderNav {
        bottom: 20px;
        display: none;
    }
    .HeroSlider .item .HeroSlider-info {
        position: relative;
        bottom: auto;
        padding: 0 15px;
        max-width: 100%;
        padding: 15px 15px 0px 15px;
        /*display: none;*/
    }
    .single-program-player .HeroSlider .item .HeroSlider-info > *:not(.action-button),
    .HeroSlider .item .HeroSlider-info > *:not(.action-button){
        display: none;
    }

    .HeroSlider .owl-nav {
        top: calc(50% - 47px);
    }

    .single-program-player .HeroSlider .item .HeroSlider-info{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .single-program-player .HeroSlider-info .seasons-category{
        justify-content: center;
    }

    .single-program-player .HeroSlider-info .action-button {
        justify-content: center;
    }

    .single-program-player .HeroSlider .item .HeroSlider-info h2 {
        display: none;
    }
    .single-program-player .HeroSlider .item .HeroSlider-info > img {
        width: auto;
        margin: 5px auto 12px auto;
    }
    .single-program-player .HeroSlider-info .action-button a.btn.play {
        display: block;
        width: 100%;
        padding: 13px 0;
        font-size: 16px;
        margin-bottom: 15px;
        margin-right: 0;
    }

    .single-program-player .HeroSlider-info .action-button a.btn.play img,
    .single-program-player .HeroSlider-info .action-button a.btn.play svg {
        max-width: 12px;
        height: 14px;
    }

    .single-program-player .HeroSlider .HeroSlider-info p {
        text-align: left;
        order: 1;
        font-size: 14px;
        -webkit-line-clamp: initial;
        margin: 0 0;
        border-top: 1px solid #676666;
        padding: 15px 0;
        margin-top: 15px;
        border-bottom:none;
    }

    .HeroSlider-mobile iframe{
        display: none !important;
    }

    .HeroSlider .item .HeroSlider-img.HeroSlider-mobile::before{
        display: none;
    }

    .HeroSlider .item.hide-caption .HeroSlider-img > img{
        opacity: 1;
        z-index: 1;
    }

    .HeroSlider .item .HeroSlider-img.HeroSlider-mobile {
        padding-top: 110%;
    }

    .hide-caption .HeroSlider-info .action-button > a {
        display: flex;
    }
    .navbar > ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        position: fixed;
        top: 0;
        left: -100%;
        background: #333;
        width: 100%;
        transition: all 0.5s ease;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        height: 100%;
        overflow: auto;
        padding-top: 80px;
        flex-direction: column;
    }
    .navbar > ul > li.bbc-formobile{
        display: block;
    }
    .show-menu .navbar > ul {
        opacity: 1;
        left: 0;
        visibility: visible;
        pointer-events: auto;
        transition: all 0.5s ease;
    }

    .navbar > ul:after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        background: #333;
        height: 80px;
        z-index: 3;
    }

    .mobile-menu {
        display: flex;
        width: 32px;
        height: 32px;
        justify-content: center;
        align-items: center;
    }
    .mobile-menu .mmenu {
        font-size: 25px;
        color: #b5b5b5;
        cursor: pointer;
        display: flex;
        z-index: 1;
    }
    .mobile-menu .mmenu:hover {
        color: var(--teal);
    }
    .navbar > ul > li {
        width: 100%;
    }

    .navbar > ul > li{
        padding: 0 30px;
    }

    .header .container {
        padding: 0 25px;
    }

    .navbar > ul > li > a {
        font-size: 14px;
        display: block;
        padding: 15px 0;
        border-bottom: 1px solid #535457;
        font-weight: 500;
        width: 100%;
        text-transform: capitalize;
    }

    .navbar > ul > li:last-child > a{
        border-bottom: 0;
    }

    .navbar > ul > li:first-child > a {
        border-top: 1px solid #535457;
    }
    .navbar > ul > li.has-dropdown > a::after {
        top: 22px;
        border-width: 5px 5px 0px 5px;
        right: 15px;
        display: none;
    }
    section.hero-section {
        margin-top: 0;
    }
    .external-banner + .header.fixed + script + section.hero-section {
        margin-top: 0;
    }
    .hide-caption .HeroSlider-info > :not(.action-button) {
        opacity: 1;
        pointer-events: auto;
        z-index: 1;
        transition: all 0.5s ease;
    }
    .HeroSlider .HeroSlider-info h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .HeroSlider .HeroSlider-info p {
        font-size: 13px;
    }
    .HeroSlider-info .action-button .icon {
        position: absolute;
        top: -47px;
        left: 0;
        right: 0;
        text-align: center;
        justify-content: center;
        max-width: 100%;
        width: 100%;
        opacity: 0;
    }

    .item.hide-caption .HeroSlider-info .action-button .icon {
        opacity: 1;
    }

    .action-button .close a,
    .action-button > .icon > a {
        width: 35px;
        height: 35px;
        background-size: 11px;
    }
    .action-button > .icon img {
        width: 17px;
    }
    .section-gapping, section {
        padding-bottom: 45px;
        padding-top: 45px;
    }
    .title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .four-slider .owl-nav button,
    .five-slider .owl-nav button,
    .HeroSlider .owl-nav button,
    .bbcplayer-slider.owl-carousel .owl-nav button {
        height: 60px;
        width: 25px;
        background-size: 11px auto;
    }

    .four-slider .owl-nav button img,
    .five-slider .owl-nav button img,
    .HeroSlider .owl-nav button img,
    .bbcplayer-slider.owl-carousel .owl-nav button img{
        max-width: 11px;
    }
    .slider .item.info:hover {
        transform: scale(1.08);
    }
    .slider .four-slider.owl-carousel,
    .slider .five-slider.owl-carousel {
        max-width: 100%;
        width: 100%;
    }
    .item .details .seasons-category span {
        font-size: 10px;
        margin-right: 10px;
    }
    .item .details h3 {
        font-size: 14px;
    }
    .footer {
        padding: 20px 0;
        margin-top: 0;
    }

    ul.social-icon,
    .f-menu > ul {
        margin-bottom: 20px;
    }
    .f-menu > ul > li {
        margin: 0 10px;
    }
    .f-menu > ul > li a {
        font-size: 14px;
    }
    ul.social-icon li > a {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    .address ul li {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .note p {
        font-size: 12px;
        line-height: 120%;
    }
    .copyright ul li:last-child {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .search-icon .dropdown-menu {
        width: 320px;
        padding: 0;
        right: -15px;
    }
    .dropdown-menu .user-login li a {
        padding: 6px 0px;
        font-size: 12px;
        font-weight: normal;
    }

    .category-listing {
        margin-bottom: 30px;
    }
    .category-listing > ul li {
        min-width: 70px;
        padding-right: 0;
    }
    /*.show-listing-box .show-listing {
		margin: 0 -6px;
	}*/
    .show-listing-box .show-listing .show-item {
        width: 33.33%;
        margin-bottom: 15px;
    }
    .big.title {
        font-size: 22px;
    }

    .podcasts-info {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .podcasts-info .podcasts-img {
        padding-top: 0;
        width: 100%;
        max-width: 875px;
        line-height: 0;
        margin-bottom: 15px;
    }
    .podcasts-info .podcasts-img > img {
        position: relative;
        top: auto;
        left: auto;
        object-fit: unset;
        height: auto;
        width: auto;
    }
    .podcasts-info .podcasts-detail {
        padding: 15px;
        width: 100%;
    }
    .podcast-player {
        margin-top: 50px !important;
        margin: 30px auto;
        padding: 25px 15px 15px 15px;
    }
    /*.episodes-list {
		margin: 0 -6px;
	}*/
    .episodes-list > li {
        width: 33.33%;
    }
    .podcast-name h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .podcast-name span {
        font-size: 14px;
        margin-bottom: 3px;
    }
    .podcasts-detail p {
        font-size: 14px;
        -webkit-line-clamp: 6;
    }
    .podcast-time > span {
        font-size: 12px;
    }
    .podcast-time > span.remaning-time {
        margin: 0 15px;
    }

    .navbar > ul > li.has-dropdown > .sub-menu:before,
    li.has-dropdown.channels-dropdown:after {
        display: none;
    }
    .navbar > ul > li.channels-dropdown {
        position: static;
    }
    /*.navbar > ul > li.has-dropdown.channels-dropdown-show > .sub-menu {
		top: auto;
	}*/
    .has-dropdown .back-mobile {
        position: fixed;
        transition: all 0.5s ease 0s;
        bottom: 40px;
        right: 30px;
        font-size: 35px;
        cursor: pointer;
        animation: updown 1s infinite alternate;
        width: 30px;
        height: 30px;
        background-color: var(--teal);
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        opacity: 0;
        visibility: hidden;
        z-index: 9;
    }
    .has-dropdown.dropdown-open.channels-dropdown-show .back-mobile {
        opacity: 1;
        visibility: visible;
    }
    @keyframes updown{
        to{
            bottom: 30px;
        }
        from{
            bottom: 40px;
        }
    }

    .show-in-mobile svg {
        width: 100%;
        max-width: 16px;
    }

    .navbar > ul > li.has-dropdown > .sub-menu {
        position: fixed;
        padding: 30px 20px;
        max-width: 100%;
        opacity: 1;
        visibility: visible;
        transition: all 0.5s ease 0s;
        margin: 0;
        width: auto;
        max-width: unset;
        justify-content: flex-start;
        overflow: auto;
        top: auto;
        z-index: 3;
        align-content: flex-start;
    }

    li.has-dropdown.dropdown-open ul.sub-menu {
        pointer-events: auto;
        bottom: 0px;
        opacity: 1;
        transition: all 0.5s ease;
    }
    .navbar > ul > li.has-dropdown.channels-dropdown > .sub-menu {
        height: auto;
        top: 100%;
        overflow: auto;
        height: 100vh;
        padding-top: 100px;
        display: none;
    }

    .header.fixed .navbar > ul > li.has-dropdown > .sub-menu,
    .navbar > ul > li.has-dropdown.channels-dropdown.dropdown-open.channels-dropdown-show > .sub-menu{
        top: 0;
    }

    .header.fixed .navbar > ul > li.has-dropdown > .sub-menu {
        top: 100%;
    }

    .channels-dropdown-menu li {
        padding: 5px 10px;
        width: 75px;
    }
    .channels-dropdown-menu li a {
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 1;
    }

    .bbcplayer-image {
        max-width: 160px;
        margin: 0 auto;
    }

    .bbcplayer-image-block {
        padding-bottom: 15px;
        padding-top: 0;
        text-align: center;
    }

    .catchup-slider-block.slider {
        margin: 0;
    }
    .slider .catchup-slider.owl-carousel .owl-stage-outer {
        padding: 0 0;
    }
    .catchup-slider .owl-nav {
        left: -15px;
        right: -15px;
        display: none;
    }

    .catch-up-episodes {
        padding-top: 30px;
    }

    .catch-up-episodes .episodes-list {
        padding-top: 0px;
    }

    .drop-down .selected a span {
        padding: 6px 50px 6px 20px;
    }

    .show-list .episodes-name h3 {
        font-size: 14px;
    }

    .cast-and-crew-sec .slider {
        margin-right: 0;
    }

    .seasons-filter-nav {
        padding-left: 0px;
        width: 100%;
    }

    .seasons-filter-head .title {
        padding-bottom: 0;
        display: block;
        width: 100%;
        margin-bottom: 0;
    }

    .show-program-bbsplayer-img img {
        max-width: 140px;
        margin-bottom: 10px;
    }

    a.full-screen-icon {
        bottom: 15px;
        right: 15px;
        width: 30px;
    }

    .play-episode-seasons-title h2 {
        font-size: 20px;
    }

    .play-episode-seasons-sec {
        padding-top: 30px;
    }

    .play-episode-seasons-title {
        padding-bottom: 15px;
    }

    .play-episode-seasons-left {
        width: 100%;
        padding-right: 0;
    }

    .play-episode-seasons-left .episodes-list > li {
        width: 50%;
    }

    .my-favorite-videos-sec .play-episode-seasons-left .episodes-list > li{
        width: 100%;
    }
    .play-episode-seasons-left.catch-up-episodes {
        padding-top: 20px;
    }
    .play-episode-external-right {
        width: 100%;
        padding-left: 0;
        order: -1;
        padding-bottom: 0px;
        position: static;
        padding-top: 0px;
    }

    .play-episode-external-right #MPU{
        padding-bottom: 20px;
        padding-top: 30px;
    }
    .play-episode-external-right #MPU:empty{
        display: none;
    }

    .play-episode-seasons-sec .seasons-filter-head {
        padding-bottom: 30px;
    }



    /* module-gallery start */

    .slider-thumb.livestrim-main-nav-thumb {
        width: 100%;
        position: static;
        padding: 0;
    }

    .livestrim-main-video.module-gallery .slider-wrapper {
        position: relative;
        order: 1;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .slider-thumb .slick-track {
        margin-left: auto;
        margin-right: auto;
        width: 100% !important;
        transform: none !important;
        white-space: nowrap;
        overflow: auto;
        scrollbar-width: none;
    }
    .slider-thumb .slick-track::-webkit-scrollbar {
        display: none;
    }
    .catchup-slider.owl-carousel li,
    .slider-thumb.livestrim-main-nav-thumb .slick-list li {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 0;
        display: inline-block;
        vertical-align: top;
        float: none;
        min-width: 100px !important;
        max-width: 100px !important;
        width: 100px !important;
    }
    .slider-thumb.livestrim-main-nav-thumb .slick-list li.slick-cloned {
        display: none;
    }
    .catchup-slider.owl-carousel li .img-wrap {
        padding-top: 68.85%;
        border: none;
    }
    .catchup-slider.owl-carousel .owl-item {
        vertical-align: middle;
    }
    .catchup-slider.owl-carousel li .img-wrap.current-item {
        border: 2px solid var(--teal);
    }
    .module-gallery .slider-thumb .slick-prev, .module-gallery .slider-thumb .slick-next {
        top: 50%;
        bottom: auto;
        width: 14px;
        min-width: 0px;
        height: auto;
    }

    .module-gallery.livestrim-main-video {
        display: flex;
        flex-direction: column-reverse;
    }

    .module-gallery .slider-thumb .slick-prev {
        left: 0 !important;
        right: auto !important;
    }
    .module-gallery .slider-thumb .slick-prev .fa:before {
        content: "\f104";
    }
    .module-gallery .slider-thumb .slick-next {
        right: 0 !important;
        left: auto !important;
    }
    .module-gallery .slider-thumb .slick-next .fa:before {
        content: "\f105";
    }
    .module-gallery .slider-thumb .slick-arrow {
        display: none !important;
    }
    button.slick-next.slick-arrow img {
        transform: rotate(-90deg);
    }

    button.slick-prev.slick-arrow img {
        transform: rotate(-90deg);
    }

    /* module-gallery start */


    .name-of-image-info {
        width: calc(100% - 0px);
        padding-left: 0;
        padding-top: 30px;
    }

    .name-of-image {
        width: 150px;
        height: 150px;
    }

    .name-of-cast > h2 {
        font-size: 28px;
        padding-bottom: 0;
        display: none;
    }

    .HeroSlider-info .seasons-category > span{
        font-size: 15px
    }

    .seasons-category-listing > ul{
        overflow: auto;
        scrollbar-width: none;
    }

    .seasons-category-listing > ul::-webkit-scrollbar {
        display: none;
    }

    .category-listing > ul.owl-carousel .owl-nav > button{
        background-color: #38393b !important;
    }

    .my-list-sec .big.title {
        margin-bottom: 15px;
    }

    .seasons-category-listing > ul li a, .category-listing > ul li a {
        font-size: 14px;
        padding: 0 10px;
    }

    .seasons-category-listing, .category-listing {
        margin-bottom: 30px;
        display: block;
        width: 100%;
    }

    .seasons-category-listing > ul li, .category-listing > ul li{
        flex: 1;
    }

    .resume-watching-series-sec .big.title {
        margin-bottom: 35px;
    }

    .resume-watching-series-sec h2.title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="submit"]):not([type="reset"]):not([type="image"]) {
        font-size: 18px;
        padding: 0 0 0 15px;
        height: 55px;
    }

    .simple-user-btn {
        font-size: 18px;
    }

    .settings-list li a {
        font-size: 16px;
        padding: 12px 15px;
        text-align: center;
    }

    .field.select-field .selected {
        text-align: center;
    }

    .field.select-field .selected span{
        text-align: center;
    }

    .val-error-msg p {
        font-size: 14px;
    }

    .drop-down .selected a {
        height: 55px;
        font-size: 16px;
        line-height: 42px;
    }

    .drop-down .selected .select-arrow {
        right: 16px;
        width: 16px;
    }

    .simple-user-block h2 {
        font-size: 26px;
        margin-bottom: 25px;
    }

    .terms-conditions-sec .big.title {
        font-size: 28px;
    }

    .terms-conditions-content {
        padding-top: 0;
    }

    .terms-conditions-content p {
        font-size: 14px;
    }

    .channels-listing {
        padding-top: 30px;
    }

    .show-menu .external-banner + header {
        margin-top: -128px;
    }

    .right-menu li.user-icon{
        display: none;
    }

    .f-menu {
        display: none;
    }

    .HeroSlider-mobile-img .decktop-banner{
        display: none !important;
    }

    .HeroSlider-mobile-img iframe{
        /*display: none;*/
    }

    .HeroSlider .item .HeroSlider-img {
        padding-top: 143.35%;
    }

    .show-menu .external-banner + .header {
        z-index: 99;
    }

    .show-menu header.header.scrolling_down {
        top: 0;
        margin-top: 0 !important;
    }

    .search-icon .search-click::before, .user-icon .user-click::before {
        display: none;
    }

    .main-contant {
        min-height: calc(100vh - 390px);
    }
    .show-page .play-episode-seasons-left .show-item {
        width: 100%;
    }
    .catch-up-episodes .episodes-list > li{
        width: 100%;
    }

    .catch-up-episodes .episodes-list > li > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .catch-up-episodes .episodes-list > li > a .img-wrap {
        width: 50%;
        padding-top: 28.5%;
    }

    .catch-up-episodes .episodes-list > li > a .episodes-name{
        width: 50%;
        padding-left: 15px;
    }

    .catch-up-episodes-select-box .drop-down {
        max-width: 100%;
        margin-bottom: 25px;
    }
    .catch-up-episodes-select-box .drop-down:last-child{
        margin-bottom: 0;
    }


    .catchup-tab .tab.seasons-category-listing {
        width: 100%;
        display: block;
        padding: 0 15px;
    }
    .catchup-tab .tab.seasons-category-listing:empty{
        display: none;
    }

    .catchup-tab .tab.seasons-category-listing ul.tabs li {
        width: 50%;
    }
    .catchup-full-video-sec {
        padding-top: 0;
        margin-bottom: 00;
    }
    .catch-up-episodes .catch-up-episodes-select-box {
        padding-bottom: 25px;
    }
    .catch-up-episodes-select-box .drop-down .options {
        bottom: -100%;
        position: fixed;
        transition: all 0.5s ease;
        z-index: 100;
        top: auto;
        border-radius: 0;
    }
    .catch-up-episodes-select-box .drop-down .options ul {
        border-radius: 0;
        min-height: 42vh;
        max-height: 50vh;
    }
    .catch-up-episodes-select-box .drop-down .options[style="display: block;"] {
        bottom: 0;
        box-shadow: 0 0 80px 40px rgba(0,0,0,1);
    }
    .drop-down .options {
        border-radius: 15px;
    }
    .name-of-cast-row {
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }

    .name-of-cast {
        text-align: center;
    }

    .my-list-tab .tab.seasons-category-listing {
        width: 100%;
    }

    .my-list-tab .tab.seasons-category-listing ul.tabs li {
        width: 32.33%;
    }

    .simple-user-block input {
        text-align: center !important;
        padding-left: 0 !important;
    }

    .simple-user-sec .container {
        padding-right: 30px;
        padding-left: 30px;
    }

    .hide-in-mobile{
        display: none !important;
    }

    .seasons-filter-head .catch-up-episodes-select-box {
        width: 100%;
    }

    .cast-and-crew-name * {
        font-size: 18px !important;
        color: #fff !important;
    }

    .cast-and-crew-name{
        padding-top: 15px;
    }

    .simple-user-block.settings-block {
        margin: 0 -30px;
        width: auto;
        padding: 0 0 20px 0;
    }

    .close-add-bnt {
        font-size: 12px;
        margin-left: 10px;
        white-space: pre;
    }

    .external-banner-area-block{
        align-items: center;
    }

    .close-add-bnt {
        max-width: 22%;
    }

    .catch-up-episodes-select-box .drop-down .selected a {
        background-color: #38393B;
        height: 48px;
        font-size: 16px;
        line-height: 35px;
    }

    .catch-up-episodes-select-box .drop-down .selected a i img{
        filter: brightness(1) invert(1);
    }

    .category-listing > ul li a{
        white-space: nowrap;
    }

    .category-listing .owl-stage-outer {
        /*overflow: visible;*/
        overflow: hidden;
    }

    .cast-and-crew-sec {
        border-top: 1px solid #535457;
        padding-top: 30px;
        /*border-bottom: 1px solid #535457;*/
        border-bottom: 0;
        padding-bottom: 30px;
        margin-bottom: 0;
        margin-top: 0;
    }

    .episodes-name .category {
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .item .details {
        padding: 15px 10px 20px 10px;
        max-height: 120px;
        display: none;
    }

    .item .details h3 {
        margin-bottom: 7px;
    }

    .livestrim-main-video .video {
        padding-left: 0px;
    }

    .livestrim-main-video .video .full-screen-icon{
        display: none;
    }

    .category-listing > ul .owl-nav {
        left: 0;
        right: 0;
    }

    .val-error-msg p,
    .alert,
    .validation-alert{
        font-size: 14px;
    }

    .item .details .action-div a > span {
        line-height: 20px;
        display: block;
        text-align: center;
    }
    .add-fav > .btn.add-to-fav:before,
    .add-to-fav:before {
        margin-right: 6px;
    }

    .btn.lodemorebtn {
        width: 130px;
        display: block;
        min-width: 1px;
        padding: 8px 20px;
        line-height: 140%;
    }

    a.embad-code {
        width: 34px;
        height: 34px;
        border: 2px solid #fff;
        font-size: 13px;
    }

    .plus.share {
        padding: 0;
        height: 34px;
        width: 34px;
        line-height: 35px;
        font-size: 15px;
        border-width: 2px;
    }

    .hide-caption span.plus.share {
        display: flex;
    }

    .plus.share > img {
        max-width: 15px;
    }

    ul.social-share::before {
        top: 20px;
        z-index: -1;
    }

    .video-widget > ul > li ul.social-share::before {
        top: 27px;
        transform: rotate(0);
    }

    .play-episode-box .video-share {
        bottom: 20px;
        right: 15px;
    }

    .episodes-name h3 {
        padding-right: 0;
        max-height: 50px;
        flex-wrap: wrap;
    }

    .episodes-name h3 span.date {
        position: static;
        display: block;
        width: 100%;
        padding-top: 5px;
    }

    .episodes-name .time {
        border-right: 0;
        padding-right: 0;
    }

    .play-episode-external-banner {
        margin: 0 auto;
    }
    .bbcplayer + .recently-added.mt--95 {
        margin-top: -20px;
    }

    .podcast-player-row {
        flex-wrap: wrap;
    }

    .podcast-player-progress-audio-block {
        width: calc(100% - 0px);
        padding-left: 0;
    }

    .podcast-player-img {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .player-controls-rigth span {
        font-size: 16px;
    }

    .podcast-player-progress-audio-block h2 {
        font-size: 16px;
        margin-bottom: 5px;
        text-align: center;
    }

    .podcast-player-controls {
        padding-top: 12px;
    }

    a.audio-share-icon {
        right: 0;
    }
    .episodes-name {
        margin-top: 5px;
    }
    .play-episode-box .action-button > .icon a {
        height: 35px;
        width: 35px;
    }

    .episodes-name .date, .episodes-name-with-date .date {
        position: static;
    }

    .slider .four-slider.owl-carousel, .slider .five-slider.owl-carousel {
        min-height: 60px;
    }

    .play-episode-external-banner {
        margin: 0 auto !important;
    }

    .cast-and-crew-sec .slider {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .cookies-block p {
        font-size: 12px;
    }

    .play-episode-box-video-share .video-share {
        justify-content: center;
    }

    ul.show-listing.slider li {
        min-height: 80px;
    }

    .search-icon.show_search_bar .dropdown-menu {
        max-height: 200px;
        opacity: 1;
        pointer-events: auto;
        transition: all 0.5s ease;
    }

    .plus.share.audio-share-icon {
        top: -37px;
        right: 55px;
        border-radius: 5px 5px 0 0;
    }

    .form-grp .radio input[type="radio"] + label {
        height: 55px;
        line-height: 55px;
    }

    .form-field.number #phone {
        width: calc(100% - 0) !important;
        margin: 0 !important;
    }
    .form-field.number {
        flex-wrap: wrap;
    }

    .form-field.number > * {
        width: 100% !important;
    }

    .form-field.number .intl-tel-input.allow-dropdown {
        margin-bottom: 15px;
        max-width: 100%;
    }

    .intl-tel-input ul.country-list {
        top: 0;
    }

    .fluid-slider .owl-dots {
        position: static;
        margin-top: 20px;
    }

    .smarttvbanner-slider-info {
        bottom: 10px;
    }

    .smarttvbanner-slider-info h2 {
        font-size: 18px;
    }

    .smarttvbanner-slider-info p {
        font-size: 16px;
        margin-bottom: 0;
    }

    .smarttv-tvtype-list li {
        max-width: calc(50% - 10px);
        margin: 5px;
        width: 100%;
    }

    .overlay-current-video-controls,
    .play-video-live-sec.hide-header .overlay-current-video-controls {
        opacity: 1;
        visibility: visible;
        position: static;
        flex-wrap: wrap;
    }

    .call-back {
        margin-right: 0;
        position: absolute;
        top: 15px;
        left: 15px;
    }

    .overlay-current-video-left .channel-logo {
        position: absolute;
        top: 15px;
        margin-bottom: 0;
        right: 0;
    }

    .video-duration > * {
        font-size: 14px;
    }

    .overlay-current-video-left {
        padding-bottom: 20px;
    }

    .play-video-live-overlay{
        display: none;
    }

    .video-widget > ul > li > .add-fav > a, .video-widget > ul > li > a, .video-widget > ul > li > .plus.share {
        width: 40px;
        height: 40px;
        font-size: 12px;
    }

    .video-widget > ul > li > .add-fav > a{
        font-size: 0;
    }

    .video-widget > ul > li > .add-fav > a::before {
        font-size: 14px;
    }

    .video-widget > ul > li.v-info .hover-detail {
        top: -170px;
        left: 0;
        right: -105px;
        width: 300px;
        background: rgba(1, 209, 157, 1);
    }

    .video-widget > ul > li.show-info .hover-detail {
        top: -147px;
    }

    .video-widget .title-info span {
        font-size: 14px;
    }

    .video-widget .title-info{
        min-height: 35px;
    }

    .video-widget > ul > li.v-info:before {
        bottom: 30px;
        transform: rotate(180deg);
        border-bottom-color: rgba(1, 209, 157, 1);
    }

    .video-duration {
        border-right: 0;
        padding-right: 0;
        text-align: center;
    }

    .overlay-current-video-right {
        justify-content: center;
        width: 100%;
    }

    .play-episode-box {
        margin-top: 80px;
    }

    .more-episode-wrap {
        position: static;
        padding: 40px 15px 0 15px;
        max-height: 0px;
        overflow: hidden;
    }

    .show-more-ep .more-episode-wrap {
        max-height: 1000px;
        overflow: visible;
    }

    .showoverlay {
        display: none;
    }

    .more-episode {
        text-align: center;
    }

    .season-no > ul {
        justify-content: center;
        flex-wrap: nowrap;
        overflow: auto;
        white-space: nowrap;
        scrollbar-width: 0 !important;
    }

    .season-no > ul::-webkit-scrollbar {
        display: none;
    }

    .season-no > ul > li {
        font-size: 14px;
        padding: 8px 10px;
        opacity: 1;
    }

    .episode-slider-invideo .episodes-name h3 {
        display: block;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .video-widget .share:hover .social-share {
        top: -51px;
    }

    .play-episode-sec .play-episode-box {
        padding-top: 56.83%;
        max-width: 100%;
    }

    .play-episode-box{
        padding-top: 56.3%;
        min-height: 1px;
    }

    .remove-fav {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
    .overlay-current-video-left {
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
    }

    .cc-floating .cc-message {
        margin-bottom: 0 !important;
        font-size: 14px;
        line-height: normal;
    }
    .my-favorite-videos-sec .show-listing-box .movies .show-item .img-wrap {
        padding-top: 64.65%;
    }
    .slider .item .img-wrap:hover,
    .slider .item.info:hover {
        transform: scale(1);
    }
    .slider .item.info:hover > a {
        margin-top: 0;
    }
    .slider .item.info:hover .details {
        display: none;
    }
    .HeroSlider .item .HeroSlider-img > img.decktop-banner {
        display: none;
    }
    .HeroSlider .item .HeroSlider-img > img.mobile-banner {
        display: block;
    }
    .HeroSlider .item .HeroSlider-img::before {
        display: none;
    }
    .g-recaptcha > div {
        transform: scale(0.9);
        position: relative;
        display: block;
        margin: 0 auto;
    }
    .channel-page-channels ul .owl-nav {
        display: none;
    }
    .my-favorite-videos-sec .play-episode-seasons-left {
        padding-top: 0;
    }
    html[dir="ltr"] .cookies-content p {
        font-size: 12px;
    }
    .five-slider.owl-carousel .owl-stage,
    .four-slider.owl-carousel .owl-stage {
        transform: none !important;
        transition: none !important;
        width: 100% !important;
        overflow: auto;
        pointer-events: auto !important;
        min-width: 100% !important;
        scrollbar-width: none;
    }
    .five-slider.owl-carousel .owl-stage::-webkit-scrollbar,
    .four-slider.owl-carousel .owl-stage::-webkit-scrollbar {
        display: none;
    }
    .five-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item,
    .four-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item {
        display: inline-block;
        vertical-align: top;
        float: none;
        pointer-events: auto !important;
        user-select: unset;
        z-index: 10;
        position: relative;
        touch-action: unset;
    }

    .five-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item > li,
    .four-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item > li{
        width: 200px;
    }

    .sign-in-account-options ul li a.g-signin2 {
        margin-bottom: 10px;
    }

    .four-slider .owl-nav, .five-slider .owl-nav {
        top: calc(50% - -16px);
        display: none;
    }
    .play-episode-seasons-title h2 .play-episode-box-video-share {
        padding-top: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    .play-episode-seasons-title h2 {
        flex-direction: column-reverse;
    }

    .play-episode-seasons-title h2 .video-share {
        margin-left: 0;
    }

    .play-episode-sec > .container {
        padding: 0;
    }

    .catch-up-episodes-select-box + .play-episode-seasons-block {
        padding-top: 30px;
    }

    .related-main-sec.mt--95 {
        margin: 0;
        padding: 0 0 30px 0;
    }

    .HeroSlider-info .action-button{
        justify-content: center;
    }
    .options-block-row .field {
        padding: 0 5px;
        width: 50%;
        margin-bottom: 10px;
    }

    .embed-popup-inner-blocks form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="submit"]):not([type="reset"]):not([type="image"]) {
        width: 100%;
        height: 50px;
        font-size: 16px;
        padding: 0 0 0 10px;
    }

    .embed-code {
        padding: 10px;
    }

    .Opinion-Matters {
        padding: 20px;
    }
    .Opinion-Matters .field textarea,
    .Opinion-Matters .field select,
    .Opinion-Matters .field input {
        height: 46px !important;
        font-size: 14px !important;
    }
    .Opinion-Matters .form-grp .radio input[type="radio"] + label {
        height: 46px !important;
        line-height: 41px !important;
    }
    .action-btn.center .btn {
        padding: 15px;
        font-size: 14px;
    }
    .Opinion-Matters .field > label {
        font-size: 14px;
    }
    form select {
        padding: 0 15px;
    }
    form textarea {
        padding: 15px;
        border-radius: 15px;
    }
    .slider-banner .owl-carousel .owl-item img.mobile-banner {
        display: block;
    }
    .slider-banner .owl-carousel .owl-item img.decktop-banner{
        display: block;
    }
    .episodes-list > li.no_result {
        margin: 10px 0 20px 0;
    }
    .slider .four-slider.owl-carousel .owl-item, .slider .five-slider.owl-carousel .owl-item {
        opacity: 1;
    }


    /* START RAMADAN CALENDER */
    .list ul {
        margin-left: -5px;
        margin-right: -5px;
    }
    .list ul li {
        width: 50%;
        margin-bottom: 10px;
        padding: 0 5px;
    }
    .listing_sec .title h2 {
        font-size: 18px;
    }
    .ramadan_comm_sec .HeroSlider .item .HeroSlider-img {
        padding-top: unset;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: 589px;
        min-height: 589px;
    }
    .ramadan_comm_sec.slider-banner {
        overflow: visible;
        z-index: 1;
        padding-top: 0;
    }
    .ramadan_comm_sec .slider-caption {
        position: relative;
        height: 100%;
        padding-top: 589px;
    }
    .ramadan_comm_sec .slider_info {
        position: relative;
        z-index: 2;
        background-color: #000;
    }
    .slider_wrap {
        border-radius: 20px;
        padding-top: 620px;
        border-radius: 0;
        border: none;
        width: 100%;
        top: 0;
        transform: translateX(-50%);
        height: 100%;
        /* overflow: visible; */
        position: unset;
        padding-top: unset;
        transform: unset;
        overflow: visible;
    }
    .ramadan_comm_sec .HeroSlider .owl-nav {
        height: 60px;
        width: 100%;
        top: calc(50% - 61px);
        display: none;
    }
    .ramadan_comm_sec .owl-carousel .owl-nav button {
        width: 30px;
    }
    .hero-section .owl-carousel .owl-nav button span {
        background-size: 10px;
    }
    .program-info {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 25px;
        padding-bottom: 50px;
        max-width: 100%;
        bottom: unset;
        position: relative;
        transform: unset;
        top: 0;
        display: flex;
        flex-direction: column;
    }
    .year {
        top: 15px;
        left: 15px;
        max-width: 80px;
    }
    .ramadan_comm_sec .HeroSlider .owl-dots {
        display: flex;
        padding: 0;
        position: relative;
        bottom: 50px;
    }
    .program-info h2 {
        max-width: 200px;
        margin-bottom: 15px;
        position: absolute;
        top: -157px;
        right: 25px;
        margin-bottom: 0;
    }
    .hide-nav-slider .hide-caption .program-info > h2, .hide-nav-slider .hide-caption .program-info > div, .hide-nav-slider .hide-caption .program-info > p {
        opacity: 1;
    }
    .slider_wrap::before {
        background: linear-gradient(-180deg,rgba(28, 29, 31, 0) -30%, #1c1d1f 100%);
    }
    .progress-hd .mobile_text {
        display: block;
        margin: 0 0 0 0px;
        font-size: 19px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .progress-hd {
        display: inline-flex;
        align-items: center;
        order: -1;
        justify-content: center;
    }
    .program-info .action-button {
        order: -1;
        margin: 15px 0 20px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .timing span {
        font-size: 17px;
    }
    .ep_list.list ul li {
        width: 50%;
    }
    .ep_name {
        padding: 10px 0;
    }
    .ep_name p {
        font-size: 14px;
    }
    .show_bg .mobile-banner {
        display: block;
    }
    .show_bg {
        padding-top: 137.25%;
    }
    .show_info .year {
        left: 15px;
        top: 15px;
    }
    .show_info .program-info h2 {
        max-width: 200px;
        right: 0;
    }

    .mobile_connect {
        display: block;
        max-width: 38px;
        margin: 0 auto;
        width: 100%;
        margin-bottom: 15px;
    }




    .ramadan_comm_sec .hide-caption .action-button .icon {
        margin-bottom: 10px;
    }
    .btn_available {
        display: flex;
    }
    .ramadan_comm_sec .action-button .close a {
        margin-right: 0;
    }
    .ramadan_comm_sec .action-button a, .ramadan_comm_sec .action-button .btn_watch a {
        min-width: auto;
        padding: 0 15px;
        margin: 0 5px 10px;
    }
    /* END RAMADAN CALENDER */
}


@media screen and (min-width: 767px){
    .show-in-mobile{
        display: none !important;
    }
    .podcast-player2 {
        position: fixed;
        bottom: 0;
        z-index: 9;
        width: auto;
        margin: 0 auto;
        left: 100px;
        right: 100px;
    }

    .play-episode-box {
        padding-top: 35.3%;
    }
}

@media screen and (max-width: 479px) {
    .show-listing-box .show-listing .show-item {
        width: 50%;
    }
    .episodes-list > li{
        width: 50%;
    }
    .show-page .play-episode-seasons-left .show-item {
        width: 100%;
    }
    .catch-up-episodes .episodes-list > li{
        width: 100%;
    }

    .search-icon .dropdown-menu {
        width: 300px;
    }

    .play-episode-box .action-button .icon {
        margin-right: 10px;
    }

    .add-fav > .btn,
    .single-program-player .HeroSlider-info .action-button .btn,
    .HeroSlider-info .action-button .btn {
        margin-right: 5px;
    }
    .external-banner-area .btn-leaderboard-close.btn {
        position: relative;
        top: 0;
    }





    .btn_available {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }
    .ramadan_comm_sec .action-button a,
    .ramadan_comm_sec .action-button .btn_watch a {
        /* padding: 0 10px; */
    }
    .ramadan_comm_sec .program-info .icon {
        justify-content: center;
        width: 100%;
    }
    .ramadan_comm_sec .action-button .close a {
        margin-right: 5px;
    }
}


@media screen and (max-width: 345px) {
    .g-recaptcha > div {
        transform: scale(0.9) translateX(-10px);
    }



    /* START RAMADAN CALENDER */
    .program-info {
        padding-left: 15px;
        padding-right: 15px;
    }
    .timing span {
        font-size: 16px;
        margin-right: 10px;
    }
    .year {
        max-width: 60px;
    }
    .ramadan_comm_sec .HeroSlider .item .HeroSlider-img {
        max-height: 480px;
        min-height: 480px;
    }
    .ramadan_comm_sec .slider-caption {
        padding-top: 480px;
    }
    /* END RAMADAN CALENDER */
}

@media (max-width: 768px) {
    #Leaderboard{
        min-height: 50px;
    }
}