.valnet-audioplayer {
      width: 96%;
      height: 3em;
      margin: 1em 2% 1em;
      overflow: hidden;
      display: table;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .valnet-audioplayer {
    margin: 1em 2% 2em;
}
}
@media (min-width: 1024px) {
    .valnet-audioplayer {
    margin: 1em 2% 2em;
}
}
.play-button {
    display: table-cell;
    width: 3em;
    height: 3em;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}
.progess-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 1em;
}
.progess-wrapper .progress-background {
    cursor: pointer;
    width: 100%;
    height: 0.5em;
    position: relative;
}
.progess-wrapper .progress-background .progress-download {
    width: 0;
    height: 0.5em;
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    -webkit-opacity: 0.4;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    filter: alpha(opacity=40);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.progess-wrapper .progress-background .progress {
    width: 0%;
    height: 0.5em;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.time {
    display: table-cell;
    width: 5em;
    height: 3em;
    vertical-align: middle;
    text-align: center;
}
.valnet-audioplayer-info {
    width: 100%;
    padding: 0 2em 1em;
    position: relative;
    height: auto;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .valnet-audioplayer-info {
    height: 2em;
    padding: 0 2.5em;
}
}
@media (min-width: 1024px) {
    .valnet-audioplayer-info {
    height: 2em;
    padding: 0 2.5em;
}
}
.valnet-audioplayer-info .right {
    position: static;
    padding: .5em 1.5em .5em;
    margin: 1em 0 0 -1.5em;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .valnet-audioplayer-info .right {
        position: absolute;
        top: -0.8em;
        right: 4.5em;
        padding: 0;
        margin: 0;
    }
}
@media (min-width: 1024px) {
    .valnet-audioplayer-info .right {
        position: absolute;
        top: -0.8em;
        right: 4.5em;
        padding: 0;
        margin: 0;
    }
}
.valnet-audioplayer-info .right span,
.valnet-audioplayer-info .right ul,
.valnet-audioplayer-info .right li {
    display: inline-block;
    vertical-align: middle;
}
.valnet-audioplayer-info .right a {
    display: block;
    height: 2.5em;
}
.valnet-audioplayer-info .right .itunes {
    width: 5.5em;
    background: url(images/btn-appstore-small.svg) no-repeat 0 center;
}
.valnet-audioplayer-info .right .stitcher {
    width: 6.5em;
    background: url(images/btn-stitcher-small.svg) no-repeat 0 center;
}