body,html{
	margin:0;
	padding:0;
	overflow-x:hidden;
}

/*#main:not(.main-homepage) {
    padding-top: 0px;
}*/

@media screen and (max-width:761px) {
.MyContent .product-quickshop {
	display: block;
}
}

.footer-wrapper{
    z-index: 4;
    position: relative;
}

.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, sans-serif;
	line-height: 1.75em;
	font-size: 16px;
	overflow-x:hidden;
}

.MyContent *{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
@media screen and (min-width: 1250px) {
.MyContent{
	overflow-x:visible;
}
}

.MyContent .MyBlock{
	margin:0;
	padding:0;
	position:relative;
		background-position:top center;
	background-repeat:no-repeat;
	width:100%;
}
@media screen and (min-width: 1250px) {
.MyContent .MyBlock{
	width:1600px;
	margin-left:-175px;
	overflow-x:visible;
}
}

.MyContent h3{
	margin:0;
	padding:0;
}
.MyContent p{
	margin:0;
	padding:0;
}
.MyContent .BtnLink {
	margin: 0;
}
.MyContent .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #000;
	padding: 16px 30px;
	display: inline-block;
	line-height: 14px;
	/*border:2px solid #000;*/
}
@media screen and (max-width: 761px) {
	.MyContent .BtnLink a {
		padding: 16px 20px;
	}
}
.MyContent h1.BigTitle{
	margin: 0;
	font-size: 50px;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
}
.MyContent p.Title{
	margin:0;
	margin-bottom:10px;
	font-size: 14px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	dispaly:block;
	color:#be0f34;
	text-transform:uppercase;
	line-height:1em;
}
.MyContent h2.Title{
	margin: 0;
	font-size: 35px;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
}
.MyContent .VideoLink {
	display:inline-block;
	position:relative;
	margin-top:40px;
}
@media screen and (max-width: 761px) {
	.MyContent .VideoLink {
	margin-top:20px;
	display:block;
	}
}
.MyContent .VideoLink img{
	display:block;
	max-width:100%;
	margin:0 auto;
}

.MyContent .VideoLink::after {
	content: " ";
	background-image: url(img/video-play.png);
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 50px;
	height: 50px;
	background-size: cover;
	z-index: 2;
	cursor:pointer;
	pointer-events:none;
}
@media screen and (max-width: 761px) {
	.MyContent .VideoLink::after {
		bottom:calc(50% - 25px);
		left:calc(50% - 25px);
	}
}
/*---------------------------------------------------------*/
#VELVET-LIPS-HEADER{
	height:410px;
	position:relative;
	z-index:1;
}
@media screen and (max-width: 761px) {
#VELVET-LIPS-HEADER{
	height:auto;
	position:relative;
}
}
#VELVET-LIPS-HEADER .Background{
	position:absolute;
	z-index:1;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	height:100%;
	background-position:top center;
	background-repeat:no-repeat;
}
@media screen and (max-width: 761px) {
#VELVET-LIPS-HEADER .Background{
	background-size:auto 100%;
	height:230px;
}
}
#VELVET-LIPS-HEADER #Background-01{
	background-image:url(img/header-1.jpg);
	
}
#VELVET-LIPS-HEADER #Background-02{
	background-image:url(img/header-2.jpg);
	/*animation:FadeIn ease-in-out 8s infinite both;*/
}
		
/*#VELVET-LIPS-HEADER .Background img{
	display:block;
	margin:0 auto;
}
#VELVET-LIPS-HEADER  #Background-02{
		animation:FadeIn ease-in-out 8s infinite both;
}*/
@keyframes FadeIn{
	0%{
		opacity:0;
	}
	40%{
		opacity:0;
	}
	50%{
		opacity:1;
	}
	90%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
#VELVET-LIPS-HEADER h1{
	position:absolute;
	z-index:2;
	margin: 0;
	font-size: 35px;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	padding:20px;
	left:50%;
	top:61px;
}
@media screen and (max-width: 761px) {
#VELVET-LIPS-HEADER h1{
	position:relative;
	left:auto;
	top:auto;
	text-align:center;
	padding:20px;
	padding-top:250px;
}
}
#VELVET-LIPS-HEADER h1 span{
	font-size:0;
	background-image:url(img/title.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:278px;
	height:172px;
	display:block;
	margin-left:-30px;
	margin-bottom:-20px;
}
@media screen and (max-width: 761px) {
	#VELVET-LIPS-HEADER h1 span{
		position: absolute;
		left: 50%;
		top: 30px;
		width: 163px;
		background-size: 100% auto;
		margin-left: -5px;
	}
}
/*---------------------------------------------------------*/
#VELVET-LIPS-TEXTURES{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	height:400px;
	margin-top:-47px;
	position:relative;
	z-index:2;
}
@media screen and (max-width: 761px) {
	#VELVET-LIPS-TEXTURES{
		display: flex;
		/*flex-direction: column-reverse;*/
		margin:0;
		height:auto;
		    padding-bottom: 120px;
			align-items:center;
	}
}
#VELVET-LIPS-TEXTURES .Content {
	width:350px;
	display:block;
	text-align:right;
	padding-top:117px;
	margin-right:30px;
	line-height:1.2em;
}
@media screen and (max-width: 761px) {
	#VELVET-LIPS-TEXTURES .Content {
		margin:0px;
		flex-basis:calc(100% - 160px);
		padding-top:0;font-size:14px;
		margin-right:20px;
		
	}
}

@media screen and (max-width: 761px) {
	#VELVET-LIPS-TEXTURES .Packshot{
		flex-basis:120px;
	}
}
#VELVET-LIPS-TEXTURES .Content .Title{
	font-size:22px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	padding-bottom:8px;
}
@media screen and (max-width: 761px) {
	#VELVET-LIPS-TEXTURES .Content .Title{
	font-size:17px;
}
}
#VELVET-LIPS-TEXTURES .Content ul{
	display:flex;
	align-items:flex-start;	
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
	padding-top:15px;
}
@media screen and (max-width: 761px) {
	#VELVET-LIPS-TEXTURES .Content ul{
		display: flex;
    align-items: flex-start;
    list-style: none;
    width: 320px;
    margin: 0;
    padding: 0;
    padding-top: 15px;
    flex-wrap: wrap;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);    bottom: 0;
	}
}
#VELVET-LIPS-TEXTURES .Content ul li {
	text-align:center;
	font-size:11px;
	line-height:1.2em;    
	flex: 1;
	margin:13px;
	position:relative;
}

#VELVET-LIPS-TEXTURES .Content ul li a::before {
	content:" ";
	position:absolute;
	border-radius:50%;
	width:66px;
	height:66px;
	border:2px solid #be0f34;
	left:50%;
	top:-8px;
	transform:translateX(-50%);
	pointer-events:none;
	opacity:0;
}
#VELVET-LIPS-TEXTURES .Content ul li a[data-selected="1"]::before {
	opacity:1;
}
#VELVET-LIPS-TEXTURES .Content ul li a{
	color:#000;
	text-decoration:none;
}
#VELVET-LIPS-TEXTURES .Content ul li a:hover{
	color:#be0f34;

}
#VELVET-LIPS-TEXTURES .Content ul li a:hover::before{
	opacity:1;
}
#VELVET-LIPS-TEXTURES .Content ul li span{
	display:block;
	position:absolute;
	bottom:0;
	width:150px;
	left:calc(50% - 75px);
}
#VELVET-LIPS-TEXTURES .Content ul li img{
	display:block;
	margin:0 auto;
	margin-bottom:45px;
}

@media screen and (max-width: 761px) {
	#VELVET-LIPS-TEXTURES .Packshot img{
		width:120px;
		float:none;
		display:block;
		margin:0 auto;
	}
}
/*---------------------------------------------------------*/
#VELVET-LIPS-JOLI-ROUGE{
	background-color:#fde3cf;
}
#VELVET-LIPS-JOLI-ROUGE .Title,
#VELVET-LIPS-JOLI-ROUGE .SubTitle{
	color:#8b3938;
}
#VELVET-LIPS-JOLI-ROUGE .Ingredient{
	order:1;
}
#VELVET-LIPS-JOLI-ROUGE .Packshot{
	order:2;
}
#VELVET-LIPS-JOLI-ROUGE .Content{
	order:3;
	max-width:404px;
}
@media screen and (max-width: 1023px) {
#VELVET-LIPS-JOLI-ROUGE .Content{
	max-width:304px;
	margin-right:20px;
}	
}
#VELVET-LIPS-JOLI-ROUGE .Deco{
	order:4;
}
#VELVET-LIPS-JOLI-ROUGE .IngredientName{
	right:68%;
	top:65%;
}
/*---------------------------------------------------------*/
#VELVET-LIPS-CRAYON{
	background-color:#fde3cf;
}
#VELVET-LIPS-CRAYON .Title,
#VELVET-LIPS-CRAYON .SubTitle{
	color:#8b3938;
}
#VELVET-LIPS-CRAYON .Packshot{
	order:2;
	margin-top:-35px;
	margin-right:20px;
}
#VELVET-LIPS-CRAYON .Content{
	order:3;
	max-width:364px;
	margin-right:20px;
	
}
#VELVET-LIPS-CRAYON .Deco{
	order:1;
	margin-right:15px;
	margin-top:115px;
}
/*---------------------------------------------------------*/
#VELVET-LIPS-EMBELLISSEUR{
	background-color:#fff1e7;
}
#VELVET-LIPS-EMBELLISSEUR .Title,
#VELVET-LIPS-EMBELLISSEUR .SubTitle{
	color:#bb3658;
}

#VELVET-LIPS-EMBELLISSEUR .Packshot{
	order:2;
	margin-right:20px;
}
#VELVET-LIPS-EMBELLISSEUR .Content{
	order:1;
	max-width:364px;
	text-align:right;
	margin-right:55px;
}
@media screen and (max-width: 1023px) {
#VELVET-LIPS-EMBELLISSEUR .Content{
margin-right:30px;
	max-width:304px;
}
}
#VELVET-LIPS-EMBELLISSEUR .Deco{
	order:3;
}
#VELVET-LIPS-EMBELLISSEUR  .IngredientName{
	right:68%;
	top:65%;
}

@media screen and (max-width:761px) {
	#VELVET-LIPS-EMBELLISSEUR  .IngredientName{
	top:35%;
}
}
/*---------------------------------------------------------*/
#VELVET-LIPS-EAU-A-LEVRES{
	background-color:#fff1e7;
}
#VELVET-LIPS-EAU-A-LEVRES .Title,
#VELVET-LIPS-EAU-A-LEVRES .SubTitle{
	color:#e24207;
}

#VELVET-LIPS-EAU-A-LEVRES .Packshot{
	order:1;
	margin-top:-35px;
}

@media screen and (max-width: 1023px) {
#VELVET-LIPS-EAU-A-LEVRES .Packshot{
	margin-left:20px;
}
}
#VELVET-LIPS-EAU-A-LEVRES .Content{
	order:2;
	max-width:370px;
}

@media screen and (max-width: 1023px) {
#VELVET-LIPS-EAU-A-LEVRES .Content{
	max-width:300px;
}
}

#VELVET-LIPS-EAU-A-LEVRES .Deco{
	order:3;
	margin-top:90px;
	margin-left:85px;
}
@media screen and (max-width: 1023px) {
#VELVET-LIPS-EAU-A-LEVRES .Deco{
	margin-left:30px;
	margin-right:30px;
}
}
/*---------------------------------------------------------*/
.MyContent .MyProductTab{
	display:flex;
	justify-content: center !important;
}
.MyContent .MyProductTab[data-selected="1"]{
	/*display:flex;*/
	justify-content:center;
	align-items:flex-start;
	min-height:608px;
}
@media screen and (max-width:761px) {
/*#VELVET-LIPS-SLIDER .slick-dots{
	bottom:-10px;
}	
	
.MyContent .MyProductTab{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:0;
	flex-direction:column;
	padding-bottom:40px;
}	
*/	
.MyContent .MyProductTab[data-selected="1"]{
	/*display:flex;*/
	justify-content:flex-start;
	align-items:center;
	min-height:0;
	flex-direction:column;
}
}
.MyContent .MyProductTab .SubTitle{
	font-size:14px;
	line-height:20px;
	margin:10px auto;
}
.MyContent .MyProductTab .Text{
	font-size:14px;
	line-height:20px;
}
.MyContent .MyProductTab .ProductName{
	font-size:14px;
	line-height:20px;
	margin:10px auto;
}
.MyContent .MyProductTab .Price{
	font-size:14px;
	line-height:20px;
	margin:10px auto;
}
.MyContent .MyProductTab .Ingredient{
	position:relative;
}
.MyContent .MyProductTab .IngredientName{
	position:absolute;
	font-size:12px;
	text-align:right;
}
.MyContent .MyProductTab .Packshot{
	position:relative;
}

.MyContent .MyProductTab .Content{
	padding-top:60px;
	margin-left:20px;
}
@media screen and (max-width: 761px) {
	.MyContent .MyProductTab .Content{
	padding:0px!important;
	margin:20px auto!important;
	text-align:center!important;
	max-width: 340px!important;
	width:calc(100% - 40px)!important;
}
}
.MyContent .MyProductTab .Deco{

}

@media screen and (max-width: 1249px) {
.MyContent .MyProductTab .Packshot,
.MyContent .MyProductTab .Ingredient,
.MyContent .MyProductTab .Deco{
	flex:1;
}
}

.MyContent .MyProductTab .Packshot img,
.MyContent .MyProductTab .Ingredient img,
.MyContent .MyProductTab .Deco img{
	max-width:100%;
	display:block;
}

.MyContent .MyProductTab .PackshotMobile {

	display:none;
}
@media screen and (max-width:761px) {
.MyContent .MyProductTab .Packshot ,
.MyContent .MyProductTab .Ingredient ,
.MyContent .MyProductTab .Deco {

	display:none;
}
.MyContent .MyProductTab .PackshotMobile {
	display:block;
	width:300px;
	margin:20px auto;
}
#VELVET-LIPS-JOLI-ROUGE .PackshotMobile {
	padding-left:10px;
}
#VELVET-LIPS-CRAYON .PackshotMobile {
	padding-left:15px;
}
#VELVET-LIPS-EMBELLISSEUR .PackshotMobile {
	padding-left:20px;
}
#VELVET-LIPS-EAU-A-LEVRES .PackshotMobile {
	padding-left:16px;
}
.MyContent .MyProductTab .PackshotMobile img{
	margin:0 auto;
	max-width:100%;
	display:block;
}

	
}
.MyContent .MyProductTab ul{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin:0;
	padding:0;
	list-style:none;
	padding-top:30px;
}
.MyContent .MyProductTab ul li{
	margin-right:15px;
	padding:10px;
	background-color:#fff;
	text-align:center;
	font-size:11px;
	line-height:15px;
	box-shadow:2px 2px 6px rgba(0,0,0,0.2);
}
@media screen and (max-width:761px) {
	
.MyContent .MyProductTab ul li{
	margin-right: 8px;
padding: 8px;
}
.MyContent .MyProductTab ul li:last-child{
	margin-right: 0px;
}
}
.MyContent .MyProductTab ul li img{
	display:block;
	position:relative;
	margin-bottom:10px;
}
.MyContent .MyProductTab .BtnLink a{
	background-color:transparent;
	border:2px solid #fff;
	color:#000;
	padding:11px 22px;
}
.MyContent .MyProductTab .BtnLink a:hover{
	background-color:#000;
	border:2px solid #000;
	color:#fff;
}
/*---------------------------------------------------------*/
#VELVET-LIPS-TESTIMONIES{
	padding-top:60px;
	max-width: 1170px;
	width: calc(100% - 60px);
	margin: 0 auto;
}
@media screen and (max-width:761px) {
#VELVET-LIPS-TESTIMONIES{
	padding-top:30px;
	max-width: 375px;
	width:100%;
	margin: 0 auto;
	padding-bottom:30px;
}
}
#VELVET-LIPS-TESTIMONIES .Title{
	text-align:center;
	color:#be0f34;
}
#VELVET-LIPS-TESTIMONIES .Testimony{
	max-width:720px;
	margin:0 auto;
	padding-left:375px;
	padding-right:15px;
	box-sizing:border-box;
	position:relative;
	height:320px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-start;
}

@media screen and (max-width:761px) {
#VELVET-LIPS-TESTIMONIES .Testimony{
	padding:0;
	display:flex;
	flex-direction:column;
	height:auto;
	text-align:center;
	align-items:center;
	padding-bottom:30px;
}
}
#VELVET-LIPS-TESTIMONIES .Packshot{
	position:absolute;
	top:0;
	left:15px;
}
@media screen and (max-width:761px) {
	#VELVET-LIPS-TESTIMONIES .Packshot{
	position:relative;
	top:auto;
	left:auto;
	width:250px;
}
	#VELVET-LIPS-TESTIMONIES .Packshot img{
	width: 240px;
	float: none;
	display: block;
	margin: 0 auto;
	}
	
	#VELVET-LIPS-TESTIMONIES .Testimony-01 img{
		margin-left: -65px;
	}
	#VELVET-LIPS-TESTIMONIES .Testimony-02 img{
		margin-left: -70px;
	}
}
#VELVET-LIPS-TESTIMONIES .TestimonyTitle{
	margin:0;
	padding-top:20px;
}
#VELVET-LIPS-TESTIMONIES .TestimonyText{
	margin:0;
	padding-top:20px;
	font-size:14px;
	line-height:20px;
	position:relative;
}
#VELVET-LIPS-TESTIMONIES .Price{
	margin:10px 0;
	font-size:14px;
	line-height:20px;
}
#VELVET-LIPS-TESTIMONIES .TestimonyText::before{
	content:"“";
	font-size:110px;
	position:absolute;
	font-family: ClarinsRegular, Clarins;	
	left:-40px;
	top:-12px;
	line-height:1em;
}

@media screen and (max-width:761px) {
#VELVET-LIPS-TESTIMONIES .TestimonyText::before{
	content: "“";
	font-size: 110px;
	position: relative;
	left: auto;
	top: auto;
	height: 50px;
	display: inline-block;
	overflow: hidden;margin-top: -50px;
}
	
	
}
#VELVET-LIPS-TESTIMONIES .TestimonyAuthor{
	margin:0;
	padding-top:20px;
	font-size:14px;
	line-height:20px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	flex:1;
}
#VELVET-LIPS-TESTIMONIES .ProductName{
	font-family: ClarinsRegular, Clarins;
	font-size:20px;
}


#VELVET-LIPS-TESTIMONIES .Testimony-01 .TestimonyText::before,
#VELVET-LIPS-TESTIMONIES .Testimony-01 .TestimonyAuthor,
#VELVET-LIPS-TESTIMONIES .Testimony-01 .ProductName{
	color:#a5484f;
}
#VELVET-LIPS-TESTIMONIES .Testimony-02 .TestimonyText::before,
#VELVET-LIPS-TESTIMONIES .Testimony-02 .TestimonyAuthor,
#VELVET-LIPS-TESTIMONIES .Testimony-02 .ProductName{
	color:#e72464;
}


/*----------------------------------------------------------------------*/
#VELVET-LIPS-FOOTER {
	display: block;
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding-bottom: 489px;
	padding-top:40px;
}

@media screen and (min-width:1250px) {
#VELVET-LIPS-FOOTER {
	margin-left: calc(625px - 50vw + 10px);
	width: calc(100vw - 20px);
	text-align: center;
}
}

@media screen and (max-width:1023px) {
#VELVET-LIPS-FOOTER {
	padding-bottom: 420px;
}
}
@media screen and (max-width:761px) {
#VELVET-LIPS-FOOTER {
	padding:20px;
	padding-top: 300px;
	background-position: top center;
	background-image: url(img/footer-mobile.jpg);
	background-repeat:no-repeat;

}
}
#VELVET-LIPS-FOOTER .Title {
	font-size: 35px;
	color: #000;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	max-width: 970px;
	margin: 0 auto;text-align: center;
}


#VELVET-LIPS-FOOTER .Text {
	padding-bottom: 10px;
	padding-top: 10px;text-align: center;
}


#VELVET-LIPS-FOOTER .Wrapper {
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(img/footer.jpg);
	width: 1600px;
	height: 489px;
	z-index: -1;
	position: absolute;
	bottom: 0;
	left: calc(50% - 800px);
	background-repeat: no-repeat;
	text-align: center;
	flex-direction:column;
}
@media screen and (max-width:1023px) {
#VELVET-LIPS-FOOTER .Wrapper {
	background-size: 68% auto;
	background-position: center center;
}
}
@media screen and (max-width:761px) {
#VELVET-LIPS-FOOTER .Wrapper {
	height:auto;
	position:relative;
	background-image:none
	
}
}

@media screen and (max-width:1249px) {
#VELVET-LIPS-FOOTER .Wrapper img{
	width:200px;
}
}

@media screen and (max-width:1023px) {
#VELVET-LIPS-FOOTER .Wrapper img{
	width:140px;
}
}
@media screen and (max-width:761px) {
#VELVET-LIPS-FOOTER .Wrapper img{
	display:none;
}
}

#VELVET-LIPS-FOOTER .BtnLink {
	padding-bottom: 10px;
	padding-top: 10px;
}
#VELVET-LIPS-FOOTER .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	position: relative;
	padding: 16px 30px;
	display: inline-block;
	line-height: 14px;
	min-width: 110px;
	text-align: center;
	background-color: #000;
}



/*IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 	#VELVET-LIPS-TESTIMONIES .Testimony{
 		display: block;
 	}
}

@media only screen 
and (min-device-width : 834px) 
and (max-device-width : 1124px) 
and (orientation : portrait) { 
	#VELVET-LIPS-JOLI-ROUGE .IngredientName{
		right:11%; 
		top:89%;
	}
}

@media screen and (max-width:761px) {
	#VELVET-LIPS-TESTIMONIES .TestimonyText{
		width: 90%;
	}
}



#VELVET-LIPS-TEXTURES .Content {
    width: 395px;
}

#VELVET-LIPS-TEXTURES {
    height: 450px;
}

.Mentions{
	font-size: 12px!important;
    opacity: .5;
}

#VELVET-LIPS-EAU-A-LEVRES {
    height: 650px;
}

#VELVET-LIPS-CRAYON {
    height: 750px;
}


#VELVET-LIPS-JOLI-ROUGE {
    background-color: #fff1e7;
}

#VELVET-LIPS-EAU-A-LEVRES {
    background-color: #fde3cf;
}


.MyContent .MyProductTab ul li img {
    margin: 0px auto 10px;
}

.MyContent .MyProductTab .BtnLink a {
    background-color: #000;
    border: 2px solid #000;
    color: #ffffff;
}

@media screen and (min-width:768px){
.title_Mobile{
	display: none;
}
}

@media screen and (max-width:1112px) {
	#VELVET-LIPS-JOLI-ROUGE .IngredientName {
	    top: 61%;
	}
}

@media screen and (min-width:1024px) and (max-width:1112px) {
	#VELVET-LIPS-EMBELLISSEUR .IngredientName {
	    top: 34%;
	}
}

@media screen and (min-width:768px) and  (max-width:1111px) {
	#VELVET-LIPS-JOLI-ROUGE .IngredientName {
	    top: 59%;
	}
	#VELVET-LIPS-EMBELLISSEUR {
    height: 585px;
	}
	#VELVET-LIPS-JOLI-ROUGE {
    height: 600px;
	}
	#VELVET-LIPS-HEADER h1 {
    font-size: 32px;
	}
	#VELVET-LIPS-EMBELLISSEUR .IngredientName {
    top: 28%;
	}
	#VELVET-LIPS-JOLI-ROUGE ul {
    padding-top: 60px;
	}
}

@media screen and (min-width:768px) {
#VELVET-LIPS-HEADER h1{
    left: 51%;
}
}

@media screen and (max-width:761px) {
	.title_OFF{
		display: none;
	}
	.title_Mobile {
    	margin: auto;
	}
	.title_Mobile{
		position: relative;
		background-size: 100% auto;
	}	
	.title_Mobile img{
		width: 80%;
	}
	#VELVET-LIPS-CRAYON,
	#VELVET-LIPS-EAU-A-LEVRES {
	    height: auto;
	}
	#VELVET-LIPS-TEXTURES {
	    height: 280px;
	}
	#VELVET-LIPS-TESTIMONIES .Title {
	    margin-bottom: 20px;
	}
	.MyContent .MyProductTab ul li {
	    font-size: 10px;
	    margin-right: 7px;
	}
	#VELVET-LIPS-TESTIMONIES .TestimonyText{
		height: 85px;
	}
	#VELVET-LIPS-TEXTURES .Content {
	    width: auto;
	    text-align: center;
	    margin: 20px;
	}
	#VELVET-LIPS-TEXTURES .Packshot img {
    	width: 83%;
	}
	#VELVET-LIPS-TEXTURES {
    	height: auto;
	}	
	#VELVET-LIPS-TEXTURES {
	    display: flex;
	    flex-direction: column-reverse;
	}
	#VELVET-LIPS-HEADER h1 {
    padding-top: 124px;
    padding-left: 196px;
    padding-bottom: 100px;
    font-size: 20px;
	}
}




/*2021 update*/
.MyContent .Discover-BtnLink .BtnLink {
  margin-left: 61%!important;
  margin-top: 18%!important;	
  z-index: 2;
  position: absolute;
}

/*iPad Air Landscape*/
/*@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	.MyContent .Discover-BtnLink .BtnLink {
		margin-left: 65%!important;
		margin-top: 25%!important;
		z-index: 2;
		position: absolute;
	}
}*/

/*iPad Air Portrait*/
/*@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	.MyContent .Discover-BtnLink .BtnLink {
		margin-left: 68%!important;
		margin-top: 35%!important;
		z-index: 2;
		position: absolute;
	}
}*/

/*iPhone 7*/
/*@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (-webkit-min-device-pixel-ratio: 2) {
	.MyContent .Discover-BtnLink .BtnLink {
		margin-left: 54%!important;
		margin-top: -27%!important;
		padding: 10px 25px!important;
		position: absolute;
		z-index: 2;
	}	
}*/


/*DTW Responsive Edits*/
/*@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
	.MyContent .Discover-BtnLink .BtnLink {
	    position: absolute;
	    margin: 0 !important;
	    bottom: 20%;
    	right: 143px;
	}
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 

	.MyContent .Discover-BtnLink .BtnLink {
	    position: absolute;
	    margin: 0 !important;
	    bottom: 20%;
    	right: 260px;
	}
}


@media screen and (max-width: 761px){
	#VELVET-LIPS-HEADER h1 span{
		left: 56%;
	}
	#VELVET-LIPS-HEADER h1 {
    	padding-left: 206px;
    	padding-right: 0;
	}
	.MyContent .Discover-BtnLink .BtnLink {
	    position: absolute;
	    margin: 0 !important;
	    bottom: 36px;
	    right: 11px;
	}
}

@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 
    #VELVET-LIPS-HEADER h1 span{
		left: 57%;
	}
	#VELVET-LIPS-HEADER h1{
		padding-left: 236px;
	}
	.MyContent .Discover-BtnLink .BtnLink{
		position: absolute;
    	margin: 0 !important;
    	bottom: 46px;
    	right: 46px;
	}

}


@media only screen 
and (min-width: 414px) 
and (max-width: 767px) {
	.MyContent .Discover-BtnLink .BtnLink{
		position: absolute;
    	margin: 0 !important;
    	bottom: 46px;
    	right: 53px;
	}
}


@media only screen 
    and (device-width: 428px) 
    and (device-height: 926px) 
    and (-webkit-device-pixel-ratio: 3) { 
    .MyContent .Discover-BtnLink .BtnLink{
		bottom: 36px;
    	right: 38px;
	}
}*/


/*DTW Edits*/
.Velvet-lips-text-btn {
    position: absolute;
    top: 61px;
    left: 51%;
}
#VELVET-LIPS-HEADER h1 {
    left: 0;
    position: relative;
    display: block;
    top: 0;
}

.MyContent .Discover-BtnLink .BtnLink{
	margin: 0 auto !important;
    display: inline-block;
    max-width: 100%;
    width: 100%;
    text-align: center;
}

/*DTW Responsive Edits*/


/*@media only screen and (max-width :1250px) {
	.MyContent .Discover-BtnLink .BtnLink{
		position: absolute;
    	margin: 0 !important;
    	bottom: 76px;
    	right: 333px;
	}
}*/
/*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) { 
	#VELVET-LIPS-HEADER h1{
		text-align: center;
	}
}
/*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) { 
	#VELVET-LIPS-HEADER h1{
		text-align: center;
	}
}

@media screen and (min-width: 768px) {
	#VELVET-LIPS-HEADER h1{
	    text-align: center;
	}
}

/*IPHONE 6/7/8*/
@media screen and (max-width: 761px){
	#VELVET-LIPS-HEADER h1 {
	    text-align: center;
	    padding: 30px 0 7px;
	}
	#VELVET-LIPS-HEADER h1 span {
	    position: absolute;
	    left: 5%;
	    top: 0;
	    width: 163px;
	    background-size: 100% auto;
	    margin-left: -5px;
	    position: relative;
	    height: 122px;
	}
	.Velvet-lips-text-btn {
	    position: relative;
	    top: 0;
	    left: auto;
	    height: 230px;
	    width: 170px;
	    right: -220px;
	}
}
/*IPHONE 8*/
@media only screen
  and (max-width : 375px)
  and (max-height : 667px) {
  	.Velvet-lips-text-btn{
  		right: -201px;
  	}
  }
/*IPHONE 11*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 
    .Velvet-lips-text-btn{
  		right: -200px;
  	}
} 
/*IPHONE 12*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 
   	.Velvet-lips-text-btn{
  		right: -200px !important;
  	}
}
/*GALAXY S20*/
@media only screen 
and (min-width: 360px) 
and (max-width: 767px) { 
	.Velvet-lips-text-btn{
		right: -190px !important;
	}
}