#main-wrap.series-page{ padding-top:0;}

#main-wrap.series-page  .banner-wrap .container{padding:80px 15px 50px; height:100%;}
.banner-wrap{ position:relative;  min-height:590px; }
.banner-img-wrap{ position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; z-index: 9;}
.banner-img-wrap:before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:transparent radial-gradient(closest-side at 80% 50%, #2D2D2D00 0%, #3a3a3a 150%) 0% 0% no-repeat padding-box;}
.banner-img-wrap img{position: absolute;top: 0; right: 0;overflow: hidden; height: 100%; z-index:-1;}

.banner-content{ max-width: 50%; position:relative; z-index: 10;;}
.series-name{ font-size:20px; line-height:20px; text-transform:uppercase; margin-bottom:8px;}
.series-name span{ font-weight:600;}
.text-white{color:#fff!important;}

.btn-with-icon.bg-transparent{ background:transparent; border:1px solid #fff; border-radius:20px;}
.you-can-also-listen-left h6{ display:inline-block; text-transform:uppercase; font-size:14px; line-height:16px; margin-right:10px; font-weight:300;}
.you-can-also-listen-left a{ margin-right:20px; color:#fff;}
.you-can-also-listen-left a span{max-width: 60px; font-size: 12px; line-height: 16px; display: inline-block;
vertical-align: middle;}
.you-can-also-listen-left a:hover, .you-can-also-listen-left a:focus{ color:#fff;}

.you-can-also-Listen-on-wrap{ position:absolute; bottom:15px; left:15px; right:15px; display:flex; flex-wrap:wrap; justify-content:space-between; max-width: 1170px; margin: 0 auto;padding: 0 15px; z-index: 10;}
.you-can-also-Listen-on-wrap .play-btn-wrap a{margin-top:0;}
.you-can-also-Listen-on-wrap .play-btn-wrap a.bg-transparent{ color:#fff;}
.you-can-also-Listen-on-wrap .play-btn-wrap svg.bi-share{ height:16px; width:16px; top:8px; left:15px;}
.you-can-also-Listen-on-wrap .play-btn-wrap a.bg-transparent:hover svg.bi-share{ left:calc(100% - 30px);}


.episodes-slider figure{ position:relative; border-radius:12px; margin-bottom:10px;}
.episodes-slider figcaption{ position:absolute; bottom:0; left:0; right:0; padding:20px;}
.episodes-slider img{ width:100%;}
.episodes-slider .video-min{ position:relative; text-align:left; margin-bottom:20px;}
.episodes-slider h2{font-size:110px; display:inline; line-height:109px; margin-bottom:0; padding:0;margin:0;
    color: #fff; font-weight: 700; line-height:80px;}
.episodes-slider .slick-slide{ opacity:0.3; position:relative; transition:all 0.6s;}
.episodes-slider .slick-slide:before{ content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,0.2); z-index:9999;}
.episodes-slider .slick-slide.slick-active{ opacity:1;}
.episodes-slider .slick-slide.slick-active:before{ z-index:0; background:transparent;}
.episodes-slider .slick-list{ padding:0 200px !important;}

.series-page .banner-wrap .image-dropdown .dropdown-toggle{ border-bottom: solid 28px #007bff;
  border-right: solid 28px #007bff;
  border-top: solid 28px transparent;
  border-left: solid 28px transparent;
  right: -15px;
  top: -20px;}
  .series-page .banner-wrap .image-dropdown .dropdown-toggle .three-dots:before{top: 20px; left: -8px;  color:#fff;} 

.series-page .dropdown .dropdown-menu1 li a{ background:#007bff;}

.all-episodes-wrap .filter{ position:relative; right:inherit; top:inherit; transform:inherit; float:right;}


.awp-contr-btn i{ color: #fff !important; width: 100% !important;}
.awp-controls-wrap div{ line-height:65px!important; text-align: center !important; }
.awp-info-close i.awp-icon-color{color: #fff !important;}
.awp-like-wrap{ width: 35px !important; padding-left: 16px !important; right:1% !important;}
.awp-controls-wrap .awp-like-wrap {top: 0;}
.awp-info-close{ top:3px !important; display: none;}


.banner-content h2{font-weight:400;}
.awp-player-holder{ background: rgba(0,0,0,0.8) !important;}
.awp-playback-toggle.awp-contr-btn img{ width:30px;}
.awp-volume-wrapper{right:6% !important;}
.awp-playback_rate { right: 12% !important;}
.awp-media-time-total { right: 17% !important;}
.awp-waveform-wrap{right: 23% !important;}



@media all and (max-width:1024px){
 .episodes-slider .slick-list{padding: 0 100px !important;}
 .episodes-slider h2{ font-size:80px; line-height:60px;}
 .episodes-slider .video-min{ margin-bottom:10px;}
 .banner-content{max-width: 100%;}
}

@media all and (max-width:990px){
 .episodes-slider .slick-list{padding: 0 50px !important;}
 .episodes-slider .slick-slide{ margin: 15px;}
 .episodes-slider  .slick-slide.slick-center{ opacity: 1;}
  .episodes-slider h2{ font-size:60px; line-height:45px;}
  .you-can-also-listen-left a{margin-right: 5px;}
  .you-can-also-listen-left h6{ display:block; margin-bottom:10px; margin-right:0;}
  .you-can-also-listen-right{ margin-top:15px;}  
  .you-can-also-Listen-on-wrap .play-btn-wrap svg.bi-share{ left: 10px;}

  .banner-wrap{ min-height:550px;}
  .banner-img-wrap:before{ background: rgba(0,0,0,0.3);} 
  .banner-content .episode-number{color:#fff; display:inline-block; font-size:15px; line-height:inherit;}

}

@media all and (max-width:767px){
.banner-wrap{ min-height: inherit; margin-bottom: 200px;}
#main-wrap.series-page .banner-wrap .container{ padding:20px 15px 20px;}
.you-can-also-listen-left a span{ max-width:40px; font-size:8px; line-height:8px;}
.you-can-also-Listen-on-wrap{position: relative;bottom: 0; left: 0; right: 0; padding: 0; margin: 25px 0 25px;} 
.you-can-also-Listen-on-wrap .play-btn-wrap svg.bi-share{ left: 10px; top:50%;}
.you-can-also-listen-right{ margin-top:0px;}  

.awp-contr-btn-i,
.awp-playback-toggle, .awp-backward, .awp-forward, .awp-playback_rate, .awp-volume-wrapper, .awp-like-wrap{width:25px !important;}
.awp-playback-toggle, .awp-backward, .awp-forward{width:40px !important;}
.awp-playback-toggle img, .awp-backward img, .awp-forward img{ width: 100% !important;}
.awp-playback-toggle .awp-contr-btn-i{ font-size: 30px !important;}



.awp-playback_rate {right: 25% !important;}
.awp-volume-wrapper{ display:none;}

.awp-like-wrap{ width:35px!important; padding-left:17px !important;}
.awp-backward, .awp-forward, .awp-playback-toggle{ top:60px !important;}

.awp-backward {left:calc(50% - 20%) !important;}
.awp-playback-toggle{ left:calc(50% - 5px) !important;}
.awp-forward{ left:calc(50% + 15%) !important;}

.awp-waveform-wrap{left: 0 !important; right: 0 !important; top:-40px;}
.awp-media-time-total, .awp-media-time-current{ display:block !important; width: 30px !important;  top:10px !important;}

.awp-media-time-current{left:0 !important;}
.awp-media-time-total{right: 0 !important;}

.awp-info-close{ display: none;}

#player-wrapper{ position: absolute; left: 0; right: 0;}
.awp-player-holder{ height:200px !important; border-radius:0 !important;}

.awp-playback_rate, .awp-like-wrap{  bottom:-150px !important; top:inherit !important;}
.awp-playback_rate{ left:calc(50% - 5%) !important;}
.awp-like-wrap{ left:calc(50% + 5%) !important;}


.fixed-palyer .awp-player-holder{height:70px !important;}
.fixed-palyer .awp-backward, .fixed-palyer .awp-forward, .fixed-palyer .awp-playback-toggle{top:8px !important;}
.fixed-palyer .awp-playback_rate{left:calc(50% - 33%) !important;}
.fixed-palyer .awp-like-wrap{left:calc(50% + 28%) !important;}
.fixed-palyer .awp-playback_rate, .fixed-palyer  .awp-like-wrap{bottom: -10px !important;}
.fixed-palyer .awp-playback-toggle, .fixed-palyer .awp-backward, .fixed-palyer .awp-forward{ width:25px !important;}

.episodes-slider .slick-slide:before{ display: none;}
.episodes-slider figure:before{content: ''; position: absolute; left: 0; right: 0; top: 0; background: rgba(255,255,255,0.2);
  z-index: 9999;}

  /*.banner-img-wrap img, .banner-img-wrap{position:relative;}*/
}