#overlayer {
  width:100%;
  height:100%;  
  position:fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  z-index: 6;
  background:#9d0504;
}
.preloader p img{
    position: absolute;
    top: 55%;
    left: 45%;
   /* margin-left: 45px;*/
    width: 11%;
    /*height: 90px;*/
    
    text-align: center;
    color: #fff;
    font-size: 24px;
    z-index: 10;
}
.loader {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  z-index:10;
  border: 4px solid #Fff;
  top: 45%;
  left: 49%;
  animation: loader 2s infinite ease;
}
.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
@-webkit-keyframes loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}

@media(max-width: 1920px){
    .preloader p img {
    position: absolute;
    top: 50%;
    left: 43%;
    /* margin-left: 45px; */
    width: 15%;
    /* height: 90px; */
    text-align: center;
    color: #fff;
    font-size: 24px;
    z-index: 10;
}
.loader {
    display: inline-block;
    width: 50px;
    height: 50px;
    }
}

@media(max-width: 1024px){
    .preloader p img {
        width: 12%;
    }

}

@media (max-width: 768px){
.preloader p img {
    width: 17%;
    left: 43%;
}

@media (max-width: 580px){
    .preloader p img {
    width: 45%;
    left: 30%;
}
.loader {
    left: 48%;
}
}