.loading-mask {
    z-index: 1000;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0f0f0f;
    opacity: 0.1;
}


    .loading-mask .loader {
        width: 100%;
        height: 100%;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0
    }

        .loading-mask .loader img {
            position: absolute;
            width: 80px;
            height: 80px;
            top: 50%;
            left: 50%;
            margin-left: -23px;
            margin-top: -23px;
        }



@media screen and (min-width:1024px) {
    .loading-mask .loader img {
        margin-left: inherit
    }
}