:root {
    --color: #fff;
}
* {
    box-sizing: border-box;
  }
.main-loader
  {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 11111111111;
      top: 50%;
      left: 21%;
  
  } 

.loader-message{
  /* max-width: 200px; */
text-align: center;
  position: absolute;
  margin: auto;
  left: 50%;
  transform: translate(-50%,-50%);
  font-family:arial ;
  text-transform: capitalize;
  /*font-weight: 900;*/
  color:#fff ;
  letter-spacing: 0.2em;
}


@media screen and (min-width:1651px) {
  .loader-message{
    top: 83%;
  line-height: 30px;
  font-size: 18px;
  }

}
@media screen and (max-width:1650px) {
  .loader-message{
    top: 85%;
    line-height: 30px;
    font-size: 18px;
  }
  
}
@media screen and (max-width:1200px) {
  .loader-message{
    top: 80%;
    line-height: 20px;
    font-size: 14px;
  }

}
@media screen and (max-width:1000px) {
  .loader-message{
    top: 80%;
    line-height: 20px;
    font-size: 11px;
  }

}
@media screen and (max-width:768px) {
  .loader-message{
    top: 40%;
    line-height: 20px;
    font-size: 10px;
  }
  
}
@media screen and (max-width:580px) {
  .loader-message{
    top: 40%;
    line-height: 15px;
    max-width:90%;
    font-size: 6px;
  }
 
}