.top-music-column {
  width: 320px;
}
.top-music-column .top-music-header {
  background-color: #2E2E2E;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 10px;
}
.top-music-column .top-album-frame .top-album {
  background-color: #f5f5f5;
  padding: 10px;
}
.top-music-column .top-album-frame .top-album .album {
  background-color: #b9b9b9;
  background-size: cover;
  background-position: center center;
  display: block;
  width: 100%;
  height: 300px;
}
.top-music-column .top-album-frame .top-album .detail .title a {
  color: #000000;
}
.top-music-column .top-album-frame .top-album .detail .artist a {
  color: #4287f5;
}
.top-music-column .top-singles-frame .top-singles li {
  padding: 10px;
}
.top-music-column .top-singles-frame .top-singles li:nth-child(even) {
  background-color: #d8d7d7;
}
.top-music-column .top-singles-frame .top-singles li .line {
  display: table;
  display: table;
}
.top-music-column .top-singles-frame .top-singles li .line:nth-child(1) .text {
  font-weight: 600;
}
.top-music-column .top-singles-frame .top-singles li .line .spot,
.top-music-column .top-singles-frame .top-singles li .line .text {
  display: table-cell;
}
.top-music-column .top-singles-frame .top-singles li .line .spot {
  width: 20px;
}
.top-music-column .top-video-frame .top-video {
  padding: 10px;
}
.top-music-column .top-video-frame .top-video .badge {
  background-color: #b9b9b9;
  background-size: cover;
  background-position: center center;
  display: block;
  width: 100%;
  height: 180px;
  margin-bottom: 5px;
  border-radius: 0px;
}
.top-music-column .top-video-frame .top-video .platform .title a {
  color: #000000;
}
.top-music-column .top-video-frame .top-video .platform .detail a {
  color: #4287f5;
}
.top-music-column .top-music-ad-frame .top-music-header {
  text-align: center;
}
.top-music-column .top-music-ad-frame .top-music-ad {
  text-align: center;
  padding: 10px;
}
.top-music-column .top-music-ad-frame .top-music-ad .top-music-skyscraper {
  width: 300px;
}
.top-music-column .top-music-ad-frame .top-music-ad .top-music-skyscraper img {
  width: 300px;
  height: 600px;
}

/* Extra micro devices (smallest form phones, from 319px and lower) */
@media (max-width: 319px) {
  .top-music-column {
    width: 100%;
  }
  .top-music-column .top-album-frame .top-album .album {
    height: 260px;
  }
  .top-music-column .top-video-frame .top-video .badge {
    height: 180px;
  }
  .top-music-column .top-music-ad-frame .top-music-ad .top-music-skyscraper {
    width: 100%;
  }
  .top-music-column .top-music-ad-frame .top-music-ad .top-music-skyscraper img {
    width: 100%;
    height: 580px;
  }
}
/* Micro devices (smaller form phones, from 320px to 419px) */
@media (min-width: 320px) and (max-width: 419px) {
  .top-music-column {
    width: 100%;
  }
  .top-music-column .top-album-frame .top-album .album {
    height: 320px;
  }
  .top-music-column .top-video-frame .top-video .badge {
    height: 200px;
  }
  .top-music-column .top-music-ad-frame .top-music-header {
    text-align: center;
  }
}
/* Extra small devices (portrait phones, from 420px to 576px) */
@media (min-width: 420px) and (max-width: 575px) {
  .top-music-column {
    width: 100%;
  }
  .top-music-column .top-album-frame .top-album .album {
    height: 400px;
  }
  .top-music-column .top-video-frame .top-video .badge {
    height: 260px;
  }
  .top-music-column .top-music-ad-frame .top-music-header {
    text-align: center;
  }
}
/* Small devices (landscape phones, from 576px to 767px) */
@media (min-width: 576px) and (max-width: 767px) {
  .top-music-column {
    width: 100%;
  }
  .top-music-column .top-album-frame .top-album .album {
    height: 550px;
  }
  .top-music-column .top-video-frame .top-video .badge {
    height: 320px;
  }
  .top-music-column .top-music-ad-frame .top-music-header {
    text-align: center;
  }
}
/* Medium devices (tablets, from 768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .top-music-column {
    width: 100%;
  }
  .top-music-column .top-album-frame .top-album .album {
    height: 700px;
  }
  .top-music-column .top-video-frame .top-video .badge {
    height: 380px;
  }
  .top-music-column .top-music-ad-frame .top-music-header {
    text-align: center;
  }
}
