/*********************************************
 * Gallery
**********************************************/
.vii-gallery {--ga-gap:16px;}

/*content*/
.vii-gallery__content-title {width:34%; padding-right:var(--vii-gap-container);}
.vii-gallery__content-text {width:66%;}

/*image*/
.vii-gallery__image-group {margin:calc(-1 * var(--ga-gap)) calc(-1 * var(--ga-gap) / 2);}
.vii-gallery__image-item {width:50%; padding:var(--ga-gap) calc(var(--ga-gap) / 2);}
.vii-gallery__image-item-bg {display:block; padding-top:64%; overflow:hidden;}
.vii-gallery__image-item-bg-inner {transition:var(--vii-transition-slow);}

/*hover*/
.vii-gallery__image-item-bg:hover .vii-gallery__image-item-bg-inner {transform:scale(1.05);}

/*single image*/
.vii-gallery__image-group.single-item .vii-gallery__image-item {width:100%;}
.vii-gallery__image-group.single-item .vii-gallery__image-item-bg {padding-top:43%;}

/*********************************************
 * Gallery Responsive
**********************************************/
@media only screen and (max-width:768px) {
    .vii-gallery__content {flex-direction:column;}
    .vii-gallery__content-title {width:100%; padding-right:0;}
    .vii-gallery__content-text {width:100%;}
    .vii-gallery__image-item-bg {padding-top:70%;}
    .vii-gallery__image-group.single-item .vii-gallery__image-item-bg {padding-top:50%;}
}
@media only screen and (max-width:480px) {
    .vii-gallery {--ga-gap:20px;}
    .vii-gallery__image-group:not(:last-child) {padding-bottom:var(--ga-gap);}
    .vii-gallery__image-item {width:100%; padding:calc(var(--ga-gap) / 2) calc(var(--ga-gap) / 2);}

    /*single items*/
    .vii-gallery__image-group.single-item .vii-gallery__image-item-bg {padding-top:70%;}
}