.breadcrumb {
	display: block!important;
}
#main:not(.main-homepage) {
	margin-top: 21px;
}

@media screen and (max-width:761px) {
.MyContent .product-quickshop {
	display: block;
}
}
.MyContent {
	display: block;
	position: relative;
	max-width: 1250px;
	margin: 0 auto;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, "Times New Roman", sans-serif;
	line-height: 1.75em;
	font-size: 16px;
}
.MyContent * {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;/* Non-prefixed version, currently
                                        supported by Chrome and Opera */
}
.MyContent p {
	margin: 20px 0;
}

@media screen and (max-width:1023px) {
.MyContent p {
	margin: 10px 0;
}
}
.MyContent .BtnLink {
	margin: 0;
	padding-top:35px;
}
@media screen and (max-width:761px) {
.MyContent .BtnLink {
	padding-top:0px;
}
}
.MyContent .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, "Times New Roman", sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #000;
	padding: 18px 30px;
	display: inline-block;
	line-height: 14px;
}
.MyContent h2 {
	display: block;
	margin: 0;
	font-weight: normal;
}
.MyContent .MyBlock img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.MyContent .ContentBox {
	border: 5px solid #efefef;
	background-color: #fff;
	box-sizing: border-box;
	padding: 40px;
	position: relative;
}
.MyContent .Title {
	font-size: 35px;
	color: #be0f34;
	line-height: 1em;
	font-weight: normal;
	font-family: "Times New Roman";
	flex-basis: 100%;
}

@media screen and (max-width:1023px) {
.MyContent .Title {
	font-size: 30px;
}
}
.MyBlock {
	background-repeat: no-repeat;
	background-position: top center;
	max-width: 1160px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	text-align:center;
}
.MyBlockBanner {
	background-repeat: no-repeat;
	background-position: top center;
	max-width: 1160px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	height: 330px;
	padding: 60px 100px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 12px;
	position:relative;
	overflow:hidden;
}
@media screen and (max-width:1023px) {
.MyBlockBanner {
	padding: 60px 60px;
}
}
@media screen and (max-width:761px) {
.MyBlockBanner {
	display:block;
}
}
.MyBlockBanner .Num {
	font-size: 60px;
	float: left;
	line-height: 1em;
	margin-right: 10px;
}
@media screen and (max-width:761px) {
.MyBlockBanner .Num {
	    font-size: 10vw;
}
}
.MyBlockBanner p.Text {
	margin: 0;
	font-size: 22px;
	display: flex;
	flex-basis: 50%;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 276px;
}
@media screen and (max-width:1023px) {
.MyBlockBanner p.Text {
		max-width: 240px;
}
}
@media screen and (max-width:761px) {
.MyBlockBanner p.Text {
	    font-size: 4vw;
		line-height:1.2em;
		flex-basis:4vw;
		padding-top:1vw;
}
}
.MyBlockBanner p.Red {
	color: #be0f34;
	flex-basis: 100%;
	max-width: 100%;
}
#PDP-DOUBLE-SERUM-1 {
	background-image: url(img/bloc-1-pdp.jpg);
	background-size:100% auto;
}
#PDP-DOUBLE-SERUM-2 {
	background-image: url(img/bloc-2-pdp.jpg);
	background-size:100% auto;
}
#PDP-DOUBLE-SERUM-3 {
	background-color:#f4e8d8;
}


@media screen and (max-width:761px) {
#PDP-DOUBLE-SERUM-1 {
	background-image: url(img/bloc-1-pdp-mobile.jpg);
	height: 50vw;
	padding: 5vw 5vw;
}
#PDP-DOUBLE-SERUM-2 {
	background-image: url(img/bloc-2-pdp-mobile.jpg);
	height: 50vw;
	padding: 5vw 5vw;
	padding-left: 50vw;
		padding-top: 10vw;
}
#PDP-DOUBLE-SERUM-3 {
	background-color:#f4e8d8;height: 50vw;

	padding: 5vw 5vw;
padding-right: 40vw;
}
}
#PACKSHOT-ANIM {
	z-index: 2;
	position: absolute;
	top: 250px;
	right: 170px;
}
@media screen and (max-width:761px) {
	#PACKSHOT-ANIM {
    top: 40vw;
    right: 0;
    transform: scale(0.5);    
}
}
#PACKSHOT-ANIM figure {
	z-index: 2;
	position: absolute;
	top: -130px;
	right: 20px;
	margin: 0;
	padding: 0
}
#PACKSHOT-ANIM .Infos {
	position: absolute;
	top: -230px;
	right: 20px;
	width: 241px;
	font-size: 12px;
	background-image: url(img/drag-arrow-start.png);
	background-repeat: no-repeat;
	background-position: bottom right -20px;
	height: 150px;
	margin: 20px 0;
	    text-align: center;
}

@media screen and (max-width:761px) {
#PACKSHOT-ANIM .Infos {
   font-size: 6vw;
}
}
#PackshotTopRotate {
	background-image: url(img/packshot-explore-the-product-top.png);
	width: 189px;
	height: 189px;
	background-repeat: no-repeat;
	position: absolute;
	top: 2px;
	left: 20px;
	transition: transform ease-in-out 0.5s;
}
#DragCursor .Step {
	position: absolute;
	background-image: url(img/drag-arrow-cursor.png);
	width: 37px;
	height: 37px;
	cursor: pointer;
	z-index: 1;
	font-size: 0;
	opacity: 0;
	background-color: #f4f1e9;
	border-radius: 50%;
}
#DragCursor .Step:nth-child(1) {
	left: 52px;
	top: -46px;
}
#DragCursor .Step:nth-child(2) {
	left: 90px;
	top: -50px;
	transform: rotate(5deg);
}
#DragCursor .Step:nth-child(3) {
	left: 128px;
	top: -46px;
	transform: rotate(15deg);
}
#DragCursor .Step:nth-child(4) {
	left: 164px;
	top: -30px;
	transform: rotate(30deg);
}
#DragCursor .Step:nth-child(5) {
	left: 193px;
	top: -4px;
	transform: rotate(50deg);
}
#DragCursor .Step:nth-child(6) {
	left: 213px;
	top: 28px;
	transform: rotate(70deg);
}
#DragCursor .Step[data-drag="1"] {
	opacity: 1;
}

/*--------------DTW-------------*/
.MyContent .Title{
	font-size: 29px;
}
@media screen and (max-width:761px) {
#PACKSHOT-ANIM .Infos{
	font-size: 5vw;
}
.MyContent .Testimony .Text{
	font-size: 24px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#DOUBLE-SERUM-BLOCK-04-PART-02 ul li{
    display: block;
    padding:35px;
}
}

/***DTW EDITS***/
@media only screen and (max-width: 761px){
	.MyBlockBanner p.Text{
		width: 60%;
	}
	#PDP-DOUBLE-SERUM-1{
		height: 55vw;
	}
}

@media only screen and (max-width: 1023px){
	#PDP-DOUBLE-SERUM-1{
		background-size: 151% auto;
		margin-bottom: 70px;
		background-position-x: -242px;
	}
	#PDP-DOUBLE-SERUM-2{
		background-size: 125% auto;
	}
}

@media only screen and (min-width: 1024px){
	#PACKSHOT-ANIM img{
		width: unset;
	}
	/*.breadcrumb{
		margin-top: 0px;
	}*/
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
	#PACKSHOT-ANIM img{
		width: unset;
	}
}

@media only screen and (max-width: 761px){
	#PACKSHOT-ANIM img{
		width: unset;
	}
}

.wrapper {
background: #fff;
left: 0;
margin: auto;
max-width: 1250px;
position: relative;
padding-top: 96px !important;
}

@media only screen and (max-width:1023px) {

.wrapper {
background: #fff;
left: 0;
margin: auto;
max-width: 1250px;
position: relative;
padding-top: 50px !important;
}}
@media only screen and (max-width:761px) {

.wrapper {
background: #fff;
left: 0;
margin: auto;
max-width: 1250px;
position: relative;
padding-top: 50px !important;
}}

@media only screen and (min-width: 1023px) and (max-width: 1024px){
	#PDP-DOUBLE-SERUM-2,
	#PDP-DOUBLE-SERUM-1{
		background-size: 110% auto;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
	.MyBlockBanner p.Text{
		font-size: 16px;
		max-width: 215px;
	}

}

@media only screen and (max-width: 761px){
	#PDP-DOUBLE-SERUM-1{
		background-position-x: unset;
	}
	.MyContent .Title{
		font-size: 26px;
	}
	.MyBlockBanner p.Text{
		width: 62%;
		font-size: 13px;
	}
	#PDP-DOUBLE-SERUM-1{
		margin-bottom: 12px;
	}

}