/* Prelaoder */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
    margin: auto;
  
  }
  #preloader .img1
  {
    position: fixed;
    top: calc(18%);
    left: calc(35%);
  }
  #preloader .loderarrow
  {
    position: fixed;
    top: calc(19%);
    left: calc(35%);
    -webkit-animation: animate-preloader 10s linear infinite;
    animation: animate-preloader 10s linear infinite;
  }
  @-webkit-keyframes animate-preloader {
    0% {
      -webkit-transform:  rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  @keyframes animate-preloader {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @media (max-width:576px)
  {
    #preloader .img1
    {
      top: calc(30%);
      left: calc(26%);
      height: 200px;
    }
    #preloader .loderarrow
    {
      top: calc(30%);
      left: calc(26%);
      height: 200px;
    } 
  }
  @media (min-width:576px) and (max-width:767px)
  {
    #preloader .img1
    {
      top: calc(25%);
      left: calc(25%);
      height: 300px;
    }
    
    #preloader .loderarrow
    {
      top: calc(26%);
      left: calc(25%);
      height: 300px;
    }
  }
  @media (min-width: 768px) and (max-width:992px)
  {
    #preloader .img1
    {
      top: calc(20%);
      left: calc(25%);
      height: 400px;
    }
    
    #preloader .loderarrow
    {
      top: calc(21%);
      left: calc(25%);
      height: 400px;
    }
  }
  @media (min-width: 993px) and (max-width:1200px)
  {
      #preloader .img1
    {
      top: calc(20%);
      left: calc(28%);
      height: 400px;
    }
    
    #preloader .loderarrow
    {
      top: calc(21%);
      left: calc(28%);
      height: 400px;
    }
  }
  @media (min-width: 1200px)
  {
    #preloader .img1
    {
      top: calc(10%);
    }
    
    #preloader .loderarrow
    {
      top: calc(11%);
    }
  }