.video-player {
  width: 95%;
  height: 100%;
  border-radius: 5px;
}

.player-holder {
  width: 95vw;
  height: 35vh;
  padding-bottom: 30px;
}

.cover {
  width: 100px;
  height: 100%;
}

.video-item {
  height: 80px;
  margin: 0 10px 10px 0;
  cursor: pointer;
}

.details-holder h5 {
  font-size: 13pt;
}

.details-holder p {
  font-size: 9pt;
}

.play-list {
  padding: 0 20px;
}

.cover-img {
  border-radius: 7px 0 0 7px;
}

.hero {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .hero {
    flex-direction: row;
  }
}

@media (min-width: 576px) {
  .player-holder {
    height: 50vh;
  }
}

@media (min-width: 992px) {
  .player-holder {
    height: 65vh;
  }
}