/* --- ------------------------------------------------------ --- */
.ds9__page .ds9__popin-reed-title {
  font-size: 12px;
}

.ds9__page .ds9__popin-reed-text {
  font-size: 12px;
}

@media (min-width: 768px) {
  .ds9__page .ds9__innovation-item:nth-of-type(2n+1) .ds9__innovation-item-text {
     font-size: calc(13 * var(--ratioInnovationHeight));
  }

  .ds9__page .ds9__popin-subtitle {
     font-size: 13px;
  }

  div.ds9__popin-body:nth-child(2) > div:nth-child(2) > h3:nth-child(1) > span:nth-child(1) {
     max-width: 100%;
  }

  .ds9__page .ds9__header-title {
     font-size: 45px;
  }

  .ds9__formula-title {
     font-size: 50px !important;
  }

  .ds9__page .ds9__facial-suptitle {
     font-size: 27px;
  }
  .ds9__page .ds9__facial-title {
     font-size: 27px;
  }
}
p.ds9__text.ds9__facial-content-right-text {
  font-size: 11px;
}
.ds9__page .ds9__facial-title {
  font-size: 20px;
}
.ds9__page .ds9__facial-suptitle {
  font-size: 20px;
}
.ds9__page .ds9__facial-expert-text {
  font-size: 10px;
}
/* Mobile */
@media (max-width: 480px) {
  div.ds9__popin-content:nth-child(1) {
     padding-left: 0;
  }

  div.ds9__popin-body:nth-child(2) > div:nth-child(2) > h3:nth-child(1) {
     font-size: 22px;
  }
  .br-mobi {
     display: none;
  } 
   
}

/* 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) {
  .ds9__page .ds9__popin-epiageing  .ds9__popin-content:nth-child(1){
     padding-left: 0px;
  }

  .ds9__page .ds9__popin-epiageing  .ds9__popin-content:nth-child(2){
     padding-left: 20px;
  }

  .ds9__popin-epiageing > div:nth-child(1) > div:nth-child(2){
     padding-left: 20px;
  }

  .ds9__page .ds9__ingredient-popin-content {
     padding: 20px;
  }

  .ds9__page .ds9__ingredient-popin.ds9__opened .ds9__ingredient-popin-content {
     top: 36px;
     padding: 20px;
     width: 200px;
  }

  .ds9__page .ds9__popin-ingredient[data-tracking-slide="plants-&-science-pop-in_hydration"] .ds9__popin-title{
     font-size: 24px;
   }

  .ds9__page .ds9__popin-dragonfly-title {
     font-size: 14px;
  }

  .ds9__page .ds9__popin-dragonfly-text {
     font-size: 12px;
  }

  .ds9__page .ds9__suptitle {
     font-size: 26px;
  }

  .ds9__page .ds9__ingredient-title {
     font-size: 26px;
  }


  div.ds9__popin-body:nth-child(2) > div:nth-child(2) > h3:nth-child(1) > span:nth-child(1) {
     font-size: 18px;
  }

  .ds9__page .ds9__header-title {
     font-size: 18px;
  }

  .ds9__page .ds9__ingredient-popin {
     top: calc(300* var(--ratioIngredient));
       left: calc(103* var(--ratioIngredient));
  }


}

/* 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) {

  .ds9__page .ds9__popin-epiageing  .ds9__popin-content:nth-child(1){
     padding-left: 0px;
  }


  .ds9__page .ds9__ingredient-popin-content {
     padding: 20px;
  }

  .ds9__page .ds9__ingredient-popin.ds9__opened .ds9__ingredient-popin-content {
     top: 36px;
     padding: 20px;
  }

  .ds9__page .ds9__popin-ingredient[data-tracking-slide="plants-&-science-pop-in_hydration"] .ds9__popin-title{
     font-size: 24px;
   }

  .ds9__page .ds9__popin-dragonfly-title {
     font-size: 14px;
  }

  .ds9__page .ds9__popin-dragonfly-text {
     font-size: 12px;
  }

  .ds9__page .ds9__suptitle {
     font-size: 26px;
  }

  .ds9__page .ds9__ingredient-title {
     font-size: 26px;
  }


  .ds9__page .ds9__header-title {
     font-size: 30px;
  }


  
}