/*MOBILE*/

@media (max-width: 768px) {
html, body {
    position: relative;
    max-width: 100%;
    overflow-x: hidden;
}	
section {
    padding: 50px 0;
    position: relative;
}    
	h1 {font-weight: 700;
font-size: 28px;
line-height: 100%;}
    .pre .item p {word-break:break-all;margin: 0 10px;}
h2 {font-size:20px !important; line-height:1.2}
h2 br {display:none;}
.fl {flex-wrap:wrap;} 
.desc {display:none}
.main-blk{width: 100%;}
.mob {display:block}
header {background:#000}
header.mob {padding:8px 0}
header.mob .container > .fl {display:grid; grid-template-columns:auto minmax(0, 1fr) auto; align-items:center; gap:16px}
header.mob .logo {margin:0}
header.mob .logo img {display:block; width:clamp(150px, 41vw, 164px)}
header.mob .f2 {justify-self:end}
header.mob .phone-mob {margin:0; justify-self:center; text-align:center}
header.mob .phone-mob a {display:block; color:#fff; font-size:clamp(12px, 3.45vw, 13px); font-weight:700; line-height:1.1; white-space:nowrap}
header.mob .burg img {display:block; width:30px}
.mainh1 {display:none}
.burger-menu {background:#0c0c0c;padding:20px 20px 30px 20px;width:100%;position:absolute;z-index: 999999999999;}
.burger-menu ul li a {color:white; padding-bottom:10px; display:inline-block}	
.burger-menu ul li img {margin-left:10px; width:15px;}
.burger-menu ul ul {display:none;padding-left: 10px;background: #2e2e2e;padding-top: 10px;padding-bottom: 10px;margin-bottom: 10px;}
.burger-menu .sea {margin:40px 0}
main .container {
    box-shadow:none;
    background: #fff;
    border-radius:0px;
}
.mainh1 h1 {line-height: 34px;}
.sort {
    text-align: right;
    font-size: 14px;
    margin-bottom: 20px;
    cursor: pointer;
}	
.news .item .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    color: #1D4568;
    margin-top: 22px;
    max-height: 60px;
    min-height: 60px;
}
section.about p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.02em;
    margin-bottom: 15px;
}
.about-company {
    padding: 32px 16px;
}
.about-company__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.about-company__visual {
    width: 100%;
    min-height: 280px;
    order: 2;
}
.about-company__scene figcaption {
    left: 10px;
    bottom: 10px;
    max-width: calc(100% - 20px);
    padding: 8px 10px;
    font-size: 12px;
}
.about-company__counter {
    top: 10px;
    right: 10px;
    padding: 8px 9px;
    font-size: 12px;
}
.about-company__content {
    order: 1;
}
.about-company .about-company__content h2 {
    margin-bottom: 14px;
    font-size: 20px !important;
    line-height: 1.2;
}
.about-company__lead {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.45;
}
.about-company__steps {
    gap: 6px;
}
.about-company__step {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 10px 11px;
}
.about-company__step strong {
    font-size: 14px;
}
.about-company__step em {
    font-size: 12px;
}
.about-company__panels {
    min-height: 74px;
    margin-top: 14px;
}
.about-company__panel {
    font-size: 13px;
    line-height: 1.4;
}
.about-company__actions {
    gap: 8px;
    margin-top: 14px;
}
.about-company__more {
    width: 100%;
}
.about-company__link {
    width: 100%;
}
.catalog-wrapper .btn-list-uslugy {
    margin-top: 14px;
}
.catalog-wrapper .btn-list-uslugy .btn {
    width: 100%;
    min-height: 42px;
    padding: 11px 18px;
    font-size: 14px;
}
.catalog-wrapper .manuf_box .list-url a.btn {
    min-height: 36px;
    margin: 8px 10px 10px;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 13px;
    text-transform: none;
}
section.news {
    padding-top: 32px;
}
section.news h2 {
    margin-bottom: 16px;
}
section.news h3 {
    margin: 22px 0 12px;
    padding: 0;
    background: transparent;
    color: #1D4568;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}
section.news .news-row {
    padding: 0;
}
section.news .item {
    border: 1px solid #ECEFF3;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(29, 69, 104, 0.08);
}
section.news .item .intro {
    padding: 14px 15px 16px;
}
section.news .item .title {
    min-height: auto;
    max-height: 58px;
    margin-top: 0;
    margin-bottom: 10px;
}
section.news .item .intro p {
    min-height: auto;
    max-height: 62px;
    font-size: 13px;
    line-height: 1.4;
    -webkit-line-clamp: 3;
}
section.news .more a {
    min-height: 38px;
    margin-top: 12px;
    border-radius: 8px;
    font-size: 13px;
    text-transform: none;
}
.item.item-f {
    margin-top: 30px;
}
.cat .item {
    flex-basis: 50%;
    text-align: center;
    padding: 0px 5px 10px;
}
.cat a {
    font-weight: 400;
    font-size: 13px;
} 
.cat .item .catalog_box {
    box-shadow: 0px 0px 5px rgb(30 30 30 / 30%);
    border-radius: 5px;
    padding: 10px;
    height: 100%;
}    
.sort-item {
    font-weight: 400;
    font-size: 15px;
    position: relative;
    line-height: 22px;
    color: var(--color-primary);
    display: inline-block;
}	
.phone-mob {margin-right:22px;}
.tooltip .arrow {display:none;}
.mainh1 {display:none}
.mainh1 h1 {margin-top:32px; margin-bottom:14px; font-size:28px; line-height:1.18}
.home-hero-nav {display:none}
.home-hero-nav::-webkit-scrollbar {height:4px}
.home-hero-nav::-webkit-scrollbar-track {background:transparent}
.home-hero-nav::-webkit-scrollbar-thumb {border-radius:4px; background:#bdbdbd}
.home-hero-nav__item {flex:0 0 auto; min-height:38px; padding:8px 12px; font-size:13px; white-space:nowrap}
.home-useful {margin:0; padding:14px 12px 16px; overflow:hidden}
.home-useful__grid {
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-template-rows:repeat(2, minmax(132px, auto));
    gap:8px;
    overflow:hidden;
    padding-bottom:0;
}
.home-useful__grid::-webkit-scrollbar {display:none}
.home-useful__item {
    display:none;
    grid-template-columns:30px minmax(0, 1fr);
    column-gap:9px;
    min-height:132px;
    padding:8px 9px;
    border:1px solid #f0f0f0;
    background:#fff;
    transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.home-useful__grid:not(.is-page-2) .home-useful__item:nth-child(-n+4),
.home-useful__grid.is-page-2 .home-useful__item:nth-child(n+5) {
    display:grid;
    animation:home-useful-card-in .68s cubic-bezier(.22,.61,.36,1) both;
}
.home-useful__grid:not(.is-page-2) .home-useful__item:nth-child(2),
.home-useful__grid.is-page-2 .home-useful__item:nth-child(6) {animation-delay:.06s}
.home-useful__grid:not(.is-page-2) .home-useful__item:nth-child(3),
.home-useful__grid.is-page-2 .home-useful__item:nth-child(7) {animation-delay:.12s}
.home-useful__grid:not(.is-page-2) .home-useful__item:nth-child(4),
.home-useful__grid.is-page-2 .home-useful__item:nth-child(8) {animation-delay:.18s}
.home-useful__grid.is-auto-moving .home-useful__item {border-color:#ececec; box-shadow:0 6px 16px rgba(29,69,104,.08)}
@keyframes home-useful-card-in {
    0% {opacity:0; transform:translateY(8px) scale(.985)}
    100% {opacity:1; transform:translateY(0) scale(1)}
}
.home-useful__icon {width:30px; height:30px; font-size:17px}
.home-useful__item h3 {
    display:-webkit-box;
    margin-bottom:3px;
    overflow:hidden;
    font-size:14px;
    line-height:1.15;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.home-useful__item p {
    display:-webkit-box;
    overflow:hidden;
    font-size:11.5px;
    line-height:1.25;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical;
}
.assortment-map {margin:0; padding:18px 12px 20px}
.assortment-map__head {display:block; margin-bottom:10px}
.assortment-map__eyebrow {min-height:22px; margin-bottom:7px; padding:4px 8px; font-size:10px}
.assortment-map h2 {font-size:22px !important; line-height:1.12}
.assortment-map__title p {margin-top:8px; font-size:13px; line-height:1.35}
.assortment-map__stage {display:block}
.assortment-map__grid {display:grid; min-height:0; grid-template-columns:1fr; grid-template-areas:none; gap:8px}
.assortment-map__sector {grid-area:auto !important; min-height:92px; padding:12px; border-radius:7px}
.assortment-map__sector-content strong {font-size:15px}
.assortment-map__sector-content small {font-size:12px; line-height:1.25}
.assortment-map__sector-content span {min-height:22px; margin-top:7px; font-size:11px}
.assortment-map__dots {inset:8px}
.assortment-map__dot {width:3px; height:3px; opacity:.65}
.assortment-map__hotspot {width:8px; height:8px}
.assortment-map__info {margin-top:9px; min-height:0; padding:13px; border-radius:7px}
.assortment-map__info-label {margin-bottom:9px; font-size:11px}
.assortment-map__info h3 {font-size:20px}
.assortment-map__info p {min-height:0; font-size:13px; line-height:1.4}
.assortment-map__info dl {margin-top:12px}
.assortment-map__info dl div {padding:10px 0}
.assortment-map__product--float {display:none}
.assortment-map__product-rail {gap:7px}
.assortment-map__rail-card {min-height:68px}
.assortment-map__rail-card, .assortment-map__product-link {grid-template-columns:54px minmax(0, 1fr)}
.assortment-map__rail-image, .assortment-map__product-image {width:54px; height:54px}
.assortment-map__rail-image img, .assortment-map__product-image img {max-width:48px; max-height:48px}
.assortment-map__product-copy strong {font-size:12px; -webkit-line-clamp:2}
.tovar-slider-wrapper {padding:24px 0 18px}
.tovar-slider-wrapper h2 {margin-bottom:14px}
.tovar-slider {padding:2px 34px 8px}
.tovar-slider .novelty-card {min-height:354px; border-radius:7px}
.novelty-card__image {height:142px; padding:14px; background:#fff}
.novelty-card__image img {max-height:126px}
.novelty-card__body {padding:13px}
.novelty-card__title {min-height:50px; font-size:14px; line-height:1.2}
.novelty-card__text {min-height:54px; margin:8px 0 12px; font-size:12px; line-height:1.38}
.novelty-card__more {min-height:36px; font-size:12px}
.tovar-slider .swiper-button-next, .tovar-slider .swiper-button-prev {width:32px; height:32px}
.promo h2 {font-size:26px;line-height: 1.2;}    
.promo p {font-size:16px; line-height:1.2}
.promo .image {order:-1; margin-bottom:40px; padding:0 30px;}
.promo .promo-banner__image {height: auto; object-fit: contain;}
.mySwiper .promo-banner--html .slider-caption {top:16px; left:14px; right:auto; bottom:auto; max-width:min(430px, calc(100% - 28px)); padding:12px 13px; background:rgba(0, 0, 0, 0.2)}
.mySwiper .swiper-slide:not(.promo-banner--html) > .promo-banner__image {height:145px !important; min-height:145px; object-fit:cover; object-position:center; background:#101010}
.mySwiper .swiper-slide.promo-banner--html {min-height:330px}
.mySwiper .swiper-slide.promo-banner--html > .promo-banner__image {height:330px !important; min-height:330px; object-fit:cover; object-position:right bottom}
.mySwiper .swiper-slide.promo-banner--html {--mobile-banner-pan-end:52%}
.mySwiper .swiper-slide.promo-banner--pch {--mobile-banner-pan-end:46%}
.mySwiper .swiper-slide.promo-banner--plc {--mobile-banner-pan-end:50%}
.mySwiper .swiper-slide.promo-banner--sensors {--mobile-banner-pan-end:52%}
.mySwiper .swiper-slide.promo-banner--cabinets {--mobile-banner-pan-end:50%}
.mySwiper .swiper-slide.promo-banner--vision {--mobile-banner-pan-end:50%}
.mySwiper .swiper-slide.promo-banner--servo {--mobile-banner-pan-end:48%}
.mySwiper .swiper-slide.promo-banner--marking {--mobile-banner-pan-end:52%}
.mySwiper:not(.is-pan-prev) .swiper-slide.promo-banner--html.swiper-slide-active > .promo-banner__image {
    animation:mobile-banner-product-pan-next 5.8s cubic-bezier(.22,.61,.36,1) both;
}
.mySwiper.is-pan-prev .swiper-slide.promo-banner--html.swiper-slide-active > .promo-banner__image {
    animation:mobile-banner-product-pan-prev 5.8s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes mobile-banner-product-pan-next {
    0%, 12% {object-position:var(--mobile-banner-pan-end) bottom}
    100% {object-position:100% bottom}
}
@keyframes mobile-banner-product-pan-prev {
    0%, 12% {object-position:100% bottom}
    100% {object-position:var(--mobile-banner-pan-end) bottom}
}
@media (prefers-reduced-motion: reduce) {
    .mySwiper .swiper-slide.promo-banner--html.swiper-slide-active > .promo-banner__image {
        animation:none;
        object-position:right bottom;
    }
}
.promo-banner__eyebrow {display:none}
.promo-banner__title {margin-bottom:9px; font-size:22px; line-height:1.15}
.promo-banner__text {font-size:14px; line-height:1.3}
.promo-banner__brands {gap:8px 9px; margin-top:11px}
.promo-banner__brand {min-height:30px; padding:7px 10px; font-size:12px}
.promo-banner__cta {min-height:40px; margin-top:12px; padding:12px 17px; font-size:14px}
.promo-banner__cta-row {gap:6px; margin-top:auto}
.promo-banner__cta-row .promo-banner__cta {min-height:36px; margin-top:0; padding:10px 12px; font-size:12px}
.but a {width:100%;display: block; text-align:center;padding: 18px;}
.but {flex-basis:100%}    
.swiper-pagination-bullets {
    display: none;
}
.promo .text {flex-basis: 100%;}
.slider-caption {
    top: 12%;
    left: 15%;
}
.slider-button a {
    padding: 10px;
    font-size: 15px;
}
.copy {
    margin-top: 20px;
    width: 100%;
}	
.swiper-button-next {
  position: absolute;
  top: 50% !important;
  right: 0;
  width: 20px !important;
  margin-top: 0;
  transform: translateY(-50%);
}	
.swiper-button-prev {
  top: 50% !important;
  width: 20px !important;
  margin-top: 0;
  transform: translateY(-50%);
}

.bra ul li {
    padding: 9px;
    flex-basis: 50%;
    text-align: center;
    margin-bottom: 20px;
}	
.brends-wrapper-index .manuf_box {
    min-height: 88px;
    padding: 12px 10px;
    border-radius: 14px;
}
.brends-wrapper-index .manuf_box.active {
    border-radius: 14px 14px 0 0;
}
.brends-wrapper-index .manuf_box > img,
.brends-slider .manuf_box img {
    max-width: 132px;
    height: 58px;
}
.brend-left-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.brend-left-menu .item {
    min-height: 64px;
    padding: 8px;
}
.brend-left-menu .item img {
    max-width: 124px;
    height: 42px;
}
.brand-card--innovert .brand-logo,
.brand-card--innolevel .brand-logo,
.brand-card--inno-level .brand-logo,
.brand-card--innovari .brand-logo,
.brand-card--inno-vari .brand-logo,
.brand-card--innocont .brand-logo,
.brand-card--inno-cont .brand-logo,
.brends-wrapper-index .list-uslugy:nth-child(5) .brand-logo,
.brends-wrapper-index .list-uslugy:nth-child(6) .brand-logo,
.brends-wrapper-index .list-uslugy:nth-child(7) .brand-logo,
.brends-wrapper-index .list-uslugy:nth-child(8) .brand-logo {
    --brand-logo-scale: 1.42;
}
.brand-card--termodat .brand-logo,
.brand-card--termo-dat .brand-logo,
.brends-wrapper-index .list-uslugy:nth-child(9) .brand-logo {
    --brand-logo-scale: 1.22;
}
.brand-card--meyertec .brand-logo,
.brand-card--meyer-tec .brand-logo,
.brends-wrapper-index .list-uslugy:nth-child(13) .brand-logo {
    --brand-logo-scale: 1.16;
}

.catalog-wrapper {padding-top:32px; padding-bottom:28px}
.catalog-wrapper .title-wrapper {gap:10px; margin-bottom:12px}
.catalog-wrapper .title-wrapper h2 {margin-bottom:0}
.catalog-wrapper .sort {width:100%; margin-bottom:0}
.catalog-wrapper .sort-catalog-index {
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    min-height:40px;
    padding:4px;
    gap:0;
    border:1px solid #e5e8ed;
    border-radius:8px;
    background:#fff;
}
.catalog-wrapper .sort-catalog-index span {
    width:auto;
    min-height:32px;
    padding:8px 9px;
    border:0;
    border-radius:6px;
    font-size:13px;
    font-weight:700;
    line-height:1.15;
    text-align:center;
}
.catalog-wrapper .sort-catalog-index span.active {
    color:#fff;
    background:var(--color-primary);
}
.catalog-wrapper .sort-catalog-index span::after,
.catalog-wrapper .sort-catalog-index span.active::after {display:none}
.catalog-wrapper .cat {margin-top:12px}
.brends-wrapper-index .list-uslugy {padding:4px}
.brends-wrapper-index .manuf_box {
    min-height:88px;
    padding:12px 10px;
    border-radius:14px;
}
.brends-wrapper-index .manuf_box.active {
    border-radius:14px 14px 0 0;
}
.brends-wrapper-index .manuf_box > img {
    max-width:132px;
    height:58px;
}
.btn-list-uslugy {margin-top:10px}
.btn-list-uslugy .btn {padding:11px 24px}

footer .logo2 {
    margin-bottom: 20px;
    text-align:left;
  
}
footer .logo2 img {width:280px}
  .form textarea {
    margin-top: 10px;
}
	.faq .fl.jsb.ac {flex-wrap: wrap}
	.faq .zp {margin-top:10px; flex-basis:100%}
	
	.menu3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
}
	

.teh {
    background: #1e1e1e;
    padding: 15px 15px 0 15px;
    max-width: 100%;
    overflow-x: scroll;
}	
	
	.right img {width:auto !important; height:auto !important}	
	.item.item-pro {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
	
	.item-pro .img-news {
    max-height: 100%;
    flex-basis: 100%;
}
	
.right-pro {
    flex-basis: 100%;
}
	
.right.news-about .item {
  
    padding-bottom: 20px;
	}
	
	.pre-item .item {
    display: flex;
    height: auto !important;
    flex-wrap: wrap;
		justify-content: center;
}
	.people .image {
    order: -1;
    text-align: center;
}

.sea button {
    border: none;
    background: none;
    position: absolute;
    right: 20px;
}
	

a.item_more {
    background: #E63337;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
	}
.people .text {
    padding: 10px;
    flex-basis: 100%;
}
.people .fl.fw.jsb {
    justify-content: center;
    text-align: center;
	margin-bottom:20px;
}

.pre-mol {
    font-weight: 600;
    font-size: 16px;
  
}
.price-mol2 {
 
    font-size: 16px;
    line-height: 20px;
}
.pre-item .item img {
    width: 100px !important;
    margin: 0 15px 20px 0 !important;
    height: auto !important;
}
.fl.pre.jc .pre-item {
    flex-basis: 100%;
    padding: 15px;
}	
	
}



/*TABLET*/


@media (min-width: 768px) and (max-width: 1024px) {


	
}


@media (min-width: 768px) and (max-width: 768px) {



}

@media (max-width: 340px) {
	header.mob .logo img {width:142px}
	header.mob .phone-mob a {font-size:12px}
	.mySwiper .swiper-slide:not(.promo-banner--html) > .promo-banner__image {height:150px !important; min-height:150px}
	.mySwiper .swiper-slide.promo-banner--html {min-height:340px}
	.mySwiper .swiper-slide.promo-banner--html > .promo-banner__image {height:340px !important; min-height:340px}
}