/* Container */
.container {
	--container-max-width: 132rem;
	--container-margin: auto;
	--container-width: calc(100% - (var(--padding-containers) * 2));

	margin-left: var(--container-margin);
	margin-right: var(--container-margin);
	width: var(--container-width);
	max-width: var(--container-max-width);
}

.slider-container {
	--padding-containers: 0;
	padding-left: var(--padding-containers);
	padding-right: var(--padding-containers);
	max-width: var(--container-max-width);
	box-sizing: border-box;
	width: 100%;
}

.container-small {
	--container-max-width: 96rem;
}
.container-medium {
	--container-max-width: 111.6rem;
}
.container-fluid {
	--container-max-width: none;
	--container-margin: 0;
	width: 100%;
}

@media (min-width: 576px) {
	.sm\:container {
		--container-max-width: 132rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.sm\:container-small {
		--container-max-width: 96rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.sm\:container-medium {
		--container-max-width: 111.6rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.sm\:container-fluid {
		--container-max-width: none;
		--container-margin: 0;
		width: 100%;
	}
}

@media (min-width: 768px) {
	.md\:container {
		--container-max-width: 132rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.md\:container-small {
		--container-max-width: 96rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.md\:container-medium {
		--container-max-width: 111.6rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.md\:container-fluid {
		--container-max-width: none;
		--container-margin: 0;
		width: 100%;
	}
}

@media (min-width: 1024px) {
	.lg\:container {
		--container-max-width: 132rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.lg\:container-small {
		--container-max-width: 96rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.lg\:container-medium {
		--container-max-width: 111.6rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.lg\:container-fluid {
		--container-max-width: none;
		--container-margin: 0;
		width: 100%;
	}
}

@media (min-width: 1280px) {
	.xl\:container {
		--container-max-width: 132rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.xl\:container-small {
		--container-max-width: 96rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.xl\:container-medium {
		--container-max-width: 111.6rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.xl\:container-fluid {
		--container-max-width: none;
		--container-margin: 0;
		width: 100%;
	}
}

@media (min-width: 1540px) {
	.xxl\:container {
		--container-max-width: 132rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.xxl\:container-small {
		--container-max-width: 96rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.xxl\:container-medium {
		--container-max-width: 111.6rem;
		--container-margin: auto;
		width: var(--container-width);
	}
	.xxl\:container-fluid {
		--container-max-width: none;
		--container-margin: 0;
		width: 100%;
	}
}