@media(min-width:1000px){
.page-loader {
    display: none;
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgb(35,31,82);
}
.page-loader .site-logo.fadeInLeft {
    opacity: 1;
}
.page-loader .site-logo.fadeInRight {
    opacity: 1;
}
.page-loader .site-logo.fadeInLeft {
    position: absolute;
    top: 50%;
    margin-top: -23px;
    left: 50%;
    margin-left: -64px;
    transition: all .5s;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
}
.page-loader .site-logo.fadeInRight {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: 50%;
    margin-left: -42px;
    transition: all .5s;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
}
.page-loader .site-logo.fadeIn {
    position: absolute;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -112px;
    transition: all .5s;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
}
body.has-preloader > .page-loader {
    display: block;
    opacity: 1;
    -ms-transform: none;
    transform: none;
}
body.has-preloader > * {
    transition: all .1s;
    opacity: 0;
}
.loader{
    opacity: 1 !important;
}

.logo-s img{
    width:82px;
}
}

@media(max-width:960px){
    .page-loader {
        display: none;
        position: fixed;
        top: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
        text-align: center;
    }
    .page-loader .site-logo.fadeInLeft {
        opacity: 1;
    }
    .page-loader .site-logo.fadeInRight {
        opacity: 1;
    }
    .page-loader .site-logo.fadeInLeft {
        position: absolute;
        top: 50%;
        margin-top: -33px;
        left: 50%;
        margin-left: -33px;
        transition: all .5s;
        opacity: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        perspective: 1000px;
    }
    .page-loader .site-logo.fadeInRight {
        position: absolute;
        top: 50%;
        margin-top: -24px;
        left: 50%;
        margin-left: -11px;
        transition: all .5s;
        opacity: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        perspective: 1000px;
    }
    .page-loader .site-logo.fadeIn {
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 50%;
        margin-left: -50px;
        transition: all .5s;
        opacity: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        perspective: 1000px;
    }
    body.has-preloader > .page-loader {
        display: block;
        opacity: 1;
        -ms-transform: none;
        transform: none;
    }
    body.has-preloader > * {
        transition: all .1s;
        opacity: 0;
    }
    .loader{
        opacity: 1 !important;
    }
    
    .logo-s img{
        width:82px;
    }
}