.vidbacking-active-block-back, .vidbacking-active-body-back {
    min-width: 100%;
    min-height: 100%
}

.vidbacking-active-body-back {
    position: fixed;
    z-index: -100;
    top: 50%;
    left: 50%;
    background-size: cover;
    overflow: hidden;
    opacity: 1;
    transition: 2s opacity;
    transform: translateX(-50%) translateY(-50%)
}

.vidbacking-active-body-back-youtube {
    position: fixed;
    z-index: -100;
    top: 50%;
    left: 50%;
    overflow: hidden;
    opacity: 1;
    transition: 2s opacity;
    transform: translateX(-50%) translateY(-50%)
}

.vidbacking-active-block-back, .vidbacking-active-block-back-youtube {
    position: absolute;
    z-index: -100;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: auto;
    width: -webkit-fill-available;
}

.vidbacking {
    /*display: none;*/
    display: none;
}

.bg_responsive {
    object-fit: fill;
}

.vidmask-block-back, .vidmask-body-back {
    background: #000;
    min-height: 100%;
    min-width: 100%;
    top: 0;
    left: 0;
    z-index: -50;
    display: block
}

.vidmask-body-back {
    opacity: .4;
    position: fixed
}

.vidmask-block-back {
    opacity: 1;
    position: absolute;
    height: auto;
    width: auto
}

@media(min-width:321px) and (max-width:479px) {
    .vidbacking-active-block-back, .vidbacking-active-block-back-youtube {
        top: 55%;
    }
}

    @media(min-width:321px) and (max-width:479px) {
        .vidbacking-active-block-back, .vidbacking-active-block-back-youtube {
            top: 55%;
            transform: translateX(-50%) translateY(-55%);
        }
    }

    @media(min-width:480px) and (max-width:767px) {
        .vidbacking-active-block-back, .vidbacking-active-block-back-youtube {
            top: 50% !important;
        }
    }