.video-player-column .header {
  background-color: #2E2E2E;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 5px 10px;
}
.video-player-column .video_playlist_frame iframe {
  width: 100%;
  height: 315px;
}
.video-player-column .video_playlist {
  height: 470px;
  overflow-y: scroll;
  margin-top: -5px;
}
.video-player-column .video_playlist li {
  display: block;
}
.video-player-column .video_playlist li:nth-child(odd) .video {
  background-color: #f7f7f7;
}
.video-player-column .video_playlist li:nth-child(even) .video {
  background-color: #eeeeee;
}
.video-player-column .video_playlist li .video {
  width: 100%;
  display: table;
  padding: 10px;
}
.video-player-column .video_playlist li .video:hover {
  cursor: pointer;
}
.video-player-column .video_playlist li .video * {
  pointer-events: none;
}
.video-player-column .video_playlist li .video .badge,
.video-player-column .video_playlist li .video .detail {
  vertical-align: top;
  display: table-cell;
}
.video-player-column .video_playlist li .video .badge {
  background-size: cover;
  background-position: center center;
  width: 120px;
  padding-right: 10px;
}
.video-player-column .video_playlist li .video .badge .thumbnail {
  background-color: #cccccc;
  width: 120px;
  height: 90px;
}
.video-player-column .video_playlist li .video .detail .title {
  font-size: 16px;
  font-weight: 700;
}
.video-player-column .video_playlist li .video .detail .artist {
  font-size: 15px;
}
.video-player-column .ad_wide_frame {
  text-align: center;
  padding: 15px;
}
.video-player-column .ad_wide_frame .ad_wide_large_rectangle {
  display: block;
  margin-bottom: 15px;
}
.video-player-column .ad_wide_frame .ad_wide_large_rectangle:nth-last-child(1) {
  margin-bottom: 0px;
}
.video-player-column .ad_wide_frame .ad_wide_large_rectangle img {
  width: 336px;
  height: 280px;
}
.video-player-column .ad_wide_frame .adwide_mediumrectangle {
  margin-bottom: 15px;
  display: block;
}
.video-player-column .ad_wide_frame .adwide_wideskyscraper {
  margin-bottom: 15px;
  display: none;
}

/* Extra micro devices (smallest form phones, from 319px and lower) */
@media (max-width: 319px) {
  .video-player-column .video_playlist_frame iframe {
    width: 100% !important;
    height: 220px !important;
  }
  .video-player-column .ad_wide_frame .ad_wide_large_rectangle img {
    width: 100%;
    height: 290px;
  }
  .video-player-column .ad_wide_frame .adwide_mediumrectangle {
    display: none;
  }
  .video-player-column .ad_wide_frame .adwide_wideskyscraper {
    display: block;
  }
}
/* Micro devices (smaller form phones, from 320px to 419px) */
@media (min-width: 320px) and (max-width: 419px) {
  .video-player-column .video_playlist_frame iframe {
    width: 100% !important;
    height: 250px !important;
  }
  .video-player-column .ad_wide_frame .ad_wide_large_rectangle img {
    width: 100%;
    height: 330px;
  }
}
/* Extra small devices (portrait phones, from 420px to 576px) */
@media (min-width: 420px) and (max-width: 575px) {
  .video-player-column .video_playlist_frame iframe {
    width: 100% !important;
    height: 330px !important;
  }
}
/* Small devices (landscape phones, from 576px to 767px) */
@media (min-width: 576px) and (max-width: 767px) {
  .video-player-column .video_playlist_frame iframe {
    width: 100% !important;
    height: 450px !important;
  }
}
/* Medium devices (tablets, from 768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .video-player-column .video_playlist_frame iframe {
    width: 100% !important;
    height: 605px !important;
  }
}