@media (max-width: 640px) {
	html,
	body {
		overflow-x: hidden;
	}

	.container-component.instance-4.columns > .wrapper > .inner {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0.25rem;
		max-width: 100vw;
		min-width: 0;
		width: 100%;
	}

	.container-component.instance-4.columns > .wrapper > .inner > * {
		margin-left: 0 !important;
		min-width: 0;
		padding-left: 0 !important;
		width: auto !important;
	}

	.buttons-component.style-1 {
		display: block;
		min-width: 0;
		width: 100%;
	}

	.buttons-component.style-1 > li,
	.buttons-component.style-1 > li > a {
		min-width: 0;
		width: 100%;
	}

	.buttons-component.style-1 > li > a {
		font-size: clamp(0.7rem, 3.2vw, 1.125rem);
		letter-spacing: 0;
		padding: 0 0.25rem;
	}

	.gallery-component.style-1,
	.gallery-component.style-1 > .inner {
		max-width: 100%;
		min-width: 0;
		width: 100%;
	}

	.gallery-component.style-1 ul {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 100%;
		min-width: 0;
		overflow: hidden;
		width: 100%;
	}

	.gallery-component.style-1 ul > li {
		min-width: 0;
		width: auto !important;
	}

	.gallery-component.style-1 ul > li > .thumbnail,
	.gallery-component.style-1 ul > li > .thumbnail > .frame {
		display: block;
		width: 100%;
	}

	.gallery-component.style-1 ul > li > .thumbnail > .frame > img {
		aspect-ratio: 1 / 1;
		height: auto !important;
		object-fit: cover;
		width: 100% !important;
	}
}