#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;
}
}
/*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) {
body #olapic-wall::before {
    height: 379px!important;
    left: -18px!important;
    padding-top: 35px;
	background-position-y: -70px;
}
}

/*DTW edits*/
body #olapic-wall::before {
	background-image:unset;
	top: -41px;
    left: 377px;

}

/*.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body .olapic-wall, .olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body .olapic-preload-items {
     margin-top: 106px!important;
}*/
.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body ul li{
	margin-top: 102px!important;
}
.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body ul li:nth-child(2) {
    width: 23%!important;
    margin-left: -127px!important;
}
.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body ul li:nth-child(3){
	margin-left: 123px!important;
}
.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body ul li:nth-child(4){
    top: 278px!important;
    width: 30%!important;
    margin-left: 134px!important;
}
.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body ul li:nth-child(1){
	margin-left: -167px!important;
	max-width: 130%;
    width: 23% !important;
}

/*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) { 
	.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body ul li:nth-child(3){
	position: relative;
	margin-top: -81px!important;
    margin-left: -79px!important;
}
	.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body ul li:nth-child(4){
	position: relative;
	margin-top: -176px!important;
    margin-left: -57px!important;
	top: 278px!important;
    width: 37%!important;
    height: 45%!important;
}
.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body ul li:nth-child(1) {
    margin-left: -88px!important;
        width: 40%!important;
}
.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body ul li:nth-child(2) {
    width: 29%!important;
    margin-left: -25px!important;
}
body #olapic-wall::before {
    left: 202px!important;
}
.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body .olapic-wall{
	height: 662px!important;
}
}

/*Iphone Portrait*/
@media screen and (max-width: 761px) {
.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body ul li:nth-child(4) {
    position: relative;
    top: 241px!important;
    width: 46%!important;
    margin-left: 10px!important;
    height: 26%!important;
}
.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body ul li:nth-child(3) {
    position: relative;
    margin-left: 35px!important;
}
body #olapic-wall::before {
    left: 92px!important;
}
.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body .olapic-wall {
    height: 888px!important;
}
.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body ul li:nth-child(1) {
    margin-left: 20px!important;
    width: 45%!important;
}
	.olapic #olapic-wall-widget.olapic-wall-widget .olapic-wall-body ul li:nth-child(2) {
    width: 48%!important;
    height: 26.2%!important;
	margin-top: -143px!important;
    margin-left: 7px!important;
}

}