/* Masonry.js test page only */

.masonry-js {
    display: block;
    column-count: unset !important;
    column-gap: 0 !important;
    padding: 40px;
}

.masonry-js .grid-sizer,
.masonry-js .card {
    width: calc((100% - 4 * 30px) / 5);
}

.masonry-js .gutter-sizer {
    width: 30px;
}

.masonry-js .card {
    margin-bottom: 34px;
}

@media (max-width: 900px) {
    .masonry-js .grid-sizer,
    .masonry-js .card {
        width: calc((100% - 3 * 30px) / 4);
    }
}

@media (max-width: 600px) {

    .masonry-js {
        padding: 22px 16px;
    }

    .masonry-js .grid-sizer,
    .masonry-js .card {
        width: 44%;
    }

    .masonry-js .gutter-sizer {
        width: 8%;
    }

    .masonry-js .card {
        margin-bottom: 18px;
    }

}