@media (max-width: 1199.98px) {
	html, body {
		font-size: 14px;
	}
	.title {
		font-size: 30px;
		margin-bottom: 35px;
	}
	.notice-active .header {
		top: 40px;
	}
	.header .header-item .header-items.__logo img {
		max-width: 200px;
	}
	.home-banner .home-banner-item h1 {
		font-size: 40px;
	}
	.home-banner .home-banner-item .__social {
		margin-top: 70px;
	}
	.services .services-item .nav {
		gap: 40px;
		margin-bottom: 50px;
	}
	.services .services-item .nav .buttons {
		font-size: 16px;
		height: 50px;
		padding: 0 30px;
	}
	.services .services-item .services-item__footer .buttons {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
	.services-card .services-card__name {
		font-size: 30px;
	}
	.services-card .services-card__price .price {
		font-size: 50px;
	}
	.contacts .contacts-item .contacts-item__address .__list {
		font-size: 20px;
	}
	.contacts .contacts-item .contacts-item__address .__social .__social-list:nth-child(1) svg {
		width: 33px;
		height: 33px;
	}
	.contacts .contacts-item .contacts-item__address .__social .__social-list:nth-child(2) svg {
		width: 25px;
		height: 25px;
	}
	.contacts .contacts-item .contacts-item__maps {
		-webkit-transform: skew(-5deg);
		        transform: skew(-5deg);
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 500px;
		        flex: 0 0 500px;
	}
	.footer .footer-item {
		padding: 40px 0;
	}
}
@media (max-width: 991.98px) {
	section {
		padding: 40px 0;
	}
	.header .header-item {
		position: relative;
	}
	.header .header-item .header-items.__menu, .header .header-item .header-items.__social {
		display: none;
	}
	.header .header-item .header-items.__menu {
		position: absolute;
		top: 30px;
		right: 0;
		background: #000;
		padding: 12px 20px;
		border-radius: 5px;
	}
	.header .header-item .header-items.__menu ul {
		display: block;
	}
	.header .header-item .header-items.__hamburger .hamburger {
		color: #F1CB02;
	}
	.header .header-item .header-items.__hamburger .hamburger svg {
		width: 18px;
		height: 12px;
	}
	.services .services-item .nav .buttons {
		height: 40px;
		font-size: 12px;
	}
	.promocode-card::before, .promocode-card::after {
		content: none;
	}
	.contacts .contacts-item .contacts-item__address .__list {
		font-size: 16px;
	}
	.contacts .contacts-item .contacts-item__address .__social {
		gap: 30px;
	}
	.contacts .contacts-item .contacts-item__address .__social .__social-list:nth-child(1) {
		gap: 10px;
	}
	.contacts .contacts-item .contacts-item__address .__social .__social-list:nth-child(2) {
		gap: 15px;
	}
	.contacts .contacts-item .contacts-item__maps {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 400px;
		        flex: 0 0 400px;
		height: 230px;
	}
}
@media (max-width: 767.98px) {
	.services-card {
		max-width: 100%;
	}
	.contacts .contacts-item {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.contacts .contacts-item .contacts-item__maps {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 100%;
		        flex: 1 0 100%;
		margin-top: 30px;
		height: 270px;
	}
	.footer .footer-item {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 15px;
	}
	.footer .footer-item > * {
		-webkit-box-flex: 1;
		    -ms-flex: auto;
		        flex: auto;
		text-align: center;
	}
}
@media (max-width: 575.98px) {
	html, body {
		font-size: 12px;
	}

	section {
		padding: 30px 0;
	}

	.home-banner {
		margin-top: 30px;
	}

	.title {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.buttons::after {
		top: 7px;
		left: -12px;
	}
	a.buttons {
		line-height: 40px;
	}
	.notice .notice-item .notice-gift svg {
		width: 17px;
		height: 17px;
	}
	.notice-active .header {
		top: 37px;
	}
	.header {
		padding: 15px 0;
	}
	.header .header-item .header-items.__logo img {
		max-width: 135px;
	}
	.home-banner .home-banner-item {
		text-align: center;
	}
	.home-banner .home-banner-item h1 {
		font-size: 35px;
	}
	.home-banner .home-banner-item p {
		margin-bottom: 20px;
	}
	.home-banner .home-banner-item .__social, .home-banner .home-banner-item .buttons {
		display: none;
	}
	.home-banner .home-banner-img {
		text-align: center;
	}
	.home-banner .home-banner-img .buttons {
		margin-top: 20px;
	}
	.services .services-item .nav {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		white-space: nowrap;
		gap: 15px;
		overflow: auto;
		padding: 10px 30px;
	}
	.services .services-item .services-item__footer .buttons {
		height: 40px;
		line-height: 40px;
		font-size: 12px;
		padding: 0 30px;
	}
	.services-card {
		max-width: 92%;
		margin: 0 auto;
		font-size: 16px;
		display: block;
		padding: 20px 20px 20px 30px;
	}
	.services-card::before, .services-card::after {
		-webkit-transform: skew(-5deg);
		        transform: skew(-5deg);
	}
	.services-card .services-card__inf {
		margin-bottom: 50px;
	}
	.services-card .services-card__price .price {
		font-size: 60px;
	}
	.about-me .about-me-item {
		text-align: center;
	}
	.about-me .about-me-item .title {
		text-align: center;
	}
	.about-me .about-me-item .buttons {
		display: none;
	}
	.about-me .about-me-img img {
		max-width: 210px;
		display: block;
		margin: 0 auto;
	}
	.promocode-card__barcode {
		padding: 15px 20px;
	}
	.promocode-card__barcode::before {
		-webkit-transform: skew(-8deg);
		        transform: skew(-8deg);
	}
	.promocode-card__barcode .skew-circle {
		width: 30px;
		height: 30px;
	}
	.promocode-card__barcode .skew-circle.skew-circle-1 {
		top: -10px;
		right: -25px;
	}
	.promocode-card__barcode .skew-circle.skew-circle-2 {
		bottom: -11px;
		right: -4px;
	}
	.promocode-card__barcode .promocode-card__barcode-title {
		gap: 10px;
	}
	.promocode-card__barcode .promocode-card__barcode-title .barcode-title {
		font-size: 37px;
	}
	.promocode-card__barcode .promocode-card__barcode-title .barcode .barcode-logo {
		padding: 1px 8px 2px 8px;
	}
	.promocode-card__barcode .promocode-card__barcode-title .barcode .barcode-logo img {
		max-width: 85px;
	}
	.promocode-card__barcode .promocode-card__barcode-title .barcode .barcode-promo svg {
		max-width: 78px;
		height: 50px;
	}
	.promocode-card__barcode .promocode-card__barcode-caption {
		font-size: 9px;
		max-width: 170px;
	}
	.promocode-card__gift {
		display: none;
	}
	.promocode__gift {
		text-align: center;
		color: #F1CB02;
		margin-top: 20px;
		font-size: 10px;
		font-family: "TekturB";
	}
	.promocode__gift svg {
		width: 35px;
		height: 34px;
		display: block;
		margin: 0 auto 7px auto;
	}

	.promocode__gift .promo-text,
	.promocode__gift .promocode {
		display: block;
	}

	.promocode__gift .promo-text {
		color: #D9D9D9;
		font-family: 'TekturR';
		margin-bottom: 1px;
		font-size: 10px;
	}

	.promocode__gift .promocode {
		font-size: 35px;
		line-height: 1.15;
	}

	.promocode__gift:hover {
		color: #fff;
	}

	.promocode__btn .buttons {
		font-size: 16px;
		height: 50px;
		line-height: 50px;
	}

	.contacts {
		padding-bottom: 0;
	}
	.contacts .contacts-item .contacts-item__address .__social {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 30px;
	}
	.contacts .contacts-item .contacts-item__address .__social .__social-list:nth-child(1), .contacts .contacts-item .contacts-item__address .__social .__social-list:nth-child(2) {
		gap: 30px;
	}
	.contacts .contacts-item .contacts-item__address .__social .__social-list:nth-child(1) svg {
		width: 28px;
		height: 28px;
	}
	.contacts .contacts-item .contacts-item__maps {
		height: 200px;
		max-width: 88%;
		margin: 0 auto 40px auto;
	}
	.contacts .contacts-item .contacts-item__maps::before {
		top: 10px;
		left: 10px;
	}
	.footer .footer-item {
		padding: 30px 0 80px 0;
		display: block;
		text-align: center;
	}
	.footer .footer-item .partners {
		margin-bottom: 20px;
	}
	.footer .footer-item .company {
		display: block;
		font-size: 10px;
	}

	.footer .footer-items.__social {
		margin-top: 10px;
	}

	.footer .footer-items.__social svg {
		width: 17px;
		height: 17px;
	}

	.widget-btn {
		width: 100%;
		left: 0;
		right: 0;
		text-align: center;
	}

	.widget-btn a {
		max-width: 95%;
		font-size: 14px;
	}
}
@media (min-width: 992px) {
	.header .header-item {
		position: relative;
	}
	.header .header-item .header-items.__menu {
		display: block !important;
	}
}
@media (min-width: 1400px) {
	.container {
		max-width: 1225px;
	}
}