@media only screen and (min-width:1200px) {
    div#loading {
        position: fixed;
        z-index: 999;
        text-align: center;
        width: 100%;
        height: 100%;
        max-height: 100%;
        background: rgb(0,0,0,0.8);
    }

        div#loading img {
            top: 28% !important;
            position: relative;
        }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    div#loading {
        position: fixed;
        z-index: 999;
        text-align: center;
        width: 100%;
        height: 100%;
        max-height: 100%;
        background: rgb(0,0,0,0.8);
    }

        div#loading img {
            top: 28% !important;
            position: relative;
        }
}

@media only screen and (min-width:769px) and (max-width:991px) {

    div#loading {
        position: fixed;
        z-index: 999;
        text-align: center;
        width: 100%;
        height: 100%;
        max-height: 100%;
        background: rgb(0,0,0,0.8);
    }

        div#loading img {
            top: 28% !important;
            position: relative;
        }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    div#loading {
        position: fixed;
        z-index: 999;
        text-align: center;
        width: 100%;
        height: 100%;
        max-height: 100%;
        background: rgb(0,0,0,0.8);
    }

        div#loading img {
            top: 28% !important;
            position: relative;
        }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    div#loading {
        position: fixed;
        z-index: 999;
        text-align: center;
        width: 100%;
        height: 100%;
        max-height: 100%;
        background: rgb(0,0,0,0.8);
    }

        div#loading img {
            top: 28% !important;
            position: relative;
        }
}