@media screen and (min-width:1600px) {
	.kids_banner .HeroSlider .HeroSlider-info{
		bottom: 360px;
	}
	.kids_banner .HeroSliderNav{
		bottom: 120px;
	}
}

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

	.header .left-menu .logo{
		margin-left: 40px;
	}
}
@media screen and (max-width:1600px) {

	.navbar > ul > li > a {
		font-size: 16px;
	}
    .navbar > ul > li{
    	margin:0 5px;
    }
    .navbar > ul > li > a{
        padding: 2px 5px;
    }
    .top-img img {
    	max-width: 36px;
	}
	.photos-week-carousel .items {
		padding: 0 30px;
	}
	.photo-title {
		font-size: 25px;
	}
	.photo-desc p {
		font-size: 22px;
	}
	.latest-photos-sec {
		padding: 0 100px;
	}
	.watching-now .items.has-details .details h3{
		font-size: 16px;
        line-height: 24px;
	}
    /*.audio-listing.watching-now .items.has-details .details h3{*/
    /*    line-height: 50px !important;*/
    /*}*/
	.footer-menu ul li a{
		font-size: 18px;
	}
	.avatar_popup .btn_wrap {
		margin-top: 8px;
	}
}

@media screen and (max-width: 1400px) {
	.navbar > ul > li {
        margin: 0 2px;
    }
	.navbar > ul > li > a {
      font-size: 13px;
    }
	.header .left-menu {
		width: calc(100% - 370px);
	}
	.top-img.kids-top-img {
		width: 48px;
	}


}

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

	.advanced_movie_slider .show-item .items,
	.advanced_movie_slider .show-item .items:hover {
		width: 100%;
	}
    .five-slider.owl-carousel .owl-item > li,
    .five-slider.owl-carousel .owl-item > div,
    .four-slider.owl-carousel .owl-item > li {
        width: 210px;
    }

	.movies .vertical_thumbnails {
		display: none;
	}

	.advanced_movie_slider.show-listing-box .movies .show-item .img-wrappper,
	.show-item .img-wrappper {
		max-height: unset;
		min-height: unset;
		padding-top: 142%;
	}

	.advanced_movie_slider.show-listing-box .img-wrappper img {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
	}
	.photo-week-sec {
		padding-top: 70px;
	}
	.latest-photos-sec {
		padding: 0 70px;
	}
	.photos-week-carousel .owl-prev {

		top: 25%;
	}
	.photos-week-carousel .owl-next {

		top: 25%;
	}
	.photo-title {
		font-size: 22px;
	}
	.photo-desc p {
		font-size: 14px;
	}
	.latest-photos-sec {
		padding: 0 40px;
	}
	.latest-photos-sec .tab-menu ul li {
		margin-left: 70px;
	}
	.latest-photos-sec .tab-menu ul li:last-child{
		margin-left: 0;
	}
	.latest-photos-sec .tab-menu ul li a {
		font-size: 25px;
	}
	.latest-photos-sec .tab-menu {
		margin-top: 90px;
	}
	.photos-more .items {
		padding: 0 0;
	}
	.profile-main .profile-des {
		max-width: 69%;
	}
	.audio-listing > .items{
		width: 25%;
	}
	.footer-menu ul li.footer_logo a {
    	padding: 0 20px;
	}
	.footer-menu ul li {
	    padding-left: 16px;
	    margin-left: 16px;
	}
	.footer-menu ul li a{
		font-size: 14px;
	}
	.footer-menu ul li.footer_logo a img{
		max-width: 110px;
	}
	.podcast_player_inner .close {
	    top: -28px;
	    right: 0;
	}
	.header .left-menu {
		width: calc(100% - 330px);
	}
	.header .left-menu .logo {
		margin-left: 28px;
	}
	header .right-inner > * + * {
		margin-right: 8px;
	}
    .HeroSlider-info .inner_wrap .desc{
        max-width: 500px;
    }
	.movies.slider .movie_listing .items {
    	width: 25%;
	}
}

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

	:root {
        --f20: 16px;
        --f18: 16px;
    }
	h1{
		font-size: 34px;
	}
	.sd-banner-content .banner-top-title h1 {
    	line-height: 48px;
	}

	.menu-open{
		overflow: hidden;
	}
	.first-section {
    	padding-top: 20px;
	}
    .btn{
        font-size: 14px;
        line-height: normal;
        padding: 1px 15px;
        min-height: 30px;
    }
    .banner-action-div > * + * {
    	margin-right: 6px;
	}
	.banner-action-div .btn_share {
	    margin-left: 6px;
	}
	.main-wrapper {
    	padding-top: 120px;
	}
	.header-top p {
		font-size: 14px;
	}
	.header .header-row{
		padding: 20px 0;
	}
	.header.fixed  .header-row {
    	padding: 18px 0;
	}
	.header .left-menu {
		width: 180px;
		align-items: center;
	}
	.header .right-menu {
		width: calc(100% - 180px);
		display: flex;
		justify-content: flex-end;
	}



	.name-badge-widget>*+* {
		margin-right: 15px;
	}

	.left-menu .header-menu {
		position: fixed;
		height: 100%;
		top: 0;
		background: #000;
		margin: 0;
		left: 0;
		right: auto;
		width: 100%;
		overflow: auto;
		padding: 50px 15px 10px;
		transform: translateX(100%);
		transition: 0.5s all;
		max-width: 100%;
	}
	.left-menu .header-menu::-webkit-scrollbar {
    	display: none;
	}

	.header-menu.is-active {
		transform: translateX(0);
	}

    header .right-inner {
        width: auto;
    }
    .navbar .sub-menu > li > a{
    	font-size: 14px;
    }

	.mobile_menu {
		display: block;
		margin-left: 20px;
		cursor: pointer;
		z-index: 1;
	}

	.header .left-menu .logo {
		z-index: 1;
		margin: 0;
	}

	.hamburger .line {
		width: 35px;
		height: 2px;
		background-color: var(--white);
		display: block;
		margin: 8px auto;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.mobile_menu.is-active .line:nth-child(1) {
		-webkit-transform: translateY(13px) rotate(45deg);
		-ms-transform: translateY(13px) rotate(45deg);
		-o-transform: translateY(13px) rotate(45deg);
		transform: translateY(13px) rotate(45deg);
	}

	.mobile_menu.is-active .line:nth-child(2) {
		opacity: 0;
	}

	.mobile_menu.is-active .line:nth-child(3) {
		-webkit-transform: translateY(-7px) rotate(-45deg);
		-ms-transform: translateY(-7px) rotate(-45deg);
		-o-transform: translateY(-7px) rotate(-45deg);
		transform: translateY(-7px) rotate(-45deg);
	}
	.navbar .sub-menu{
		position: static;
		margin-top: 10px;
	}

	header .navbar>ul {
		display: block;
		margin: 0;
	}

	header .navbar>ul>li {
		margin: 0 0 18px;
	}

	.left-menu .navbar {
		width: 100%;
		max-width: 100%;
		padding-top: 60px;
	}
    .footer {
        padding: 30px 0 50px;
    }
    .footer-menu ul li a,
    .contact-us a,
    .copyright p{
        font-size: 15px;
    }

    .footer-menu ul {
        position: relative;
        padding-top: 180px;
    }
    .footer-menu ul li.footer_logo {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
    }
    .footer-menu ul li.footer_logo::before{
        display: none;
    }
    .footer-menu ul li.footer_logo img {
        max-width: 130px;
    }
    .footer-menu ul li {
        padding-left: 9px;
        margin-left: 9px;
    }
    .name-badge-widget h1{
    	font-size: 36px;
    	display: block;
    }
    .name-badge-widget .category-type {
    	margin: 10px 0 0;
	}
    .HeroSlider .HeroSlider-img::before{
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        background-image: url(../images/sd-overlap.png);
        top: auto;
        bottom: -1px;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 2;
    }
    .HeroSlider .HeroSlider-info{
    	bottom: 0;
        z-index: 11;
        position: relative;
        margin-top: -24%;
    }
    .kids_banner .HeroSlider .HeroSlider-info{
    	margin-top: -32%;
    	bottom: 0;
    }
    .kids_banner .slider-banner .HeroSliderNav{
    	position: static;
    }
    .banner-action-div{
    	margin-top: 0;
    }
    .HeroSlider .owl-dots{
    	bottom: 0;
    }
    .HeroSlider-info p,
    .HeroSlider-info .desc p{
    	font-size: 16px;
    }
    span.new-arrival{
        font-size: 16px;
        padding: 2px 20px;
    }
    .sec_title {
        margin-bottom: 18px;
    }
    .sec_title h2{
        font-size: 18px;;
    }
    .audio-listing .card{
        padding: 15px;
    }
    .banner-action-div .common_icon_box,
    .featur-slide .common_icon_box.wishlist,
    .featur-slide .mute-icon-handler{
		height: 30px;
		width: 30px;
    }
	.banner-action-div .common_icon_box.coming_soon_btn {
		min-height: 30px;
		min-width: 88px;
	}
    .video_col_btn_wrap .banner-action-div .common_icon_box{
    	height: 46px;
    	width: 46px;
    }
    .featur-slide .action-button .mute-icon-handler{
    	margin-right: 5px;
    }
    .featur-slide .new-thumbnails-img-show-btn.common_icon_box{
    	margin-right: 5px;
    }
    .mute-icon-handler img{
    	display: block;
    	width: 100%;
    	max-width: 18px;
    }
  /*  .common_icon_box img{
    	max-width: 10px;
    }*/
    .input-field input{
    	font-size: 14px;
    	padding: 1px 15px;
    	min-height: 36px;
    }
	.photos-more .items {
		padding: 0 15px;
		margin-bottom: 60px;
	}
	.profile_page .mt-220 {
		margin-top: 190px;
	}
	.show-item-box .img-wrap {
    	width: 40%;
	}
	.show-item-box .show-left{
		width: calc(100% - 40%);
	}
	.show-item-box .show-item-innner{
		padding: 20px;
	}
	.broadcast_card .info h2{
		font-size: 16px;
	}
	.show-item-box .show-left h2{
		font-size: 18px;
	}
	.show-item-box .show-left .show_time{
		font-size: 14px;
	}
	.show-item-box .show-name h2{
		font-size: 18px;
	}
	.catchup-carousel.owl-carousel {
    	padding-left: 10px;
	}
	.catchup-item .text_content h2{
		font-size: 16px;
	}
	.catchup-item .text_content span{
		font-size: 14px;
	}
	.catchup-item .text_content {
    	margin-top: 8px;
	}
	.tab-menu ul li{
		margin-left: 40px;
	}
	.tab-menu ul li a{
		font-size: 18px;
	}
	.epg_timeline_wrap{
	    width: calc(100% - 140px);
	}
	.epg_live_show{
		max-width: 140px;
	}
	.epg_top_sec .epg_item_box p{
		font-size: 16px;
	}
	.epg_item_box h3,
	.epg_item_box .title h2{
		font-size: 16px;
	}
	.watching-now .items.has-details .details h3{
		font-size: 16px;
	}
	.common-slider-list:not(.owl-carousel){
		margin: 0 -8px;
	}
	.common-slider-list > .items {
    	width: 33.33%;
    	padding: 0 8px;
	}
	.watching-now .common-slider-list > .items.has-details .details {
    	width: calc(100% - 16px);
	}
	.simple-auth-sec{
		padding: 20px 0 40px;
	}
	.categorie-wrapper .catchup-listing > .catchup-item{
		width: 25%;
	}
	.categorie-sec {
    	padding-top: 0;
	}
	.photos-more {
    	margin: 0 -10px;
	}
	.photos-more .items {
    	width: 25%;
    	padding: 0 10px;
	}
	.mt-220 {
    	margin-top: 20px;
	}
	.show_sec .HeroSlider .HeroSlider-info,
	.show-details-sec.radio_show .sd-banner-content {
        bottom: 0;
        z-index: 11;
        position: relative;
        margin-top: -24%;
    }
    .show-details-banner {
/*    	overflow: hidden;*/
    	padding-bottom: 50px;
	}
    .show_sec .banner-bottom-details{
    	margin-top: 0;
    }
    .wrapper-dropdown span{
    	line-height: 36px;
    }
    .show_sec .wrapper-dropdown .dropdown,
    .radio_show .wrapper-dropdown .dropdown{
    	background-color: #333334;
    }
    	div.mfp-image-holder .mfp-content{
		width: calc(100% - 100px);
	}
	.episode_content_box{
		width: calc(100% - 260px);
	}
	.episodes_details_block .epissodes_img {
	    width: 260px;
	    padding: 20px;
	}
	.epissodes_img .coming-soon-tag{
		top: 30px;
    	right: 30px;
	}
	.podcast_ep_title h2{
		font-size: 24px;
	}
	.episode_info_box p{
		font-size: 16px;
	}
	.epissodes_desc p {
    	font-size: 16px;
	}
	.episode_info_box {
    	margin-top: 25px;
	}
	.audio-listing > .items {
        width: 33.33%;
    }
	.wrapper-dropdown .dropdown{
		background-color:#333334 ;
	}
	.more_episode_list{
		background-color: rgba(0, 0, 0, 0.7);
	    backdrop-filter: unset;
	}
	.banner-play-title{
		margin-top: 15px;
	}
	.video_info_inner h1{
		font-size: 38px;
	}
	.vid_info_col .season_name{
		font-size: 20px;
	}
	.vid_info_col span {
    	font-size: 18px;
    	line-height: 26px;
	}
	.bb-content {
    	font-size: 12px;
    	line-height: 135%;
    	width: 70%;
	}
	.show-details-sec.radio_show .sd-banner::before {
		position: absolute;
		content: "";
		height: 100%;
		width: 100%;
	    background-image: url(../images/sd-overlap.png);
	    top: auto;
	    bottom: -1px;
	    background-repeat: no-repeat;
    	background-size: cover;
    	z-index: 2;
	}
	.show-details-banner:after{
		display: none;
	}
	.show-details {
    	padding-top: 30px;
	}

	.watching-now .items.has-details .details{
		transform: unset;
	}
	.common-slider-carousel .items.has-details:hover > .featur-slide,
	.common-slider-carousel .items.has-details:hover > a{
		margin-top: 0;
	}
	.items.has-details:hover{
	    transform: scale(1.08);
	}
	.video_cover_image {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    height: 100vh;
	}
	.video_cover_image img{
		height: auto;
	}
	.broadcast-list .owl-item:hover .items.block-channels{
		transform: scale(1.1);
	}
	.common-slider-list .featur-slide:hover .f_show_img,
	.common-slider-list .catchup-item:hover .img_wrap{
		transform: scale(1.06);
	}
/*	.wrapper-dropdown span{
		white-space: unset;
	}*/
	.watching-now .items.has-details .details{
		padding: 0;
	}
	.watching-now .items.has-details:hover .details{
		background-color: unset;
	}
	.watching-now .progress-time{
		margin-top: 6px;
	}
	.watching-now .items.has-details .details h3{
		display: none;
	}
	.epg_timeline_aside{
		min-width: 140px;
		max-width: 140px;
	}
	.epg_bottom_sec .epg_swipe_wrapper {
    	max-width: calc(100% - 140px);
	}
	.epg_live_show.blank_div .epg_item_box_title h3{
		font-size: 16px;
	}
	.video-description:before{
		background-size: 100%;
		background-position: center center;
	}
	.rs-details-sec {
    	padding-top: 0;
	}
	.owl-carousel .owl-nav{
		top: -38px;
	}
	.owl-carousel .owl-nav button.owl-next,
	.owl-carousel .owl-nav button.owl-prev{
	 	background-size: 12px;
	 	height: 20px;
	 	width: 20px;
	 }
	 .owl-carousel .owl-nav button.owl-next{
	 	margin-left: 10px;
	 }
	 .video-col {
    	padding-bottom: 59.35%;
	}
/*	.search_list{
		max-height: calc(100dvh - 170px);
	}*/
	.show-details-btn .btn:hover{
		background: var(--primary);
		border-color: var(--primary);
		color: var(--white);
	}
	.show-details-sec .categorie-filter {
    	margin-top: 20px;
	}
	.top-img{
		top: -8px;
	}
	.top-img img {
        max-width: 28px;
    }
    .search_list.audio-listing > .search-item{
    	width: 33.33%;
    }


	.kids-hero-banner .HeroSlider .HeroSlider-img > a::before {
		display: block;
		top: 71%;
		height: 30%;
	}

	.hero-section.kids-hero-banner {
		margin-bottom: 0;
	}
	.kids-hero-banner + section::before {
		top: -56px;
		height: 100%;
	}
	.robot-wrapper {
		bottom: 0px;
		left: 20px;
		max-width: 13%;
	}
	.name-badge-widget .sub-title {
		font-size: 18px;
	}
	.kids-mode .play-progress {
	  margin-top: 8px;
	}
	.user_profile_wrapper .manage-progile-item.profile_item .avatar-img-wrap {
		flex-wrap: wrap;
	}
	.manage-progile-item .avatar_img .doodle-box {
		opacity: 1;
		visibility: visible;
		position: relative;
		inset: unset;
	}
	.user_profile_wrapper .profile_img.active, .user_profile_wrapper .profile_img:hover, .user_profile_wrapper .profile_item .avatar-img-wrap.active, .user_profile_wrapper .profile_item .avatar-img-wrap:hover, .avatar_popup_list .avatar_img .avatar-img-wrap.active, .avatar_popup_list .avatar_img .avatar-img-wrap:hover {
		transform: scale(1);
	}

    .HeroSlider-info .inner_wrap .desc{
        max-width: 400px;
    }

	.slider-banner {
    	border-radius: 18px;
	}
	.show-details-sec #InnerHeroSlider .HeroSlider-img {
		border-radius: 18px;
	}

}

@media screen and (max-width: 991px) {
	.photos-week-carousel .items {
		padding: 0 20px;
	}
	.photos-week-carousel .owl-prev {
		top: 21%;
		right: -7px;
	}
	.photos-week-carousel .owl-next {
		top: 21%;
		left: -7px;
	}
	.photo-title {
		font-size: 20px;
	}
	.photo-desc p {
		font-size: 12px;
	}
	.latest-photos-sec .tab-menu ul li a {
		font-size: 20px;
	}
	.photo-item {
		width: 33.33%;

	}
	.photos-week-carousel .owl-next {
		top: 40%;
		left: -7px;
	}

	.auth-sec-inner{
		padding: 30px 15px 40px;
	}
	.form-wrap h3{
		font-size: 18px;
		margin-bottom: 28px;
	}
	.account-link {
    	margin-top: 50px;
	}
	.movies.slider .movie_listing .items {
    	width: 33.33%;
	}
}

@media screen and (max-width: 767px) {
	:root {
	    --f45: 30px;
	    --f35: 26px;
	    --f25: 18px;
	    --f20: 16px;
	    --f18: 14px;
	}
	h1 {
      font-size: 24px;
    }
	.header .left-menu .logo {
    	max-width: 50px;
	}
	.header.fixed .left-menu .logo {
		max-width: 50px;
	}
	header .right-inner > * + * {
		margin-right: 4px;
	}
	.header .left-menu {
		width: 100px;
	}
	.header .right-menu {
		width: calc(100% - 100px);
	}
	.mobile_menu {
		margin-left: 8px;
	}
	.hamburger .line {
		width: 24px;
		margin: 6px auto;
	}
	.mobile_menu.is-active .line:nth-child(1) {
		-webkit-transform: translateY(8px) rotate(45deg);
		-ms-transform: translateY(8px) rotate(45deg);
		-o-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
	}
	.mobile_menu.is-active .line:nth-child(3) {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		-ms-transform: translateY(-8px) rotate(-45deg);
		-o-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
	}
	h1{
		font-size: 22px;
	}
	.sd-banner-content .banner-top-title h1 {
		line-height: 36px;
		font-size: 18px;
		line-height: 130%;
	}
	.show-details-banner .sd-banner{
		border-radius: 16px;
	}
	section {
		padding-bottom: 35px;
	}

	.sec_title {
		margin-bottom: 15px;
	}

	.sec_title h2 {
		font-size: 16px;
	}

	.HeroSliderNav {
		padding-left: 40px;
	}

	span.new-arrival {
		font-size: 14px;
		padding: 2px 18px;
	}

	.hero-section.homepage_banner{
        display: none;
    }
    .hero-section.homepage_banner.mobile_home_page_banner {
        display: block;
    }

	.HeroSlider .HeroSlider-img {
		padding-top: 160%;
	}
	.kids_banner .HeroSlider .HeroSlider-img {
		padding-top: 156%;
	}
	.hero-section.kids_banner + .common-slider-sec {
		margin: 50px 0 0;
	}
	.hero-section::before{display: none;}
	.HeroSlider .HeroSlider-img::before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        background-image: url(../images/sd-overlap.png);
        top: auto;
        bottom: -1px;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 2;
    }

	.hero-section.homepage_banner .HeroSlider .HeroSlider-info {
        bottom: 20px;
        z-index: 11;
        position: relative;
        margin: 0;
        height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin: 0;
        margin-top: -28%;
		padding: 0 15px;
	}


	span.badge {
		font-size: 14px;
		padding: 2px 20px;
	}

	.name-badge-widget h1 {
		font-size: 25px;
		display: block;
	}
	.name-badge-widget .category-type {
    	margin: 10px 0 0;
	}

	.HeroSlider-info p,
	.HeroSlider-info .desc p {
		font-size: 16px;
	}

	.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: 219px;
	}

	.audio-listing.audio-carousel {
		padding-left: 40px;
	}

	.audio-listing .card {
		padding: 12px;
		border-radius: 8px;
	}

	.top-img {
		top: -6px;
		left: 0;
	}

	.top-img img {
		max-width: 36px;
	}

	.footer_bottom {
		display: block;
		padding-top: 20px;
		text-align: center;
	}

	.social-links {
		margin: 20px 0;
		padding: 0;
		border: none;
	}

	.contact-us {
		text-align: center;
	}

	.footer-menu ul li a,
	.contact-us a,
	.copyright p {
		font-size: 14px;
	}

	.copyright {
		text-align: center;
	}

	.social-links ul {
		justify-content: center;
	}

	.footer-menu ul li.footer_logo a img {
        max-width: 80px;
    }

	.footer-menu ul {
		display: block;
		column-count: 2;
		padding-top: 140px;
		position: relative;
	}

	.footer-menu ul li.footer_logo {
		position: absolute;
		top: 0;
		margin: 0;
		padding: 0;
		border: none;
		left: 0;
		right: 0;
		margin: 0 auto;
		text-align: center;
	}

	.footer-menu ul li.footer_logo img {
		max-width: 100px;
	}

	.footer-menu ul li {
		margin: 0 0 25px;
		padding: 0;
		border: none;
		text-align: center;
	}

	.footer-menu ul li::before {
		display: none;
	}

	.footer {
		padding: 30px 0 60px;
	}
	.top-img {
		width: 20px;
	}
	.top-img img {
    	max-width: 20px;
	}
	.photos-week-carousel .owl-next {
		top: 40%;

	}
	.photos-week-carousel .owl-prev {
		top: 40%;

	}
	.photo-item {
		width: 50%;
	}
	.latest-photos-sec {
		padding: 0 30px;
	}
	.photos-carousel .items {
		padding: 0 8px;
	}
	.photos-carousel .photo-title {
		font-size: 12px;

	}
	.profile_page .mt-220 {
		margin-top: 155px;
	}
	.profile-main {
		justify-content: center;
		align-items: center;
		flex-direction: column;
		gap: 15px;
	}
	.profile-main .profile-des {
		max-width: 100%;
		text-align: center;
	}
	.profile-main .photo-title {
		text-align: center;
	}
	.profile-main .img_wrap.photos-round {

		max-width: 30%;
		padding-top: 30%;
	}
	.audio-listing {
    	margin: 0 -10px;
	}
	.audio-listing > .items {
	    width: 33.33%;
	    padding: 0 10px;
	    margin-bottom: 15px;
	}
	.audio-listing .sec_title{
		display: block;
	}
	.common-slider-sec.audio-listing .sec_title{
		display: flex;
	}
	.common-slider-sec.audio-listing .sec_title h2{
		margin-bottom: 0;
	}
	.audio-listing .sec_title h2{
		margin-bottom: 25px;
	}
	.broadcast_card .info h2{
		font-size: 14px;
	}
	.show-item-box{
		width: 100%;
		margin-bottom: 20px;
	}
	.show-item-box .image-txt-wrap{
		display: block;
	}
	.show-item-box .img-wrap{
		width: 100%;
		margin-bottom: 15px;
	}
	.show-item-box .show-left{
		width: 100%;
		display: block;
	}
	.show-item-box .show-left h2{
		font-size: 20px;
	}
	.show-item-box .show-left .show_time{
		font-size: 14px;
	}
	.show-item-box .show-name h2{
		font-size: 16px;
	}
	.show-item-box .show-name {
    	margin-top: 10px;
	}
	.show-item-box .show-item-innner{
		padding: 30px 15px;
	}
	.tab-menu ul li{
		margin-left: 20px;
	}
	.tab-menu ul li a{
		font-size: 14px;
	}
	.epg_timeline_wrap{
		width: calc(100% - 140px);
	}
	.epg_live_show{
		max-width: 140px;
	}
	.epg_top_sec .epg_item_box p{
		font-size: 14px;
	}
	.epg_item_box_title h3{
		font-size: 14px;
	}
	.epg_bottom_sec .epg_swipe_wrapper {
    	max-width: calc(100% - 140px);
	}
	.epg_item_box h3,
	.epg_item_box .title h2{
		font-size: 14px;
	}
	.epg_timeline_aside{
		min-width: 140px;
		max-width: 140px;
	}
	.epg_nav_btns{
		position: static;
		margin-bottom: 15px;
	}
	.epg_nav_btns > a {
    	width: 20px;
    	height: 20px;
	}
	.epg_nav_btns img{
		width: 12px;
		height: auto;
	}
	.watching-now .items.has-details .details h3{
		font-size: 14px;
    	line-height: 24px;
	}
    /*.audio-listing.watching-now .items.has-details .details h3{*/
    /*    line-height: 50px !important;*/
    /*}*/
	.watching-now .items.has-details .details{
		transform: unset;
	}
	.search-carousel .items.has-details:hover > a{
		margin-top: 0;
	}
	.watching-now .items.has-details .details h3{
		display: none;
	}
	.sec_title .view-all img{
		max-width: 18px;
	}
	.video_widget_wrap .video_widget .widget_link{
		height: 40px;
		width: 40px;
	}
	.video_widget_wrap .video_widget .widget_link img{
		max-width: 20px;
	}
	.more_episode_list .img-wrap{
		max-width: 100%;
	}
	.more_episode_list .seasons-detail{
		max-width: 100%;
		padding: 0;
	}
	.video_top_row {
    	padding: 30px 0 15px;
	}
	.ss-back-btn img{
		max-width: 22px;
	}
/*	.video_inner_row{
		flex-direction: column-reverse;
	}*/
	.vid_info_col span{
		padding-left: 15px;
		margin-left: 15px;
	}
	.vid_info_col .season_name{
		font-size: 16px;
	}
	.vid_info_col span{
		font-size: 14px;
	}
	.more_episode_list{
		padding: 20px;
		max-height: calc(100vh - 100px);
		background-color: #262626;
		backdrop-filter: unset;
	}
	.more_episode_list .img-wrap img{
		height: 100%;
	}
	.wrapper-dropdown span{
		font-size: 14px;
		line-height: 28px;
	}
	.more-episode-listing .more_episode_wrapper{
		right: 60px;
		width: calc(100% - 60px);
	}
	.radio_show_model .close-btn, .show_details_model .close-btn {
		left: 40px;
	}

	.watching-now .progress-time .time-progress p {
		font-size: 14px;
	}

	.hero-section + .common-slider-sec {
/*		margin-top: -115px;*/
		margin-top: 0px;
	}

	.podcast_player_inner{
		padding: 15px;
		border-radius: 10px 10px 0px 0px;
		padding-top: 40px;
	}
	.podcast_player_img_wrap {
    	width: 90px;
	}
	.podcast_player_control {
        width: calc(100% - 90px);
        padding-left: 15px;
	}
	.podcast_player_control iframe{
		height: 66px;
	}
	.podcast_player_control p{
		position: absolute;
		top: 10px;
		padding-right: 35px;
	}
	.ep_name{
		margin-bottom: 15px;
	}
	.ep_name h3{
		font-size: 18px;
	}
	.player_control_wrapper{
		display: block;
	}
	.player_btn_wrap{
		justify-content: center;
	}
	.current-time, .duration-time{
		font-size: 18px;
	}
	.player_play_btn img{
		max-width: 20px;
	}
	.prev_show img, .next_show img{
		max-width: 22px;
	}
	.player_control{
		padding: 0;
	}
	.video_info_inner h1{
		font-size: 20px;
	}
	.video_info_inner{
		padding-right: 40px;
	}
	.video-season-wrap {
    	margin-bottom: 10px;
	}
	.video_info_inner p {
    	font-size: 14px;
    	line-height: 110%;
	}
	.episodes_details_block .epissodes_img{
		width: 100%;
		max-width: 120px;
		padding: 15px;
	}
	.epissodes_img .coming-soon-tag{
		top: 20px;
    	right: 20px;
	}
	.episode_content_box {
		margin-top: 10px;
	    width: 100%;
	    padding-right: 0;
	    max-width: 100%;
	}
	.podcast_ep_title h2{
		font-size: 22px;
	}
	.epissodes_desc p {
    	font-size: 14px;
	}
	.audio-episode-item{
		width: 100%;
	}
	.audio-episode-inner {
    	border-radius: 10px;
    	padding: 10px 15px 10px 120px;
	}
	.audio-episode-inner > a{
		width: 100%;
	}
	.episode_info_box p span,
	.rating_star_main span{
		max-width: 90px;
        min-width: 90px;
        padding-left: 15px;
	}
	.audio-episode-inner .banner-action-div .common_icon_box:last-child {
    	margin-right: 10px;
	}
	.audio-episode-inner .banner-action-div .common_icon_box img {
    	max-width: 14px;
	}
	.categorie-wrapper .catchup-listing {
    	margin: 0 -5px;
	}
	.categorie-wrapper .catchup-listing > .catchup-item{
		width: 50%;
		padding: 0 5px;
		margin-bottom: 15px;
	}

	form#contact_us_form {
    	padding: 0 10px;
	}

    .col-md-3 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	.col-md-4 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.col-md-5 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.col-md-6 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.show_sec .HeroSlider .HeroSlider-info,
	.show-details-sec.radio_show .sd-banner-content{
		bottom: 30px;
        z-index: 11;
        position: relative;
        margin: 0;
        padding: 0 15px;
		right: 0;
	}
	.show-details-sec.radio_show .sd-banner::before {
		position: absolute;
		content: "";
		height: 100%;
		width: 100%;
	    background-image: url(../images/sd-overlap.png);
	    top: auto;
	    bottom: -1px;
	    background-repeat: no-repeat;
    	background-size: cover;
    	z-index: 2;
	}
	.show-details-banner:after{
		display: none;
	}
	.faq-wrapper h1{
        font-size: 20px;
    }
    .accrodion-item .accrodion-title{
        font-size: 16px;
        padding: 12px 0;
        padding-left: 26px;
    }
    .accrodion-content h3{
        font-size: 14px;
    }
    .accrodion-content p{
        font-size: 14px;
    }
    .video-col .iframe-audio {
		width: 100%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	.common-slider-carousel .items.has-details:hover > a{
		margin-top: 0;
	}
	.items.has-details:hover{
		transform: unset;
	}
	.watching-now .items .details{
		padding: 0 10px 10px;
	}
	.watching-now .items.has-details:hover .details{
        border-radius: 0 0 12px 12px;
	}
	.custom-modal-inner .form-group .row{
		display: block;
	}
	.form-group .iti{
		display: block;
	}
	.iti__country-list .iti__country {
        display: flex;
        align-items: center;
        text-align: left;
        align-items: center;
        direction: ltr;
        justify-content: flex-end;
        flex-direction: row-reverse;
    }
	.iti__country-list span.iti__country-name {
        /* width: calc(100% - 50px); */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .custom-modal-inner{
    	padding: 30px 20px;
    }
    .custom-modal-inner .title{
    	margin: 0 0 20px;
    }
    .featur-slide .action-button{
    	right: 10px;
    }
    .show_sec .banner-bottom-details {
    	margin-top: 10px;
	}
	.wrapper-dropdown::before{
		width: 16px;
	    background-size: 16px;
	}
	.banner-play-title{
		justify-content: unset;
	}
	.HeroSlider-info .banner-play-title .play-btn .play-add {
    	margin: 0 6px;
	}
	.wrapper-dropdown .dropdown{
		background-color:#333334 ;
	}
	.wrapper-dropdown .dropdown li{
		font-size: 14px;
	}
	.wrapper-dropdown.active::before{
		margin-top: -10px;
	}
	.search_list > .search-item{
		width: 50%;
	}
	.common-slider-list > .items{
		width: 50%;
	}
	.episode_info_box {
    	margin-top: 30px;
	}
	.phototgrapher-page h3{
		margin-bottom: 30px;
	}
	div.mfp-image-holder .mfp-content{
		width: calc(100% - 100px);
	}
	.mfp-wrap{
		height: 100% !important;
	}
	.wrapper-dropdown .dropdown{
		max-height: 275px;
	}
	.common_icon_box img{
		transition: unset;
	}
	.profile-wrap p{
		margin-bottom: 25px;
	}
	.latest-photos-sec .tab-menu ul li {
        margin-left: 40px;
    }
    .latest-photos-sec .tab-menu ul li a {
        font-size: 16px;
    }
    .tab-menu ul{
    	padding-bottom: 3px;
    	border-bottom: 4px solid #505050;
    }
    .tab-menu ul li a.active:before{
    	height: 4px;
    	bottom: -8px;
    }
    .catchup-sec .tab-menu ul li a.active:before{
    	height: 7px;
    	bottom: -16px;
    }
    .show-details-banner{
    	padding-bottom: 0;
    }
    .bb-content {
      font-size: 16px;
      width: 100%;
    }
    .show-details {
    	padding-top:0px;
	}
	.video_inner_row .ss-back-btn{
		text-align: left;
	}
	.btn_share ul.social-share{
    	background-color: #262626;
    }
	.btn_share ul.social-share{
		right: 48px;
	}
	div.mfp-title h3{
		font-size: 20px;
	}
	.mfp-bottom-bar .popup-title h6{
		font-size: 16px;
	}
	.watching-now .items.has-details:hover .play-progress{
		max-width: calc(100% - 60px);
	}
	.items.has-details:hover .progress-time .time-progress {
    	max-width: 60px;
	}
	.watching-now .items.has-details:hover .details{
		background-color: unset;
	}
	.watching-now .progress-time{
		margin-top: 6px;
	}
	.watching-now .play-progress{
		padding: 0;
	}
	.input-filed select{
		background-position: 12px center;
		padding-left: 30px;
	}
	.video_cover_image {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    height: 100vh;
	}
	.video_cover_image img{
		height: auto;
	}
	.broadcast-list .owl-item:hover .items.block-channels{
		transform: scale(1.1);
	}
	/*.podcast_player{
		z-index: 99;
	}*/
	.video-description:before{
		background-size: 100%;
	}
	.tab-main-box .catchup-wrap > .catchup-listing > .catchup-item{
	    width: 158.75px;
	    margin-left: 10px;
	}
	.video_player.catchup_video {
    	margin-top: 84px;
	}
	.video_player{
		padding-bottom: 56.35%;
	}
	.show-details-btn {
        margin: 30px 0 40px;
    }
    .kids_banner .slider-banner .HeroSliderNav{
    	position: static;
    	margin-top: -70px;
    }
    .search_list.audio-listing > .search-item{
    	width: 33.33%;
    }
    .video_page #MrAccessInHand, .video_page div#DeafServicePlace {
    	bottom: 75px;
	}
	.video_col_btn_wrap {
	    left: 5px;
	    right: auto;
	    top: 10px;
	}
	.video_col_btn_wrap .banner-action-div .common_icon_box {
	    height: 33px;
	    width: 33px;
	}
	.video_col_btn_wrap .banner-action-div{
		margin-right: 12px;
	}
	.video-col .live-badge{
		font-size: 12px;
		padding: 5px 12px;
	}
	.categorie-filter .wrapper-dropdown{
		display: block;
		margin-bottom: 15px;
		max-width: 320px;
	}
	.categorie-sec .sec_title{
		display: block;
	}
	.categorie-sec .sec_title h2{
		margin-bottom: 15px;
	}
	.categori_toggle_btn{
		text-align: left;
	}
	.categori-dropdown-wrap{
		padding-left: 0;
	}
	.inner_profiler_wrap h2.title{
		font-size: 22px;
    	margin: 0 auto 30px;
	}

	.right-inner a.head-link {
		min-width: 30px;
		height: 30px;
	}
	.right-inner .btn-exit a.head-link {
		/* width: 30px; */
		text-indent: -1100px;
		padding: 7px;
	}
	.right-inner .btn-exit a.head-link img {
	    transform: scale(1.6);
	    top: -16px;
	}
	.right-inner .btn-kids a.head-link {
		font-size: 12px;
/*		padding: 0 7px;*/
	}
	.search-field.input-field {
		max-width: 30px;
	}
	.search-field.input-field input {
		padding-left: 13px;
	}
/*	.user_profile_wrapper .profile_item {
		max-width: 116px;
	}*/
	.avatar_img .doodle-box .edit-icon {
		padding: 6px 14px;
	}
	.avatar_img .doodle-box div.edit-icon img {
		width: 14px;
		height: 14px;
	}
	.avatar_img .doodle-box a .pop-title {
		font-size: 10px;
		bottom: 7px;
	}
	.avatar_popup_list {
		padding: 15px 8px;
	}
	.avatar_popup_list .avatar_img {
		/*max-width: 33.33%;*/
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.manage-progile-item .avatar-img-wrap .avatar-img-box img,
	.user_profile_wrapper .profile_img, .user_profile_wrapper .profile_item .avatar-img-wrap, .avatar_popup_list .avatar_img .avatar-img-wrap {
		border: 2px solid transparent;
	}
	.robot-wrapper {
		bottom: 20px;
		left: 15px;
		max-width: 90px;
	}
	.name-badge-widget .sub-title {
		font-size: 16px;
	}
	.user-icon .dropdown-menu{
		left: 0;
		right: auto;
	}
	.user_profile_wrapper .profile_item .avatar-img-wrap .edit-icon{
		opacity: 1;
		visibility: visible;
	}
	.HeroSlider .HeroSlider-img > a::before{
		top: 2px;
	}
	.hero-section.kids_banner {
    	margin-bottom: -30px;
	}
	.kids_banner + section {
    	z-index: unset;
	}
	.kids_banner + section::before {
	    top: -152px;
	    z-index: -1;
	}
	.HeroSlider-info .sd-banner-content {
    	padding: 0;
	}
	.kids-popup .modal-content {
	    max-width: 195px;
	    right: 6%;
	    top: 40%;
	}
	.kids-popup .modal-content h2 {
	    font-size: 22px;
	    line-height: 120%;
	    margin: 0 0 20px;
	}
	.kids-popup .close-modal {
		height: 50px;
		width: 50px;
		right: 10%;
		left: auto;
		top: 20%;
	}
	body.kids-mode{
		background-size: cover;
	}
	.footer_bottom .contact-us{
		display: inline-flex;
	}

	.user_profile_wrapper{
		justify-content: center;
	}
	.user_profile_wrapper .profile_item {
		padding: 0 10px;
		max-width: 170px;
	}
	.user_profile_wrapper .profile_item .avatar-img-box {
		height: 150px;
		width: 150px;
	}
	.user_profile_wrapper .profile_item.add_user .profile_img{
		width: 150px;
	}
	.user_profile_wrapper .profile_item.add_user .profile_img img {
		height: 150px;
		max-width: 150px;
	}
	a.common_icon_box.widget_item.reminder_btn {
		min-width: 126px;
		font-size: 14px;
		top: 20px;
		right: 20px;
		min-height: 38px;
		padding: 4px 15px;
	}
	.HeroSlider-info a.common_icon_box.widget_item.reminder_btn{
		max-width: 94px;
		margin-right: 0;
	}
	.episodes_details_block .episode_content_box a.common_icon_box.widget_item.reminder_btn {
		min-height: 30px;
		min-width: unset;
	}
	.show-details-sec .banner-tags .b-tag {
		padding-left: 10px;
		padding-right: 10px;
	}
	.register-now-modal .custom-model-wrap {
    	padding: 22px 20px;
	}
	.register-now-modal .pop-up-content-wrap h2{
		font-size: 18px;
	}
	.register-now-modal .pop-up-content-wrap p{
		font-size: 16px;
	}
	.register-now-modal .pop-up-content-wrap ul li{
		font-size: 14px;
	}
	.register-now-modal .pop-up-content-wrap .btn_wrap {
    	margin-top: 15px;
	}
	.signature-box {
    	padding: 30px 15px;
	}
	#signature-pad{
		margin-bottom: 0;
	}
	.close-btn{
		background-size: 18px auto;
	}

}

@media screen and (max-width: 575px) {
	div[style*="z-index: 2000000000;"] {
    	transform: scale(0.8);
	}
	.kids-popup .modal-content {
    	max-width: 135px;
    	right: 8%;
	}
	.kids-popup .close-modal {
	    height: 40px;
	    width: 40px;
	    left: auto;
	    top: 14%;
	}
	.movies.slider .movie_listing .items {
    	width: 50%;
	}

}

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

	.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: 152px;
	}
	.photos-week-carousel .owl-prev {
		top: 36%;
	}
	.photos-week-carousel .owl-next {
		top: 36%;
	}
	.photo-week-sec {
		padding-top: 55px;
	}
	.latest-photos-sec .tab-menu {
		margin-top: 75px;
	}
	.photo-item {
		width: 100%;
	}
	.photos-more .items {
		margin-bottom: 30px;
	}
	.audio-listing {
    	margin: 0 -5px;
	}
	.audio-listing > .items {
	    width: 50%;
	    padding: 0 5px;
	}
	.common-slider-list > .items {
    	width: 100%;
	}

    .common-slider-carousel.owl-carousel{
    	padding-left: 0;
    }

    .upload-photo .text-input {
        width: calc(100% - 100px);
        margin-left: 20px;
        min-width: unset;
    }

    .audio-episode-inner{
    	padding: 10px 15px 10px 110px;
    }
    .episode-name h3{
    	font-size: 12px;
    }
    .phototgrapher-page .register-form .col-3 div.input-filed:first-child{
    	max-width: 100%;
    }
    .phototgrapher-page .col-3 .input-filed:last-child{
    	max-width: 100%;
    }
    .episodes_details_block .epissodes_img{
    	max-width: 100%;
    }
    .podcast_ep_title h2 {
		font-size: 20px;
		line-height: 24px;
    }
    .podcast_player_img_wrap {
       width: 65px;
    }
    .podcast_player_control {
	    width: calc(100% - 65px);
	    padding-left: 10px;
	}
	.podcast_player_img_wrap .podcast_img{
		border-radius: 4px;
	}
	.search_list.audio-listing > .search-item{
    	width: 50%;
    }

	.kids-popup .bg_img {
		margin-inline: -15px;
	}
	.kids-popup .modal-content h2 {
		font-size: 14px;
		margin: 0 0 10px;
		padding-inline: 16px;
	}

}
@media (max-width: 385px) {
	.main-wrapper {
		padding-top: 140px;
	}
}
/* Desktop view (always expanded) */
@media (min-width: 769px) {
    .float-btn {
        padding: 12px 20px;
        justify-content: flex-start;
        min-width: auto;
    }
    .btn-text {
        display: inline-block;
    }
    .btn-icon {
        display: none;
    }
}