/*  ------  local   ------  */
body, html { overflow-x: clip !important; }
@media (min-width: 769px) {
    .exf__page .exf__header-title-1 {
        font-size: calc(67* var(--ratioHeaderWidth));
    }
    .exf__page .exf__header-title-2 {
        font-size: calc(45* var(--ratioHeaderWidth));
    }
    .exf__page .exf__refillable-number-text {
        text-align: right;
    }
    .exf__page .exf__facial-content-right-text {
        font-size: 12px;
    }
    .exf__page .exf__faq-item-handler {
        font-size: 12px;
    }
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {

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

}
@media (max-width: 480px) {
    .exf__page .exf__header-title-1 {
        font-size: calc(40* var(--ratioHeaderWidth));
    }
    .exf__page .exf__header-title-2 {
        font-size: calc(24* var(--ratioHeaderWidth));
    }
    
}