/* Extra small devices (phones, less than 768px) */

/* thumbnail */
.apg-thumbnail .apg-img-box {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 50vh;
	text-align: center;
}

.apg-thumbnail .apg-img-box > .apg-img {
	flex: none;
	margin: auto;
	max-height: 90%;
	vertical-align: middle;
}

.apg-thumbnail .apg-img-box > .apg-img.apg-fullscreen {
	cursor: pointer;
}

.apg-thumbnail .apg-img-box > .apg-img:hover {
	border: 1px solid #AAAAAA;
}

/* slideshow */

.apg-slideshow .carousel-inner > .item > img {
	margin: auto;
	max-height: 80vh;
}

/* full screen */
.apg-fullscreen-box {
	background-color: #000000;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	left: 0;
	opacity: 1;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1050;
}

.apg-fullscreen-box > div {
	display: inline-block;
	vertical-align: middle;
}

.apg-fullscreen-box .apg-fullscreen-box-header {
}

.apg-fullscreen-box .apg-fullscreen-box-header .close {
	color: #FFFFFF;
	display: inline-block;
	font-size: 30px;
	font-weight: normal;
	height: 25px;
	opacity: 1;
	text-align: center;
	width: 25px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.apg-thumbnail .apg-img-box {
		height: 50vh;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.apg-thumbnail .apg-img-box {
		height: 25vh;
	}

	.apg-fullscreen-box .apg-fullscreen-box-header .close {
		font-size: 25px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200) {
	.apg-thumbnail .apg-img-box {
		height: 25vh;
	}

	.apg-fullscreen-box .apg-fullscreen-box-header .close {
		font-size: 25px;
	}
}