@media(max-width: 1399px) {
	.container {
		min-width: 100%;
	}
}

@media (max-width: 1200px) {
	.category__form {
		padding-top: 2.25rem;
		padding-bottom: 2.25rem;
		padding-left: 1.875rem;
		padding-right: 1.875rem;
	}
}
@media (max-width: 991px) {
	#header__top {
		padding-top: 1rem;
		padding-bottom: 0.9rem;
	}
	.menu__icon {
		border: none;
		background: var(--white-grey);
	}
	.icon-bars {
		width: 29px;
		height: 20px;
		display: flex;
		flex-flow: column;
		justify-content: space-between;
	}
	.icon-bars > .icon-bar {
		width: 100%;
		height: 2px;
		border-radius: 1px;
		background: var(--black);
	}
	.btn__tel {
		height: 30px;
		width: 30px;
		border-radius: 100%;
		background-color: var(--yellow);
		background-image: url('/css/responsive_7d758c71.css');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 25px;
	}
	
	#logo img {
		width: 100%;
	}	
	.menu__main {
		padding-bottom: 0;
		padding-top: 0;
	}
	
	.menu__nav {
		flex-flow: column;
		gap: 20px;
		margin-bottom: 1.875rem;
	}
	.card-category > .caption {
		padding: 1rem;
		padding-top: 0;
	}
	
	.home__section {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	
	.grid-blog-home {
		display: flex;
		flex-flow: row wrap;
	}
	.grid-blog-home .blog_item {
		flex-flow: column !important;
		flex: 0 1 calc(50% - 15px);
	}
	.modal__head {
		padding: 0.9375rem;
		padding-bottom: 1.25rem;
	}
	.modal__body {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-bottom: 1.875rem;
	}
	
	.breadcrumb-bg-img {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
	.breadcrumbs {
		margin-bottom: 1.875rem;
	}
	.footer__column {
		border: none;
	}
	footer .col-12:nth-child(odd) .footer__column {
		border-right: 1px solid var(--black-black);
	}
	
	.menu__categories {
		opacity: 1;
		visibility: visible;
		position: relative;
		padding-top: 0;
	}
	.menucategories__column {
		width: 100%;
		border: none;
	}
	.menucategories__description {
		display: none;
	}
	
	.submenu {
		position: relative;
		margin-top: 0;
		transform: none;
		opacity: 1;
		z-index: 1;
		height: 0;
		margin-top: 0;
	}
	.item__withsub:hover .submenu {
		height: 100%;
		padding-top: 0;
	}
	
	.hero__benefits {
		margin-top: 60px;
	}
	.mainSlides__item {
		.images {
			img {
				width: 100%;
			}	
		}
	}
	.hero__info .hero__gallery {
		flex-flow: column;
		.gallery__main {
			width: 100%;
		}
	}
	.hero__attributes {
		display: none !important;
	}
	.tabs__list {
		overflow-x: scroll;
		padding-bottom: 10px;
		.tabs__link {
			white-space: nowrap;
			padding: 0px 2rem 10px;
		}
	}
}
@media (max-width: 767px) {
	body {
		font-size: 14px;
		line-height: 21px;
	}
	.h1 {
		font-size: 30px;
		line-height: 40px;
	}
	.h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.text-sub {
		font-size: 16px;
		line-height: 22px;
	}
	.text-md {
		font-size: 16px;
		line-height: 25px;
	}
	
	.mb-25 {
		margin-bottom: 0.75rem;
	}
	.mb-50 {
		margin-bottom: 1.5625rem;
	}
	.mb-60 {
		margin-bottom: 1.875rem;
	}
	.mb-120 {
		margin-bottom: 3.75rem;
	}
	
	.btn-xl {
		height: 58px;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	input.input_sm_theme {
		height: 44px;
	}
	
	header {
		padding-top: 72px;
	}
	#header__top {
		top: 0px;
		position: fixed;
		width: 100%;
		background-color: var(--white-grey);
		z-index: 11;
	}
	
	
	.home__section {
		padding-top: 3.75rem;
		padding-bottom: 3.75rem;
	}
	
	.full-width-px {
		width: 100%;
	}
	
	.card-product {
		margin-bottom: 1.875rem;
	}
	
	.form-theme__horiz {
		flex-flow: column;
	}
	.form-theme__horiz > *:last-child, .form-theme__horiz .btn {
		max-width: 100%;
	}
	
	.grid-blog-home {
		display: flex;
		flex-flow: column;
	}
	.grid-blog-home .blog_item {
		flex: 1 1 100%;
	}
	
	
	.card-category > .caption {
		padding: 0.9rem;
		padding-left: 0.469rem;
		padding-right: 0.469rem;
	}
	.card-theme .name {
		font-size: 14px;
		line-height: 22px;
	}
	.price-desc {
		font-size: 15px;
	}
	
	.attribute__item > span {
		padding: 0.625rem 2.5rem;
	}
	.attribute__item > span:last-child {
		text-align: right;
	}
	.footer__column {
		border: none;
	}
	
	.manager__innerform {
		padding: 40px 10px;
		text-align: center;
		
		.h2 {
			font-size: 22px;
			line-height: 29px;
		}
		.text-sub {
			font-size: 13px;
			line-height: 18px;
		}
		.mb-40 {
			margin-bottom: 20px;
		}
	}
	
	.hero__manager {
		flex-flow: column;
		text-align: center;
		.caption {
			
		}
	}
	
	.form-theme__uniq > .form-group.group-half {
		flex: 1 1 100%;
	}
	
	.about__trigger {
		padding-top: 69px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 25px;
	}
	
	.about__directhumb {
		img {
			height: auto;
			margin-bottom: 15px;
		}
	}
	
	.history__step {
		.date  {
			flex: 0 0 auto;
			min-width: auto;
			span {
				width: 46px;
			}
		}
		.thumb {
			margin-left: 0;
			margin-bottom: 15px;
			img {
				width: 100%;
				height: auto;
			}
		}
		.caption {
			margin-left: 0;
		}
		.history__inner {
			flex-flow: column;
		}
	}
	
	.form__sotrud {
		padding: 60px 10px;
	}
	.form__radiobtn {
		label {
			padding: 6px 3px;
		}
	}
	.cities__listing {
		column-count: 2;
	}
	.category__benefits_row {
		flex-flow: column;
		gap: 0.5rem;
	}
	.mainSlides__item {
		.images {
			img {
				width: 100%;
			}	
		}
	}
	.mainSlides__nav {
		display: none;
	}
	.sliderOffice {
		.swiper-slide {
			width: 100% !important;
			text-align: center;
			img {
				width: 100%;
				height: auto !important;
			}
		}
	}
	
	.breadcrumb__divider {
		width: 100%;
		height: 1px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.breadcrumb__promolist {
		gap: 6px;
		.icon {
			svg {
				width: 32px;
				height: 32px;
			}
		}
		.text-md {
			font-size: 13px;
			line-height: 22px;
		}
	}
	.breadcrumb__price {
		p {
			margin-bottom: 15px;
			font-size: 15px;
			line-height: 22px;	
		}
		.category__benefits {
			gap: 0.375rem;
		}
		.category__benefit {
			height: 25px;
			svg {
				width: 20px;
				height: 20px;
			}
			.text-md {
				font-size: 13px;
			}
		}
	}
	.rowconnect {
		gap: 10px;
	}
	.card__rowconnect {
		padding: 25px 15px;
		gap: 15px;
		.item {
			gap: 1px;
		}
	}
	.prizes__area {
		display: none;
		.circle {
			width: 80px;
			height: 80px;
			svg {
				width: 24px;
				height: 24px;
			}
			.text {
				.big {
					font-size: 12px;
					line-height: 3px;
				}
				.small {
					font-size: 6px;
					line-height: 19px;
				}
			}
		}
	}
	
	
	
	
	#menuMobile,
	.submenu__wrapper,
	.submenu__childs {
		-webkit-overflow-scrolling: touch;
		touch-action: pan-y; /* Разрешаем вертикальный скролл, но не блокируем горизонтальный свайп */
	}
	
	/* Запрещаем zoom при двойном тапе и помогаем свайпу */
	* {
		touch-action: manipulation;
	}
	
	.offcanvas-body {
		padding: 0;
		overflow-x: hidden;
	}
	
	#menuMobile {
		padding: 0;
		margin: 0;
		height: 100vh;
		list-style: none;
		display: flex;
		flex-flow: column;
		li + li {
			border-top: 1px solid var(--grey-lt);
		}
		.item__submenu {
			overflow: hidden;
		}
	}
	.menu__link {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 50px;
	}
	
	/* Скрытие всех подменю по умолчанию */
	.submenu__wrapper {
		position: absolute;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100%;
		background-color: var(--white);
		transition: left 0.3s ease;
		z-index: 99;
	}
	
	.submenu__wrapper.active {
		left: 0;
	}
	
	/* Заголовок подменю */
	.submenu__header {
		display: flex;
		align-items: center;
		padding: 15px;
		
		border-bottom: 1px solid #ddd;
	}
	.submenu__list {
		display: flex;
		flex-flow: column;
		padding: 1rem;
		margin: 0;
		list-style: none;
		.submenu__item {
			margin-bottom: 0;
			display: flex;
			height: 50px;
			align-items: center;
			gap: 8px;
			.link__arrow {
				margin-left: auto;
			}
		}
		
		.submenu__title {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 2.5rem;
			width: 100%;
		}
	}
	
	.btn-back {
		background: none;
		border: none;
		cursor: pointer;
		svg {
			transform: rotate(-180deg);
		}
	}
	
	.submenu-title {
		margin-left: 10px;
		font-weight: bold;
	}
	
	.submenu__childs.active {
		display: block;
	}
	
	.childs__list {
		display: flex;
		flex-flow: column;
		gap: 8px;
		padding: 1rem;
		margin: 0;
		list-style: none;
	}
	
	/* Стрелка — только кликабельна */
	.link__arrow {
		cursor: pointer;
		display: inline-block;
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.link__text {
		display: inline-block;
		flex: 1;
	}
	
	/* Стиль для вложенного меню (3-й уровень) */
	.submenu__childs {
		position: absolute;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100%;
		transition: left 0.3s ease;
		z-index: 20; /* выше, чем .submenu__wrapper */
		background: var(--white);
	}
	
	.submenu__childs.active {
		left: 0;
	}
	
	/* Убедимся, что заголовок виден */
	.submenu__childs .submenu__header {
		display: flex;
		align-items: center;
		padding: 15px;
		background: var(--bg-page);
		border-bottom: 1px solid #ddd;
	}
	.childs__link {
		display: flex;
		height: 40px;
		align-items: center;
	}
	
	.submenu__childs .btn-back {
		background: none;
		border: none;
		font-size: 16px;
		cursor: pointer;
		color: #007bff;
	}
	
	.breadcrumb-bg-img {
		margin-bottom: 40px;
		.mb-40 {
			margin-bottom: 20px;
		}
	}
	
	.submenu__childs .submenu-title {
		margin-left: 10px;
		font-weight: bold;
	}
	.promo__include {
		gap: 1rem;
	}
	.promo__include-row {
		gap: 1rem !important;
		justify-content: space-between;
		.promo__item {
			gap: 0.5rem;
			.text {
				line-height: 1;
			}
			svg {
				width: 14px;
				height: 14px;
			}
		}
	}	
	
	#upAction {
		transform: translateX(50%);
		right: 50%;
		width: 45px;
		height: 45px;
		bottom: 50px;
		svg {
			width: 30px;
			height: 13px;
		}
	}
}