/*-----------------------------------------------------------*/
.dp-header {
  overflow: hidden;
  width: 100%;
  max-width: 1048px;
  text-align: center;
  display: block;
  position: relative;
  margin: 0 auto;
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",
    Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4em;
  background-color: #fff;
}
.dp-header__background {
  min-height: 566px;
  position: relative;
}
.dp-header__background img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
@media (max-width: 1023px) and (min-width: 762px) {
  .dp-header__background img {
    width: 1048px;
    margin-left: calc(50% - 524px);
    max-width: 1048px;
  }
}
@media (max-width: 761px) {
  .dp-header__background img {
    width: 100%;
  }
}

.dp-header__main-title span {
  display: block;
  margin-left: -9px;
}
/*-----------------------------------------------------------*/
.dp-header__main-title {
  font-size: 54px;
  margin: 0 auto;
  font-weight: normal;
  padding-top: 35px;
  padding-bottom: 10px;
  font-family: "ClarinsRegular", "Clarins";
  line-height: 1em;
  padding-left:-2px;
}
.dp-header__main-title span {
  display: block;
}
.dp-header__bold-text {
  font-size: 22px;
  text-transform: uppercase;
  margin: 0 auto;
  padding: 20px;
  max-width: 650px;
}
.dp-header__text {
  font-size: 14px;
  margin: 0 auto;
  max-width: 650px;
}
.dp-header__mentions {
  font-size: 12px;
  opacity: 0.5;
  margin: 0 auto;
  line-height: 1.4em;
  padding-top: 20px;
  max-width: 650px;
}
@media (max-width: 761px) {
  .dp-header__main-title {
    font-size: 42px;
    padding-top: 15px;
  }
  .dp-header__bold-text {
    font-size: 14px;
    padding: 20px;
    max-width: 240px;
  }
  .dp-header__text {
    max-width: calc(100% - 40px);
  }
  .dp-header__mentions {
    max-width: calc(100% - 40px);
  }

  .products-collection {
    margin: 20px auto;
    margin-left: 83px;
}
}


@media only screen and (min-width: 992px) {
.dp-header__main-title span {
  display: block;
  font-size: 36px;
}
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (-webkit-min-device-pixel-ratio: 2) {
  .dp-header__main-title span {
    display: block;
    font-size: 27px;
  }

  .dp-header__main-title span {
    max-width: 469px !important;
    margin-left: -2px !important;
}
  

 }


 .dp-header__bold-text {
  font-size: 27px;
  text-transform: uppercase;
  margin: 0 auto;
  padding: 20px;
  max-width: 650px;
}

.dp-product-section__arguments {
  font-size: 10px;
  text-align: left;
}

.dp-header__text {
  font-size: 13px;
  margin: 0 auto;
  max-width: 650px;
}

.dp-header__text {
  font-size: 10px !important;
  
}

@media screen and (max-width: 960){
.dp-header__main-title {
  font-size: 52px !important;
 
}
}
@media screen and (device-aspect-ratio: 40/71) {
  .dp-header__bold-text {
    padding: 26px !important;
    line-height: 32px !important;
  }
  .dp-product-section[data-product="multi-active-eye"] .dp-product-section__ingredient-name {
    right: 81px !important;
    width: 78px !important;
    top: 115px !important;
}
}



/*DTW Edits*/
.dp-header__main-title{
  font-size: 36px;
}


.mobile-only{
  display: none;
}

.dp-header__text {
    font-size: 13px !important;
}

.dp-header__mentions{
  font-size: 10px;
}

.dp-product-section__title{
  font-size: 12px;
}

.dp-beauty-faq__question-title {
    font-size: 14px !important;
}

.dp-product-section__arguments{
  font-size: 10px;
}

.dp-product-section__product-title{
  font-size: 35px !important;
}

span.oneline-tab-title {
    display: none;
}
.pt_categorylanding .most-recently-viewed{
  display: none;
}


/*DTW Responsive Edits*/

/*Ipad*/
@media screen and  (max-width:1250px) {

}

@media screen and  (max-width:1023px) {
  .Routine_Title {
    font-size: 22px;
  }
  .dp-beauty-consult__box{
    padding: 0 60px;
  }
  .slick-custom-carousel .slick-item{
    width: calc(100% / 4);
  }
}


/*iPhone 8 Plus*/
@media screen and  (max-width:960px) {
  .dp-product-section__product-title {
    font-size: 27px !important;
    line-height: 1.2em; 
  }

  .dp-header__bold-text{
    line-height: 1.2em; 
  }
  .mobile-only{
    display: block;
  }

  .slick-custom-carousel .slick-item{
    width: auto;
    margin: 0 auto;
  }
  .products-collection{
    margin-left: 0;
  }
  .pt_categorylanding .most-recently-viewed .oneline-title{
    margin: 35px auto 20px;
    text-align: center;
  }
  .slick-dotted.slick-custom-carousel{
    margin-left: -5px;
  }

}

/*iPhone 7*/
@media screen and  (max-width:761px) {
  .dp-header__main-title {
    font-size: 27px;
    line-height: 1.2em;
    padding: 10px 20px;
  }
  .dp-header__bold-text{
    line-height: 1.2em;
    padding: 20px 0;
  }
  .dp-header__text{
    padding: 0 20px;
  }
  .slick-custom-carousel .slick-item {
    width: calc(100% / 3);
    margin: 0 auto;
}
    .default-product-carousel .product-tile.carousel-tile{
    width: 100%;
  }
}

/*Iphone 7*/
@media only screen
  and (max-width : 375px)
  and (max-height : 667px) {
    .slick-dotted.slick-custom-carousel{
      margin-left: -9px !important;
    }
}

/*iPhone 5 SE*/
@media only screen and (max-width:320px) {
  .dp-beauty-consult__box {
    padding: 0 40px;
    max-width: 100%;
    width: 100%;
  }
  .dp-header__bold-text{
    font-size: 23px;
    padding: 20px 0;
    max-width: 100%
    width:100%;
  }
}