html {
	overflow-y: scroll
}

.masongram-container {
	margin: 2px
}

.masongram-container:after {
	content: "";
	display: block;
	clear: both
}

.masongram-container * {
	box-sizing: border-box
}

.masongram-container .masongram-image-container,
.masongram-container .masongram-image-sizer {
	width: 100%
}

@media (min-width:321px) {
	.masongram-container .masongram-image-container.masongram-image-size-low_resolution,
	.masongram-container .masongram-image-sizer.masongram-image-size-low_resolution {
		width: 50%
	}
}

@media (min-width:641px) {
	.masongram-container .masongram-image-container.masongram-image-size-low_resolution,
	.masongram-container .masongram-image-sizer.masongram-image-size-low_resolution {
		width: 33.33%
	}
}

@media (min-width:961px) {
	.masongram-container .masongram-image-container.masongram-image-size-low_resolution,
	.masongram-container .masongram-image-sizer.masongram-image-size-low_resolution {
		width: 25%
	}
}

@media (min-width:1281px) {
	.masongram-container .masongram-image-container.masongram-image-size-low_resolution,
	.masongram-container .masongram-image-sizer.masongram-image-size-low_resolution {
		width: 20%
	}
}

@media (min-width:1601px) {
	.masongram-container .masongram-image-container.masongram-image-size-low_resolution,
	.masongram-container .masongram-image-sizer.masongram-image-size-low_resolution {
		width: 16.66%
	}
}

@media (min-width:1921px) {
	.masongram-container .masongram-image-container.masongram-image-size-low_resolution,
	.masongram-container .masongram-image-sizer.masongram-image-size-low_resolution {
		width: 14.28%
	}
}

@media (min-width:2241px) {
	.masongram-container .masongram-image-container.masongram-image-size-low_resolution,
	.masongram-container .masongram-image-sizer.masongram-image-size-low_resolution {
		width: 12.5%
	}
}

@media (min-width:2561px) {
	.masongram-container .masongram-image-container.masongram-image-size-low_resolution,
	.masongram-container .masongram-image-sizer.masongram-image-size-low_resolution {
		width: 11.11%
	}
}

@media (min-width:2881px) {
	.masongram-container .masongram-image-container.masongram-image-size-low_resolution,
	.masongram-container .masongram-image-sizer.masongram-image-size-low_resolution {
		width: 10%
	}
}

@media (min-width:641px) {
	.masongram-container .masongram-image-container.masongram-image-size-standard_resolution,
	.masongram-container .masongram-image-sizer.masongram-image-size-standard_resolution {
		width: 50%
	}
}

@media (min-width:1281px) {
	.masongram-container .masongram-image-container.masongram-image-size-standard_resolution,
	.masongram-container .masongram-image-sizer.masongram-image-size-standard_resolution {
		width: 33.33%
	}
}

@media (min-width:1921px) {
	.masongram-container .masongram-image-container.masongram-image-size-standard_resolution,
	.masongram-container .masongram-image-sizer.masongram-image-size-standard_resolution {
		width: 25%
	}
}

@media (min-width:2561px) {
	.masongram-container .masongram-image-container.masongram-image-size-standard_resolution,
	.masongram-container .masongram-image-sizer.masongram-image-size-standard_resolution {
		width: 20%
	}
}

@media (min-width:3201px) {
	.masongram-container .masongram-image-container.masongram-image-size-standard_resolution,
	.masongram-container .masongram-image-sizer.masongram-image-size-standard_resolution {
		width: 14.28%
	}
}

.masongram-container .masongram-image-container {
	padding: 2px;
	clear: left;
	position: relative;
	overflow: hidden;
	color: #fff
}

.masongram-container .masongram-image-container .masongram-image {
	width: 100%;
	height: auto
}

.masongram-container .masongram-image-container .masongram-image-caption-container {
	display: flex;
	align-items: center;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	position: absolute;
	padding: 10px 20px;
	top: 2px;
	left: -100%;
	background: rgba(0, 0, 0, .5);
	transition: left 0s .3s, opacity .3s .3s;
	opacity: 0
}

.masongram-container .masongram-image-container .masongram-image-caption-container .masongram-image-caption {
	width: 100%
}

.masongram-container .masongram-image-container:active .masongram-image-caption-container,
.masongram-container .masongram-image-container:focus .masongram-image-caption-container,
.masongram-container .masongram-image-container:hover .masongram-image-caption-container {
	left: 2px;
	opacity: .9
}

[data-if=NO_DATA] {
	display: none!important
}