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

@media (max-width: 960px) {

	.service__projects {
	    --projects-count: 1;
	}

	.project__images {
	    --projects-count: 1;
	}
	.copyright__container {
		flex-direction: column;
	}
	.copyright__column:last-child {
		text-align: unset;
	}
}

@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;
	}
	.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);
	}
}

@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;
	}
	.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;
	}
}

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

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