/* Global Colors */
@media (max-width: 767px) {
  .track-list_wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .track-list_wrapper .sub-heading {
    margin-top: 25px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .track-list_wrapper .sub-heading {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .track-list_wrapper .sub-heading {
    margin-top: 2.778vw;
  }
}
@media (min-width: 992px) {
  .track-list_wrapper .heading-1 {
    max-width: 34.583vw;
    margin-top: 1.111vw;
  }
}
.track-list_wrapper .list-card {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .track-list_wrapper .list-card {
    margin-top: 6.944vw;
    margin-bottom: 5vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .track-list_wrapper .list-card {
    margin-top: 25px;
    margin-bottom: 28px;
  }
}
@media (min-width: 992px) {
  .track-list_wrapper .list-card {
    margin: 1.667vw 0 1.389vw;
  }
}
.track-list_wrapper .list-card .text-wrapper {
  position: relative;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
@media (min-width: 992px) {
  .track-list_wrapper .list-card .text-wrapper {
    margin-bottom: 0.833vw;
  }
}
@media (max-width: 767px) {
  .track-list_wrapper .list-card .text-wrapper:nth-child(2) .list-no {
    width: 88.889vw;
  }
}
@media (min-width: 992px) {
  .track-list_wrapper .list-card .text-wrapper:nth-child(2) .list-no {
    width: 33.819vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .track-list_wrapper .list-card .text-wrapper:nth-child(2) .list-no {
    width: 510px;
  }
}
@media (max-width: 767px) {
  .track-list_wrapper .list-card .text-wrapper:nth-child(3), .track-list_wrapper .list-card .text-wrapper:first-child {
    width: 81.944vw;
  }
}
@media (min-width: 992px) {
  .track-list_wrapper .list-card .text-wrapper:nth-child(3) .list-no, .track-list_wrapper .list-card .text-wrapper:first-child .list-no {
    width: 31.806vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .track-list_wrapper .list-card .text-wrapper:nth-child(3) .list-no, .track-list_wrapper .list-card .text-wrapper:first-child .list-no {
    width: 476px;
  }
}
@media (max-width: 767px) {
  .track-list_wrapper .list-card .text-wrapper:first-child .list-text {
    max-width: 48.056vw;
  }
}
@media (min-width: 992px) {
  .track-list_wrapper .list-card .text-wrapper:first-child .list-text {
    max-width: 16.667vw;
  }
}
.track-list_wrapper .list-card .text-wrapper:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .track-list_wrapper .list-card .text-wrapper {
    height: 24.444vw;
    margin-bottom: 2.778vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .track-list_wrapper .list-card .text-wrapper {
    height: 140px;
    margin-bottom: 20px;
  }
}
.track-list_wrapper .list-card .text-wrapper .list-text {
  position: absolute;
  color: white;
}
@media (max-width: 991px) {
  .track-list_wrapper .list-card .text-wrapper .list-text {
    margin-left: 25vw;
  }
}
@media (max-width: 767px) {
  .track-list_wrapper .list-card .text-wrapper .list-text {
    max-width: 200px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .track-list_wrapper .list-card .text-wrapper .list-text {
    margin-left: 140px;
    max-width: 270px;
  }
}
@media (min-width: 992px) {
  .track-list_wrapper .list-card .text-wrapper .list-text {
    margin-left: 6.944vw;
    width: 21.806vw;
  }
}
.track-list_wrapper .list-card .text-wrapper .list-no {
  z-index: -1;
}
@media (max-width: 991px) {
  .track-list_wrapper .list-card .text-wrapper .list-no {
    height: inherit;
  }
}
.track-list_wrapper .list-card .text-wrapper .list-no img {
  height: 100%;
}
@media (max-width: 991px) {
  .track-list_wrapper .list-card .text-wrapper .list-no img {
    -o-object-fit: fill;
       object-fit: fill;
  }
}