/** !! TO DELETE !! **/

html,
body {
  margin: 0;
  overflow-x: hidden;
}

.footer-wrapper *,
.footer-wrapper *:before,
.footer-wrapper *:after {
  z-index: 10;
  position: relative;
  margin-top: 0;
}
.full-width .primary-content {
  padding-bottom: 0;
}
/**********/
/** BASE **/
/**********/
/*.breadcrumb {
  display: none;
}
#main:not(.main-homepage) {
  padding-top: 0px;
}*/
.dp-doubleserum-eyes {
  max-width: 1170px;
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  color: #000;
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",
    Helvetica, Arial, sans-serif;
  font-size: 14px;
}
@media screen and (max-width: 1249px) {
  .dp-doubleserum-eyes {
    overflow: hidden;
  }
}
.dp-doubleserum-eyes * {
  box-sizing: border-box;
}
@media screen and (min-width: 762px) {
  .dp-doubleserum-eyes *[data-device="mobile"] {
    display: none;
  }
}
.dp-link a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  color: #000;
  height: 50px;
  line-height: 50px;
  border: solid 1px #787474;
  border-radius: 3px;
  background-color: #fff;
  transition: 0.3s;
  cursor: pointer;
  text-transform: none;
  padding: 0 20px;
}
.dp-link a:hover {
  border: solid 1px #b40024;
  background-color: #fff;
  color: #b40024;
}

.dp-shop-btn {
  display: block;
}
.dp-shop-btn a,
.dp-shop-btn button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  color: #fff;
  width: 150px;
  height: 50px;
  border: solid 1px #b40024 !important;
  border-radius: 3px;
  background-color: #b40024;
  transition: 0.3s;
  cursor: pointer;
  text-transform: none;
  padding: 0;
  min-width: unset;
  max-width: 150px;
  font-size: 14px;
  outline: none !important;
}
.dp-shop-btn a:focus,
.dp-shop-btn button:focus,
.dp-shop-btn a:hover,
.dp-shop-btn button:hover {
  border: solid 1px #b40024 !important;
  background-color: #fff;
  color: #b40024;
  outline: none !important;
}
.dp-shop-btn__hidden-quickshop {
  display: none !important;
}
.dp-container {
  display: block;
  position: relative;
  background-color: #fff;
}
@media screen and (max-width: 1023px) {
  .dp-container {
    padding: 0 20px;
  }
}
/*************/
/** HEADER **/
/*************/
.dp-header {
  display: block;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .dp-header {
    height: 530px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
/*----Elements---*/
.dp-header__background {
  position: relative;
}
.dp-header__background img {
  width: 100%;
  display: block;
}
@media screen and (min-width: 1024px) {
  .dp-header__background {
    width: 1600px;
    display: block;
    position: absolute;
    left: calc(50% - 800px);
    z-index: 1;
  }
}
.dp-header__content {
  position: relative;
  z-index: 2;
  max-width: 605px;
  flex-basis: calc(100% - 120px);
  margin: 60px;
  background-color: #fff;
  padding: 40px;
  text-align: center;
}

.dp-header__new {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  color: #ba0c2f;
  font-weight: 500;
  font-size: 11px;
  text-transform: uppercase;
}

.dp-header__title {
  margin: 15px auto;
  color: #c96316;
  font-weight: normal;
  font-family: "ClarinsRegular", "Clarins";
  line-height: 1em;
  font-size: 60px;
}

.dp-header__small-title {
  margin: 0;
  color: #000;
  font-size: 24px;
  line-height: 1.4em;
}

.dp-header__text {
  color: #000;
  font-size: 14px;
  line-height: 1.4em;
}
.dp-header .dp-shop-btn button {
  margin: 0 auto;
}
/*--responsive------*/
@media screen and (max-width: 1023px) {
  .dp-header__title {
    margin: 15px 20px;
  }
  .dp-header__content {
    margin: 0px;
    padding: 20px 0;
    max-width: 100%;
  }
}
/*************/
/** INTRO **/
/*************/
.dp-intro {
  display: block;
}

.dp-intro__block {
  display: block;
  padding: 20px;
  padding-left: calc(50% + 20px);
  text-align: left;
  min-height: 700px;
  position: relative;
  padding-top: 70px;
  max-width: 1170px;
  margin: 0 auto;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .dp-intro div[data-sticky="1"] {
    position: fixed;
    width: 100%;
    max-width: 1170px;
    background-color: #fff;
  }
  .dp-intro__parallax {
    display: block;
    position: relative;
    height: 700px;
    background-color: #fff;
  }
}
@media screen and (max-width: 1023px) {
  .dp-intro div[data-sticky="0"][data-used-on="mobile"] {
    width: 100%;
    background-color: #fff;
    padding: 20px;
  }
  .dp-intro div[data-sticky="1"][data-used-on="mobile"] {
    position: fixed;
    width: 100%;
    background-color: #fff;
    left: 0px;
    padding: 20px;
  }
  .dp-intro__parallax-mobile {
    display: block;
    position: relative;
    width: 100%;
    background-color: #fff;
    min-height: 440px;
  }
  .dp-intro__parallax-last-item {
    width: 100%;
    background-color: #fff;
    padding: 20px;
    position: relative;
    padding-bottom: 100px;
  }
}
.dp-intro__block[data-block="1"] * {
  max-width: 404px;
}
.dp-intro__picto-bio,
.dp-intro__double-serum,
.dp-intro__texture,
.dp-intro__ingredient {
  position: absolute;
  right: 50%;
}

.dp-intro__ingredient {
  width: 800px;
  background-color: #fff;
  padding-top: 10px;
  top: 0;
}
.dp-intro__texture {
  top: 24px;
  margin-right: 320px;
  max-width: 350px;
  width: 250px;
}
.dp-intro__texture img {
  width: 100%;
}
.dp-intro__double-serum {
  top: 50px;
  margin-right: 20px;
}
.dp-intro__double-serum img {
  width: 187px;
}

.dp-intro__ingredient img {
  width: 428px;
  margin-right: 0;
  margin-left: auto;
  display: block;
}

.dp-intro__picto-bio {
  top: 245px;
  margin-right: 222px;
  width: 100px;
  text-align: left;
  font-size: 12px;
}
.dp-intro__picto-bio img {
  width: 100px;
}
.dp-intro__title {
  margin: 0;
  color: #d65d00;
  font-weight: normal;
  font-family: "ClarinsRegular", "Clarins";
  line-height: 1em;
  font-size: 35px;
  margin-bottom: 20px;
}
.dp-intro__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.4em;
}
.dp-intro .dp-shop-btn {
  margin-top: 20px;
}

.dp-intro__box-innovation {
  background-color: #fef4dd;
  padding: 20px;
  margin: 20px auto;
}
.dp-intro__box-innovation-claim {
  margin: 0;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  color: #c95d0d;
  font-weight: 500;
  font-size: 11px;
  text-transform: uppercase;
}
.dp-intro__box-innovation-title {
  font-size: 20px;
  line-height: 1.4em;
  margin: 10px auto;
}

.dp-duo__ingredient {
  position: absolute;
  margin: 0;
  text-align: left;
}
.dp-duo__packshot[data-version="curcuma"] .dp-duo__ingredient {
  top: 50px;
  left: 180px;
}

/*.dp-duo__packshot[data-version="cerfeuil"] .dp-duo__ingredient {
  top: 200px;
  left: 280px;
}*/

/*--responsive------*/

@media screen and (max-width: 1023px) {
  .dp-intro__block[data-block="1"] * {
    max-width: 100%;
  }
  .dp-intro__block {
    padding: 0;
    text-align: center;
  }
  /*.dp-intro__block[data-block="1"] {
    padding-top: 390px;
    max-width: 100%;
  }
  .dp-intro__block[data-block="2"] {
    padding-top: 460px;
    max-width: 100%;
  }*/
  .dp-intro__double-serum {
    margin-right: -65px;
    top: 30px;
  }
  .dp-intro__double-serum img {
    width: 130px;
  }
  .dp-intro__ingredient img {
    width: 305px;
  }
  .dp-intro__texture {
    top: 0px;
    margin-right: 77px;
  }
  .dp-intro__texture img {
    width: 190px;
  }
  .dp-intro__picto-bio {
    top: 45px;
    margin-right: -180px;
  }
  .dp-intro__ingredient {
    top: 0;
    margin-right: -120px;
  }
  .dp-intro .dp-shop-btn a {
    margin-left: auto;
    margin-right: auto;
  }
}
/*************/
/** INGREDIENTS **/
/*************/

.dp-ingredients {
  display: block;
  text-align: center;
  max-width: 970px;
  border: 1px solid #00856d;
  margin: 0px auto;
  background-color: #fff;
  z-index: 2;
  position: relative;
}

.dp-ingredients__picto-bio {
  background-color: #00856d;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  margin: 20px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -50px;
}
.dp-ingredients__picto-bio img {
  width: 70%;
  height: 70%;
}

.dp-ingredients__title {
  font-size: 20px;
  line-height: 1.4em;
  margin: 10px auto;
  font-weight: normal;
}

.dp-ingredients__slider {
  font-size: 20px;
  line-height: 1.4em;
  margin: 40px;
}

.dp-ingredients__item {
  display: inline-block;
  width: 220px;
}
.dp-ingredients__item[data-ingredient="kiwi"] img {
  width: 135px;
}
.dp-ingredients__item[data-ingredient="avoine"] img {
  width: 179px;
}
.dp-ingredients__item[data-ingredient="marubbe"] img {
  width: 138px;
}
.dp-ingredients__item[data-ingredient="kalanchoe"] img {
  width: 141px;
}

.dp-intro__visual {
  font-size: 20px;
  line-height: 1.4em;
  margin: 10px auto;
  height: 210px;
  position: relative;
}
.dp-intro__visual img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.dp-ingredients__name {
  font-size: 14px;
  line-height: 1.4em;
  margin: 0px auto;
  margin-top: 15px;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
}
.dp-ingredients__name strong {
  font-weight: normal;
  color: #b40024;
}
.dp-ingredients__action {
  font-size: 14px;
  line-height: 1.4em;
  margin: 10px auto;
}
/*--responsive------*/
@media screen and (max-width: 1023px) {
  .dp-ingredients {
    padding: 0 20px;
    /*margin-top: 60px;*/
    padding-bottom: 20px;
  }

  .dp-duo__packshot[data-version="curcuma"] .dp-duo__ingredient {
    left: 280px;
  }
  .dp-duo__packshot[data-version="cerfeuil"] .dp-duo__ingredient {
    top: 250px;
    left: -150px;
    text-align: right;
    width: 150px;
  }
  .dp-ingredients .slick-dotted.slick-slider {
    padding-bottom: 40px;
    margin-bottom: 0;
  }
  .dp-ingredients .slick-dots {
    bottom: 0px;
  }
}
/*************/
/** APPLICATION **/
/*************/
.dp-application {
  display: block;
  position: relative;
  height: 600px;
  text-align: center;
}

@media screen and (min-width: 762px) {
  .dp-application {
    height: 613px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 70px;
  }
}
@media screen and (max-width: 1023px) {
  .dp-application {
    margin-top: 20px;
  }
  .dp-application::before {
    content: " ";
    display: block;
    background-color: #fff;
    width: 100%;
    height: 20px;
    position: absolute;
    top: -20px;
  }
}

/*----Elements---*/
.dp-application__claim {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1.4em;
  margin: 10px auto;
  position: relative;
  z-index: 2;
  color: #fff;
}
.dp-application__title {
  margin: 0 auto;
  color: #fff;
  font-weight: normal;
  font-family: "ClarinsRegular", "Clarins";
  line-height: 1em;
  font-size: 35px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.dp-application__background {
  width: 100%;
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.dp-application__background img {
  width: 100%;
  display: block;
}
@media screen and (min-width: 762px) {
  .dp-application__background {
    width: 1600px;
    left: calc(50% - 800px);
    top: 70px;
  }
}
.dp-application__photo {
  background-color: #ffc089;
  height: 120px;
  width: 120px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
.dp-application__text {
  text-align: center;
  color: #fff;
  line-height: 1.4em;
  font-size: 14px;
  margin: 20px;
}
.dp-application__photo img {
  width: 100%;
  display: block;
}
.dp-application__slider {
  margin: 40px auto;
  position: relative;
  z-index: 2;
  max-width: 1048px;
}

.dp-application__item {
  display: inline-block;
  width: 220px;
  font-size: 14px;
}

/*--responsive------*/
@media screen and (max-width: 1023px) and (min-width: 762px) {
  .dp-application {
    padding-top: 60px;
  }
  .dp-application__slider {
    margin: 20px;
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 761px) {
  .dp-application {
    padding-top: 60px;
    min-height: 600px;
  }

  .dp-application__background img {
    width: auto;
  }
  .dp-application__background {
    overflow: hidden;
  }
  .dp-application__slider {
    margin: 20px;
  }
}

/*************/
/** DUO DOUBLE SERUM **/
/*************/

.dp-duo {
  display: block;
  padding: 20px;
  padding-right: calc(50% + 20px);
  padding-left: 100px;
  text-align: left;
  min-height: 850px;
  position: relative;
  padding-top: 90px;
  padding-bottom: 70px;
}
.dp-duo__packshot {
  position: absolute;
  left: 50%;
}

.dp-duo__ingredient {
  position: absolute;
  font-size: 12px;
}

.dp-duo__packshot[data-version="curcuma"] {
  margin-left: 80px;
  top: 60px;
  z-index: 2;
}

.dp-duo__packshot[data-version="curcuma"] img {
  width: 287px;
}
.dp-duo__packshot[data-version="cerfeuil"] {
  margin-left: 232px;
  top: 250px;
  z-index: 1;
}
.dp-duo__packshot[data-version="cerfeuil"] img {
  width: 438px;
}

.dp-duo__title {
  margin: 0;
  color: #d65d00;
  font-weight: normal;
  font-family: "ClarinsRegular", "Clarins";
  line-height: 1em;
  font-size: 35px;
  margin-bottom: 20px;
}
.dp-duo__small-title {
  margin: 10px auto;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
}
.dp-duo__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.4em;
}
.dp-duo .dp-shop-btn {
  margin-top: 20px;
}

/*--responsive------*/
/*@media screen and (max-width: 1023px) {
  .dp-duo {
    padding: 40px;
    padding-right: 400px;
  }
  .dp-duo__packshot[data-version="curcuma"] {
    margin-left: 10px;
  }
  .dp-duo__packshot[data-version="cerfeuil"] {
    margin-left: 172px;
  }
}*/
@media screen and (max-width: 1023px) {
  .dp-duo__title {
  }
  .dp-duo {
    padding: 20px;
    padding-bottom: 120px;
    text-align: center;
    max-width: 375px;
    margin: 0 auto;
  }
  .dp-duo__packshot {
    position: relative;
    left: unset !important;
    top: unset !important;
    display: block;
  }
  .dp-duo__packshot[data-version="curcuma"] {
    margin-left: -60px;
  }
  .dp-duo__packshot[data-version="curcuma"] img {
    width: 190px;
  }
  .dp-duo__packshot[data-version="cerfeuil"] {
    margin-left: 152px;
    margin-top: -200px;
  }
  .dp-duo__packshot[data-version="cerfeuil"] img {
    width: 280px;
  }
  .dp-duo .dp-shop-btn a {
    margin-left: auto;
    margin-right: auto;
  }
}
/*************/
/** ROUTINE **/
/*************/

.dp-routine {
  display: block;
  position: relative;
  max-width: 970px;
  margin: 0 auto;
  border: 1px solid #e5e5e5;
  padding: 40px;
  text-align: center;
  font-size: 0;
}
.dp-routine__title {
  margin: 0;
  color: #000;
  font-weight: normal;
  font-family: "ClarinsRegular", "Clarins";
  line-height: 1em;
  font-size: 35px;
  margin-bottom: 20px;
  text-align: center;
  display: inline-block;
  background-color: #fff;
  padding: 20px;
  margin-top: -80px;
}
.dp-routine__title strong {
  color: #d65d00;
  font-weight: normal;
}
.dp-routine__slider {
  max-width: 660px;
  margin: 20px auto;
  text-align: center;
}
.dp-routine__slider-item[data-product="double-serum"] img {
  width: 81px;
}
.dp-routine__slider-item[data-product="everlasting"] img {
  width: 57px;
}
.dp-routine__slider-item[data-product="mascara"] img {
  width: 73px;
}

.dp-routine__packshot {
  height: 260px;
  width: 222px;
  position: relative;
  margin: 0 auto;
}
.dp-routine__packshot img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.dp-routine__text {
  margin: 10px;
  font-size: 14px;
}
.dp-routine .dp-shop-btn button {
  background-color: #fff;
  border-color: #787474 !important;
  color: #000;
  margin: 0 auto;
}
.dp-routine .dp-shop-btn button:hover {
  border-color: #b40024 !important;
  color: #b40024;
}
/*--responsive------*/
@media screen and (max-width: 1023px) {
  .dp-routine {
    /* margin: 20px; */
    padding: 20px;
    /* margin-top: 100px; */
  }
  .dp-routine__title {
    margin: 0px;
    padding: 0px;
    margin-top: -80px;
  }

  .dp-routine .slick-dotted.slick-slider {
    padding-bottom: 30px;
    margin-bottom: 0;
  }
  .dp-routine .slick-dots {
    bottom: -20px;
  }
}
/*************/
/** FAQ **/
/*************/

.dp-faq {
  text-align: center;
}
/*----Elements---*/
.dp-faq__title {
  margin: 0;
  color: #000;
  font-weight: normal;
  font-family: "ClarinsRegular", "Clarins";
  line-height: 1em;
  font-size: 35px;
  text-align: center;
  background-color: #fff;
  padding-top: 70px;
}

.dp-faq__claim {
  margin: 20px auto;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.dp-faq__container {
  max-width: 768px;
  margin: 0 auto;
  margin-top: 30px;
}
.dp-faq__item {
  text-align: left;
  border-top: 1px solid #cbcbcb;
}
.dp-faq__question {
  margin: 0;
  font-size: 14px;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 15px 0;
  line-height: 20px;
  min-height: 50px;
  padding-right: 40px;
  cursor: pointer;
  position: relative;
}
.dp-faq__question::after {
  content: "+";
  position: absolute;
  top: 0px;
  right: 0;
  width: 40px;
  height: 50px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",
    Helvetica, Arial, sans-serif;
  color: #8b8b8b;
  cursor: pointer;
}
.dp-faq__question--active::after {
  content: "-";
}
.dp-faq__answer {
  height: 0;
  overflow: hidden;
  transition: height ease-in-out 0.5s;
}
.dp-faq__answer-content {
  font-size: 14px;
  display: block;
  margin: 0;
  padding: 10px;
}
.dp-faq .dp-link {
  margin-top: 50px;
}
.dp-faq__mentions {
  font-size: 11px;
  opacity: 0.5;
}
/*--responsive------*/
@media screen and (max-width: 1023px) {
  .dp-faq {
    margin: 0px;
    padding: 20px;
  }
  .dp-faq__title {
    padding-top: 20px;
  }
}

/*************/
/** FINDER **/
/*************/
.dp-finder {
  text-align: center;
}
.dp-finder__title {
  padding-top: 70px;
  margin: 0;
  color: #000;
  font-weight: normal;
  font-family: "ClarinsRegular", "Clarins";
  line-height: 1em;
  font-size: 35px;
  text-align: center;
}
.dp-finder__claim {
  margin: 25px auto;
  font-size: 16px;
}

.dp-finder__push {
  display: block;
  position: relative;
}
@media screen and (min-width: 762px) {
  .dp-finder__push {
    height: 530px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 50%;
  }
}
/*----Elements---*/
.dp-finder__background {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.dp-finder__background img {
  width: 100%;
  display: block;
}
@media screen and (min-width: 762px) {
  .dp-finder__background {
    width: 1600px;
    left: calc(50% - 800px);
    z-index: 1;
  }
}

.dp-finder__box {
  background: #fff;
  flex-basis: calc(100% - 40px);
  max-width: 440px;
  padding: 50px;
  margin: 20px;
  position: relative;
  z-index: 2;
  display: block;
}

.dp-finder__box-title {
  color: #333333;
  font-size: 56px;
  font-family: "ClarinsRegular", "Clarins";
  text-align: right;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 30px;
}

.dp-finder__box-title span:nth-child(1) {
  font-size: 90px;
  font-weight: normal;
  display: block;
  text-align: left;
  margin-right: 70px;
  margin-bottom: -20px;
}
.dp-finder__box-title span:nth-child(2) {
  margin-left: 70px;
}
.dp-link {
}
/*--responsive------*/
@media screen and (max-width: 761px) {
  .dp-finder {
    /*margin-top: 30px;*/
  }

  .dp-finder__push {
    height: 440px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0;
  }
  .dp-finder__box {
    background: #fff;
    flex-basis: 230px;
    /* width: calc(100% - 40px);
    max-width: calc(100% - 40px);*/
    padding: 20px;
    margin: 15px;
  }
  .dp-finder__box-title {
    font-size: 45px;
    margin-bottom: 20px;
  }
  .dp-finder__box-title span:nth-child(1) {
    font-size: 70px;
  }
  .dp-finder__box-title span:nth-child(2) {
  }
}

.dp-doubleserum-eyes .slick-next {
  right: -15px;
}
.dp-doubleserum-eyes .slick-prev {
  left: -15px;
}


/*DTW EDITS*/
.dp-shop-btn button{
  max-width: 200px;
  width: 200px;
}

.dp-intro__ingredient{
  right: 52%;
}

.dp-finder{
  padding-bottom: 80px;
}

/*iPad Air 3 Landscape*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2){
  .dp-duo__packshot[data-version="cerfeuil"] .dp-duo__ingredient {
    top: -10px;
    left: 180px;
  }
}

/*iPad Air 3 Portrait*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2){
  .dp-header__background img{
    width: 150%;
  }
}

/*iPhone 7*/
@media only screen and (max-width: 761px){
  .dp-ingredients__slider{
    margin: 35px;
  }
}