@media (min-width: 321px) and (max-width: 768px) {
	.section-hero__image img {
		-o-object-position: calc(-500px + 377 * (100vw - 320px) / 448) top;
		object-position: calc(-500px + 377 * (100vw - 320px) / 448) top;
	}
}
@media (min-width: 376px) {
	.header__contacts .icon-volume-control-phone {
		display: none;
	}
}
@media (min-width: 491px) and (max-width: 1440px) {
	.t-h2 {
		font-size: calc(24px + 16 * (100vw - 490px) / 950) !important;
	}
}
@media (min-width: 491px) and (max-width: 1920px) {
	.t-h3 {
		font-size: calc(17px + 3 * (100vw - 490px) / 1430) !important;
	}
	.t-h4 {
		font-size: calc(15px + 10 * (100vw - 490px) / 1430) !important;
	}
}
@media (min-width: 961px) {
	.header__burger-button {
		display: none;
	}
	.top-menu {
		-webkit-box-shadow:
				0 4px 20px #26537326,
				0 4px 10px #121b2113,
				inset 0 -4px 15px 6px #d4e8f733,
				inset 0 -2px 5px #d4e8f726,
				inset 0 -1px 1px #d4e8f766,
				inset 0 10px 15px #121b2133,
				inset 0 1px 2px #d4e8f74d;
		        box-shadow:
				0 4px 20px #26537326,
				0 4px 10px #121b2113,
				inset 0 -4px 15px 6px #d4e8f733,
				inset 0 -2px 5px #d4e8f726,
				inset 0 -1px 1px #d4e8f766,
				inset 0 10px 15px #121b2133,
				inset 0 1px 2px #d4e8f74d;
	}
	.top-menu:after {
		content: '';
		position: absolute;
		z-index: 2;
		inset: 0;
		border-radius: 100vw;
		background: #3333330d;
		backdrop-filter: blur(5px) brightness(0.95);
		-webkit-box-shadow:
				inset 0 -4px 15px 5px #d4e8f74d,
				inset 0 -2px 5px #d4e8f726,
				inset 0 -1px 1px #d4e8f766,
				inset 0 1px 2px #d4e8f74d;
		        box-shadow:
				inset 0 -4px 15px 5px #d4e8f74d,
				inset 0 -2px 5px #d4e8f726,
				inset 0 -1px 1px #d4e8f766,
				inset 0 1px 2px #d4e8f74d;
		-webkit-mask-image: url(../img/picture/nnnoise.png);
		mask-image: url(../img/picture/nnnoise.png);
		mask-mode: luminance;
		-webkit-mask-repeat: repeat;
		mask-repeat: repeat;
		-webkit-mask-size: 50%;
		mask-size: 50%;
	}
}
@media (min-width: 992px) {
	.review-card:hover .review-card__img {
		-webkit-transform: scale(1.05);
		    -ms-transform: scale(1.05);
		        transform: scale(1.05);
	}
	.review-card:hover .review-card__overlay {
		opacity: 1;
	}
	.review-card:hover .review-card__icon {
		-webkit-transform: scale(1);
		    -ms-transform: scale(1);
		        transform: scale(1);
	}
}
@media screen and (max-width: 1439px) {
	.header__link {
		-webkit-transform: scaleY(1.5) translateY(-3px);
		    -ms-transform: scaleY(1.5) translateY(-3px);
		        transform: scaleY(1.5) translateY(-3px);
	}
	html {
		font-size: 50%;
	}
}
@media screen and (max-width: 1199px) {
	.section-about__grid {
		grid-template-columns: repeat(6, 1fr);
	}
	.about-card--hero-left,
	.about-card--offer,
	.about-card--hero-right {
		grid-column: span 3;
	}
	.about-card--stats {
		grid-column: span 6;
	}
	.about-card--quote {
		grid-column: 4/7;
		grid-row: 4/5;
	}
	.about-card--fun {
		grid-column: 4/7;
		grid-row: 3/4;
	}
	.about-card--portfolio,
	.about-card--audience,
	.about-card--contacts {
		grid-column: span 2;
	}
}
@media screen and (max-width: 1023px) {
	.header__logo:hover .header__icon-text :root {
		--mq-header-size: big;
	}
}
@media screen and (max-width: 991px) {
	.footer__wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 40px;
	}
	.section-approach__grid,
	.section-events__grid {
		grid-template-columns: 1fr;
		max-width: 500px;
		margin: 0 auto;
	}
	.section-price__grid {
		grid-template-columns: 1fr;
		gap: 5rem;
		max-width: 500px;
		margin: 0 auto;
	}
	.price-card--popular {
		-webkit-transform: scale(1);
		    -ms-transform: scale(1);
		        transform: scale(1);
	}
	.section-reviews__wrapper {
		-ms-scroll-snap-type: x proximity;
		    scroll-snap-type: x proximity;
		padding-bottom: 2rem;
	}

	.review-card {
		scroll-snap-align: center;
	}
}
@media screen and (max-width: 959px) {
	.header__link :root {
		--mq-header-size: big;
	}
	.header__link {
		-webkit-transform: scaleY(1.5) translateY(-2px);
		    -ms-transform: scaleY(1.5) translateY(-2px);
		        transform: scaleY(1.5) translateY(-2px);
	}
}
@media screen and (max-width: 819px) {
	.top-menu__list :root {
		--mq-header-size: big;
	}
	.top-menu__list {
		gap: 30px;
	}
}
@media (max-width: 768px) {
	.video-caption {
		display: none;
	}
	.video-play-btn {
		width: 60px;
		height: 60px;
	}
}
@media screen and (max-width: 767px) {
	.footer__title :root {
		--mq-header-size: big;
	}
	.footer__title {
		font-size: 22px;
	}
	.footer__phone :root {
		--mq-header-size: big;
	}
	.footer__phone {
		font-size: 24px;
	}
	.footer__form :root {
		--mq-header-size: big;
	}
	.footer__form {
		max-width: 100%;
		padding: 2rem;
	}
	.footer__bottom :root {
		--mq-header-size: big;
	}
	.footer__bottom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 10px;
		text-align: center;
	}
	.section-hero :root {
		--mq-header-size: big;
	}
	.section-hero {
		height: 100%;
		min-height: 500px;
		padding-bottom: 0;
	}
	:root {
		--mq-header-size: big;
	}
	.section-about__grid {
		grid-template-columns: repeat(4, 1fr);
	}
	.about-card {
		height: auto;
		min-height: auto;
	}
	.about-card--hero-left {
		grid-column: span 4;
		grid-row: 1/2;
		height: 450px;
	}
	.about-card--offer {
		grid-column: span 4;
		grid-row: 2/3;
	}
	.about-card--hero-right {
		grid-column: span 4;
		grid-row: 3/4;
		height: auto;
	}
	.about-card--portfolio {
		grid-column: span 4;
	}
	.about-card--fun {
		grid-column: span 4;
		grid-row: 5/6;
		height: 250px;
	}
	.about-card--stats {
		grid-column: span 4;
		grid-row: 9/10;
	}
	.about-card--quote {
		grid-column: span 4;
		grid-row: 4/5;
	}
	.about-card--audience,
	.about-card--contacts {
		grid-column: span 4;
	}
	.section-partners__title :root {
		--mq-header-size: big;
	}
	.section-partners__title {
		font-size: 28px;
	}
}
@media screen and (max-width: 689px) {
	.header__top-menu {
		display: none;
	}
	.header__main-menu {
		padding-top: 9px !important;
	}
	.top-menu__list {
		gap: 16px;
	}
	.about-card {
		border-radius: 2rem;
	}
}
@media screen and (max-width: 489px) {
	.button {
		padding: 9.5px 2.4rem;
		font-size: 14px;
	}
	.checkbox__label {
		font-size: 12px;
	}
	.t-h2 {
		font-size: 24px !important;
	}
	.t-h3 {
		font-size: 17px !important;
	}
	.t-h4 {
		font-size: 15px !important;
	}
	.header__content {
		gap: 5px;
	}
	.footer__body {
		padding-block: 4rem;
	}
	.footer__wrapper {
		margin-bottom: 4rem;
	}
	.section-hero__body,
	.section-about__body {
		padding-block: 4rem !important;
	}
	.about-card--stats .about-card__stats-title {
		font-size: 16px;
	}
	.about-card__top-text {
		font-size: 11px;
	}
	.section-events__body,
	.section-price__body,
	.section-reviews__body,
	.section-partners__body,
	.section-faq__body {
		padding-block: 4rem !important;
	}
	[class*='_container'] {
		padding: 0 10px;
	}
}
@media screen and (max-width: 374px) {
	.t-h1 {
		font-size: 24px;
	}
	.header__contacts .top-menu__link span {
		display: none;
	}
}
@media screen and (max-width: 319px) {
	.section-hero__image img {
		-o-object-position: -500px top;
		object-position: -500px top;
	}
}
@media (hover: hover) {
	.footer .animate-items.active {
		opacity: 1;
	}
	.about-card.animate-items .animate-inner {
		-webkit-transition:
				opacity 0.3s ease-in-out,
				-webkit-transform 0.3s;
		transition:
				opacity 0.3s ease-in-out,
				-webkit-transform 0.3s;
		transition:
				transform 0.3s,
				opacity 0.3s ease-in-out;
		transition:
				transform 0.3s,
				opacity 0.3s ease-in-out,
				-webkit-transform 0.3s;
	}
	.about-card.animate-items:nth-child(6).active .animate-inner {
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
		-webkit-transition:
				opacity 0.95s ease-in-out,
				-webkit-transform 0.95s ease-in-out;
		transition:
				opacity 0.95s ease-in-out,
				-webkit-transform 0.95s ease-in-out;
		transition:
				transform 0.95s ease-in-out,
				opacity 0.95s ease-in-out;
		transition:
				transform 0.95s ease-in-out,
				opacity 0.95s ease-in-out,
				-webkit-transform 0.95s ease-in-out;
	}
	.about-card.animate-items:nth-child(7).active .animate-inner {
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
		-webkit-transition:
				opacity 0.95s ease-in-out 0.1s,
				-webkit-transform 0.95s ease-in-out 0.1s;
		transition:
				opacity 0.95s ease-in-out 0.1s,
				-webkit-transform 0.95s ease-in-out 0.1s;
		transition:
				transform 0.95s ease-in-out 0.1s,
				opacity 0.95s ease-in-out 0.1s;
		transition:
				transform 0.95s ease-in-out 0.1s,
				opacity 0.95s ease-in-out 0.1s,
				-webkit-transform 0.95s ease-in-out 0.1s;
	}
	.about-card.animate-items:nth-child(8).active .animate-inner {
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
		-webkit-transition:
				opacity 0.95s ease-in-out 0.15s,
				-webkit-transform 0.95s ease-in-out 0.15s;
		transition:
				opacity 0.95s ease-in-out 0.15s,
				-webkit-transform 0.95s ease-in-out 0.15s;
		transition:
				transform 0.95s ease-in-out 0.15s,
				opacity 0.95s ease-in-out 0.15s;
		transition:
				transform 0.95s ease-in-out 0.15s,
				opacity 0.95s ease-in-out 0.15s,
				-webkit-transform 0.95s ease-in-out 0.15s;
	}
	.about-card.animate-items:nth-child(9).active .animate-inner {
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
		-webkit-transition:
				opacity 0.95s ease-in-out 0.2s,
				-webkit-transform 0.95s ease-in-out 0.2s;
		transition:
				opacity 0.95s ease-in-out 0.2s,
				-webkit-transform 0.95s ease-in-out 0.2s;
		transition:
				transform 0.95s ease-in-out 0.2s,
				opacity 0.95s ease-in-out 0.2s;
		transition:
				transform 0.95s ease-in-out 0.2s,
				opacity 0.95s ease-in-out 0.2s,
				-webkit-transform 0.95s ease-in-out 0.2s;
	}
	.partner-item__logo {
		-webkit-filter: grayscale(100%);
		        filter: grayscale(100%);
	}
}