@media (max-width: 1200px) {
	.nav__contacts,
	.nav__logo {
		width: unset;
	}
}

@media (max-width: 960px) {
}

@media (max-width: 880px) {
	.nav__burger {
		display: unset;
	}
	.nav__menu {
		display: none;
	}

	.about__container {
		justify-items: center;
		grid-template-columns: unset;
	}

	.about__column_image {
		width: 100%;
		max-width: calc(var(--gap) * 24);
	}
	.adventages__items {
		--adventages-count: 2;
	}
	.services__items {
		--services-count: 2;
	}
	.news__items {
		--news-count: 2;
	}
	.gallery {
		--gallery-count: 2;
	}

	.clients__container {
		display: grid;
		grid-template-columns: unset;
		justify-items: center;
	}

	.clients__column:last-child {
		width: 100%;
		max-width: calc(var(--gap) * 20);
	}

	.modal__content {
		padding-inline: calc(var(--gap) * 2);
	}
}

@media (max-width: 800px) {

	/*.hero__content {
		width: unset;
	}*/
	.contacts__buttons {
		--contacts-count: 2;
	}
	.contacts__links {
		flex-direction: column;
	}
	.reviews__content {
		width: unset;
	}
	.reviews__container {
		padding-top: calc(var(--gap) * 15);
	}

	#reviews .spacer_big {
		margin-top: var(--spacer);
		margin-bottom: var(--spacer);
	}
	.service {
		grid-template-columns: calc(var(--gap) * 10) 1fr;
	}

	.partners__items {
		--partners-count: 4;
	}
}

@media (max-width: 640px) {
	:root {
		--fz-h1: calc(var(--gap)* 1.5);
		--fz-h2: calc(var(--gap)* 1.5);
		--fz-h3: calc(var(--gap)* 1.25);
		--fz-h4: calc(var(--gap)* 1.15);
		--fz-h5: calc(var(--gap)* 1);
		--fz-h6: var(--fz-p);
	}
	.services__items {
		--services-count: 1;
	}
	.news__items {
		--news-count: 1;
	}
	.about__items {
		--about-count: 2;
	}
	.gallery {
		--gallery-count: 1;
	}

	.modal__content {
		padding-inline: calc(var(--gap) * 1);
	}
}

@media (max-width: 560px) {
	.adventages__items {
		--adventages-count: 1;
	}
	.contacts__buttons {
		--contacts-count: 1;
	}

	.partners__items {
		--partners-count: 3;
	}
}

@media (max-width: 480px) {
	.about__items {
		--about-count: 1;
	}
	.nav__socials {
		display: none;
	}
	
	.services__item {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 320px) {
}