vodi mobile nav

style.css

@media (max-width: 767.98px) {
.episode__player--next-episode, 
.episode__player--prev-episode {
    position: relative;
    display: block;
}

.single-episode-v3 .episode__player--arrows>*+*:before, 
.single-episode-v4 .episode__player--arrows>*+*:before {
    display: none;
}

.single-episode-v3 .episode__player--arrows, 
.single-episode-v4 .episode__player--arrows {
    display: block;
    width: 100%;
}

.single-episode-v3 .episode__player--prev-episode, 
.single-episode-v4 .episode__player--prev-episode {
    margin-bottom: 15px;
    border-bottom: 1px solid  #949cb0;
    padding-bottom: 15px;
}

.single-episode-v3 .episode__player--prev-episode a:before, 
.single-episode-v4 .episode__player--prev-episode a:before,
.single-episode-v3 .episode__player--next-episode a:after, 
.single-episode-v4 .episode__player--next-episode a:after {
    width: 30px;
    height: 30px;
}
}

styles.css

@media (max-width: 767.98px) {
  .single-episode-v1 .episode__player--next-episode,
  .single-episode-v2 .episode__player--next-episode,
  .single-episode-v2 .episode__player--prev-episode,
  .single-episode-v2 .episode__player--prev-episode {
      max-width: 150px;
      position: absolute;
      bottom: -40px;
    display: block;
}
  
  
  .single-episode-v1 .episode__player--prev-episode a:before,
  .single-episode-v2 .episode__player--prev-episode a:before,
  .single-episode-v1 .episode__player--next-episode a:after,
  .single-episode-v2 .episode__player--next-episode a:after{
        display: none;
  }
  
  .single-episode-v1 .episode__player--next-episode__label,
  .single-episode-v2 .episode__player--next-episode__label,
  .single-episode-v1 .episode__player--prev-episode__label,
  .single-episode-v2 .episode__player--prev-episode__label {
    min-width: 110px;
    margin-bottom: 5px;
  }
  
  .single-episode-v1 .episode__player--prev-episode__label,
  .single-episode-v2 .episode__player--prev-episode__label {
    left: 0;
  }
  
  .single-episode-v1 .episode__player--next-episode__label,
  .single-episode-v2 .episode__player--next-episode__label {
    right: 0;
  }
  
  .single-episode-v1 .episode__head,
  .single-episode-v2 .episode__head {
    margin-bottom: 64px;
  }
}