@media only screen and (max-width: 961px) {  /* 961px*/
	.ral-table {
		max-width: 100%;
	}
	.nav-box .container li a {
		font-size: 16px;
	}
	img {max-width: 100%; height: auto;} /*  */
	body {min-width: 0;}
	.wrapper {width: 100%;}
	.pagination {
	    font-size: 16px;
	    line-height: 22px;
	}
	
	/* Стили для новой шапки */
	.header-top-content {
		flex-wrap: wrap;
	}
	
	.logo {
		width: 200px;
		height: 70px;
		background-size: contain;
		margin: 0 auto;
	}
	
	.header-navigation {
		padding: 0;
	}
	
	.main-navigation a {
		padding: 10px 15px;
		font-size: 0.9rem;
	}
	
	/* Исправление для пункта "Контакты" */
	.main-navigation a[href="/contacts/"] {
		color: white;
	}
	
	/* Старые стили */
	.mail-us {
        width: 100%;
	    margin: 0 auto;
		text-align: center;
	    height: 26px;
	}
	.mail-us a{
        display: inline-block;
    	float: none;
    	font-size: 16px;
	}
	.adress {
        background: none;
	    text-align: center;
	    width: 100%;
	    margin: 10px 0 0 28px;
	}
	.a-item {
	    display: inline-block;
	    float: none;
	    margin: 0 auto;
	    text-align: left;
	    vertical-align: text-top;
    }

	.a-item .orange {
	    font-size: 26px;
	    line-height: 26px;
	}
	.a-item .purple {
	    font-size: 24px;
	    line-height: 24px;
	}
	.a-item .gray {
	    font-size: 22px;
	    line-height: 22px;
	    width: 245px;
	}
	.phones {
	    display: inline-block;
	    float: none;
	    text-align: left;
	    margin: 12px auto 0;
	    margin-left: 20px !important;
	    width: 100%;
	}
	.bx_search_container {
		margin-left: 20px !important;
	}
	.request-call {
        font-size: 30px;
	    float: none;
	    width: 260px;
	    margin: 0 auto;
	    text-decoration: underline;
	}
	.request-call:hover {
		text-decoration: none;
	}
	ul.breadcrumb-navigation {
		margin-left: 20px !important;
	}
	.main-menu {
	    width: 100%;
	    font-size: 0.9em;
	    margin: 16px auto 16px 20px;
	}
	.main-menu li {
    	display: inline-block;
	}
	.main-menu li a {
    	display: inline-block;
	}
	.plusslider, .plusslider .container.child {
		width: 100% !important;
	    background-position: -50px 0;
	}
	.download-price, .link-to-cat {
    	font-size: 0.8em;
	}
	.download-price {
		left: 6px;
	}
	.link-to-cat {
    	font-size: 0.8em;
    	bottom: 84px;
    	left: 178px;
	}
	.nav-box .slidename {
    	margin: 12px 0 0 26px; 
	}
	.nav-box .beton p {
		margin: 20px 0 0 26px;
	}
	.nav-box .dostavka .one-column {
		margin: 26px 0 0 6px;
	}
	.nav-box .container .two-column {
		margin: 8px 0 0 26px;
	}
	.nav-box .jbi .one-column {
		margin: 26px 0 0 26px;
	}
	.phones .tel {
		font-size: 50px;
	}
	.phones .region-tel-code {
    	font-size: 40px;
	}
	.phones .bottom-line {
	    font-size: 52px;
	}
	.slider-item {
	    width: 20%;
	}
	.pic-cont {
        display: none;
	}
	.benefits .slider {
    	height: 88px;
    	padding-top: 12px;
	}
	.slider-item .description {
	    font-size: 16px;
	}
	.content h1 {
	    text-align: center;
	}
	.content p, div.catalog_metall {
   		font-size: 18px;
	    margin: 9px 20px;
	}
	ul.content-list li, ol.content-list li {
    	font-size: 18px;
    	line-height: 22px;
	}
	ul.content-list {
	    margin: 18px 0 18px 56px;
	}
	.content h3 {
	    margin: 8px 0 8px 12px;
	}
	div.info ul {
	    margin: 18px 0 18px 56px;
	    font-size: 18px;
	    line-height: 20px;
	}
	.news h2, .article h2 {
	    font-size: 24px;
	    text-align: center;
	}
	.date {
    	font-size: 16px;
	}
	.news-item {
        width: calc(100% - 20px);
    	margin-left: 20px;
	}
	.content h3 {
    	font-size: 24px;
	}
	.news-item p, .article-item p, .preview {
	    font-size: 16px;
	    line-height: 18px;
	}
	.read-more-link {
    	font-size: 16px;
	}
	.all-news-link, .all-article-link {
    	font-size: 16px;
	    margin-left: 12px;
	}
	.news {
	    width: 100%;
	}
	.news .date{
        margin-left: 12px;
	    float: left;
	    display: block;
	    width: 50%;
	}
	
	/* Фикс для слайдера */
	.plusslider-pagination-wrapper {
		z-index: 900 !important;
	}
	
	/* Восстанавливаю правильные стили для каталога */
	.catalog_metall div {
	    width: 40%;
	    min-height: 186px;
	}
	
	.content .right-c {
	    height: 100%;
	    margin-left: 20px;
	}
	
	.content .left-c {
	    width: 100%;
	}
	
	.menu-razdela {
	    margin: 12px auto;
	}
	
	.catalog_metall img {
	    height: inherit;
	    max-height: 112px;
	}
	
	.content h2 {
    	margin-left: 12px;
	}
	
	.ral-table {
    	margin: 0 12px;
    	overflow: hidden;
	    width: 100%;
	    display: block;
	}
}

@media only screen and (max-width: 854px) {
	/* Стили для новой шапки на средних экранах */
	.header-top-content {
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	
	.header-logo {
		flex: 0 0 auto;
	}
	
	.logo {
		width: 180px;
		height: 60px;
		margin: 0;
	}
	
	.header-contact-info,
	.header-addresses,
	.header-phones {
		display: none;
	}
	
	.header-mobile-controls {
		display: flex;
		flex: 1;
		justify-content: flex-end;
		align-items: center;
	}
	
	.mobile-phone-visible {
		display: flex;
		flex: 1;
		text-align: center;
	}
	
	.header-navigation {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	/* Исправляю горизонтальный скролл */
	html, body {
		overflow-x: hidden;
		max-width: 100%;
		width: 100%;
	}
	
	.wrapper {
		max-width: 100%;
		overflow-x: hidden;
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
		margin: 0 auto;
	}
	
	/* Стили для новой шапки на мобильных */
	.header-modern {
		box-shadow: 0 1px 5px rgba(0,0,0,0.1);
		width: 100%;
		overflow-x: hidden;
	}
	
	.header-top {
		padding: 10px 0;
		width: 100%;
	}
	
	/* Мобильная боковая панель на всю ширину */
	.mobile-sidebar {
		width: 100%;
		max-width: 100%;
		left: -100%;
	}
	
	.mobile-sidebar.active {
		left: 0;
		width: 100%;
		max-width: 100%;
	}
	
	/* Адаптивность для контента (левая и правая части) */
	.content .left-c {
		display: block;
		float: none;
		width: 100%;
		margin-bottom: 20px;
		height: auto;
	}
	
	.content .right-c {
		display: block;
		margin-left: 0;
		width: 100%;
		clear: both;
		padding-top: 10px;
	}
	
	.menu-razdela {
		margin: 20px 0;
	}
	
	/* Восстанавливаю правильные стили для каталога на мобильных */
	.catalog_metall {
		display: block;
		overflow: hidden;
	}
	
	.catalog_metall div {
		width: calc(50% - 10px);
		float: left;
		margin: 0 5px 15px 5px;
		text-align: center;
		min-height: 160px;
		box-sizing: border-box;
		border: 1px solid #5a5a5a;
		padding: 10px;
	}
	
	.catalog_metall img {
		height: 80px;
		max-height: 80px;
		margin: 0 auto 10px;
	}
	
	/* Улучшение таблиц на мобильных */
	.ral-table {
		width: 100%;
		overflow-x: auto;
		display: block;
	}
	
	/* Улучшение изображений в контенте */
	.right-c img {
		max-width: 100%;
		height: auto;
	}
	
	/* Улучшение блока info с кнопками */
	.info .note-bottom {
		padding: 15px;
	}
	
	.info .links-container {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	
	.info .link-button {
		padding: 8px 12px;
		font-size: 12px;
		flex: 1 0 calc(50% - 10px);
		text-align: center;
		box-sizing: border-box;
	}
	
	/* Красивые пункты меню */
	.mobile-menu {
		margin: 0;
	}
	
	.mobile-menu ul {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	@media only screen and (max-width: 768px) {
		.mobile-menu ul {
			display: grid !important;
		}
	}
	.mobile-menu li {
		width: 100%;
		border: none;
		margin: 0;
	}
	
	.mobile-menu li.color a {
		color: white;
	}
	
	.mobile-menu a {
		display: block;
		padding: 16px 20px;
		color: var(--primary-color);
		text-decoration: none;
		font-weight: 600;
		font-size: 1.1rem;
		text-align: center;
		transition: all 0.3s ease;
		width: 100%;
		box-sizing: border-box;
		position: relative;
		border-radius: 10px;
	}
	
	.mobile-menu a:hover {
		transform: translateY(-3px);
	}
	
	.mobile-menu li.color a:hover {
		color: white;
	}
}

/* Исправление для 769px - убираем резкое сужение */
@media (min-width: 769px) and (max-width: 854px) {
	.wrapper {
		padding: 0 15px;
	}
}

/* Исправление для 935px */
@media (max-width: 935px) {
	.wrapper {
		width: 100%;
		max-width: 100%;
		padding: 0 15px;
		overflow-x: hidden;
	}
}

@media only screen and (max-width: 610px) {  /* 610px*/
	/*  */
	.benefits .slider {
	    height: 100px;
	}
	.benefits .slider {
    	height: inherit;
	}
	.slider-item {
    	width: 50%;
	    height: 78px;
	}
	.news .date {
    	width: 48%;
	}
	.news-item h3 {
	    margin-bottom: 80px;
	}
	.news-item .preview {
    	width: calc(100% - 20px) !important;
	}
	.benefits {
		padding-bottom: 0; 
	}
	.adress {
    	margin: 32px 0 0 0;
	}

	.a-item {
	    margin: 12px auto;
	}
	.main-menu li {
	    margin: 2px 0;
	}
	.benefits .main {
		margin-bottom: 28px;
	}
	.wrapper {
		margin-left: 8px;
	}
	.article-navigation {
	    margin: 80px 0 20px 0;
	}
}

@media only screen and (max-width: 494px) {  /* 494px*/
	.phones {
    	margin: 120px auto 0;
	}
	.catalog_metall div {
	    min-height: 190px;
	}
	.news-page-list .newsListHeader {
	    width: 100%;
	    margin: 12px auto;
	}
	.news-item img {
        width: 96%;
    	margin: 12px auto;
	}
	.news .date {
	    width: 100%;
	    margin-left: 0;
	}
	.news-item h3 {
	    width: 100% !important;
	    margin-left: 0;
	    margin-bottom: 18px;
	}
	.news-item .preview {
	    width: 100% !important;
	    margin-left: 0;
	}
	.wrapper {
		margin-left: 8px;
	}
}

div.news-detail img.detail_picture {
    margin: 28px 26px 
}
.content p, div.catalog_metall {
	font-size: 16px !important;
	line-height: 24px;
}
.right-c ul li, .right-c ol li  {
	font-size: 16px !important;
	line-height: 24px;
}
.bottom-menu li a {
	font-size: 16px !important;
	line-height: 24px;
}
.ral-table td, .ral-table th {
	font-size: 16px !important;
}
.go-to-list {
	font-size: 16px !important;
}

@media only screen and (max-width: 576px) {
	.wrapper {
		padding: 0 10px;
	}
	
	.mobile-sidebar {
		width: 100%;
	}
	
	.logo {
		width: 130px;
		height: 45px;
	}
	
	.mobile-addresses {
		flex-direction: row;
	}
	
	.mobile-address-item {
		width: 100%;
	}
	
	/* Улучшение таблиц на мобильных */
	.ral-table {
		width: 100%;
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	.ral-table td, .ral-table th {
		padding: 8px 15px;
		font-size: 13px;
	}
	
	/* Улучшение отображения каталога на очень маленьких экранах */
	.catalog_metall div {
		width: 95%;
		margin-bottom: 20px;
	}
	
	/* Улучшение блока info с кнопками */
	.info .link-button {
		flex: 1 0 100%;
	}
}

@media only screen and (max-width: 480px) {
	.mobile-sidebar {
		width: 100%;
	}
	
	.mobile-sidebar-content {
		padding: 15px;
	}
	
	.mobile-actions {
		grid-template-columns: 1fr;
	}
	
	.logo-main {
		font-size: 1rem;
	}
	
	.logo-slogan {
		font-size: 0.65rem;
	}
	
	/* Улучшение каталога на очень маленьких экранах */
	.catalog_metall div {
		width: 95%;
		margin-bottom: 20px;
	}
	
	/* Улучшение мобильного меню */
	.mobile-menu a {
		padding: 10px 14px;
		font-size: 0.9rem;
	}
}