/*  ------  local   ------  */
.exf__page .exf__refillable-item-text {
  font-size: 16px !important;
}
.exf__page .exf__refillable-number-text {
  margin-left: 106px !important;
}
.exf__page .exf__facial-content-right-text {
  margin-left: -15px !important;
}
.exf__page .exf__refillable-number-text {
  margin-left: 106px !important;
}
.exf__page .exf__facial-content-right-text {
  margin-left: -15px !important;
}

@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .exf__page .exf__service {
    border-left: -50px !important;
  }
  .exf__page .swiper-slide {
    border-left: -50px !important;
  }
  .exf__page .exf__facial-content-right-text {
    margin-left: 1px !important;
  }
}

@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .exf__page .exf__navigation {
    top: 122px !important;
  }
}

/* @media (min-width: 770px) {
  .exf__page .exf__tile[data-item="3"] .exf__tile-img {
    width: calc(1130 * calc(100vw / 2700));
    transform: scale(0.825) translate(-22%, -17%);
  }

  .exf__page .exf__tile[data-item="3"][data-open="1"] .exf__tile-img {
    width: calc(2000 * calc(100vw / 2400)); 
    transform: scale(1) translate(-8%, -20%);
  }

  .exf__page .exf__tile[data-item="3"][data-open="2"] .exf__tile-img {
    width: calc(1860 * calc(100vw / 2200));
  }
} */
@media (min-width: 770px) {
  .exf__page .exf__tile[data-item="3"] .exf__tile-img {
    width: calc(1510 * calc(100vw / 2700));
    transform: scale(0.825) translate(-22%, -12%);
  }

  .exf__page .exf__tile[data-item="3"][data-open="1"] .exf__tile-img {
    width: calc(1860 * calc(100vw / 2200));
    transform: scale(1) translate(-8%, -18%);
  }

  .exf__page .exf__tile[data-item="3"][data-open="2"] .exf__tile-img {
    width: calc(2774 * calc(100vw / 2700));
    transform: scale(0.4) translate(-99%, 0%);
  }
}

@media (max-width: 769px) {
    .exf__page .exf__tile[data-item="3"] .exf__tile-img {
        width: calc(384 * calc(94vw / 312));
        transform: scale(0.875) translate(-8%, -12%);
    }
}

@media (max-width: 480px) {
  .exf__page .exf__header-title-2 {
    font-size: calc(25 * var(--ratioHeaderWidth)) !important;
  }
  .exf__page .exf__refillable-number-text {
    margin-left: 11px !important;
  }
  .exf__page .exf__refillable-number-text {
    margin-left: 2px !important;
  }
}