.masonry
{
	position: relative;
	display: flex;
	justify-content: stretch;
	box-sizing: border-box;
	width: 100%;
}

.masonry-tiles { display: none; }
.masonry-tiles > *, .masonry-column > * { box-sizing: border-box; }
.masonry-column { flex: 0 0 auto; width: 100%; align-items: flex-start; }

.pageroot .masonry-tiles { display: block; }
.pageroot .masonry-tiles > .dropzone { display: flex; flex-flow: row wrap; }
.pageroot .masonry-tiles > .dropzone > .drag-drop-marker { position: absolute; display: none; }


/* masonry 3 columns */
.masonry-columns-2 > .masonry-column, .pageroot .masonry-columns-2 > .masonry-tiles > .dropzone > * { width: 50%; }
.pageroot .masonry-columns-2 > .masonry-tiles > .dropzone > *:nth-child(2n):after { content: ''; width: 100%; }
@media (max-width: 960px) { .masonry-columns-2 > .masonry-column-1 { display: none; } .masonry-columns-2 > .masonry-column { width: 100%; } }

/* masonry 3 columns */
.masonry-columns-3 > .masonry-column, .pageroot .masonry-columns-3 > .masonry-tiles > .dropzone > * { width: 33.3333%; }
@media (max-width: 1280px) { .masonry-columns-3 > .masonry-column-2 { display: none; } .masonry-columns-3 > .masonry-column { width: 50%; } }
@media (max-width: 640px) { .masonry-columns-3 > .masonry-column-1 { display: none; } .masonry-columns-3 > .masonry-column { width: 100%; } }

/* masonry 4 columns */
.masonry-columns-4 > .masonry-column, .pageroot .masonry-columns-4 > .masonry-tiles > .dropzone > * { width: 25%; }
@media (max-width: 1440px) { .masonry-columns-4 > .masonry-column-3 { display: none; } .masonry-columns-4 > .masonry-column { width: 33.3333%; } }
@media (max-width: 960px) { .masonry-columns-4 > .masonry-column-2 { display: none; } .masonry-columns-4 > .masonry-column { width: 50%; } }
@media (max-width: 480px) { .masonry-columns-4 > .masonry-column-1 { display: none; } .masonry-columns-4 > .masonry-column { width: 100%; } }

/* masonry 5 columns */
.masonry-columns-5 > .masonry-column, .pageroot .masonry-columns-5 > .masonry-tiles > .dropzone > * { width: 20%; }
@media (max-width: 1536px) { .masonry-columns-5 > .masonry-column-4 { display: none; } .masonry-columns-5 > .masonry-column { width: 25%; } }
@media (max-width: 1152px) { .masonry-columns-5 > .masonry-column-3 { display: none; } .masonry-columns-5 > .masonry-column { width: 33.3333%; } }
@media (max-width: 768px) { .masonry-columns-5 > .masonry-column-2 { display: none; } .masonry-columns-5 > .masonry-column { width: 50%; } }
@media (max-width: 384px) { .masonry-columns-5 > .masonry-column-1 { display: none; } .masonry-columns-5 > .masonry-column { width: 100%; } }

/* masonry 6 columns */
.masonry-columns-6 > .masonry-column, .pageroot .masonry-columns-6 > .masonry-tiles > .dropzone > * { width: 16.6666%; }
@media (max-width: 1600px) { .masonry-columns-6 > .masonry-column-5 { display: none; } .masonry-columns-6 > .masonry-column { width: 20%; } }
@media (max-width: 1280px) { .masonry-columns-6 > .masonry-column-4 { display: none; } .masonry-columns-6 > .masonry-column { width: 25%; } }
@media (max-width: 960px) { .masonry-columns-6 > .masonry-column-3 { display: none; } .masonry-columns-6 > .masonry-column { width: 33.3333%; } }
@media (max-width: 640px) { .masonry-columns-6 > .masonry-column-2 { display: none; } .masonry-columns-6 > .masonry-column { width: 50%; } }
@media (max-width: 320px) { .masonry-columns-6 > .masonry-column-1 { display: none; } .masonry-columns-6 > .masonry-column { width: 100%; } }

/* masonry 7 columns */
.masonry-columns-7 > .masonry-column, .pageroot .masonry-columns-7 > .masonry-tiles > .dropzone > * { width: 14.2857%; }
@media (max-width: 1645px) { .masonry-columns-7 > .masonry-column-6 { display: none; } .masonry-columns-7 > .masonry-column { width: 16.6666%; } }
@media (max-width: 1370px) { .masonry-columns-7 > .masonry-column-5 { display: none; } .masonry-columns-7 > .masonry-column { width: 20%; } }
@media (max-width: 1095px) { .masonry-columns-7 > .masonry-column-4 { display: none; } .masonry-columns-7 > .masonry-column { width: 25%; } }
@media (max-width: 820px) { .masonry-columns-7 > .masonry-column-3 { display: none; } .masonry-columns-7 > .masonry-column { width: 33.3333%; } }
@media (max-width: 545px) { .masonry-columns-7 > .masonry-column-2 { display: none; } .masonry-columns-7 > .masonry-column { width: 50%; } }
@media (max-width: 270px) { .masonry-columns-7 > .masonry-column-1 { display: none; } .masonry-columns-7 > .masonry-column { width: 100%; } }

/* masonry 8 columns */
.masonry-columns-8 > .masonry-column, .pageroot .masonry-columns-8 > .masonry-tiles > .dropzone > * { width: 12.5%; }
@media (max-width: 1680px) { .masonry-columns-8 > .masonry-column-7 { display: none; } .masonry-columns-8 > .masonry-column { width: 14.2857%; } }
@media (max-width: 1440px) { .masonry-columns-8 > .masonry-column-6 { display: none; } .masonry-columns-8 > .masonry-column { width: 16.6666%; } }
@media (max-width: 1200px) { .masonry-columns-8 > .masonry-column-5 { display: none; } .masonry-columns-8 > .masonry-column { width: 20%; } }
@media (max-width: 960px) { .masonry-columns-8 > .masonry-column-4 { display: none; } .masonry-columns-8 > .masonry-column { width: 25%; } }
@media (max-width: 720px) { .masonry-columns-8 > .masonry-column-3 { display: none; } .masonry-columns-8 > .masonry-column { width: 33.3333%; } }
@media (max-width: 480px) { .masonry-columns-8 > .masonry-column-2 { display: none; } .masonry-columns-8 > .masonry-column { width: 50%; } }
@media (max-width: 240px) { .masonry-columns-8 > .masonry-column-1 { display: none; } .masonry-columns-8 > .masonry-column { width: 100%; } }