body {
  overflow: hidden;
}


/* Preloader */

#preloader {
        width: 100%;
    position: fixed;
     top: 0; 
    /* left: 0; */
    display: flex;
    /* right: 0; */
    bottom: 0;
    background-color: #fff;
    z-index: 99;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content:center;
}

.pre-img{
    width:100%;
    height:auto;
    max-width:500px;
    /*position:static;*/
}

@media only screen and (max-width:2560px) {
            .pre-img {
               
            }
        }

        @media only screen and (max-width:1440px) {
            .pre-img {
               

            }
        }

        @media only screen and (max-width:1330px) {
            .pre-img {

            }
        }

        @media only screen and (max-width:768px) {
            .pre-img {
               

            }
        }

        @media only screen and (max-width:425px) {
            .pre-img {
               ;

            }
        }

        @media only screen and (max-width:375px) {
            .pre-img {
               
            }
        }

        @media only screen and (max-width:320px) {
            .pre-img {
               

            }
        }
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(assets/img/logo/org-logo-01.jpg);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}