/* MASTER ANALYSIS */
.ds9__page .ds9__skincare-title {
    margin-bottom: 0px;
 }
 .ds9__page .ds9__skincare-extra {
    left: calc(47% - calc(220* var(--skincareWidth)));
 }
 .button--primary:not(.cba-button-style){
    text-transform: none;
 }
 .ds9__priceperunit{
    display: none;
 }
 .button--primary:not(.cba-button-style){
    background-color: #8c0b26;
    border: 2px solid #8c0b26;
 }
  


 
 @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-title {
    font-size: 36px;
 }
 .ds9__page .ds9__definition-title {
    font-size: 37px;
 }
 .ds9__page .ds9__research-title {
    font-size: 34px;
    width: 79%;
 }
 .ds9__page .ds9__research-texts {
    width: 80%;
 }
 .ds9__page .ds9__header-content {
    top: -50px;
 }
 .ds9__page .ds9__header-content {
    max-width: calc(484* var(--headerWidth));
 }
 /* .show-desktop {
    display: block;
 } */
 .ds9__navigation-inside{
    background:#AC651B !important;
 }
 .ds9__page .ds9__virtual-title {
    font-size: 27px;
 }
 .ds9__page .ds9__virtual-text {
    font-size: 15px;
 }
 .ds9__page .ds9__virtual-media {
    height: 497px;
 }
 .ds9__page .ds9__skincare-extra {
    left: calc(60% - calc(220* var(--skincareWidth)));
 }
 .dsl__page .dsl__compare-title {
        font-size: 75px;
     }
.dsl__page .dsl__cta-btn {
   font-size: 11px !important;
}
 }
 
 @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__header-content {
    width: 38%;
    top: -49px;
 }
 .ds9__page .ds9__research-title {
    font-size: 32px;
 }
 .ds9__page .ds9__suptitle {
    font-size: 25px;
 }
 .ds9__page .ds9__research-texts {
    width: 82%;
 }
 .ds9__navigation-inside{
    background:#AC651B !important;
 }
 }
 @media screen and (max-width: 480px){
    .ds9__page .ds9__header-title {
       font-size: 27px;
   }
   .ds9__page .ds9__suptitle {
    font-size: 21px;
    }
    /* .show-desktop {
       display: block;
    } */
    body,
    html {
     overflow-x: hidden !important;
   }
   .ds9__navigation-inside{
    background:#AC651B !important;
 }
 }
 
 /* UPDATES */
 
 @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-title{
       font-size: 28px;
    }
    .ds9__page .ds9__definition-suptitle {
       width: 84%;
    }
    .ds9__page .ds9__suptitle {
       font-size: 19px;
    }
    .ds9__page .ds9__research-title {
       font-size: 25px;
       width: 79%;
    }
    .ds9__page .ds9__skincare-subtitle {
       font-size: 24px;
    }
    .ds9__page .ds9__skincare-title {
       font-size: 37px;
    }
    .ds9__page .ds9__gradient {
       height: 96vh !important;
    }
    .dsl__page .dsl__compare-item-details {
    	    max-width: 213px;
    }

 }
 
 @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__header-title{
       font-size: 28px;
    }
    .ds9__page .ds9__research-title {
       font-size: 29px;
    }
 }
 
    .ds9__page .ds9__gradient {
       height: 98vh !important;
    }
    /* .show-desktop {
       display: block;
    } */



/* ---------------------------------- */
button.isMobile {
    text-transform: none;
}

.ds9__page .ds9__priceperunit {
    display: none !important;
}

.ds9__skincare-subtitle.ds9__legende {
   line-height: 1em;
   text-align: center;
}

@media (min-width: 900px) {
    .isMobile{
       display: none;
    }
 
    .anchorMobile{
       pointer-events: none;
       display: none;
    }
}

@media (orientation: portrait) {
    .isDesktop {
       display: none;
    }

    .anchorMobile{
        pointer-events: initial;
    }

    .ds9__navigation-inside {
        background: #AC651B !important;
    }
}

@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__skincare-titles {
      width: calc(470 * var(--skincareWidth));
   }

   .ds9__page .ds9__skincare-extra {
      left: calc(53% - calc(220* var(--skincareWidth)));
      bottom: 66px;
   }
   .ds9__page .ds9__virtual-media {
      top: calc(46% - 250px);
  }
  .dsl__page .dsl__virtual-media {
      top: calc(50% - 269px);
   }
}

@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__skincare-extra {
      left: calc(65% - calc(220* var(--skincareWidth)));
      bottom: 76px;
   }

   .ds9__page .ds9__skincare-titles {
      width: calc(490 * var(--skincareWidth));
      margin: 0;
   }

   .ds9__page .ds9__skincare-title {
      font-size: 34px;
   }

   .ds9__page .ds9__skincare {
      width: 95%;
   }

   .ds9__skincare-subtitle.ds9__legende {
      font-size: 8px;
   }
   .ds9__page .ds9__research-content-top {
      width: 100%;
      padding-right: 5em;
  }
  .ds9__page .ds9__research-content-bottom {
    padding-right: 1em;
   }    .ds9__page .ds9__virtual-media {
      
      transform: translateY(-10px);
  }
    .dsl__page .dsl__virtual-media {
      top: calc(50% - 257px);
   }


}

/*iPhone 11, 12, 13, 13 Min, and 13 Pro Max*/
@media (max-width: 480px) {
   .ds9__page .ds9__skincare-extra {
      margin-top: 10px;
   }

   .ds9__skincare-subtitle.ds9__legende {
      font-size: 9px;
   }

   .ds9__subtitle.ds9__skincare-subtitle {
      padding-top: 21px;
   }

   .header-contact-us {
      margin-right: 0px;
   }

   .header-contact-us .contact-us-text {
      font-size: 7px;
   }
    .dsl__page .dsl__virtual-media {
      top: calc(50% - 435px);
            
   }
}


@media (min-width: 1150px) {
   .ds9__page .ds9__virtual-media {
      top: calc(46% - 250px);
  }
    .dsl__page .dsl__virtual-media {
      top: calc(50% - 273px);

   }
}