.rapCapCharts-section {
  overflow: hidden;
  background-color: #000;
  padding: 0px 20px;


}

/* Style the header links */
.rapCapChartsSection-Title p {
  /*float: left;*/
  color: white;
  text-align: left;
  padding-top: 26px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 24px;
  line-height: 30px;
  border-radius: 4px;
  margin-right: 0px;
  margin-top: 26px;

}





.rapCapCharts-BottomRow {

  margin-top: 216px;
  /*display: flex; */
  flex-wrap: nowrap;
  /*overflow-x: auto;*/

  -webkit-overflow-scrolling: touch;



}




/*NEW STUFF*/
.artistImageContainer {
  display: flex;
  margin-left: 20px;
  padding-right: 12px;
  justify-content: flex-end;
}

.mainTop25SubTitle_Box p {
  line-height: 19px !important;
  margin-top: -24px !important;
}

.playlistSubTitle_Box p {
  line-height: 19px !important;
  margin-top: -24px !important;
}





@media screen and (max-width: 382px) {
  .mainTop25_Box {
    /*height: 200px !important;*/
  }
}


/*NEW STUFF END*/



.rapCapCharts-section {
  overflow: hidden;
  background-color: #000;
  padding: 0px 100px;


}

/* Style the header links */
.rapCapChartsSection-Title p {
  /*float: left;*/
  color: white;
  text-align: left;
  padding-top: 26px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 24px;
  line-height: 30px;
  border-radius: 4px;
  margin-right: 0px;
  margin-top: 26px;

}


.rapCapCharts-TopRow {
  display: flex;
  flex-wrap: wrap;
  -webkit-overflow-scrolling: touch;
  column-gap: 12px;
  row-gap: 12px;
}



.rapCapCharts-BottomRow {

  margin-top: 216px;
  /*display: flex; */
  flex-wrap: nowrap;
  /*overflow-x: auto;*/

  -webkit-overflow-scrolling: touch;



}


























.mainTop25Title_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 24px;
  line-height: 40px;
  margin-left: 20px;



  float: left;
  display: inline-block;
  overflow: hidden;

}



.mainTop25SubTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: 'gilroy-Regular';
  font-size: 12px;
  line-height: 40px;
  margin-left: 20px;
  margin-top: -38px;



  float: left;
  display: inline-block;
  overflow: hidden;

}

.playlistSubTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: 'gilroy-Regular';
  font-size: 12px;
  line-height: 40px;
  margin-left: 20px;
  margin-top: -38px;



  float: left;
  display: inline-block;
  overflow: hidden;

}




.mainTop25ArtistImage1 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25ArtistImage1 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}





.mainTop25ArtistImage2 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;




  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .8;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25ArtistImage2 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.mainTop25ArtistImage3 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;




  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .6;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25ArtistImage3 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}





.mainTop25ArtistImage4 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;




  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .4;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25ArtistImage4 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.mainTop25ArtistImage5 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;




  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .2;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25ArtistImage5 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}









/* Top 25 Male Box */






.mainTop25MaleTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 20px;
  line-height: 40px;
  margin-left: 20px;



  float: left;
  display: inline-block;
  overflow: hidden;

}









.mainTop25MaleArtistImage1 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25MaleArtistImage1 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}





.mainTop25MaleArtistImage2 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .8;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25MaleArtistImage2 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.mainTop25MaleArtistImage3 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .6;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25MaleArtistImage3 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
























.mainTop25_Box {
  background: #1F3264;
  float: left;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0px 0px;
  margin-top: 0px;
  /*width:361px;*/
  /*width:100%;*/
  border-radius: 6px;
  flex-grow: 1;
  cursor: pointer;

}




.mainTop25Title_Box p {


  color: white;
  text-align: left;
  padding-top: 20px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 24px;
  line-height: 40px;
  margin-left: 20px;



  float: left;
  display: inline-block;
  overflow: hidden;

}



.mainTop25SubTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: 'gilroy-Regular';
  font-size: 12px;
  line-height: 40px;
  margin-left: 20px;
  margin-top: -38px;



  float: left;
  display: inline-block;
  overflow: hidden;

}


.playlistSubTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: 'gilroy-Regular';
  font-size: 12px;
  line-height: 40px;
  margin-left: 20px;
  margin-top: -38px;



  float: left;
  display: inline-block;
  overflow: hidden;

}




.mainTop25ArtistImage1 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;

  width: 70px;
  height: 70px;
  border-radius: 0px;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25ArtistImage1 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}





.mainTop25ArtistImage2 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;

  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .8;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25ArtistImage2 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.mainTop25ArtistImage3 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;

  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .6;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25ArtistImage3 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}





.mainTop25ArtistImage4 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;

  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .4;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25ArtistImage4 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.mainTop25ArtistImage5 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;

  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .2;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25ArtistImage5 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}









/* Top 25 Male Box */


.mainTop25Male_Box {
  background: #477D96;
  float: left;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0px 0px;
  margin-top: 0px;

  /*width:361px;*/
  /*width:100%;*/
  height: 182px;
  border-radius: 6px;


  flex-grow: 1;
  cursor: pointer;
}




.mainTop25MaleTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 20px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 20px;
  line-height: 40px;
  margin-left: 20px;



  float: left;
  display: inline-block;
  overflow: hidden;

}



.mainTop25MaleSubTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 38px;
  line-height: 40px;
  margin-left: 20px;
  margin-top: -28px;



  float: left;
  display: inline-block;
  overflow: hidden;

}








.mainTop25MaleArtistImage1 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;
  width: 70px;
  height: 70px;
  border-radius: 0px;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25MaleArtistImage1 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}





.mainTop25MaleArtistImage2 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .8;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25MaleArtistImage2 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.mainTop25MaleArtistImage3 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .6;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25MaleArtistImage3 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}




















/* Top 25 Female Box */


.mainTop25Female_Box {
  background: #8D67AB;
  float: left;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0px 0px;
  margin-top: 0px;


  /*width:222px;*/
  height: 182px;
  border-radius: 6px;


  flex-grow: 1;
  cursor: pointer;

}




.mainTop25FemaleTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 20px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 20px;
  line-height: 40px;
  margin-left: 20px;



  float: left;
  display: inline-block;
  overflow: hidden;

}



.mainTop25FemaleSubTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 38px;
  line-height: 40px;
  margin-left: 20px;
  margin-top: -28px;



  float: left;
  display: inline-block;
  overflow: hidden;

}








.mainTop25FemaleArtistImage1 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;

  width: 70px;
  height: 70px;
  border-radius: 0px;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25FemaleArtistImage1 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}





.mainTop25FemaleArtistImage2 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;

  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .8;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25FemaleArtistImage2 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.mainTop25FemaleArtistImage3 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .6;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25FemaleArtistImage3 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

















/* Top 25 Toronto Gains Box */


.mainTop25TorontoGains_Box {
  background: #DC158C;
  float: left;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0px 0px;
  margin-top: 0px;


  /*width:222px;*/
  height: 182px;
  border-radius: 6px;


  flex-grow: 1;
  cursor: pointer;

}




.mainTop25TorontoGainsTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 20px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 20px;
  line-height: 40px;
  margin-left: 20px;



  float: left;
  display: inline-block;
  overflow: hidden;

}



.mainTop25TorontoGainsSubTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 38px;
  line-height: 40px;
  margin-left: 20px;
  margin-top: -28px;

  /* Solution to extend wwidth of subtitle */
  margin-right: 20px;

  float: left;
  display: inline-block;
  overflow: hidden;

}






.mainTop25TorontoGainsArtistImage1 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25TorontoGainsArtistImage1 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}





.mainTop25TorontoGainsArtistImage2 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .8;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25TorontoGainsArtistImage2 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.mainTop25TorontoGainsArtistImage3 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .6;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25TorontoGainsArtistImage3 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}













/* Top 25 Toronto Drops Box */


.mainTop25TorontoDrops_Box {
  background: #26856B;
  float: left;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0px 0px;
  margin-top: 0px;


  /*width:222px;*/
  height: 182px;
  border-radius: 6px;


  flex-grow: 1;
  cursor: pointer;

}




.mainTop25TorontoDropsTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 20px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 20px;
  line-height: 40px;
  margin-left: 20px;



  float: left;
  display: inline-block;
  overflow: hidden;

}



.mainTop25TorontoDropsSubTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 38px;
  line-height: 40px;
  margin-left: 20px;
  margin-top: -28px;



  float: left;
  display: inline-block;
  overflow: hidden;

}






.mainTop25TorontoDropsArtistImage1 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25TorontoDropsArtistImage1 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}





.mainTop25TorontoDropsArtistImage2 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .8;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25TorontoDropsArtistImage2 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.mainTop25TorontoDropsArtistImage3 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .6;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25TorontoDropsArtistImage3 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}





/* TOP 25 GLOBAL GAINS CHARTS */



.mainTop25GlobalGains_Box {
  background: #907255;
  float: left;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0px 0px;
  margin-top: 0px;


  /*width:222px;*/
  height: 182px;
  border-radius: 6px;


  flex-grow: 1;
  cursor: pointer;

}




.mainTop25GlobalGainsTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 20px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 20px;
  line-height: 40px;
  margin-left: 20px;



  float: left;
  display: inline-block;
  overflow: hidden;

}



.mainTop25GlobalGainsSubTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 38px;
  line-height: 40px;
  margin-left: 20px;
  margin-top: -28px;

  /* Solution to extend wwidth of subtitle */
  margin-right: 20px;

  float: left;
  display: inline-block;
  overflow: hidden;

}






.mainTop25GlobalGainsArtistImage1 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25GlobalGainsArtistImage1 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}





.mainTop25GlobalGainsArtistImage2 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;

  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .8;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25GlobalGainsArtistImage2 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.mainTop25GlobalGainsArtistImage3 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;

  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .6;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25GlobalGainsArtistImage3 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}







/* TOP 25 GLOBAL DROPS CHARTS */



.mainTop25GlobalDrops_Box {
  background: #A0C3D2;
  float: left;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0px 0px;
  margin-top: 0px;


  /*width:222px;*/
  height: 182px;
  border-radius: 6px;

  flex-grow: 1;
  flex-grow: 1;
  cursor: pointer;

}




.mainTop25GlobalDropsTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 20px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 20px;
  line-height: 40px;
  margin-left: 20px;



  float: left;
  display: inline-block;
  overflow: hidden;

}



.mainTop25GlobalDropsSubTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 38px;
  line-height: 40px;
  margin-left: 20px;
  margin-top: -28px;



  float: left;
  display: inline-block;
  overflow: hidden;

}





.mainTop25GlobalDropsArtistImage1 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25GlobalDropsArtistImage1 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}





.mainTop25GlobalDropsArtistImage2 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;

  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .8;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25GlobalDropsArtistImage2 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.mainTop25GlobalDropsArtistImage3 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;

  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .6;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25GlobalDropsArtistImage3 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}








/* TOP 10 TORONTO MAINSTREAM CHARTS */



.mainTop25TorontoMainstream_Box {
  background: #15A043;
  float: left;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0px 0px;
  margin-top: 0px;


  width: 454px;
  /*min-height: 182px;*/
  border-radius: 6px;



  cursor: pointer;

}




.mainTop25TorontoMainstreamTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 20px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 24px;
  line-height: 40px;
  margin-left: 20px;



  float: left;
  display: inline-block;
  overflow: hidden;





}



.mainTop25TorontoMainstreamSubTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: 'gilroy-Regular';
  font-size: 12px;
  line-height: 40px;
  margin-left: 20px;
  margin-top: -38px;





  /* Solution to extend wwidth of subtitle */
  margin-right: 80px;


  float: left;
  display: inline-block;
  overflow: hidden;



}








.mainTop25MainstreamArtistImage1 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;




  width: 70px;
  height: 70px;
  border-radius: 0px;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25MainstreamArtistImage1 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}





.mainTop25MainstreamArtistImage2 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .8;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25MainstreamArtistImage2 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.mainTop25MainstreamArtistImage3 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .6;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25MainstreamArtistImage3 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.mainTop25MainstreamArtistImage4 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .4;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25MainstreamArtistImage4 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}




.mainTop25MainstreamArtistImage5 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .2;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25MainstreamArtistImage5 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.mainTop25MainstreamArtistImage6 {
  background-color: #20232720;
  float: right;
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;


  width: 70px;
  height: 70px;
  border-radius: 0px;

  opacity: .1;



  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;


}


.mainTop25MainstreamArtistImage6 img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}





.mainCap_Box {
  background: #1798E9;
  float: left;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  padding: 0px 0px;
  margin-top: 0px;
  width: 361px;
  height: 182px;
  border-radius: 6px;
  flex-grow: 1;
  cursor: pointer;

}




.mainCapTitle_Box p {

  margin-block-start: 0em;
  margin-block-end: 0em;
  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 24px;
  line-height: 40px;
  float: left;
  display: inline-block;
  overflow: hidden;
  width: 130px;

}



.mainCapSubTitle_Box1 p {
  color: white;
  text-align: left;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-top: 0px;
  text-decoration: none;
  font-family: 'gilroy-Regular';
  font-size: 12px;
  line-height: 14px;
  float: left;
  display: inline-block;
  overflow: hidden;
}


.mainCapSubTitle_Box2 p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: 'gilroy-Regular';
  font-size: 12px;
  line-height: 10px;
  margin-left: -128px;

  padding-top: 70px;



  float: left;
  display: inline-block;
  overflow: hidden;

}

/* CAP CHARTS */


.mainCapTextContainer {
  display: flex;
  flex-direction: column;
  margin-left: 24px;
  margin-bottom: 12px;
  align-self: center;
}



.capCardImageContainer {

  float: right;
  padding: 0px 0px;
  width: 203px;
  height: auto;
  border-radius: 0px;


  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: 32px;

}


.capCardImage img {
  width: 100%;
  height: 100%;
}


/*PLAYLIST STUFF*/

.playlistImage {
  background: #202327;
 
  /*display:inline-block;*/
  overflow: hidden;
  padding: 0px 0px;
  margin-top: 0px;
  margin-top: 10px;
  margin-left: 0;  /* Reset this */
  margin-right: 0;
  
  max-width: 100%;
    width: 100%;
  height: 124px;
  border-radius: 6px;

  cursor: pointer;
  display: flex;
  /*justify-content: center;*/
  align-items: center;
  background-color: #1F2227;
  flex-direction: row;
}

.playlistImage img {
  height: 100%;
  width: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  right: 0px;
}

.playlistImage p {
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-top: 0px !important;
  margin-right: 12px;
}

.playlistImage .playlistTitle_Box p {
  margin-bottom: 3px;
  line-height: 24px;
}


/*PLAYLIST ROW */

.playlist-section {
  overflow: hidden;
  background-color: #000;
  padding: 0px 100px;
}

.playlist-Scroller {
  /*padding-left: calc(5% + 4px);
  padding-right: calc(5% + 4px);*/
  max-width: 1600px;
  margin: auto;
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  flex-wrap: wrap;
}

/* This will target only the columns within the .playlist-Scroller */
.playlist-Scroller .col, 
.playlist-Scroller .col-auto,
.playlist-Scroller .col-lg-auto,
.playlist-Scroller .col-md-6,
.playlist-Scroller .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}


.playlist-Scroller .col-lg-4 {
  padding-left: 6px;  /* Half of 12px */
  padding-right: 6px; /* Half of 12px */
}

/* Remove padding-left for the first card */
.playlist-Scroller .col-lg-4:first-child {
  padding-left: 0;
}

/* Remove padding-right for the last card */
.playlist-Scroller .col-lg-4:last-child {
  padding-right: 0;
}


.playlist-Title p {
  /*float: left;*/
  color: white;
  text-align: left;
  padding-top: 26px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 24px;
  line-height: 30px;
  border-radius: 4px;
  margin-right: 0px;
  margin-top: 26px;
}



.playlistTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 24px;
  line-height: 40px;
  margin-left: 20px;



  float: left;
  display: inline-block;
  overflow: hidden;

}



.playlistSubTitle_Box p {


  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: 'gilroy-Regular';
  font-size: 12px;
  line-height: 40px;
  margin-left: 20px;
  margin-top: -38px;



  float: left;
  display: inline-block;
  overflow: hidden;

}


.playlist-Scroller .col-lg-auto {
  padding-left: 0;
  padding-right: 0;
}

/* Custom style for playlist column on larger screens */
@media screen and (min-width: 992px) {
  .playlist-col {
    flex: 0 0 calc(33.33% - 20px); /* 33.33% for 3 columns, minus some padding */
    max-width: calc(33.33% - 20px);
  }
}





  .spotifyBox .playlistTitle_Box p {
      font-size: 18px;
  }


/* Reset the padding for Bootstrap columns on small screens */
@media screen and (max-width: 576px) {
  .col {
      padding-left: 0;
      padding-right: 0;
  }
}







/*//////////////////////////////*/


.legplaylistImageend_1 p {
  color: white;
  text-align: left;
  padding-top: 0px;
  text-decoration: none;
  font-family: gilroyFont;
  font-size: 24px;
  line-height: 40px;
  margin-left: 20px;
  float: left;
  display: inline-block;
  overflow: hidden;
}



@media screen and (max-width: 430px) {
  .capCardImageContainer {
    width: 100px;
    opacity: .5;
  }

  .capCardImage img {
    width: 100px;
  }
}

@media screen and (max-width: 100500px) {
  .mainTop25TorontoMainstream_Box {
    flex: revert;
  }

  .mainTop25ArtistImage5, .mainTop25ArtistImage4, .mainTop25MainstreamArtistImage6, .mainTop25MainstreamArtistImage5, .mainTop25MainstreamArtistImage4 {
    display: none;
  }

  .mainTop25ArtistImage3, .mainTop25MainstreamArtistImage3 {
    margin-left: 0px !important;
  }
}




/*OVERRIDES*/
.rapCapCharts-section, .featuredArtist-section, .legendsRow-section, .playlist-section {
  /* UNIVERSAL PADDING */
  padding-left: calc(5% + 4px);
  padding-right: calc(5% + 4px);
  max-width: 1600px !important;
  margin: auto;
  /*PADDING END*/
}



/*SHIFTING ALL THE ARTIST IMAGES TO THE LEFT*/
.mainTop25ArtistImage4, .mainTop25ArtistImage3, .mainTop25ArtistImage2, .mainTop25ArtistImage1 {
  margin-left: -12px;
}

.mainTop25MaleArtistImage2, .mainTop25MaleArtistImage1 {
  margin-left: -12px;
}

.mainTop25FemaleArtistImage2, .mainTop25FemaleArtistImage1 {
  margin-left: -12px;
}

.mainTop25TorontoGainsArtistImage2, .mainTop25TorontoGainsArtistImage1 {
  margin-left: -12px;
}

.mainTop25TorontoDropsArtistImage2, .mainTop25TorontoDropsArtistImage1 {
  margin-left: -12px;
}

.mainTop25GlobalDropsArtistImage2, .mainTop25GlobalDropsArtistImage1 {
  margin-left: -12px;
}

.mainTop25GlobalGainsArtistImage2, .mainTop25GlobalGainsArtistImage1 {
  margin-left: -12px;
}

.mainTop25MainstreamArtistImage4, .mainTop25MainstreamArtistImage3, .mainTop25MainstreamArtistImage2, .mainTop25MainstreamArtistImage1 {
  margin-left: -12px;
}

/*MAKING LAST ONE THE TOP ONE + OPACITY*/
.mainTop25ArtistImage1, .mainTop25MaleArtistImage1, .mainTop25FemaleArtistImage1,
.mainTop25TorontoGainsArtistImage1, .mainTop25TorontoDropsArtistImage1,
.mainTop25GlobalDropsArtistImage1, .mainTop25GlobalGainsArtistImage1,
.mainTop25MainstreamArtistImage1 {
  z-index: 6;
}

.mainTop25ArtistImage2, .mainTop25MaleArtistImage2, .mainTop25FemaleArtistImage2,
.mainTop25TorontoGainsArtistImage2, .mainTop25TorontoDropsArtistImage2,
.mainTop25GlobalDropsArtistImage2, .mainTop25GlobalGainsArtistImage2,
.mainTop25MainstreamArtistImage2 {
  z-index: 5;
  opacity: 0.6;
}

.mainTop25ArtistImage3, .mainTop25MaleArtistImage3, .mainTop25FemaleArtistImage3,
.mainTop25TorontoGainsArtistImage3, .mainTop25TorontoDropsArtistImage3,
.mainTop25GlobalDropsArtistImage3, .mainTop25GlobalGainsArtistImage3,
.mainTop25MainstreamArtistImage3 {
  z-index: 4;
  opacity: 0.3;
}

.mainTop25ArtistImage4, .mainTop25MaleArtistImage4, .mainTop25FemaleArtistImage4,
.mainTop25TorontoGainsArtistImage4, .mainTop25TorontoDropsArtistImage4,
.mainTop25GlobalDropsArtistImage4, .mainTop25GlobalGainsArtistImage4,
.mainTop25MainstreamArtistImage4 {
  z-index: 3;
  opacity: 0.2;
}

.mainTop25ArtistImage5, .mainTop25MaleArtistImage5, .mainTop25FemaleArtistImage5,
.mainTop25TorontoGainsArtistImage5, .mainTop25TorontoDropsArtistImage5,
.mainTop25GlobalDropsArtistImage5, .mainTop25GlobalGainsArtistImage5,
.mainTop25MainstreamArtistImage5 {
  z-index: 2;
  opacity: 0.2;
}

.mainTop25ArtistImage6, .mainTop25MaleArtistImage6, .mainTop25FemaleArtistImage6,
.mainTop25TorontoGainsArtistImage6, .mainTop25TorontoDropsArtistImage6,
.mainTop25GlobalDropsArtistImage6, .mainTop25GlobalGainsArtistImage6,
.mainTop25MainstreamArtistImage6 {
  z-index: 1;
  opacity: 0.1;
}

/*
@media screen and (max-width: 800px) {
.mainTop25ArtistImage1,.mainTop25MaleArtistImage1,.mainTop25FemaleArtistImage1,
.mainTop25TorontoGainsArtistImage1,.mainTop25TorontoDropsArtistImage1,
.mainTop25GlobalDropsArtistImage1,.mainTop25GlobalGainsArtistImage1,
.mainTop25MainstreamArtistImage1{
  z-index: 6;
  height: 24vw ;
  width: 32vw ;
}

.mainTop25ArtistImage2,.mainTop25MaleArtistImage2,.mainTop25FemaleArtistImage2,
.mainTop25TorontoGainsArtistImage2,.mainTop25TorontoDropsArtistImage2,
.mainTop25GlobalDropsArtistImage2,.mainTop25GlobalGainsArtistImage2,
.mainTop25MainstreamArtistImage2{
  z-index: 5;
  opacity: 0.6;
  height: 24vw ;
  width: 32vw ;
}

.mainTop25ArtistImage3,.mainTop25MaleArtistImage3,.mainTop25FemaleArtistImage3,
.mainTop25TorontoGainsArtistImage3,.mainTop25TorontoDropsArtistImage3,
.mainTop25GlobalDropsArtistImage3,.mainTop25GlobalGainsArtistImage3,
.mainTop25MainstreamArtistImage3{
  z-index: 4;
  opacity: 0.3;
  height: 24vw ;
  width: 32vw ;
}

.mainTop25ArtistImage4,.mainTop25MaleArtistImage4,.mainTop25FemaleArtistImage4,
.mainTop25TorontoGainsArtistImage4,.mainTop25TorontoDropsArtistImage4,
.mainTop25GlobalDropsArtistImage4,.mainTop25GlobalGainsArtistImage4,
.mainTop25MainstreamArtistImage4{
  z-index: 3;
  opacity: 0.2;
  height: 24vw ;
  width: 32vw ;
}

.mainTop25ArtistImage5,.mainTop25MaleArtistImage5,.mainTop25FemaleArtistImage5,
.mainTop25TorontoGainsArtistImage5,.mainTop25TorontoDropsArtistImage5,
.mainTop25GlobalDropsArtistImage5,.mainTop25GlobalGainsArtistImage5,
.mainTop25MainstreamArtistImage5{
  z-index: 2;
  opacity: 0.2;
  height: 24vw ;
  width: 32vw ;
}

.mainTop25ArtistImage6,.mainTop25MaleArtistImage6,.mainTop25FemaleArtistImage6,
.mainTop25TorontoGainsArtistImage6,.mainTop25TorontoDropsArtistImage6,
.mainTop25GlobalDropsArtistImage6,.mainTop25GlobalGainsArtistImage6,
.mainTop25MainstreamArtistImage6{
  z-index: 1;
  opacity: 0.1;
  height: 24vw ;
  width: 32vw ;
}

.artistImageContainer{
  padding-right: 0px;
  margin-left: 0px;
}


}*/



.mainTop25ArtistImage1, .mainTop25MaleArtistImage1, .mainTop25FemaleArtistImage1,
.mainTop25TorontoGainsArtistImage1, .mainTop25TorontoDropsArtistImage1,
.mainTop25GlobalDropsArtistImage1, .mainTop25GlobalGainsArtistImage1,
.mainTop25MainstreamArtistImage1 {
  z-index: 6;
  width: 100%;

}

.mainTop25ArtistImage2, .mainTop25MaleArtistImage2, .mainTop25FemaleArtistImage2,
.mainTop25TorontoGainsArtistImage2, .mainTop25TorontoDropsArtistImage2,
.mainTop25GlobalDropsArtistImage2, .mainTop25GlobalGainsArtistImage2,
.mainTop25MainstreamArtistImage2 {
  z-index: 5;
  opacity: 0.4;
  width: 100%;

}

.mainTop25ArtistImage3, .mainTop25MaleArtistImage3, .mainTop25FemaleArtistImage3,
.mainTop25TorontoGainsArtistImage3, .mainTop25TorontoDropsArtistImage3,
.mainTop25GlobalDropsArtistImage3, .mainTop25GlobalGainsArtistImage3,
.mainTop25MainstreamArtistImage3 {
  z-index: 4;
  opacity: 0.2;
  width: 100%;

}

.mainTop25ArtistImage4, .mainTop25MaleArtistImage4, .mainTop25FemaleArtistImage4,
.mainTop25TorontoGainsArtistImage4, .mainTop25TorontoDropsArtistImage4,
.mainTop25GlobalDropsArtistImage4, .mainTop25GlobalGainsArtistImage4,
.mainTop25MainstreamArtistImage4 {
  z-index: 3;
  opacity: 0.2;
  width: 100%;

}

.mainTop25ArtistImage5, .mainTop25MaleArtistImage5, .mainTop25FemaleArtistImage5,
.mainTop25TorontoGainsArtistImage5, .mainTop25TorontoDropsArtistImage5,
.mainTop25GlobalDropsArtistImage5, .mainTop25GlobalGainsArtistImage5,
.mainTop25MainstreamArtistImage5 {
  z-index: 2;
  opacity: 0.2;
  width: 100%;
}

.mainTop25ArtistImage6, .mainTop25MaleArtistImage6, .mainTop25FemaleArtistImage6,
.mainTop25TorontoGainsArtistImage6, .mainTop25TorontoDropsArtistImage6,
.mainTop25GlobalDropsArtistImage6, .mainTop25GlobalGainsArtistImage6,
.mainTop25MainstreamArtistImage6 {
  z-index: 1;
  opacity: 0.1;
  width: 100%;
}



.artistImageContainer {
  padding-right: 0px;
  margin-left: 0px;
  margin-top: auto;
  
}


.mainTop25_Box, .mainTop25Female_Box, .mainTop25Male_Box, .mainTop25TorontoDrops_Box,
.mainTop25TorontoGains_Box, .mainTop25GlobalGains_Box, .mainTop25GlobalDrops_Box,
.mainTop25TorontoMainstream_Box{
  width: 300px;
  max-width: 700px;
}


.mainTop25TorontoMainstream_Box{
  width: 460px;
  flex-grow: 1;
  max-width: 460px;
}

.mainTop25TorontoMainstreamSubTitle_Box p {
  font-size: 12px;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-left: 20px;
  margin-top: -20px;
  margin-right: 80px;
  line-height: 1.6;
  margin-bottom: 24px;
}


@media screen and (max-width: 700px) {
  .mainTop25TorontoMainstream_Box{
    max-width: none;
  }
}


.artistImageContainer img{
  margin-top: 30%;
}