.audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button
{
    margin:0;
    padding:0;
    border:none;
    outline:none;
}
.audios
{
    width:50%;
    float:right;
}
.audios2
{
    width:100%;
}   
div.audio-player
{
    position:relative;
    width:400px;
    height:56px;
    margin:3px auto;
    background-color:#fd653e;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.audio-player a
{
    position:absolute;
    top:2px;
    right:180px;
    font-family:Tahoma;
    font-weight:bold;
    font-size:12px;
    color:#ffffff;
    text-decoration:none;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.audio-title
{
    position:absolute;
    left:20px;
    top:3px;
    color:#ffffff;
    font-size:12px;
    font-family:IranSans;
 }
.mejs-controls .mejs-button button
{
    cursor:pointer;
    display:block;
    position:absolute;
    text-indent:-9999px;
}
.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button
{
    width:34px;
    height:34px;
    top:22px;
    left:7px;
    background:transparent url("../Images/audio-player-play-pause.png") 0 0 no-repeat;
}
.mejs-controls .mejs-pause button
{
    background-position:0 -35px;
}
.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button
{
    width:18px;
    height:19px;
    top:9px;
    right:142px;
    background:transparent url("../Images/audio-player-mute.png") 0 0;
}
.mejs-controls .mejs-unmute button
{
    background-position:0 -19px;
}
.mejs-controls div.mejs-horizontal-volume-slider
{
    position:absolute;
    top:13px;
    right:15px;
    cursor:pointer;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total
{
    width:120px;
    height:11px;
    background:#ff8a71;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current
{
    position:absolute;
    width:0;
    height:9px;
    top:1px;
    left:1px;
    background:#ffffff;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}
.mejs-controls div.mejs-time-rail
{
    width:100%;
} 
.mejs-controls .mejs-time-rail span
{
    position:absolute;
    display:block;
    width:100%;
    height:12px;
    top:35px;
    left:55px;
    cursor:pointer;
    -webkit-border-radius:0px 0px 2px 2px;
    -moz-border-radius:0px 0px 2px 2px;
    border-radius:0px 0px 2px 2px;
}
.mejs-controls .mejs-time-rail .mejs-time-total
{
    background:#fe8b6e;
    width:80% !important;
    width:calc(100% - 110px) !important;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded
{
    top:0;
    left:0;
    width:0;
    background:#fab2a1;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.mejs-controls .mejs-time-rail .mejs-time-current
{
    top:0;
    left:0;
    width:0;
    background:#ffffff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.mejs-controls .mejs-time-rail .mejs-time-handle
{
    position:absolute;
    display:block;
    width:20px;
    height:22px;
    top:-6px;
    background:url("../Images/audio-player-handle-large.png") no-repeat;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle
{
    position:absolute;
    display:block;
    width:12px;
    height:14px;
    top:-1px;
    background:url("../Images/audio-player-handle-small.png") no-repeat;
}
.mejs-controls .mejs-time-rail .mejs-time-float
{
    position:absolute;
    display:none;
    width:33px;
    height:23px;
    top:-26px;
    margin-left:-17px;
    z-index:9999;
    background:url("../Images/audio-player-time-box.png");
}
.mejs-controls .mejs-time-rail .mejs-time-float-current
{
    width:33px;
    display:block;
    left:0;
    top:4px;
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:10px;
    font-weight:bold;
    color:#000000;
    text-align:center;
    z-index:9999;
}
.mejs-duration
{
    font-family:Tahoma;
    color:#ffffff;
    font-size:12px;
    position:absolute;
    right:10px;
    top:39px;
}
@media only screen and (max-width:884px)
{
    div.audio-player 
    {
        width: 300px;
   }
}
@media only screen and (max-width:768px)
{
    
    .audios2 .audio-player 
    {
        width:400px;
    }
        div.audio-player 
    {
        width: 220px;
        height:90px;
    }
    .audio-title 
    {
        top:inherit;
        bottom:5px;
    }
    .audio-player a
    {
        bottom:2px;
        right:5px;
        top:inherit;
    }
}
@media only screen and (max-width:480px)
{
    div.audio-player 
    {
        width: 310px;
    }
    .audios
    {
        float:none;
        width:100%;
    }
     .audios2 .audio-player 
    {
        width:300px;
    }
}
@media only screen and (max-width:380px)
{

     .audios2 .audio-player 
    {
        width:250px;
    }
}