/*  ------  local   ------  */
html, body{
    overflow-x: clip !important;
}
.dsl__page .dsl__header-text-1 {
    font-size: calc(26 * var(--ratioHeaderWidth));
}
.dsl__page .dsl__title {
    font-size: 31px;
}
.dsl__page .dsl__tile-numbers {
    align-items: flex-start;
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .dsl__page .dsl__tile-content {
        padding: calc(60 * ( 57vw / 1024));
    }
    .dsl__page .dsl__title {
        font-size: 24px;
    }
    .dsl__page .dsl__compare-item {
        padding: 150px 29px;
    }
    .dsl__page .dsl__compare-item-content {
        width: 72%;
    }
    .dsl__page .dsl__tile-numbers {
        justify-content: center;
    }
    .dsl__page .dsl__navigation-item-text {
        font-size: 12px;
    }
    .button--primary:not(.cba-button-style) {
        font-size: 12px;
    }
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .dsl__page .dsl__title {
        font-size: 30px;
    }
    .dsl__page .dsl__tile-content {
        padding: 60px 39px;
    }
    .dsl__page .dsl__title {
        font-size: 32px;
    }
    .dsl__page .dsl__technology-bloc-result-text {
        font-size: 16px;
    }
    .dsl__page .dsl__tile-number-bloc {
        width: 139px;
    }
    .dsl__page .dsl__tile-number-text {
        font-size: 16px;
    }
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
    .dsl__page .dsl__title {
        font-size: 28px;
    }
    .dsl__page .dsl__title {
        font-size: 25px;
    }
    .dsl__page .dsl__tile-numbers {
        justify-content: center;
    }
    .dsl__page .dsl__compare-item-detail-text {
        font-size: 10px;
    }
    .dsl__page .dsl__compare-item-detail-legend {
        font-size: 12px;
    }
    .dsl__page .dsl__header-text-1 {
        font-size: calc(12 * var(--ratioHeaderWidth));
    }
    .dsl__page .dsl__header-group-1 {
        top: calc(-3 * var(--ratioHeaderWidth));
    }
    
}