@media all and (max-width: 767px) {
    .vjs-paused #seekBG{
        background-size: contain;
    }
}
@media (max-width: 1200px) {
    .vjs-button:not(.player-logo)  {
        max-width: 30px;
    }
    .vjs-remaining-time, player-logo{
        display: none !important;
    }
}
#avideo-audio-progress{
    background-color: #00000099;
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    transition: width .1s;
    border-right: solid 2px #FF000099;
}
.vjs-audio .vjs-poster{
    opacity: 0.8;
}
.img-portrait {
    transform: scale(0.56) rotate(90deg);
}
.embed-responsive-9by16 {
    padding-bottom: 100%;
}
.video-js.vjs-9-16 {
    padding-top: 100%;
}
.vjs-rotate90 {
    rotate: 90;
    zoom: 1.0;
}
.vjs-thumbnail-holder {
    margin-bottom: 10px;
}

@media all and (min-width: 900px) {
    .vjs-has-started.vjs-paused .vjs-big-play-button{
        display: none !important;
    }
}

.vjs-has-started.vjs-paused.showBigButton .vjs-big-play-button{
    display: block !important;
}

@media all and (max-width: 900px) {
    div.vjs-control-bar{
        font-size: 0.9em !important;
    }
    #mainVideo > div.vjs-control-bar > div.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button > div > ul{
        font-size: 1.2em !important;
    }
    #mainVideo > div.vjs-control-bar > div.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button > div > ul li{
        padding: 6px 1px !important;
    }
}
@media all and (max-width: 800px) {
    div.vjs-control-bar{
        font-size: 0.85em !important;
    }
}
@media all and (max-width: 700px) {
    div.vjs-control-bar{
        font-size: 0.8em !important;
    }
}
@media all and (max-width: 600px) {
    div.vjs-control-bar{
        font-size: 0.7em !important;
    }
}