@media only screen and (min-width: 769px) {

	.ch---com-gallery-slider---container {
		display: none !important;
	}

}

@media only screen and (max-width: 768px) {

	.ch---com-gallery-slider---container {
		position: relative;
		width: 100vw;
		left: calc(-1 * var(--global-content-edge-padding));
		height: auto;
		padding: 0;
	}

	.ch---com-gallery-slider---container * {
		user-select: none !important;
	}
	
	.ch---com-gallery-slider---container > div:nth-child(1) {
		display: flex;
		justify-content: space-between;
		gap: 0;
		background-color: black;
	}

	.ch---com-gallery-slider---container > div:nth-child(1) > section {
		display: flex;
		flex-direction: column;
		justify-content: center;
		aspect-ratio: 1;
		width: 30pt;
	}

	.ch---com-gallery-slider---container > div:nth-child(1) > section > div {
		display: block;
		padding: 0;
		width: 20pt;
		height: 50pt;
		line-height: 50pt;
		cursor: pointer;
		text-align: center;
		transform: scale(0.5);
	}

	.ch---com-gallery-slider---container > div:nth-child(1) > section > div > svg {
		display: block;
	}

	.ch---com-gallery-slider---container > div:nth-child(1) > img {
		display: block;
		width: calc(100% - 20pt - 20pt);
		aspect-ratio: 1;
		background-color: var(--color-dark);
		object-fit: contain !important;
	}

/*
*
*
*													P L A C E H O L D E R S
*
*
*/

	.ch---com-gallery-slider---container > div:nth-child(2) {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		padding-top: 5pt;
	}

	.ch---com-gallery-slider---container > div:nth-child(2) > section {
		position: relative;
		display: block;
		width: calc(25% - 2.5pt);
		aspect-ratio: 5 / 4;
		padding-bottom: 5pt;
	}

	.ch---com-gallery-slider---container > div:nth-child(2) > section > img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover !important;
		background-color: var(--color-dark);
	}

	
	.ch---com-gallery-slider---container > div:nth-child(2) > section > section {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.ch---com-gallery-slider---container > div:nth-child(2) > section > section > svg {
		transform: scale(0.45);
	}

}