.poster-series{
    /* width: 100%; */
    height: 60vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    margin-left: auto;
  }
  .Watch-list-btn-episode{
    width: 40px !important;
    height: 20px !important;
    font-size: 12px !important;
  }
  .desc-btn{
     cursor: pointer;
  }
  .nav-style-2 button, .nav-style-3 button {
    top: -44px !important;
  }
  .season-list{
    width: 35% ;
    /* margin-left: 19rem; */
  }
  #seasons-content{
    height: 80vh;
    /* background-image: linear-gradient(to right, black 60%, transparent 100%); */
    margin-left: 2rem;
    position: absolute;
  }
  form{
    width: 100%;
  }
  .series-title{
    color: white;
    font-weight: 500;
    font-size: 2rem;

  }
  .series-desc{
    color: white;
    line-height: 1.3;
    font-weight: 600;
    margin-top: 1rem;
  }
  small{
    font-style: italic;
    color: rgb(255, 197, 17);
  }
  span{
    color: white;
  }
  sup {
    top: -0.8rem;
    font-size: 0.5rem !important;
    color: grey !important;
    border: 1px solid grey;
    border-radius: 10%;
    padding: 0.1rem;
}

 .form-control:focus {
  border-color: #ffc511;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,197,17,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,197,17,.6);
}

option:hover {
  background-color:  #ffc511;
}
.slick-track{
  margin-left:0 !important;
  margin-right: 0 !important;
}
@media (min-width: 316px) and (max-width: 767.98px){
  .season-list{
    width: 100% ;
    /* margin-left: 19rem; */
  }
  .poster-series {
    /* width: 100%; */
    height: 35vh;

}
#seasons-content {
  height: 35vh;
  margin-left: 2rem;

}
.small,small {
  font-size: .500em;
}
.series-desc{
  display: none;
}
.series-title{
  font-size: 20px;
}
sup {
  top: -0.5rem;
  font-size: 0.4rem !important;
  color: grey !important;
  border: 1px solid grey;
  border-radius: 10%;
  padding: 0.1rem;
}
}