#MYCLARINS-LOVERS{
	position:relative;
}

#view-gallery-olapic-btn{
	position:absolute;
	font-size:11px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	color:#000;

text-decoration: underline;
}
@media only screen and (min-width:1250px) {
#view-gallery-olapic-btn{
	left:calc(50% + 460px);
		bottom: 135px;
}
}
@media only screen and (max-width:1249px) {
#view-gallery-olapic-btn{
	right:20px;
		bottom: 135px;
}
}
@media only screen and (max-width:1023px) {
#view-gallery-olapic-btn{
	right:20px;
		bottom: 75px;
}
}
@media only screen and (max-width:761px) {
#view-gallery-olapic-btn{
	right:30px;
		bottom: 65px;
}
}
@media only screen and (max-width:1249px) {
#olapic-wall::before {
	background-image:url(img/olapic-widget-title-bg-tablet.png);
}
}

body #olapic-wall::before {
    content: "MY CLARINS LOVERS";
    width: 302px!important;
	height: 442px!important;
	position:absolute!important;
	top:0;
	left:0;
	font-family: "Gotham Cond A", "Gotham Cond B"!important;
	font-size:40px!important;
	box-sizing:border-box;
	color:#000;
	padding-top:75px;
	text-align:center!important;
	background-image:url(img/olapic-widget-title-bg.png);
	background-repeat:no-repeat;
	background-position:top center;
}
@media only screen and (max-width:1023px) {
body  #olapic-wall::before {
	background-image:url(img/olapic-widget-title-bg-tablet.png);
}
}
@media only screen and (max-width:761px) {
body  #olapic-wall::before {
	background-image:url(img/olapic-widget-title-bg-mobile.png);

    content: "MY CLARINS LOVERS";
    width: 50% !important;
    height: 236px !important;
    position: absolute !important;
    top: 0!important;
    left: 0!important;
   font-family: "Gotham Cond A", "Gotham Cond B"!important;
    font-size: 30px !important;
    box-sizing: border-box;
    color: #000!important;
   padding: 20px!important;
    text-align: center !important;
    background-position: bottom left!important;
    z-index: 2!important;
	background-size: auto 202px;
}

}
#olapic-wall::after {
	content: " ";
	width: calc(100% - 278px - 19.3% - 18.3%) !important;
	height: 511px !important;
	position: absolute !important;
	bottom: 0;
	right: 20px;
	box-sizing: border-box;
	text-align: center !important;
	background-image: url(img/olapic-widget-girl.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	text-transform: uppercase;
	z-index: 4;
	pointer-events: none;
	background-size: 100% auto;
}
@media only screen and (max-width:1023px) {
#olapic-wall::after {
	background-image: url(img/olapic-widget-girl-tablet.png)!important;
}

}
@media only screen and (max-width:761px) {
#olapic-wall::after {
	background-image: url(img/olapic-widget-girl-mobile.png)!important;
}
}
#olapic-wall .item_element_7{
	height:152px!important;
	width:160px!important;
	position:absolute!important;
	right: 0px!important;
	bottom:128px!important;
	 display:block!important;
}


/*DTWEdit*/
@media only screen and (max-width:1023px) {
body #olapic-wall::before {
    left: 5px!important;
}
}
/*Ipad Air 3 Landscape*/
@media screen and (max-width: 1112px) {

#olapic-wall::after {
    bottom: 40px;
}
}