.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  background: url("../../img/loading/preloader-1.gif") center no-repeat #fff;
}

@media screen and (min-width:100px) and (max-width:767px) {
.logo-loading{
  position: absolute;
  z-index: 2;
  top: 39%;
}
}

@media screen and (min-width:768px) and (max-width:1024px)  {
.logo-loading{
  position: absolute;
  z-index: 2;
  top: 41%;
}
}
@media screen and (min-width:1025px) and (max-width:1600px)  {
.logo-loading{
  position: absolute;
  z-index: 2;
  top: 40%;
}
}

@media screen and (min-width:1601px){
.logo-loading{
  position: absolute;
  z-index: 2;
  top: 43%;
}
}