/*********************************************
 * Image with Content
**********************************************/
.vii-image-content {--width-content:540px;}

/* gallery */
.vii-image-content .gallery {padding-top:30px;}

/* tablet */
@media only screen and (max-width:1024px) {
    .vii-image-content.no-margin-bottom + .vc_separator {margin-top:90px;}
    .vii-image-content.no-margin-bottom + .vc_separator + .vii-image-content {margin-top:80px;}
    .vii-image-content.no-margin-bottom + .vii-image-content,
    .vc_row:has(.vii-image-content.no-margin-bottom:last-child) + .vc_row .vii-full-screen-image,
    .vc_row:has(.vii-image-content.no-margin-bottom.img-position-mobile-top:last-child) + .vc_row .vii-woo-spr {margin-top:80px;}
    .vc_row:has(.vii-image-content.no-margin-bottom:last-child):last-child {margin-bottom:80px;}
}

/* apply on large devices */
@media only screen and (min-width:769px) {
    /* layout with extra content on image */
    body.home .vc_row:first-child .vii-image-content,
    .vii-image-content.layout-extra-content-on-image {--width-content:470px;}

    /* product detail */
    body.product-detail .vii-image-content.image-position-right {--width-content:500px;}
}

/* mobile */
@media only screen and (max-width:768px) {
    .vii-image-content .gallery {padding-top:12px;}

    .vii-image-content.no-margin-bottom + .vc_separator {margin-top:80px;}
    .vii-image-content.no-margin-bottom + .vc_separator + .vii-image-content {margin-top:70px;}
}
@media only screen and (max-width:480px) {
    .vii-image-content .wpb_text_column {
        --vii-spacing-paragraph:25px;
        --vii-spacing-heading:25px;
    }
    .vii-image-content .wpb_text_column p:has(img) {padding:0;}

    /* hard code spacing for content to avoid spacing */
    .vii-image-content .wpb_text_column h2:first-child,
    .vii-image-content .wpb_text_column p:has(.heading_2):first-child {margin-top:-13px;}
    .vii-image-content .wpb_text_column h3:first-child,
    .vii-image-content .wpb_text_column p:has(.heading_3):first-child,
    .vii-image-content .wpb_text_column h2:has(.heading_3):first-child {margin-top:-10px;}
    .vii-image-content .wpb_text_column p:not(:has(.btn_primary_border)):last-child,
    .vii-image-content .wpb_text_column p:not(:has(.btn_primary)):last-child {margin-bottom:-5px;}
}