/* Ceramide Retinol ES */

#ceramide-retinol {
	background: #fff url(/images/products/campaigns/retinol-bg.jpg) repeat-y top center;
	background-size: cover;
}
#ceramide-retinol .row7 {
	display:none !important;
}
#ceramide-retinol span.btn.retinol-color {
	margin: 30px auto 0;
	transform:scale(1.5);
}
#ceramide-retinol .pinkbox-wrapper a {
	text-decoration:none;
	border:none;
}
#ceramide-retinol .pinkbox {
	text-align: center;
	background-color: #f9dfe2;
	padding: 10px;
}

#ceramide-retinol .row0 .carousel-caption.bottom-right {
	position: absolute;
	top: auto;
	bottom: -53px;
	right:auto;
	left:auto;
	z-index: 10;
	color: #fff;
	text-align: center;
	text-shadow: none;
}
#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox-wrapper {
	margin-right:10%;
}
#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox h3 {
	font-size:1.25em;
	margin-bottom:2px;
}
#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox p {
	font-size:1em;
}
#ceramide-retinol .row0 .carousel-caption.bottom-right .footnote {
	text-align: center;
	margin-top: 5px;
	font-size:0.7em;
}
#ceramide-retinol .row2 {
	margin-top: 50px;
}
#ceramide-retinol .row2 img.desktop,
#ceramide-retinol .row2 img.tablet{
	margin-top: 30px;
}
#ceramide-retinol .row2 .carousel-caption.middle-left {
	top:30%;
}
#ceramide-retinol .row5 strong {
	font-weight:500;
}
#ceramide-retinol .row5 .carousel-caption {
	position:relative;
	top:0;
	right:0;
	left:0;
	bottom:0;
	margin-left:auto;
	margin-right:auto;
}
#ceramide-retinol .row8 .carousel-caption.bottom-center {
	position:relative;
	top:0;
	right:0;
	left:0;
	bottom:0;
	margin:0 auto;
}
@media (max-width: 4000px) and (min-width: 992px) {
	#ceramide-retinol h2.masthead {
		font-size: 27px;
		line-height: 1.5em;
		padding-top:30px;
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	#ceramide-retinol h2.masthead {
		font-size: 27px;
		line-height: 1.5em;
		padding-top:30px;
	}
	#ceramide-retinol span.btn.retinol-color {
		margin: 0 auto 30px;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right {
		position: relative;
		display: block;
		top: 0;
		left: auto;
		right: auto;
		bottom: auto;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .row{
		width:70%;
		margin:0 auto;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox-wrapper {
		margin-left:0;
		margin-right:0;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox h3 {
		font-size:1.25em;
		margin-bottom:2px;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox p {
		font-size:1em;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .footnote {
		text-align: center;
		margin-top: 5px;
		font-size:0.7em;
	}
	#ceramide-retinol .row2 {
		margin-top:0;
	}
	#ceramide-retinol .row8 span.btn.retinol-color {
		margin: 30px auto;
	}
	#ceramide-retinol .row8 .carousel-caption.bottom-center {
		position:relative;
		top:0;
		right:0;
		left:0;
		bottom:0;
		margin:0 auto;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	#ceramide-retinol span.btn.retinol-color {
		margin: 0 auto 30px;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right {
		position: relative;
		top: auto;
		bottom:auto;
		right:auto;
		left:auto;
		z-index: 10;
		color: #fff;
		text-align: center;
		text-shadow: none;
		margin-left:auto;
		margin-right:auto;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right {
		bottom:0;
		width:100%;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox-wrapper {
		margin-left:0;
		margin-right:0;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox h3 {
		font-size:1.25em;
		margin-bottom:2px;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox p {
		font-size:1em;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .footnote {
		text-align: center;
		margin-top: 5px;
		font-size:0.7em;
	}
	#ceramide-retinol .row1 {
		margin-top:0;
	}
	#ceramide-retinol .row2 {
		margin-top:0;
	}
	#ceramide-retinol .row2 .carousel-caption.middle-left{
		top:0;
	}
	#ceramide-retinol .row3 .carousel-caption.middle-right{
		position:relative;
		top:0;
		right:auto;
		left:auto;
		margin-left:auto;
		margin-right:auto;
	}
	#ceramide-retinol .row8 span.btn.retinol-color {
		margin: 30px auto;
	}
	#ceramide-retinol .row8 .carousel-caption.bottom-center {
		position:relative;
		top:0;
		right:0;
		left:0;
		bottom:0;
		margin:0 auto;
	}
}

@media (min-width: 320px) and (max-width: 479px) {
	#ceramide-retinol span.btn.retinol-color {
		margin: 0 auto 30px;
	}
	#ceramide-retinol .row8 span.btn.retinol-color {
		margin: 30px auto 30px;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right {
		position: relative;
		display: block;
		top: 0;
		left: auto;
		right: auto;
		bottom: auto;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox-wrapper {
		margin-left:0;
		margin-right:0;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox h3 {
		font-size:1.25em;
		margin-bottom:2px;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox p {
		font-size:1em;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .footnote {
		text-align: center;
		margin-top: 5px;
		font-size:0.7em;
	}
	#ceramide-retinol .row1 {
		margin-top:0;
	}
	#ceramide-retinol .row2 {
		margin-top:0;
		min-height: 600px;
	}
	#ceramide-retinol .row2 .carousel-caption.middle-left{
		top:0;
	}
	#ceramide-retinol .row3 {
		top: 0;
	}
	#ceramide-retinol .row3 .carousel-caption.middle-right{
		position:relative;
		top:0;
		right:auto;
		left:auto;
		margin-left:auto;
		margin-right:auto;
	}
	#ceramide-retinol .row4 {
		padding-top:0;
	}
	#ceramide-retinol .row4 .carousel-caption.middle-left {
		top:95%;
	}
	#ceramide-retinol .row5 {
		padding-top:100px;
	}
	#ceramide-retinol .row5 .carousel-caption {
		top:20%;
	}
	#ceramide-retinol .row5 h2.masthead {
		margin-top:50px;
	}
	#ceramide-retinol .row8 {
		padding-top:0;
		padding-bottom:0;
	}
	#ceramide-retinol .row8 .carousel-caption.top-center {
		top:40%;
	}
	#ceramide-retinol .row8 .carousel-caption.bottom-center {
		position:relative;
		top:0;
		right:0;
		left:0;
		bottom:0;
		margin:0 auto;
	}
}

@media (max-width: 319px) {
	#ceramide-retinol .row0 .carousel-caption.bottom-right {
		position: relative;
		display: block;
		top: 0;
		left: auto;
		right: auto;
		bottom: auto;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox-wrapper {
		margin-left:0;
		margin-right:0;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox h3 {
		font-size:1.25em;
		margin-bottom:2px;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .pinkbox p {
		font-size:1em;
	}
	#ceramide-retinol .row0 .carousel-caption.bottom-right .footnote {
		text-align: center;
		margin-top: 5px;
		font-size:0.7em;
	}
	#ceramide-retinol .row1 {
		margin-top:0;
	}
	#ceramide-retinol .row2 {
		margin-top:0;
	}
	#ceramide-retinol .row2 .carousel-caption.middle-left{
		top:0;
	}
	#ceramide-retinol .row3 .carousel-caption.middle-right{
		position:relative;
		top:0;
		right:auto;
		left:auto;
		margin-left:auto;
		margin-right:auto;
	}
	#ceramide-retinol .row8 {
		padding-top:0;
		padding-bottom:0;
	}
	#ceramide-retinol .row8 .carousel-caption.bottom-center {
		position:relative;
		top:0;
		right:0;
		left:0;
		bottom:0;
		margin:0 auto;
	}
}

/* Ceramide Retinol ES END */