/************************************************
 * Testimonial Grid
************************************************/
/* item */
.vii-testimonial-grid .vii-testimonial-item:not(:last-child) {margin-bottom:var(--vii-spacing-96);}

@media only screen and (min-width:1024px) {
    .vii-testimonial-grid {
        --width-item:335px;
        max-width:1290px;
    }
    .vii-testimonial-grid__col {width:var(--width-item);}

    /* column middle */
    .vii-testimonial-grid__col.middle {width:calc(100% - 2 *var(--width-item)); padding:36px 40px 0;}
    .vii-testimonial-grid__col.middle .vii-testimonial-item {
        max-width:var(--width-item); margin-left:auto; margin-right:auto;
    }

    /* item */
    .vii-testimonial-grid .vii-testimonial-item {transform:rotate(-2deg)}

    /* content */
    .vii-testimonial-grid__content {max-width:370px;}
}

/* Large screen */
@media only screen and (min-width:1700px) {
    .vii-testimonial-grid {
        --width-item:calc((var(--vii-container) - 200px)/3);
        max-width:100%;
    }
}


/************************************************
 * Testimonial Grid - Responsive
************************************************/
@media only screen and (max-width:1180px) {
    .vii-testimonial-grid {--width-item:calc((var(--vii-container) - 80px)/3);}
}
@media only screen and (max-width:1023px) {
    .vii-testimonial-grid {flex-direction: column; gap:var(--vii-spacing-96); max-width:540px;}

    /* column */
    .vii-testimonial-grid__col {width:100%;}
    .vii-testimonial-grid__col.middle {order:-1;}

    /* item */
    .vii-testimonial-item__thumbnail {transform:rotate(-2deg); margin:0 8px 36px;}
}
@media only screen and (max-width:920px) {
    .vii-testimonial-grid__content {margin-bottom:var(--vii-spacing-72);}
    .vii-testimonial-grid .vii-testimonial-item {max-width:440px; margin:auto}
}