/*********************************************
 * Single Image
**********************************************/
.vii-single-image-c {padding-top:42%;}

/* half bg */
.vii-single-image.has-half-bg {position:relative;}
.vii-single-image.has-half-bg:before {
    content:""; position:absolute; bottom:0; top:50%;
    left:calc(-1 * var(--vii-gap-side));
    right:calc(-1 * var(--vii-gap-side));
    background-color:var(--vii-color-neutral-100);
}

/*********************************************
 * Single Image Responsive
**********************************************/
@media only screen and (max-width:480px) {
    .vii-single-image {
        margin-left:calc(-1 * var(--vii-gap-side));
        margin-right:calc(-1 * var(--vii-gap-side));
    }
    .vii-single-image.has-half-bg:before {display:none;}
    .vii-single-image-c {padding-top:66.67%;}
}