/*  break points styles  */
@media only screen and (max-width : 2200px){

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){
     .jp-player-box .jp-audio{
         width:auto !important;
     }
     .jp-audio .jp-progress{
        position:relative !important;
        margin-left:4px;
        margin-top:4px;
     }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}

.jp-player-box{
  clear:both;
}
.jp-player-box .jp-audio{
    background-color: transparent;
    border: 1px solid #ffbb00;
}
.jp-player-box .jp-volume-controls{
    width:auto;
    right:96px;
}
.jp-player-box .jp-playlist{
   background-color: transparent;
    border-top: 1px solid #ffbb00;
}
.jp-player-box .jp-current-time{
   margin-left:12px;
}
.jp-player-box .jp-current-time,
.jp-player-box .jp-duration{
  margin-top:4px;
}
.jp-player-box .jp-controls-holder{
  width:auto;
}
.jp-player-box .jp-duration{
 margin-right:12px;
}