@media (max-width: 1180px) {
	.site-header__nav,
	.site-header__cta {
		display: none;
	}

	.site-header__burger {
		display: block;
	}

	.service-hero__title,
	.policy-hero__title,
	.portfolio-hero__title {
		font-size: 2.8rem;
	}
}

@media (max-width: 820px) {
	.site-header__top {
		display: none;
	}

	.site-header__inner {
		width: min(100% - 20px, var(--container));
	}

	.site-header__inner--main {
		min-height: 72px;
	}

	.site-header__logo-image {
		width: 52px;
		height: 52px;
	}

	.site-header__logo-text {
		font-size: 0.78rem;
	}

	.service-hero,
	.service-details,
	.service-commerce,
	.service-answers,
	.service-prices,
	.service-terms,
	.service-reviews,
	.service-related,
	.service-formats,
	.service-process,
	.service-faq,
	.service-lead,
	.home-hero,
	.home-about,
	.home-categories,
	.home-commerce,
	.home-steps,
	.policy-hero,
	.policy-content,
	.portfolio-hero,
	.portfolio-gallery,
	.portfolio-lead {
		padding: 44px 0;
	}

	.service-hero__inner,
	.service-formats__inner,
	.service-process__inner,
	.service-lead__inner,
	.home-hero__inner,
	.home-about__inner,
	.home-steps__inner,
	.portfolio-hero__inner,
	.portfolio-lead__inner {
		grid-template-columns: 1fr;
	}

	.service-details__grid,
	.service-commerce__grid,
	.service-answers__grid,
	.service-prices__grid,
	.service-terms__grid,
	.service-reviews__grid,
	.service-related__grid,
	.service-formats__grid,
	.home-categories__grid,
	.home-commerce__grid,
	.home-delivery__grid,
	.home-reviews__grid,
	.site-footer__grid {
		grid-template-columns: 1fr;
	}

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

	.home-portfolio__grid {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
	}

	.home-portfolio__image,
	.home-portfolio__image:first-child {
		aspect-ratio: 1;
		grid-row: auto;
	}

	.service-hero__inner,
	.service-details__inner,
	.service-commerce__inner,
	.service-answers__inner,
	.service-prices__inner,
	.service-terms__inner,
	.service-reviews__inner,
	.service-related__inner,
	.service-formats__inner,
	.service-process__inner,
	.service-faq__inner,
	.service-lead__inner,
	.home-hero__inner,
	.home-about__inner,
	.home-categories__inner,
	.home-commerce__inner,
	.home-steps__inner,
	.site-footer__inner,
	.policy-hero__inner,
	.policy-content__inner,
	.portfolio-hero__inner,
	.portfolio-gallery__inner,
	.portfolio-lead__inner {
		width: min(100% - 20px, var(--container));
	}

	.service-hero__title,
	.home-hero__title,
	.policy-hero__title,
	.portfolio-hero__title {
		font-size: 2.2rem;
	}

	.home-hero__media {
		min-height: auto;
		aspect-ratio: 1;
	}

	.home-about__heading {
		position: static;
	}

	.home-final__inner {
		align-items: flex-start;
		flex-direction: column;
		padding: 28px;
	}

	.section-title {
		font-size: 1.7rem;
	}

	.service-lead__inner,
	.portfolio-lead__inner {
		gap: 28px;
	}

	.site-footer__bottom {
		align-items: flex-start;
		flex-direction: column;
	}

	.cookie-note {
		right: 10px;
		bottom: 10px;
		width: calc(100% - 20px);
	}

	.cookie-note__inner {
		align-items: stretch;
		flex-direction: column;
	}
}

@media (max-width: 480px) {
	.service-hero__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.button-main,
	.button-link {
		width: 100%;
		justify-content: center;
	}

	.home-showcase__grid {
		grid-template-columns: 1fr;
	}

	.lead-form,
	.policy-content__block {
		padding: 20px;
	}
}
