.masonry-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    @media screen and (min-width: 656px) {
        justify-content: normal;
    }
}

[dir="ltr"] .masonry-item {
    margin: 0 (2 * $base-block-space) (4 * $base-block-space) 0;
}

[dir="rtl"] .masonry-item {
    margin: 0 0 (4 * $base-block-space) (2 * $base-block-space);
}

@include respond-below(xs) {
    [dir="ltr"] .masonry-item {
        margin-right: 0;
    }
    [dir="rtl"] .masonry-item {
        margin-left: 0;
    }
}

@include respond-between(xs, md) {
    [dir="ltr"] .masonry-item:nth-child(2n) {
        margin-right: 0;
    }
    [dir="rtl"] .masonry-item:nth-child(2n) {
        margin-left: 0;
    }
}

@include respond-between(md, lg) {
    [dir="ltr"] .masonry-item:nth-child(3n) {
        margin-right: 0;
    }
    [dir="rtl"] .masonry-item:nth-child(3n) {
        margin-left: 0;
    }
}

@include respond-between(lg, xxl) {
    [dir="ltr"] .masonry-item:nth-child(4n) {
        margin-right: 0;
    }
    [dir="rtl"] .masonry-item:nth-child(4n) {
        margin-left: 0;
    }
}

@include respond-above(xxl) {
    [dir="ltr"] .masonry-item:nth-child(5n) {
        margin-right: 0;
    }
    [dir="rtl"] .masonry-item:nth-child(5n) {
        margin-left: 0;
    }
}