/*  ------  local   ------  */
@media (min-width: 769px) { 
    .exf__page .exf__new-title { 
        font-size : calc(46 * var(--ratioCollagenWidth));
    }

    .exf__page .exf__tile-content-text {
        font-size: calc(14 * var(--tileRatio));
      }
      
    .exf__page .exf__facial-content-right {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

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

/* Mobile */
@media (max-width: 480px) {
    .exf__page .exf__refillable-item-text {
        text-align: center;
    }

    .exf__page .exf__pack-col-text, .exf__page .exf__pack-number-text {
        font-size: calc(20 * var(--ratioPackWidth))
    }
}

/* Tablet Portrait */
@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-body {
        padding: 32px 40px 32px 270px;
    }
    .exf__page .exf__facial-media {
        left: 40px;
    }

    .exf__page .exf__refillable-subtitle {
        font-size: 28px;
    }
}

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