.pre-loader {
  top: 50%;
  left: 50%;
  position: absolute;
  border: none;
}
.pre-loader img {
  /* width: 90px;
  height: 90px;
  margin-top: -45px;
  margin-left: -45px; */
  border: none;

  width: 120px;
  height: 120px;
  margin-top: -60px;
  margin-left: -60px;

}
@media (max-width: 768px) {
    .pre-loader img {
      width: 60px;
      height: 60px;
      margin-top: -30px;
      margin-left: -30px;
    }
}

.pre-loader .image {
    left: 50%;
    bottom: 50%;
    /* margin-left: -60px;
    margin-bottom: -25px; */
    display: block;
    position: absolute;
    width: 70px;
    height: 80px;


    margin-left: -65px;
    margin-bottom: -18px;

}
.pre-loader .image svg {
    fill: #12B24B;
    /*width: 68px;*/
    height: 56px;
    margin: 0 auto;
    display: block;
    opacity: 0.8;
}

@media (max-width: 768px) {
    .pre-loader .image {
      width: 30px;
      height: 30px;
      margin-bottom: -8px;
      margin-left: -33px;
    }
    .pre-loader .image svg {
        width: 34px;
        height: 21px;
    }
}