/****************************************
 * Work Slider
****************************************/
.vii-work-slider {--ws-spacing-item:20px; position:relative;}

/*heading*/
.vii-work-slider__title {padding-right:20px;}

/*slider*/
.vii-work-slider__slider {margin:0 calc(-1 * var(--ws-spacing-item) / 2); position:relative;}
.vii-work-slider__slider:before, .vii-work-slider__slider:after {
    content:""; display:block;
    width:calc(var(--ws-spacing-item) / 2); height:100%; background:var(--vii-color-bg);
    position:absolute; top:0; z-index:3;
}
.vii-work-slider__slider:before {left:0;}
.vii-work-slider__slider:after {right:0;}
.vii-work-slider__slider .vii-work-item {width:33.33%; padding:calc(var(--ws-spacing-item) / 2);}

/*slider - first item*/
.vii-work-slider__slider .vii-work-item:first-child {width:66.67%;}
.vii-work-slider__slider .vii-work-item:first-child .vii-work-item__thumbnail {padding-top:64%;}

/*button*/
.vii-work-list__view-all {text-align:right;}

/*Responsive*/
@media only screen and (max-width:1180px) {
    /*slider*/
    .vii-work-slider__slider-wrapper {margin-bottom:25px;}
}
@media only screen and (max-width:768px) {
    .vii-work-slider {--ws-spacing-item:20px;}
    
    /*heading*/
    .vii-work-slider__header {--vii-spacing-35:25px;}
    .vii-work-slider__title {padding-right:0;}
    .vii-work-slider__button {display:none;}


    /*slider*/
    .vii-work-slider__slider .vii-work-item,
    .vii-work-slider__slider .vii-work-item:first-child {width:45%;}
    .vii-work-slider__slider .vii-work-item:first-child .vii-work-item__thumbnail {padding-top:100%;}

    /*button*/
    .vii-work-list__view-all {position:static; text-align:left;}
}
@media only screen and (max-width:480px) {
    /*slider*/
    .vii-work-slider__slider .vii-work-item,
    .vii-work-slider__slider .vii-work-item:first-child {width:80%;}
    .vii-work-slider__slider .vii-work-item:first-child .vii-work-item__thumbnail {padding-top:70%;}
}