.loader,
        .loader:after {
            width: 100%;
            height: 100%;
            z-index: 9999999;
        }
        .loader {            
            position: fixed;
            background-image: url("0.etc/loader-horizontal.svg"); /* The image used */
            background-position: center; /* Center the image */
            background-repeat: no-repeat; /* Do not repeat the image */
            background-size: 30%; /* Resize the background image to cover the entire container */
            background-color: #fff;
            -webkit-animation: load8 1.5s infinite linear;
            animation: load8 1.5s infinite linear;
        }
        @-webkit-keyframes load8 {
            from { opacity: 1.0; }
            50% { opacity: 0.5; }
            to { opacity: 1.0; }
        }
        @keyframes load8 {
            from { opacity: 1.0; }
            50% { opacity: 0.5; }
            to { opacity: 1.0; }
        }
        #loadingDiv {
            position:fixed;;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-color:#fff;
            z-index: 9999999;
        }    

@media screen and (max-width: 700px) {
.loader {            
            position: fixed;
            background-image: url("0.etc/loader-vertical.svg"); /* The image used */
            background-position: center; /* Center the image */
            background-repeat: no-repeat; /* Do not repeat the image */
            background-size: 30%; /* Resize the background image to cover the entire container */
            background-color: #fff;
            -webkit-animation: load8 1.5s infinite linear;
            animation: load8 1.5s infinite linear;
        }
}