#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    perspective: 800px; /* Needed for visible 3D effect */
  }
  
  .spinner {
  max-width: 230px;
  width: 50%;
    margin-bottom: 1%;
    animation: rotateY 2s linear infinite;
    transform-style: preserve-3d;
  }
  
  /* 3D Rotation Animation around Y-axis */
  @keyframes rotateY {
    0%   { transform: rotateY(0deg); }
    100% { transform: rotateY(360deg); }
  }

  div#preloader h2 {
    color: #1f5191;
    position: absolute;
    top: 58%;
    font-weight: 800;
}
@media  (min-width: 750px) and (max-width: 1300px){
  .spinner{
     margin-bottom: 3%;
  }
}