/*  */
h1.ds9__title.ds9__header-title {
   width: 81%;
}
.ds9__page .ds9__header-text {
   font-size: calc(14* var(--headerRatio));
}
.ds9__page .ds9__popin-text {
   font-size: 13px;
}
/* body,
  html {
    overflow-x: clip !important;
  } */


p.ds9__title.ds9__popin-title.ds9__popin-reed-title {
   font-size: 12px;
}
p.ds9__text.ds9__popin-text.ds9__popin-reed-text {
   font-size: 12px;
}
.ds9__page .ds9__popin-reed-content {
   width: 149px;
}
h3.ds9__title.ds9__popin-title {
   font-size: 27px;
}
h2.ds9__title.ds9__ingredient-title {
   font-size: 55px;
}
.ds9__page .ds9__facial-title {
   font-size: 14px;
}
p.ds9__text.ds9__facial-expert-text {
   font-size: 9px;
}


@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
   .ds9__page .ds9__header-content-3 {
      left: calc((-1) * ( 380) * var(--headerImgRatio));
   }
   .ds9__page .ds9__header-text {
      font-size: calc(16* var(--headerRatio));
   }
   h3.ds9__title.ds9__popin-title {
      font-size: 23px;
   }
   .ds9__page .ds9__popin-text {
      font-size: 12px;
   }
   .ds9__page .ds9__popin-content {
      width: calc(50% + 32px);
   }
   h3.ds9__title.ds9__popin-title {
      font-size: 20px;
   }
   p.ds9__title.ds9__popin-title.ds9__popin-dragonfly-title {
      font-size: 13px;
   }
   h2.ds9__title.ds9__ingredient-title {
      font-size: 35px;
   }
   h2.ds9__title.ds9__formula-title {
      font-size: 50px;
   }
   .ds9__page .ds9__formula-content {
      left: 45%;
   }
   .ds9__page .ds9__formula-bloc-content {
         width: calc(100% - 151px);
   }
   .ds9__page .ds9__facial-title {
      font-size: 13px;
   }
   .ds9__page .ds9__push-title {
      font-size: 30px;
   }
   .ds9__page .ds9__popin-content {
      width: calc(53% + -20px);
      padding-left: 15px;
   }  
   .ds9__page .ds9__facial-title {
      font-size: 14px;
   }
   .ds9__page .ds9__header-text {
      font-size: 16px;
   }
   h1.ds9__title.ds9__header-title {
      width: 93%;
      font-size: calc(45 * var(--headerRatio));
   }
   .ds9__page .ds9__ingredient-popin-content {
      left: -140px;
      width: 346px;
  }
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
   h1.ds9__title.ds9__header-title {
      width: 81%;
      font-size: calc(30* var(--headerRatio));
   }
   .ds9__page .ds9__popin-text {
      font-size: 12px;
   }
   h3.ds9__title.ds9__popin-title {
      font-size: 23px;
   }
   h2.ds9__title.ds9__ingredient-title {
      font-size: 46px;
   }
   .ds9__page .ds9__formula-bloc-content {
      width: calc(100% - 145px);
   }
   .ds9__page .ds9__ingredient-popin-content {
      left: -13px;
   }
}
@media (max-width: 480px) {
   h1.ds9__title.ds9__header-title {
      width: 100%;
   }
   .ds9__facial-content-left {
      padding: 0 2px;
   }
   .ds9__page .ds9__push-title {
      font-size: 31px;
   }
   
}