/*  ------  local   ------  */
.exf__page .exf__facial-qrcode {
    margin: 0 auto;
}

@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__refillable-number-text {
        font-size: 17px;
    }
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
    .exf__page .exf__tile-content-title {
        font-size: calc(15 * var(--tileRatio));
    }
    .exf__page .exf__tile-content-subtitle {
        font-size: calc(12 * var(--tileRatio));
    }
    .exf__page .exf__tile[data-item="2"] .exf__tile-content {
        top: calc(273 * var(--tileRatio));
    }
    .exf__page .exf__cta-btn {
        font-size: 11px;
    }
    .exf__page .exf__refillable-item-text {
        text-align: center;
    }
    .exf__page .exf__facial-suptitle {
        font-size: 27px !important;
    }
    .exf__page .exf__facial-title {
        font-size: 27px !important;
    }
}