/*---------------------------------------*/
.dp-routine__packshot img {
  width: 100% !important;
}
.dp-routine__packshot[data-product="multi-active"] img, .dp-routine__packshot[data-product="super-restorative"] img, .dp-routine__packshot[data-product="nutri-lumiere"] img, .dp-routine__packshot[data-product="hydra-essentiel"] img, .dp-routine__packshot[data-product="hydra-essentiel-creme"] img {
  width: 100% !important;
}
.dp-routine__packshot[data-product="extra-firming"] img {
  width: 100% !important;
}
.dp-routine__packshot[data-product="hydra-essentiel-cream"] img {
  width: 100% !important;
}
.dp-routine__packshot[data-product="hydra-essentiel"] img {
  width: 100% !important;
}
.dp-routine__packshot[data-product="my-clarins-reboost"] img {
  width: 100% !important;
}
.dp-routine__packshot[data-product="calm-essentiel-gel"] img {
  width: 100% !important;
}
.dp-routine__packshot[data-product="calm-essentiel-emulsion"] img {
  width: 100% !important;
}
.dp-routine__packshot[data-product="calm-essentiel-soothing-balm"] img {
  width: 100% !important;
}
.dp-routine__packshot[data-product="double-serum"] img {
  width: 100% !important;
}
.dp-routine__packshot[data-product="total-eye-lift"] img {
  width: 100% !important;
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  .dp-routine__packshot {
      width: auto;
      height: auto;
  }
}