.top-bar{
   width: 100%;
   padding:15px 0px;
   background: #141414;
   color: #fff;
   font-size:15px;
}
.top-bar .jp-controls {
   float: left;
   font-size:15px;
   cursor:pointer
}
.top-bar .jp-controls span{
   cursor: pointer;
   padding: 0 5px;
   -webkit-transition: all linear 0.2s;
}

.top-bar .jp-volume-controls .jp-mute,
.top-bar .jp-volume-controls .jp-unmute{
	cursor:pointer;
}

.top-bar .jp-controls span:hover {
   color: #999;
}
.top-bar .jp-display {
   float: right;
   margin-left: 50px;
}
.top-bar .jp-display .jp-current-track {
   color: white;
}
.top-bar .player {
   float: left;
}
.top-bar .jp-timeline {
   float: left;
   width: 100%;
   height: 3px;
   margin-top: 8px;
   background: #555;
   margin-left: 10px;
}
.top-bar .jp-timeline-control {
   height: 3px;
   background: #fff;
}
.top-bar .jp-playlist{
	display:none	
}

@media only screen and (max-width: 600px) {
	.top-bar .jp-controls {
		float: inherit;
	}
	.top-bar .jp-timeline {
		margin-left: 0px;
	}
	.top-bar .jp-display {
		float: inherit;
		margin-left: 0px;
	}
}