
:root{
	--gal-gutter:6px;
}

.masonry-item,
.gal-item{
	padding-bottom:var(--gal-gutter);
	padding-top:var(--gal-gutter);
	padding:var(--gal-gutter);
}
.masonry.row,
.rot-gal-items.row{
	margin-left:calc(var(--gal-gutter) * -1);
	margin-right:calc(var(--gal-gutter) * -1);
}
.masonry-item{
	flex: 0 0 50%;
    max-width: 50%;
	/* width:50%; */

}
@media(min-width:768px){
	.masonry-item{
		flex: 0 0 calc(100% / 3);
		max-width: calc(100% / 3);
		/* width:calc(100% / 3); */
	}
	.masonry-item:nth-child(12n + 2){
		flex: 0 0 calc(100% / 3 * 2);
		max-width: calc(100% / 3 * 2);
		/* width: calc(100% / 3 * 2); */
	}
	.masonry-item:nth-child(12n + 3),
	.masonry-item:nth-child(12n + 4){
		flex: 0 0 calc(100% / 2);
		max-width: calc(100% / 2);
		/* width: calc(100% / 2); */
	}
	.masonry-item:nth-child(12n + 5){
		flex: 0 0 calc(100% / 5 * 3);
		max-width:calc(100% / 5 * 3);
		/* width:calc(100% / 5 * 3); */
	}
	.masonry-item:nth-child(12n + 6){
		flex: 0 0 calc(100% / 5 * 2);
		max-width:calc(100% / 5 * 2);
		/* width:calc(100% / 5 * 2); */
	}
	.masonry-item:nth-child(12n + 7){
		flex: 0 0 calc(100% / 5 * 1);
		max-width:calc(100% / 5 * 1);
		/* width:calc(100% / 5 * 1); */
	}
	.masonry-item:nth-child(12n + 8){
		flex: 0 0 calc(100% / 5 * 2);
		max-width:calc(100% / 5 * 2);
		/* width:calc(100% / 5 * 2); */
	}
	.masonry-item:nth-child(12n + 9){
		flex: 0 0 calc(100% / 5 * 1);
		max-width:calc(100% / 5 * 1);
		/* width:calc(100% / 5 * 1); */
	}
	.masonry-item:nth-child(12n + 10){
		flex: 0 0 calc(100% / 5 * 1);
		max-width:calc(100% / 5 * 1);
		/* width:calc(100% / 5 * 1); */
	}
	.masonry-item:nth-child(12n + 11){
		flex: 0 0 calc(100% / 7 * 4);
		max-width:calc(100% / 7 * 4);
		/* width:calc(100% / 7 * 4); */
	}
	.masonry-item:nth-child(12n + 12){
		flex: 0 0 calc(100% / 7 * 3);
		max-width:calc(100% / 7 * 3);
		/* width:calc(100% / 7 * 3); */
	}
}
@media(min-width:1600px){
	.masonry-item:nth-child(20n + 1),
	.masonry-item{
		flex: 0 0 calc(100% / 5);
		max-width: calc(100% / 5);
	}
	.masonry-item:nth-child(20n + 2){
		flex: 0 0 calc(100% / 5 * 2);
		max-width: calc(100% / 5 * 2);
	}
	.masonry-item:nth-child(20n + 3),
	.masonry-item:nth-child(20n + 4){
		flex: 0 0 calc(100% / 5);
		max-width: calc(100% / 5);
	}
	.masonry-item:nth-child(20n + 5){
		flex: 0 0 calc(100% / 4 * 1);
		max-width:calc(100% / 4 * 1);
	}
	.masonry-item:nth-child(20n + 6){
		flex: 0 0 calc(100% / 8 * 3);
		max-width:calc(100% / 8 * 3);
	}
	.masonry-item:nth-child(20n + 7){
		flex: 0 0 calc(100% / 4 * 1);
		max-width:calc(100% / 4 * 1);
	}
	.masonry-item:nth-child(20n + 8){
		flex: 0 0 calc(100% / 8 * 1);
		max-width:calc(100% / 8 * 1);
	}
	.masonry-item:nth-child(20n + 9){
		flex: 0 0 calc(100% / 10 * 1);
		max-width:calc(100% / 10 * 1);
	}
	.masonry-item:nth-child(20n + 10){
		flex: 0 0 calc(100% / 5 * 2);
		max-width:calc(100% / 5 * 2);
	}
	.masonry-item:nth-child(20n + 11){
		flex: 0 0 calc(100% / 5 * 1);
		max-width:calc(100% / 5 * 1);
	}
	.masonry-item:nth-child(20n + 12){
		flex: 0 0 calc(100% / 10 * 1);
		max-width:calc(100% / 10 * 1);
	}
	.masonry-item:nth-child(20n + 13){
		flex: 0 0 calc(100% / 10 * 2);
		max-width:calc(100% / 10 * 2);
	}
	.masonry-item:nth-child(20n + 14){
		flex: 0 0 calc(100% / 6 * 2);
		max-width:calc(100% / 6 * 2);
	}
	.masonry-item:nth-child(20n + 15){
		flex: 0 0 calc(100% / 6 * 1);
		max-width:calc(100% / 6 * 1);
	}
	.masonry-item:nth-child(20n + 16){
		flex: 0 0 calc(100% / 12 * 5);
		max-width:calc(100% / 12 * 5);
	}
	.masonry-item:nth-child(20n + 17){
		flex: 0 0 calc(100% / 12 * 1);
		max-width:calc(100% / 12 * 1);
	}
	.masonry-item:nth-child(20n + 18){
		flex: 0 0 calc(100% / 10 * 3);
		max-width:calc(100% / 10 * 3);
	}
	.masonry-item:nth-child(20n + 19){
		flex: 0 0 calc(100% / 10 * 4);
		max-width:calc(100% / 10 * 4);
	}
	.masonry-item:nth-child(20n + 20){
		flex: 0 0 calc(100% / 10 * 3);
		max-width:calc(100% / 10 * 3);
	}
}