html {
	scroll-behavior: smooth;
}
.img-gallery-container {
	min-height: 327px;
	background-color: #f1f1f1;
	margin: 0 -1rem 24px -1rem;
	padding: 24px 0 10px 0;
	margin-left: -100%;
	padding-left: 100%;
}

.img-gallery button,
.img-gallery button:focus {
	width: 100%;
	height: auto;
	border: 3px solid transparent;
	outline: none;
	background-color: none;
	border-radius: .3125rem;
	cursor: pointer;
	transition: all .375s ease-in-out;
}

.img-gallery-btn.activeSlide,
.img-gallery-btn.activeSlide:focus {
	border: 3px solid #999;
	background-color: #fff;
	border-radius: .3125rem;
	box-shadow: 0 2px 4px rgb(51 51 51 / 25%);
	cursor: default;
}

.mobile-img-gallery {
	display: block;
}

.mobile-img-gallery,
.mobile-img-gallery .img-gallery-thumbs-col {
	height: auto;
	overflow-x: scroll;
	overflow-y: hidden;
	/* max-width: 300px; */
}

.mobile-img-gallery .img-gallery-thumbs,
.mobile-img-gallery .img-gallery-thumbs a
{
	width: 100%;
	height: 100%;
	min-width: 19rem;
	max-height: 19rem;
}

.mobile-img-gallery .img-gallery-thumbs img {
	width: auto;
	height: 100%;
	min-height: 11.625rem;
	max-height: 19rem;
}

.mobile-img-gallery .img-gallery-thumbs {
	margin-left: 1rem;
	margin-right: 0;
}

.desktop-img-gallery {
	display: none;
}

.desktop-img-gallery,
.desktop-img-gallery .img-gallery-thumbs {
	margin: 20px 0 26px 0;
	width: 100%;
	min-height: 182px;
}

.desktop-img-gallery,
.desktop-img-gallery .img-gallery-thumbs-col {
	overflow-y: scroll;
}
.desktop-img-gallery .img-gallery-thumbs img {
	display: flex;
	width: auto;
	height: auto;
	max-height: 10.5rem;
}

.desktop-img-gallery,
.desktop-img-gallery .img-gallery-thumbs-col,
.desktop-img-gallery .img-gallery-feature img {
	max-height: 31.25rem;
}

.desktop-img-gallery .img-gallery-feature img {
	width: auto;
}

.img-gradients {
	z-index: 6;
	pointer-events: none;
	/* max-height: 37.5rem; */
}
.img-gradients-left {
	display: none;
	width: 40px;
	height: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient(
		to right,
		rgba(241, 241, 241, 1),
		rgba(241, 241, 241, 0)
	);
}
.img-gradients-right {
	display: none;
	width: 40px;
	height: 100%;
	top: 0;
	right: 0;
	background-image: linear-gradient(
		to left,
		rgba(241, 241, 241, 1),
		rgba(241, 241, 241, 0)
	);
}

.img-gradients-top {
		display: block;
		width: 100%;
		height: 20px;
		top: 0;
		/* left: 0; */
		background: rgb(241,241,241);
		background: linear-gradient(0, rgba(241,241,241,0) 0%, rgba(241,241,241,1) 100%);
	}
	.img-gradients-bottom {
		display: block;
		width: 100%;
		height: 20px;
		bottom: 0;
		background: rgb(241,241,241);
		background: linear-gradient(180deg, rgba(241,241,241,0) 0%, rgba(241,241,241,1) 100%);
	}

	img-gallery-thumbs-col {
		position: relative;
	}

@media (min-width: 1200px) {
	.mobile-img-gallery {
		display: none;
	}

	.desktop-img-gallery {
		display: block;
		overflow-y: hidden;
	}
}