@media only screen and (max-device-width : 640px) {
    .loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url('../assets/images/loading-mobile.gif') 50% 50% no-repeat rgb(249,249,249);
        opacity: .8;
    }
}
@media (min-width: 768px) {
    .loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url('../assets/images/loading-mobile.gif') 50% 50% no-repeat rgb(249,249,249);
        opacity: .8;
    }
}
@media (min-width: 992px) {
    .loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url('../assets/images/loading-page.gif') 50% 50% no-repeat rgb(249,249,249);
        opacity: .8;
    }

}