#player{
  position:relative;
  margin:30px auto;
  width:300px;
  text-align:center;
  font-family:Helvetica, Arial;
}
#playpause:hover{
  border-color: #ccc;
}
#volume{
  border:none; 
  height:2px;  
  background:hsla(180,75%,50%,1);
}
#progressbar{
  background:#ccc;
}
.ui-slider-handle{
  border-radius:50%;
  top: -5px !important;
  width: 11px !important;
  height: 11px !important;
  margin-left:-5px !important;
}

@media only screen and (max-width: 992px) {
   #volume{ display: none !important; }
}