/*  ------  local   ------  */
.h-hide-for-large{
    display: none;
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
    .h-hide-for-large{
        display: none;
    }
    .exf__page .exf__tile-title {
        left: calc(20 * var(--tileRatio));
    }
    .exf__page .exf__facial-title {
        font-size: 28px !important;
    }
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {

    /* navigation detached bar */
    .exf__page .exf__navigation {
            top: 120px !important;
    }


    .h-hide-for-large{
        display: none;
    }
    .exf__page .exf__tile-title {
        left: calc(20 * var(--tileRatio));
    }
 }

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
    .exf__page .exf__header-title-2 {
        max-width: calc(400 * var(--ratioHeaderWidth));
    }
    .h-hide-for-large{
        display: block;
    }
    .exf__page .exf__refillable-item-text {
        text-align: center;
    }
}