/*  ------  local   ------  */
.dsl__page .dsl__tile-number-text {
    font-size: 16px;
}
.h-show-mobile{
    display: none !important;
}
    .dsl__page .dsl__title {
        font-size: 36px;
    }


@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .h-show-mobile{
        display: block !important;
    }
    .dsl__page .dsl__facial-content-right-text {
        font-size: 16px;
    }
 }
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
    .h-show-mobile{
        display: none !important;
    }
    .dsl__page .dsl__tile-number-text {
        font-size: 16px !important;
    }
    
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
    .h-show-mobile{
        display: block !important;
    }
    .dsl__page .dsl__tile-number-text {
        font-size: 16px !important;
    }
    .dsl__page .dsl__compare-item-detail-text {
        font-size: 12px !important;
    }
    .dsl__page .dsl__title {
        font-size: 30px;
    }
}


/*------------*/
body, html { overflow-x: clip !important; }
@media (min-width: 769px) {
    .dsl__page .dsl__title {
        font-size: 36px;
    }
}

@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__navigation-content .dsl__cta {
    padding: 0 12px 0 0px;
  }
  .dsl__page .dsl__title {
    font-size: 26px !important;
  }
  .dsl__page .dsl__compare-item {
    padding: 150px 40px;
  }
  .dsl__page .dsl__facial-title {
    font-size: 18px;
  }
  .dsl__text.dsl__facial-expert-text {
    font-size: 8px;
  }
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
  .dsl__text.dsl__compare-item-text {
    width: 90%;
  }    
  .dsl__page .dsl__facial-title {
    font-size: 29px;
  }
}
@media (max-width: 480px) {
  .dsl__page .dsl__facial-title {
    font-size: 23px;
  }
  .dsl__page .dsl__facial-expert {
    padding-left: 40px;
  }
  .dsl__text.dsl__facial-expert-text {
    font-size: 10px;
  }
  .dsl__page .dsl__facial-expert {
    left: 30px;
  }

  .dsl__page .dsl__compare-item[data-item="2"] .dsl__compare-item-title {
        max-width: 315px;
    }
}