.multi_layout .item-preview {
    height: inherit;
    width: 100%;
    min-height: inherit;
}

.multi_layout .helper-div .text-side .vertical-aligner {
    overflow: visible;
}

.multi_layout .image-cover {
    height: inherit;
    min-height: inherit;
}

.multi_layout .image-source.background-div {
    height: 100%;
}

.multi_layout .image-source.background-image-div {
    height: 100%;
}

.multi_layout .preview-image-holder:not(.inner-pic-holder) {
    height: inherit;
    min-height: inherit;
    position: relative;
}

.multi_layout .benet {
    min-height: inherit;
}

.multi_layout .image-source {
    height: inherit;
    min-height: inherit;
    position: absolute;
}

.multi_layout .helper-div .image-source {
    position: relative;
}

/*****************************************************************************/
/* IMAGE & TEXT POSITIONING
/*****************************************************************************/

.multi_layout .top-left.helper-div,
.middle-left.helper-div,
.middle-left-25.helper-div,
.bottom-left.helper-div,
.top-right.helper-div,
.middle-right.helper-div,
.middle-right-25.helper-div,
.bottom-right.helper-div {
    position: initial;
    overflow: hidden;
    height: 100%;
    min-height: inherit;

}

.multi_layout .vertical-aligner {
    position: relative;
    height: 100%;
    width: 100%;
    display: table;
    min-height: inherit;
    overflow: hidden;
}

.multi_layout .pic-side .inner-pic:not(.circlize) {
    min-height: inherit;
}



.multi_layout .pic-side .vertical-aligner a.image-link {
    position: relative;
    display: inline-block;
    min-height: inherit;
    overflow: hidden;
}

.multi_layout .pic-side .vertical-aligner a.image-link.not-wrapping,
.multi_layout .pic-side .vertical-aligner a.image-link:empty {
    position: absolute;
    left: 0px;
    top: 0px;
}

.sub.container .multi_layout .pic-side .vertical-aligner a.image-link {
    height: 100%;
    width: 100%;
}

.multi_layout .pic-side .vertical-aligner {
    margin-left: auto;
    margin-right: auto;
    /*display:inline-block;*/
}

.multi_layout .pic-side {
    text-align: center;
    line-height: 0px;
}

.multi_layout .pic-side.reset {
    top: initial !important;
    margin-left: initial !important;
    width: 100% !important;
}


.multi_layout .helper-div .pic-side .inner-pic-holder {
    /*display: table-cell;*/
    /*display:block;*/
    overflow: visible;
    line-height: 0px !important;
}

.multi_layout .preview-image-holder.inner-pic-holder {
    display: table-cell;
}

.multi_layout .pic-side {
    position: absolute;
    pointer-events: auto;
    /*outline: 1px solid green;
background-color: rgba(43,102,10,0.5);*/
    overflow: visible;
    top: 0px;
    bottom: 0px;
}

.draggable-pic {
    pointer-events: auto;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.flex .multi_layout .middle-center.helper-div .text-side .draggable-pic-wrapper {
    display: inline-block;
    position: absolute;
    /*width: 50%;*/
    left: 50%;
    top: 50%;
    /*height: 100%;*/
    z-index: -1;
}

.flex .multi_layout .middle-center.helper-div .text-side .draggable-pic-wrapper.ui-draggable {
    cursor: move;
}


.draggable-pic-wrapper .ui-resizable-ne,
.draggable-pic-wrapper .ui-resizable-se,
.draggable-pic-wrapper .ui-resizable-nw,
.draggable-pic-wrapper .ui-resizable-sw {
    background-color: #0f95ee;
    border-radius: 7px;
}


.draggable-pic-wrapper .ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se {
    width: 9px;
    height: 9px;
    background-image: none;
    right: -5px;
    bottom: -5px;
}




.flex .multi_layout .middle-center.helper-div .text-side .draggable-pic-wrapper .draggable-pic-holder {
    display: inline-block;
    height: 100%;
}

.flex .multi_layout .middle-center.helper-div .draggable-div-holder {
    display: block;
}

.draggable-div-holder {
    display: none;
}

.draggable-pic-wrapper {
    pointer-events: auto;
}

.draggable-pic-wrapper.ui-resizable {
    outline: solid 1px #0f95ee;
    /*box-sizing:border-box;*/
}

.draggable-pic-wrapper.ui-resizable .ui-resizable-handle.ui-resizable-s,
.draggable-pic-wrapper.ui-resizable .ui-resizable-handle.ui-resizable-n {
    height: 7px;
    background-color: transparent;
}


.draggable-div-holder {
    top: 0px;
    position: absolute;
    height: 500px;
    min-height: inherit;
    width: 100%;
}



.multi_layout .inner-pic-holder .inner-pic.fill {
    width: 100% !important;
    height: 100% !important;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: none;
    max-height: none;
}

.multi_layout .inner-pic-holder .inner-pic {
    /*width: 100%!important;*/
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    max-width: none;
    max-height: none;
    overflow: hidden;
}

.multi_layout .inner-pic-holder a .inner-pic {
    display: table;
}

.multi_layout .inner-pic-holder .inner-pic#no-image {
    outline: none;
}

/*** TOP LEFT ***/
.multi_layout .top-left.helper-div .pic-side {
    width: 50%;
    height: 100%;
    left: 50%;
    min-height: inherit;
    /*margin-left: 50%;*/
}

.multi_layout .top-left.helper-div .pic-side .inner-pic {
    height: 100%;
}

.multi_layout .top-left.helper-div .text-side {
    width: 50%;
    height: 100%;
    position: relative;
    float: left;
    min-height: inherit;
}

.multi_layout .top-left.helper-div .item-details {
    /*vertical-align: top;*/
    display: table-cell;
}

/*** CENTER LEFT ***/
.multi_layout .middle-left.helper-div .pic-side,
.multi_layout .middle-left-25.helper-div .pic-side {
    width: 50%;
    height: 100%;
    left: 50%;
    min-height: inherit;
    /*margin-left: 50%;*/
}

.multi_layout .middle-left-25.helper-div .pic-side {
    width: 75%;
    left: 25%;
}

.multi_layout .middle-left.helper-div .pic-side .inner-pic,
.multi_layout .middle-left-25.helper-div .pic-side .inner-pic {
    height: 100%;
}

.multi_layout .middle-left.helper-div .text-side,
.multi_layout .middle-left-25.helper-div .text-side {
    width: 50%;
    height: 100%;
    position: relative;
    float: left;
    min-height: inherit;
    display: table;

}

.multi_layout .middle-left-25.helper-div .text-side {
    width: 25%;
}

.multi_layout .middle-left.helper-div .item-details,
.multi_layout .middle-left-25.helper-div .item-details {
    /*vertical-align: top;*/
    display: table-cell;
}

/*** BOTTOM LEFT ***/

.multi_layout .bottom-left.helper-div .pic-side {
    width: 50%;
    height: 100%;
    left: 50%;
    min-height: inherit;
}



.multi_layout .bottom-left.helper-div .text-side {
    width: 50%;
    height: 100%;
    position: relative;
    float: left;
    min-height: inherit;
}

.multi_layout .bottom-left.helper-div .item-details {
    /*vertical-align: bottom;*/
    display: table-cell;
}

/*** TOP RIGHT ***/
.multi_layout .top-right.helper-div .pic-side {
    width: 50%;
    height: 100%;
    right: 50%;
    min-height: inherit;
}



.multi_layout .top-right.helper-div .text-side {
    width: 50%;
    height: 100%;
    position: relative;
    float: right;
    min-height: inherit;
}

.multi_layout .top-right.helper-div .item-details {
    /*vertical-align: top;*/
    display: table-cell;
}

/*** MIDDLE RIGHT ***/

.multi_layout .middle-right.helper-div .pic-side,
.multi_layout .middle-right-25.helper-div .pic-side {
    width: 50%;
    height: 100%;
    right: 50%;
    min-height: inherit;
}

.multi_layout .middle-right-25.helper-div .pic-side {
    width: 75%;
    right: 25%;
}



.multi_layout .middle-right.helper-div .text-side,
.multi_layout .middle-right-25.helper-div .text-side {
    width: 50%;
    height: 100%;
    position: relative;
    float: right;
    min-height: inherit;
    display: table;
}

.multi_layout .middle-right-25.helper-div .text-side {
    width: 25%;
}

.multi_layout .middle-right.helper-div .item-details,
.multi_layout .middle-right-25.helper-div .item-details {
    /*vertical-align: top;*/
    display: table-cell;
}


.multi_layout.product-container .middle-right.helper-div .pic-side {
    width: 66%;
    height: 100%;
    right: 34%;
    min-height: inherit;
}



.multi_layout.product-container .middle-right.helper-div .text-side {
    width: 33%;
    height: 100%;
    position: relative;
    float: right;
    min-height: inherit;
    display: table;
}


.multi_layout.product-container .inner-pic.preview-element {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}



/*** BOTTOM RIGHT ***/
.multi_layout .bottom-right.helper-div .pic-side {
    width: 50%;
    height: 100%;
    right: 50%;
    min-height: inherit;
}



.multi_layout .bottom-right.helper-div .text-side {
    width: 50%;
    height: 100%;
    position: relative;
    float: right;
    min-height: inherit;
}

.multi_layout .bottom-right.helper-div .item-details {
    /*vertical-align: bottom;*/
    display: table-cell;
}



/*** CENTER CENTER ***/

.multi_layout .middle-center.helper-div {
    min-height: inherit;
    height: 100%;

}

.xprs-holder:not(.in-editor) .multi_layout .middle-center.helper-div {
    pointer-events: none;
}

.multi_layout .middle-center.helper-div .pic-side {
    width: 100%;
    height: 100%;
    /*text-align:center;*/
    top: 0px;
}

.multi_layout .middle-center.helper-div .pic-side .inner-pic {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
}

.multi_layout .middle-center.helper-div .pic-side a .inner-pic {
    display: table;
}

.multi_layout .middle-center.helper-div .text-side {
    width: 100%;
    height: 100%;
    /*text-align:center;*/
    min-height: inherit;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.multi_layout .middle-center.helper-div .preview-content-holder {
    pointer-events: none;
}

.multi_layout .middle-center.helper-div .preview-content-holder .preview-element {
    pointer-events: auto;
}

.multi_layout .middle-center.helper-div .item-details {
    /*vertical-align: middle;*/
    display: table-cell;
    pointer-events: none;
}

.multi_layout .middle-center.helper-div .vertical-aligner {
    margin-left: auto;
    margin-right: auto;
    z-index: 12345;
}

.multi_layout .middle-center.helper-div .text-side .vertical-aligner {
    width: 100%;
}



/*** BOTTOM CENTER ***/


.multi_layout .bottom-center.helper-div .text-side {
    /*vertical-align: middle;*/
    display: block;
    position: relative;
}

.multi_layout .bottom-center.helper-div .pic-side {
    position: relative;
    /*bottom:0px;
top:0px;
width:100%;*/
}

.multi_layout .bottom-center.helper-div .benet {
    min-height: initial;
}

.multi_layout .bottom-center.helper-div .text-side .vertical-aligner {
    width: 100%;
    min-height: 0px !important;
    height: initial !important
}

.multi_layout .bottom-center.helper-div .pic-side .vertical-aligner {
    width: 100%;
    min-height: 0px !important;
    height: inherit !important;
}

.multi_layout .bottom-center.helper-div .pic-side .inner-pic-holder {
    width: 100%;
    min-height: 0px !important;
    height: inherit !important;
}

.multi_layout .bottom-center.helper-div:not(.flipped-image) .pic-side .inner-pic {
    width: 100%;
    min-height: 0px !important;
}

.multi_layout .bottom-center.helper-div.flipped-image .pic-side .inner-pic {
    width: 100%;
    min-height: 300px !important;
}





/*** TOP CENTER ***/

.multi_layout .top-center.helper-div {
    height: 100%;
    width: 100%;
    min-height: inherit;

    display: block;

}

.multi_layout .top-center.helper-div .text-side {
    /*vertical-align: middle;*/
    display: block;
    position: relative;
}

.multi_layout .top-center.helper-div .pic-side {
    position: relative;
    /*bottom:0px;
top:0px;
width:100%;*/
}

.multi_layout .top-center.helper-div .text-side .vertical-aligner {
    width: 100%;
}


.multi_layout .top-center.helper-div .benet {
    min-height: initial;
}

.multi_layout .top-center.helper-div .text-side .vertical-aligner {
    width: 100%;
    min-height: 0px !important;
    height: initial !important
}

.multi_layout .top-center.helper-div .pic-side .vertical-aligner {
    width: 100%;
    min-height: 0px !important;
    height: inherit !important;
}

.multi_layout .top-center.helper-div .pic-side .inner-pic-holder {
    width: 100%;
    min-height: 0px !important;
    height: inherit !important;
    line-height: 0px;
}

.multi_layout .top-center.helper-div:not(.flipped-image) .pic-side .inner-pic {
    width: 100%;
    min-height: 0px !important;
}

.multi_layout .top-center.helper-div.flipped-image .pic-side .inner-pic {
    width: 100%;
    min-height: 300px !important;
}

.multi_layout .helper-div:not(.middle-center) .pic-side .inner-pic#no-image {
    /* background-image:url(home/images/unnamed.png);
background-size: 50px;
background-position:center;
background-repeat: no-repeat; */
}

.item_layout .item-preview,
.item_layout .preview-image-holder,
.item_layout .helper-div,
.item_layout .text-side {
    height: 100%;
    min-height: inherit;
}

.item_layout .helper-div {
    display: flex;
}

.item_layout .helper-div.middle-right {
    flex-direction: row-reverse;
}

.item_layout .helper-div.bottom-center {
    flex-direction: column;
}


.item_layout .helper-div.middle-center .text-side {
    flex: 1;
}

.item_layout .helper-div.middle-left .text-side,
.item_layout .helper-div.middle-left .pic-side,
.item_layout .helper-div.middle-left-25 .text-side,
.item_layout .helper-div.middle-left-25 .pic-side,
.item_layout .helper-div.middle-right .text-side,
.item_layout .helper-div.middle-right .pic-side {
    width: 50%;
}


.item_layout .helper-div.middle-center .pic-side {
    pointer-events: auto;
    position: absolute;
    height: 100%;
    width: 100%;
}

.item_layout .helper-div .pic-side .inner-pic {
    height: 100%;
    width: 100%;
}

.item_layout .text-side {
    display: flex;
    align-items: center;
    justify-content: center;
}