.video-background .bg-video{
    display:none
}
@media screen and (min-width:768px){
    .video-background .bg-video{
        width:100%
    }
    .video-background.panel{
        padding-left:0;
        padding-right:0
    }
}
.bg-video{
    display:none
}
.video-bg-mute,.video-bg-pause,.video-bg-play,.video-bg-unmute{
    display:none!important;
    color:#fff;
    position:absolute;
    bottom:20px;
    opacity:.7
}
.video-bg-pause,.video-bg-play{
    right:75px
}
.video-bg-mute,.video-bg-unmute{
    right:50px
}
.video-bg-noaudio{
    display:none!important;
    color:#fff;
    position:absolute;
    bottom:20px;
    right:35px
}
.video-bg-pause:hover,.video-bg-play:hover,.video-bg-unmute:hover{
    opacity:1
}
.video-mute-icon:hover{
    opacity:1
}
@media screen and (min-width:768px){
    .video-background .bg-video{
        width:100%
    }
    .video-background.panel{
        padding-left:0;
        padding-right:0;
        position:relative;
        min-height:auto
    }
    .video-background .panel--body{
        position:absolute;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        top:0
    }
}