/**
 *  HORIZONTAL BAR STYLE
 *  ------------------------
 */

.rmd-image-half-content-wrapper { 
     position: relative; 
} 


.rmd-image-half-content-wrapper .rmd-image-bgimage-container { 
    position: absolute;
    width: 50vw;
    left:-50vw;
    height:100%;  
    margin-left: 50%; 
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
    background-position: center top;
}

.rmd-image-half-content-wrapper .rmd-content-bgcolor-container { 
    position: absolute;
    width: 50vw;
    right:-50vw;
    height:100%;  
    margin-right: 50%;
}
.rmd-image-half-content-wrapper .rmd-left-content-container,
.rmd-image-half-content-wrapper .rmd-right-content-container { 
    background-color: transparent;
    overflow: hidden;
}

.rmd-image-half-content-wrapper .rmd-left-content-container { 
    padding:25px 25px 25px 0px;
}

.rmd-image-half-content-wrapper .rmd-right-content-container { 
    padding:25px 0px 25px 25px;
}

.rmd-image-half-content-wrapper .rmd-left-content-container {
    display: none;
}
.rmd-image-half-content-wrapper .rmd-right-content-container {
    display: block;
}

.rmd-image-half-content-wrapper.align-image-right .rmd-image-bgimage-container {
    left: 0;
}
.rmd-image-half-content-wrapper.align-image-right .rmd-content-bgcolor-container{
    right: 0;
}

.rmd-image-half-content-wrapper.align-image-right .rmd-left-content-container {
    display: block;
}
.rmd-image-half-content-wrapper.align-image-right .rmd-right-content-container {
    display: none;
}


@media only screen and (min-width : 320px), (max-width: 320px){  
    .rmd-image-half-content-wrapper .rmd-image-bgimage-container,
    .rmd-image-half-content-wrapper .rmd-content-bgcolor-container {  
        width: 100vw;  
    }
    .rmd-image-half-content-wrapper .rmd-content-bgcolor-container {  
        opacity: 0.7; 
    }
}
 

/* / Small Devices, Tablets /*/
@media only screen and (min-width : 768px) {
    .rmd-image-half-content-wrapper .rmd-image-bgimage-container,
    .rmd-image-half-content-wrapper .rmd-content-bgcolor-container { 
        width: 50vw; 
    }
    .rmd-image-half-content-wrapper .rmd-content-bgcolor-container {  
        opacity: 1; 
    }

}