.salons-grid {
	.grid_wrapper {
		margin-top: 56px;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 16px;
	}

	.box {
		display: flex;
		flex-direction: column;
		gap: 16px;
		align-items: flex-start;
		padding: 24px;
		border-radius: 24px;
	}

	@media(max-width: 1199px) {
		.grid_wrapper {
			margin-top: 32px;
			grid-template-columns: repeat(2, 1fr);
			grid-auto-rows: 200px;
		}
	}

	@media(max-width: 767px) {
		.grid_wrapper {
			grid-template-columns: 100%;
			max-height: 2000px;
			overflow: auto;
		}
	}
}