#mystery-6-container .mockup .characters {
  position: absolute;
  left: 9%;
  top: 51%;
  width: 29%;
}

#mystery-6-container .mockup .legend {
  position: absolute;
  left: 63%;
  top: 21%;
  width: 26%;
  z-index: 1;
}

#mystery-6-container .mockup .reviews {
  position: absolute;
  left: 38%;
  top: -29%;
  width: 32%;
}

#mystery-6-container .mockup .synopsis {
  position: absolute;
  left: 9%;
  top: 40%;
  width: 26%;
}


#mystery-6-container .synopsis .synopsis-legend {
  position: absolute;
  top: 65%;
  left: 66%;
  width: 28%;
}

#mystery-6-container .synopsis .synopsis-legend-tooltip {
  position: absolute;
  top: 57%;
  left: 39%;
  z-index: 2;
}

#mystery-6-container .synopsis .trailer-button-container {
  position: absolute;
  left: 15%;
  top: 36%;
  width: 20%;
}


/*#mystery-6-container .buy .another-mystery {
  position: absolute;
  left: 7%;
  top: 72%;
  width: 20%;
}*/

#mystery-6-container .buy .stamp {
  position: absolute;
  left: 10%;
  top: 11%;
  width: 15%;
}

/* MOBILE */
.mobile #mystery-6-container .surround-1-mobile {
  position: absolute;
  top: 20%;
  right: -9%;
  width: 41%;
  transform: rotateZ(-20deg);
}

.mobile #mystery-6-container .surround-2-mobile {
  position: absolute;
  top: 27%;
  left: 0%;
  width: 33%;
  transform: rotateZ(17deg);
}

.mobile #mystery-6-container .synopsis-section-mobile .synopsis-legend-mobile {
  width: 89%;
}
/* END MOBILE */