:root {
	--tripple-section-size: calc( 3 * var(--section-block-width) + 2 * var(--simple-padding) );
	--air-space: calc(2* var(--block-radius) + 2* var(--simple-padding));;
	--air-space2: calc(var(--block-radius) + 2* var(--simple-padding));
}

.product-items-list {
	margin: auto;
    max-width: calc(100% - var(--page-h-padding));
    width: var(--tripple-section-size);
}

.contacts-navigation {
	padding-top: var(--air-space);
}

.contacts-navigation h1, .contacts-navigation h3 { margin: 0; }

#city_swiper {
	margin: var(--air-space2) 0;
}

#mapHolder {
    /*aspect-ratio: 19 / 9;*/
    min-height: calc(44 * var(--vw));
    background-color: #eee;
    overflow: hidden;
}

.contacts-navigation .navigation-link-wrap {padding-left: 0;}

.city_info__item { font-size: .9em;  }

@media (max-width: 1180px) and (min-width: 601px) {
	:root {
		--air-space: var(--block-radius);
	}
}

@media (max-width: 960px) and (min-width: 601px) {
	#mapHolder {
		aspect-ratio: initial;
	}
}

@media (max-width: 600px) {
	:root {
		--air-space: calc( 2 * var(--simple-padding) );
		--air-space2: calc( 2 * var(--simple-padding) );
	}

	.city_info__item { margin-top: var(--air-space2); }

	.city_info__item:first-child { margin-top: 0; }

	.contacts-navigation .flex.space-between {
		justify-content: space-evenly;
	}

	#mapHolder {
		aspect-ratio: initial;
	}

}