.track-item{
border-bottom: 1px solid #eee;
padding-top: 16px;
padding-bottom: 16px;
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
position: relative;
clear: both;
width: 100%;
}
@media only screen and (max-width: 420px) {
.track-item {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
}
.track-item .details {
    display: grid;
    grid-column: 2 / span 3;
    margin-left: 30px;
}
.track-item .item-img img {
width: 100%;
padding-right: 0px;
}

}
.track-item .item-img img{border-radius: 8px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .12);}

.track-item .details {
height: auto;
max-width: 80%;
width: 80%;
float: left;
}
.track-item .time-played {
position: absolute;
right: 16px;
top: 16px;
}
.tagdiv-type img {margin-bottom: 0px !important;}
.song-title{font-size: 1rem}
@media only screen and (max-width: 420px) {

  .song-title, .song-artist, .time-played{ 
      font-size: .8rem; 
   }

}
.song-artist{color: #AEAEAE;font-size: 1rem}
.time-played{font-style: italic;}