.bg-div--1 {
  top: 1.3%;
  right: 17.7%;
  position: absolute;
  width: 28.6%;
  z-index: 10;
  height: 300px;
  cursor: pointer;
  pointer-events: auto;
}

.bg-div--5 {
  width:16%;
  top: 55%;
  left: 76%;
  position: absolute;
  z-index: 2;
  height: 100px;
  cursor: pointer;
}

@media (min-width: 1900px) {
  .bg-div--1 {
    top: 1.3%;
    right: 24%;
    left: auto;
    position: absolute;
    width: 28.6%;
    z-index: 10;
    height: 300px;
    cursor: pointer;
    pointer-events: auto;
  }

  .bg-div--5 {
    left: 70%;
  }
}

.bg-div--2 {
  width: 33.4%;
  top: 26.7%;
  left: 49.1%;
  position: absolute;
  z-index: 2;
  height: 300px;
  cursor: pointer;
}

.bg-div--3 {
  width: 36.5%;
  top: 64%;
  left: 63.9%;
  position: absolute;
  z-index: 2;
  height: 300px;
  cursor: pointer;
}


.bg-div--6 {
  width: 10%;
  top: 80%;
  left: 54%;
  position: absolute;
  z-index: 2;
  height: 120px;
  cursor: pointer;
}

@media (max-width: 1101px) {
  .bg-div--1 {
    top: 14%;
    left: auto;
    right: 10%;
    height: 200px;
    width: 16%;
  }

  .bg-div--2 {
    width: 35%;
    top: 38%;
    left: auto;
    right: 0;
  }
  .bg-div--3 {
    top: 68%;
    left: auto;
    right: 0;
    height: 240px;
    width: 30%;
  }

  .bg-div--5 {
    display: none;
  }
  .bg-div--6 {
    width: 14%;
    top: 88%;
    left: auto;
    right: 18%;
    position: absolute;
    z-index: 2;
    height: 120px;
    cursor: pointer;
  }
}

@media (max-width: 769px) {
  .disabledTablet {
    display: none !important;
  }

  .bg-div--1 {
    right: 0;
    height: 150px;
  }

  .bg-div--2 {
    top: 40%;
    right: 0;
    height: 150px;
  }
  .bg-div--3 {
    top: 64%;
    height: 120px;
    width: 30%;
    left: auto;
    right: 0;
  }

  .bg-div--6 {
    top: 76%;
    left: auto;
    right: 8%;
    height: 100px;
    cursor: pointer;
  }
}