.boldr-masonry-layout  {
    margin-right: calc(var(--boldr-spacers-width) * -1);
}

.boldr-masonry-layout .boldr-masonry-item {
    float: left;
    margin-bottom: var(--boldr-spacers-width);
}

.boldr-masonry-layout:after {
    content: '';
    display: block;
    clear: both;
}

.boldr-masonry-1-columns .boldr-masonry-item { width: var(--boldr-columns-1); margin-right: var(--boldr-spacers-width); }
.boldr-masonry-2-columns .boldr-masonry-item { width: var(--boldr-columns-2); margin-right: var(--boldr-spacers-width); }
.boldr-masonry-3-columns .boldr-masonry-item { width: var(--boldr-columns-3); margin-right: var(--boldr-spacers-width); }
.boldr-masonry-4-columns .boldr-masonry-item { width: var(--boldr-columns-4); margin-right: var(--boldr-spacers-width); }
.boldr-masonry-5-columns .boldr-masonry-item { width: var(--boldr-columns-5); margin-right: var(--boldr-spacers-width); }
.boldr-masonry-6-columns .boldr-masonry-item { width: var(--boldr-columns-6); margin-right: var(--boldr-spacers-width); }
.boldr-masonry-7-columns .boldr-masonry-item { width: var(--boldr-columns-7); margin-right: var(--boldr-spacers-width); }
.boldr-masonry-8-columns .boldr-masonry-item { width: var(--boldr-columns-8); margin-right: var(--boldr-spacers-width); }
.boldr-masonry-9-columns .boldr-masonry-item { width: var(--boldr-columns-9); margin-right: var(--boldr-spacers-width); }
.boldr-masonry-10-columns .boldr-masonry-item { width: var(--boldr-columns-10); margin-right: var(--boldr-spacers-width); }
.boldr-masonry-11-columns .boldr-masonry-item { width: var(--boldr-columns-11); margin-right: var(--boldr-spacers-width); }
.boldr-masonry-12-columns .boldr-masonry-item { width: var(--boldr-columns-12); }

@media only screen and (max-width: 1260px) {
    .boldr-masonry-1-columns .boldr-masonry-item { width: var(--boldr-columns-2); margin-right: var(--boldr-spacers-width); }
    .boldr-masonry-2-columns .boldr-masonry-item { width: var(--boldr-columns-3); margin-right: var(--boldr-spacers-width); }
    .boldr-masonry-3-columns .boldr-masonry-item { width: var(--boldr-columns-4); margin-right: var(--boldr-spacers-width); }
    .boldr-masonry-4-columns .boldr-masonry-item { width: var(--boldr-columns-6); margin-right: var(--boldr-spacers-width); }
    .boldr-masonry-5-columns .boldr-masonry-item { width: var(--boldr-columns-6); margin-right: var(--boldr-spacers-width); }
    .boldr-masonry-6-columns .boldr-masonry-item { width: var(--boldr-columns-6); margin-right: var(--boldr-spacers-width); }
    .boldr-masonry-7-columns .boldr-masonry-item { width: var(--boldr-columns-12); margin-right: 0; }
    .boldr-masonry-8-columns .boldr-masonry-item { width: var(--boldr-columns-12); margin-right: 0; }
    .boldr-masonry-9-columns .boldr-masonry-item { width: var(--boldr-columns-12); margin-right: 0; }
    .boldr-masonry-10-columns .boldr-masonry-item { width: var(--boldr-columns-12); margin-right: 0; }
    .boldr-masonry-11-columns .boldr-masonry-item { width: var(--boldr-columns-12); margin-right: 0; }
}

@media only screen and (max-width: 630px) {
    .boldr-masonry-1-columns .boldr-masonry-item { width: var(--boldr-columns-3); margin-right: var(--boldr-spacers-width); }
    .boldr-masonry-2-columns .boldr-masonry-item { width: var(--boldr-columns-4); margin-right: var(--boldr-spacers-width); }
    .boldr-masonry-3-columns .boldr-masonry-item { width: var(--boldr-columns-6); margin-right: var(--boldr-spacers-width); }
    .boldr-masonry-4-columns .boldr-masonry-item { width: var(--boldr-columns-6); margin-right: var(--boldr-spacers-width); }
    .boldr-masonry-5-columns .boldr-masonry-item { width: var(--boldr-columns-12); margin-right: 0; }
}

@media only screen and (max-width: 400px) {
    .boldr-masonry-1-columns .boldr-masonry-item { width: var(--boldr-columns-4); margin-right: var(--boldr-spacers-width); }
    .boldr-masonry-2-columns .boldr-masonry-item { width: var(--boldr-columns-6); margin-right: var(--boldr-spacers-width); }
    .boldr-masonry-3-columns .boldr-masonry-item { width: var(--boldr-columns-12); margin-right: 0; }
    .boldr-masonry-4-columns .boldr-masonry-item { width: var(--boldr-columns-12); margin-right: 0; }

}