.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: 90% !important;
    height: 7px;
    margin-top: 7px !important;
    float: left;
	margin-left: 2%;
    border-radius: 4px;
    background: #FFE695;;
  
}
.playhead{
    width: 10px !important;
    height: 8px;
    border-radius: 50%;    
    background: #979797;
	margin-top:0px !important;
}


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

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