body.js_loading_page {
    overflow: hidden;
}
body.js_loading_page::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    z-index: 999999;
    position: fixed;
    overflow: hidden;
    background: white;
}
body.js_loading_page::after {
    top: calc(50% - 320px);
    left: calc(50% - 320px);
    z-index: 1000000;
    overflow: hidden;
    position: absolute;
    pointer-events: none;
    width: 640px;
    height: 640px;
    content: url(../../images/loader-640.gif);
}
@media screen and (min-width: 200px) and (max-width: 767px) {
    body.js_loading_page::after {
        top: calc(50% - 150px);
        left: calc(50% - 150px);
        width: 300px;
        height: 300px;
        content: url(../../images/loader-300.gif);
    }
}