@media(max-width: 767px){

    .hamburger-menu {
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        cursor: pointer;
        transition: all 0.3s ease;
        z-index: 10030;
        top: 15px;
        right: 10px;
        padding: 5px;
    }
	.hamburger-menu span {
        display: block;
        width: 30px;
        height: 3px;
        background-color: #fff;
        margin: 5px 0;
        border-radius: 2px;
        transition: all 0.3s ease;
    }
	
	
	  /* Анимация иконки при открытии */
        .hamburger-menu.open span:nth-child(1) {
            transform: translateY(8px) rotate(45deg);
        }
        
        .hamburger-menu.open span:nth-child(2) {
            opacity: 0;
        }
        
        .hamburger-menu.open span:nth-child(3) {
            transform: translateY(-8px) rotate(-45deg);
        }
		
		/* Оверлей */
        .menu-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(5px);
            z-index: 10009;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        .menu-overlay.active {
			opacity: 1;
		}
	
	
	/**************************/
	
	body.scroll-disabled {overflow: hidden;}
	
	.top-menu-container, .top-menu { height: 0;}
	
	.top-menu ul { 
		position: fixed;
		background: #0985bb;
		right: -100%;
		left: auto;
		transition: all 0.3s ease;
		z-index:10010;
		height: 100vh;
		max-height: 100vh;
		top: 0;
		padding-top: 70px;
		width: 100%;
		}
	.top-menu ul.active {
		right: 0;
		display: block;
	}	
	
	.top-menu ul li {
		float: none;
		display: block;
		padding: 0;
		border-top: 1px rgba(255,255,255,0.1) solid;
	}
	
	.top-menu ul li:last-child {border-bottom: 1px rgba(255,255,255,0.1) solid;}
	
	.top-menu ul > li:hover a, .top-menu ul > li.active a {
		color: #410a37;
	}
	
	.top-menu ul > li,.top-menu ul > li:hover, .top-menu ul > li:hover  {
		}
	.top-menu ul > li.openned, .top-menu ul > li.openned:hover, .top-menu ul > li.active:hover {
		}
	.top-menu ul > li.active {		}
		
	.top-menu ul > li.openned a {
		color: #410a37;
		}	
	
	.top-menu ul > li > a {
		text-transform: none;
		font-size: 18px;
		font-weight: normal;
		display: block;
		border: 0;
		width: auto;
		line-height: 50px;
		}
	
	/*
	.top-menu ul > li:after {
		 content: '›';
		 transform: rotate(90deg);
		 border: 0;
		 line-height: inherit;
		}
		*/
		
	.top-menu ul li:hover .menu-sub {
		opacity: 0;
		height: 0;
	}	
	
	.top-menu ul li.openned .menu-sub {
		opacity: 1;
		height: auto;
		overflow: auto;
	}
	
	.top-menu ul li .menu-sub {
		background: #efefef;
		}

	.top-menu ul .menu-sub li a {
		color: #410a37;
		}
		
		
		/**/
		
	
	
	
	
	
	
	
	.header-container {height: auto;}
	.header { width: 100%;height: auto;
			  background: #3d95c3;}

	.logo {position: relative; left: 10px; top: 10px; display: inline-block;}
	.logo img {max-width: 200px;}
	.phones {position: relative; text-align: center; top:0; left: 0; margin: 10px auto 0; padding-bottom: 15px;}
	.wrapper {width: 100%; background: #fff; padding: 0;}	
	.content {width: 100%; padding: 0 10px; box-sizing: border-box;}	
	.content h1 {margin: 0 -10px 10px;}
	.content img {max-width: 100%; height: auto;}
	.left-sidebar {width: 100%;}	
	#filter-container {width: 100%;}	
	.footer {width: 100%; padding: 0; font-size: 14px;}
	.col1, .col2, .col3, .col4	{width: 100%; padding: 10px 20px;box-sizing: border-box; }
	.left-banners {	font-size: 14px;}	
	
	ul.navmenu-v a {font-size: 14px;}	

	.contact-buttons a {margin: 0 0 15px; width: auto; display: block;}
	
	.button2 {font-size: 14px;}	

	.item-photo {float: none; width: 100%; margin: 15px 0; text-align: center;}
	/*.item-photo a {display: block;}*/
	img.x1x  {float: none;
		margin: 0 auto;
        display: block;}
	.articul {
		float: none;
		padding: 10px;
		box-sizing: border-box;
	}
	.articul span {margin-right: 10px;display: inline-block;}
	
	ul {padding-left: 20px;}
	
	.products-grid {grid-template-columns: repeat(1, 1fr);}
	
	
	.katalog-item-card {
    flex: 1 1 calc(50.00% - 15px);
	}	
	.katalog-item-card img {
    width: 80%;
    height: 150px !important;
    object-fit: contain;
	}
	
	
	.block-links div {
    width: 50%;
	}
	
	.hideonmobile {display: none;}
	
}