.loaders {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 999;
    background-color: black;
}

.jquery-background-video-lg-outter {
    position: relative;
    height: 0;
    padding-bottom: 55%;
}

.jquery-background-video-mb-outter {
    position: relative;
    height: 0;
    padding-bottom: 178%;
}

.jquery-background-video video {
    position: absolute;
    width: 100%;
    height: 103%;
    top: calc(109vh - 540px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.jquery-background-video-mb {
    display: none;
}


@media (max-width: 1635px) {
    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 57%;
    }
}

@media (max-width: 1600px) {
    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 60%;
    }
}

@media (max-width: 1550px) {
    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 61%;
    }
}

@media (max-width: 1500px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 62%;
    }
}

@media (max-width: 1468px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 64%;
    }
}

@media (max-width: 1445px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 64%;
    }
}

@media (max-width: 1440px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 65%;
    }
}

@media (max-width: 1420px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 66%;
    }
}

@media (max-width: 1390px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 67%;
    }
}

@media (max-width: 1360px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 68%;
    }
}

@media (max-width: 1340px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 69%;
    }
}

@media (max-width: 1305px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 70%;
    }
}

@media (max-width: 1298px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 71%;
    }
}

@media (max-width: 1280px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 72%;
    }
}

@media (max-width: 1265px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 73%;
    }
}

@media (max-width: 1250px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 78%;
    }
}

@media (max-width: 1120px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 83%;
    }
}

@media (max-width: 1086px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 84%;
    }
}

@media (max-width: 1030px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-lg-outter {
        position: relative;
        height: 0;
        padding-bottom: 90%;
    }
}

@media (max-width: 1030px) {
    .loaders {
        overflow: hidden;
    }

    .jquery-background-video-mb-outter {
        position: relative;
        height: 0;
        padding-bottom: 95%;
    }
}

@media (max-width: 992px) {
    .loaders {
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .jquery-background-video-mb-outter {
        position: relative;
        height: 0;
        padding-bottom: 177%;
    }
}




@media (max-width: 1600px) {
    .jquery-background-video-lg-outter video {
        width: 100%;
        height: 103%;
    }
}

@media (max-width: 992px) {
    .jquery-background-video-lg {
        display: none;
    }

    .jquery-background-video-mb {
        display: block;
    }
}