/****************************
 * Parallax Image Grid
****************************/
.vii-parallax-image-grid__content {max-width:560px;}

.vii-parallax-image-grid__image.nth-1 {aspect-ratio:210/277; width:14.5%; margin-top:140px;}
.vii-parallax-image-grid__image.nth-2 {aspect-ratio:500/336; width:34.7%;}
.vii-parallax-image-grid__image.nth-3 {aspect-ratio:300/212; width:20.8%; margin-top:64px;}
.vii-parallax-image-grid__image.nth-4 {aspect-ratio:130/246; width:9%; margin-top:147px;}


/* Decoration */
.vii-parallax-image-grid .decoration-item.pearl {
    width:51px; height:42px;
    top:50%; right:-26%;
}
.vii-parallax-image-grid .decoration-item.left-decoration {
    bottom:10vw; left:0;
}

/****************************
 * Parallax Image Grid Responsive
****************************/
@media only screen and (min-width:1800px) {
    .vii-parallax-image-grid .decoration-item.left-decoration {bottom:14vw;}
}
@media only screen and (max-width:1024px) {
    .vii-parallax-image-grid__image.nth-1 {width:20%; margin-top:100px;}
    .vii-parallax-image-grid__image.nth-2 {width:40%;}
    .vii-parallax-image-grid__image.nth-3 {width:27%; margin-top:100px;}

    .vii-parallax-image-grid__image.nth-4 {display:none;}

    /* Decoration */
    .vii-parallax-image-grid__content .decoration-item.pearl {right:-10%;}
}
@media only screen and (max-width:767px) {
    .vii-parallax-image-grid__image.nth-2 {width:100%; transform:none !important;}
    .vii-parallax-image-grid__image.nth-1,
    .vii-parallax-image-grid__image.nth-3 {display:none;}

    /* Decoration */
    .vii-parallax-image-grid .decoration-item.left-decoration {bottom:unset; top:-42vw; left:-40px; scale:0.7;}
    .vii-parallax-image-grid__content .decoration-item.pearl {top:75%; right:2%;}
}
@media only screen and (max-width:480px) {
    /* Decoration */
    .vii-parallax-image-grid .decoration-item.left-decoration {top:-58vw;}
}
@media only screen and (max-width:425px) {
    /* Decoration */
    .vii-parallax-image-grid .decoration-item.left-decoration {top:-66vw; left:-44px;}
    .vii-parallax-image-grid__content {margin-bottom:70px;}
}
@media only screen and (max-width:380px) {
    /* Decoration */
    .vii-parallax-image-grid .decoration-item.left-decoration {left:-50px;}
}