/*  ------  local   ------  */
.exf__page .exf__facial-suptitle {
    font-size: 32px;
}
.exf__page .exf__facial-title {
    font-size: 32px;
}
.exf__page .exf__facial-qrcode {
    margin-right: auto;
    margin-left: auto;
}

/* bloc Refillable */
.exf__page .exf__refillable-item-text {
    font-size: 16px;
}
.exf__page .exf__refillable-number-text {
    font-size: 16px;
}

/* bloc Tiles */
@media (min-width: 769px) {
    .exf__page .exf__tile[data-item="1"] .exf__tile-content-title {
        max-width: calc(330 * var(--tileRatio));
    }
}

@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__facial-title {
        font-size: 23px;
    }
    .exf__page .exf__refillable-subtitle {
        font-size: 28px;
    }
    .exf__page .exf__facial-content-right {
        width: 33% !important;
    }
 }


@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 


}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
    .exf__page .exf__facial-body {
        padding: 370px 0 32px 0 !important;
    }
    .exf__page .exf__facial-title {
        width: 101% !important;
    }
}

.exf__page .exf__sample {
    padding: 32px 40px 32px 70px;
    display: none;
}

.exf__page .exf__facial-body {
    padding: 32px 40px 32px 325px;
}

.exf__page .exf__facial-title {
    width: 119%;
}

.exf__page .exf__facial-content-right {
    width: 25%;
}