@media screen and (min-width: 768px) and (max-width: 1024px) {
	/*==========ACCOUNT==========*/
.profile {
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.sidebar {
		width: 100% !important;
		order: -1;
		margin-bottom: 20px;
		border-radius: 0 0 15px 15px;
	}

	.main-container {
		width: 100% !important;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.content-container {
		width: 100% !important;
		margin: 10px 0;
	}
	.dashboard-container {
		flex-direction: column;
		align-items: center; /* centre les cards si elles ne prennent pas 100% */
	}

	.content-container {
		width: 90% !important;
		max-width: 400px;
	}
}