.manta #hotspot1 {
  top: -233px;
  left: 150px;
}

.manta #hotspot2 {
  top: -131px;
  left: 216px;
}

.manta #hotspot3 {
  top: -106px;
  left: 244px;
}

.manta #hotspot4 {
  top: -116px;
  left: 445px;
}

.manta #hotspot5 {
  top: -64px;
  left: 214px;
}

.manta #hotspot6 {
  top: -102px;
  left: 322px;
}
.manta #hotspot7 {
  top: -168px;
  left: 444px;
}

.manta #hotspot8 {
  top: -333px;
  left: 72px;
}

.manta #hotspot9 {
  top: -228px;
  left: 200px;
}

.manta #hotspot10 {
  top: -184px;
  left: 280px;
}
.manta #hotspot11 {
  top: -379px;
  left: 356px;
}

@media (max-width: 500px) {
  .manta img {
    width: 320px !important;
  }

  .manta #hotspot1 {
    top: -170px;
    left: 87px;
  }

  .manta #hotspot2 {
    top: -95px;
    left: 128px;
  }

  .manta #hotspot3 {
    top: -92px;
    left: 152px;
  }

  .manta #hotspot4 {
    top: -102px;
    left: 274px;
  }

  .manta #hotspot5 {
    top: -44px;
    left: 127px;
  }

  .manta #hotspot6 {
    top: -79px;
    left: 195px;
  }
  .manta #hotspot7 {
    top: -124px;
    left: 267px;
  }

  .manta #hotspot8 {
    top: -220px;
    left: 39px;
  }

  .manta #hotspot9 {
    top: -156px;
    left: 117px;
  }

  .manta #hotspot10 {
    top: -140px;
    left: 173px;
  }
  .manta #hotspot11 {
    top: -304px;
    left: 227px;
  }
  .swiper-prev {
    left: 29%;
  }
  .swiper-next {
    left: 64%;
  }

  .manta .tab {
    min-width: 118px;
  }
}