.audioplayer{
    width: 80% !important;
    height: 21px;
    margin: 20px auto 10px 0px !important;
	border: solid 1px #979797;
}

.audioplayer button{
    height:21px; 
    width: 20px;
    border: none;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    float:left;
    outline:none;
	border: none;
}

.play{background: url(../img/play.png); height:20px;width:20px}
.pause{background: url(../img/pause.png);height:20px;width:20px}

.timeline{
    width: 85% !important;
    height: 7px;
    margin-top: 7px !important;
    float: left;
    border-radius: 4px;
    background: rgba(0,0,0,.3);
  
}
.playhead{
    width: 10px !important;
    height: 6px;
    border-radius: 50%;    
    background: rgba(0, 0, 0,1);
	margin-top:0px !important;
}


@media only screen and (max-width: 700px) {

.timeline{
	width: 75% !important;}
	
}