@media (max-width: 1024px) {
	.formation-ville__formations-grid,
	.formation-ville__points-grid,
	.formation-ville__cities-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.formation-ville__section-space {
		padding: 56px 0;
	}

	.formation-ville__layout-grid--2col,
	.formation-ville__grid,
	.formation-ville__grid--prefooter {
		grid-template-columns: 1fr;
	}

	.formation-ville__section--video .formation-ville__grid {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 5px;
	}

	.formation-ville__section--video .formation-ville__city {
		display: grid;
		grid-template-columns: 15px auto;
	}

	.formation-ville__container {
		width: min(100% - 24px, 1180px);
	}

	.formation-ville__transition-overlay {
		left: 16px;
		top: 16px;
	}

	.formation-ville__hero-orb {
		width: 26rem;
		height: 26rem;
	}

	.formation-ville__form-card {
		max-width: 100%;
		padding: 24px 16px;
		overflow-x: hidden;
	}

	.formation-ville__form-card :where(form, .nf-form-content, .nf-field, .nf-field-container, .nf-field-element),
	.formation-ville__form-card .nf-form-layout form > div {
		min-width: 0;
		max-width: 100%;
	}

	.formation-ville__form-card :where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), select, textarea) {
		max-width: 100%;
		box-sizing: border-box;
	}

	.formation-ville__form-card .nf-form-layout .autopick_438,
	.formation-ville__form-card .nf-form-layout .autopick_438 > div,
	.formation-ville__form-card .nf-form-layout .autopick_438 > div > div {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box;
	}

	.formation-ville__form-card .nf-form-layout .autopick_438 > div {
		overflow-x: hidden;
	}
}

@media (min-width: 1024px) {

	.formation-ville__section--video-content {
		max-width: 65%;
	}

}