@media (max-width: 1190px) {
	.container {
		width: calc(100% - 40px);
	}

	.services__cards {
		flex-wrap: wrap;
		gap: 24px;
	}

	.services__card:not(:first-child),
	.services__card:not(:last-child) {
		margin: 0;
	}

	.articles__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.articles__card {
		grid-template-columns: minmax(130px, 170px) minmax(0, 1fr);
		width: auto;
	}

	.articles__card-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.articles__card-description {
		width: auto;
	}

	.clients__cards {
		flex-wrap: wrap;
	}

	.clients__card {
		flex: 1 1 280px;
	}

	.clients__client-comment {
		min-width: 0;
	}

	.contacts__cards {
		gap: 32px;
	}

	.join-us-form {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.join-us-form__textarea {
		grid-column: 1 / 3;
		grid-row: auto;
		max-width: none;
	}

	.join-us-form__button-group {
		grid-column: 2 / 3;
		grid-row: auto;
	}
}

@media (max-width: 900px) {
	.container {
		width: calc(100% - 32px);
	}

	.header-container {
		min-height: 72px;
		gap: 16px;
	}

	.header__logo,
	.header__button {
		flex: none;
	}

	.header__nav {
		display: none;
	}

	.header__nav-props {
		flex: none;
		justify-content: flex-end;
	}

	.header__button {
		padding: 12px 18px;
	}

	.section-hero {
		min-height: 510px;
		background-position: 60% center;
	}

	.section-hero-container {
		top: 70px;
	}

	.section-hero__heading {
		width: min(100%, 430px);
		font-size: 34px;
		line-height: 1.25;
	}

	.section-hero__description,
	.section-hero__action {
		width: min(100%, 390px);
	}

	.services,
	.articles,
	.clients,
	.contacts,
	.join-us {
		padding-block: 64px;
	}

	.services__cards,
	.clients__cards,
	.contacts__cards {
		margin-top: 36px;
	}

	.services__card {
		width: 100%;
		padding: 44px 24px;
	}

	.articles__cards {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.articles__card {
		grid-template-columns: 110px minmax(0, 1fr);
		gap: 16px;
		height: auto;
		min-height: 160px;
	}

	.articles__card-info {
		padding-block: 18px;
		padding-right: 14px;
	}

	.clients__cards,
	.contacts__cards {
		flex-direction: column;
	}

	.clients__card {
		padding: 36px 24px 28px;
	}

	.contacts__card-info,
	.clients__client {
		width: auto;
	}

	.contacts__cards {
		align-items: flex-start;
	}

	.join-us-form {
		grid-template-columns: 1fr;
	}

	.join-us-form__textarea,
	.join-us-form__button-group {
		grid-column: auto;
		grid-row: auto;
	}

	.join-us-form__button,
	.join-us-form__textarea {
		width: 100%;
	}

	.footer-container,
	.footer-left,
	.footer-right {
		align-items: flex-start;
		flex-direction: column;
	}

	.footer-container,
	.footer-left,
	.footer-right {
		gap: 22px;
	}

	.footer__copyright {
		margin-left: 0;
	}

	.footer__info-list {
		flex-wrap: wrap;
		gap: 12px 22px;
		margin-right: 0;
	}

	.footer__info-item:not(:last-child),
	.footer__social-item:not(:last-child) {
		margin-right: 0;
	}

	.footer__social-list {
		gap: 24px;
	}
}