.jp-audio {
        width: 100%;
    }
.jp-interface {
    background-color: rgba(255,255,255,0);
}
.jp-audio, .jp-audio-stream, .jp-video {
    border: 1px solid rgba(255,255,255,0);
    background-color: rgba(255,255,255,0);
}
.jp-audio .jp-interface, .jp-audio-stream .jp-interface {
    height: 46px;
}
.jp-audio .jp-controls {
    padding: 4px 4px 0;
}
.jp-audio .jp-progress {
    top: 16px;
}
.jp-volume-controls {
    top: 16px;
}
.jp-audio .jp-time-holder {
    position: absolute;
    top: 30px;
}
.jp-current-time, .jp-duration {
    width: 55px;
}
.jp-next,.jp-previous,.jp-stop, .jp-download {
    width:28px;
    height:28px;
    margin-top:6px
}
.jp-stop {
    margin-left: 0px;
}
/*DOWNLOAD BUTTON*/
.jp-download {
    background: url(../image/jplayer.blue.monday.png) -58px -83px no-repeat;
    margin-left: 0px;
}
.jp-download:focus {
    background: url(../image/jplayer.blue.monday.png) -87px -83px no-repeat;
    margin-left: 0px;
}
/*CUSTOMER STYLE*/
@media (min-width: 479px)  {
    .jp-audio .jp-type-single .jp-progress {
        left: 110px;
        width: 50%;
    }
    .jp-audio .jp-type-single .jp-time-holder {
        left: 110px;
        width: 50%;
    }
    .jp-volume-controls {
        left: 80%;
    }
}
@media (min-width: 768px) {
    .jp-audio .jp-type-single .jp-progress {
        left: 110px;
        width: 68%;
    }
    .jp-audio .jp-type-single .jp-time-holder {
        left: 110px;
        width: 68%;
    }
    .jp-volume-controls {
        left: 86%;
    }
}
@media (min-width: 992px)  {
    .jp-audio .jp-type-single .jp-progress {
        left: 110px;
        width: 40%;
    }
    .jp-audio .jp-type-single .jp-time-holder {
        left: 110px;
        width: 40%;
    }
    .jp-volume-controls {
        left: 75%;
    }
}
@media (min-width: 1200px) {
    .jp-audio .jp-type-single .jp-progress {
        left: 110px;
    //    width: 52%;
        width: 80%;
    }
    .jp-audio .jp-type-single .jp-time-holder {
        left: 110px;
//        width: 52%;
        width: 80%
    }
    .jp-volume-controls {
//        left: 80%;
        left: 92%;
    }     
}
.jp-seek-bar {
    width: 100% !important;
}
/*css buttons*/
.jp-play {
  width: 34px;
  height: 34px;
  background-color: transparent;
  background-image: url('../image/jp-play_grey.png');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 50%;
  border: solid 2px #337ab7 !important;
  color: #337ab7;
  border-radius: 4px;
  margin: 2px;
}
.jp-play:focus {
  background-image: url('../image/jp-play_blue.png');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 50%;
}
.jp-state-playing .jp-play {
  background-image: url('../image/jp-pause_grey.png');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 50%;
}
.jp-state-playing .jp-play:focus {
  background-image: url('../image/jp-pause_blue.png');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 50%;
}
.jp-download,
.jp-stop {
  width: 28px;
  height: 28px;
  background: transparent;
  border: solid 2px #337ab7 !important;
  color: #337ab7;
  border-radius: 4px;
  margin: 6px 2px 0px 2px;
}
.jp-stop {
  background: url('../image/jp-stop_grey.png');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 50%;
}
.jp-stop:focus {
  background: url('../image/jp-stop_blue.png');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 50%;
}
.jp-download {
  background: url('../image/jp-download_grey.png');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 50%;
}
.jp-download:focus,
.jp-download:hover {
  background: url('../image/jp-download_blue.png');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 50%;
}