.pin.hotel.hotel1 {
  top: 135px;
  left: 830px;
}
@media (max-width: 767px) {
  .pin.hotel.hotel1 {
    top: 10%;
    left: 47.5%;
  }
}
.pin.hotel.hotel1 a {
  pointer-events: auto;
  width: 40px;
  height: 27px;
}
@media (max-width: 767px) {
  .pin.hotel.hotel1 a {
    width: 9vw;
    height: 7vw;
  }
}
.pin.hotel.hotel1 .spotName {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  .pin.hotel.hotel1 .spotName {
    bottom: -14px;
    left: 110%;
  }
}
@media (max-width: 767px) {
  .pin.hotel.hotel1 .spotName {
    left: 0px;
  }
}
.pin.hotel.hotel2 {
  top: 92px;
  left: 920px;
}
@media (max-width: 767px) {
  .pin.hotel.hotel2 {
    top: 6%;
    left: 55%;
  }
}
.pin.hotel.hotel2 a {
  pointer-events: none;
  width: 86px;
  height: 53px;
}
@media (max-width: 767px) {
  .pin.hotel.hotel2 a {
    width: 14vw;
    height: 10vw;
  }
}
.pin.hotel.hotel2 .spotName {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  .pin.hotel.hotel2 .spotName {
    bottom: 2px;
    left: 96%;
  }
}
@media (max-width: 767px) {
  .pin.hotel.hotel2 .spotName {
    left: 24px;
  }
}/*# sourceMappingURL=area.css.map */