@media screen and (max-width:1880px){ 

	.start__title {font-size: 8.17vw}
	.mobileprice {display:none;}

	.footer__totop {right: 20px; margin-right: 0}
        img.akc_index_hor{position:absolute;left:67%;top:58%;width:400px}

}
@media screen and (max-width:1500px){

	.header__app {margin-left: 40px}
	.header__menu-list {width: 60%}

	.start__wrapper {height: 500px}
	.start__offer {bottom: 36px}
	.start__ln {bottom: 40px}
	.start__r {bottom: 40px}

	.footer__menu {position: static; width: auto; transform: none; margin-bottom: 47px}
        img.akc_index_hor{position:absolute;left:68%;top:57%;width:350px}

}
@media screen and (max-width:1300px){

	.start__wrapper {height: 400px; padding-top: 53px}

        img.akc_index_hor{position:absolute;left:50%;top:49%;width:310px}
	a.pickup{display:none;}
}
@media screen and (max-width:1160px){

	.header__phone {width: auto}
	.header__cb {display: none}
	.header__app {margin-left: 20px; padding-left: 20px}

	.vac__title {font-size: 9vw}

	.quest__title {font-size: 9vw}

	.profit__title {font-size: 9vw}

	.appb__title {font-size: 9vw}
	.appb__spec-ln div {white-space: normal}

	.footer {margin-top: 160px}
}
@media screen and (max-width:1000px){

	.header__menu-top {margin-top: 30px}
	.header__menu-cab {margin-left: 0}

	.serv__item {width: 32%; margin-right: 2%}

	.vac {padding-left: 260px}
	.vac__im {background: url(../i/vac-girl-m.png) no-repeat; width: 227px; height: 186px}
	.vac__title:before {margin-right: 20px}

	.prtns__list {margin: 0 -20px}
	.prtns__list .slick-slide {margin: 0 20px}

	.company {display: block}
	.company__content {width: auto; margin-top: 30px}

	.faq__item-lvl {padding-left: 30px}
	.faq__item-val {padding-left: 30px}

	.offsitem__info {width: 50%; margin: 0; padding-left: 30px}
	.offsitem__r {width: 50%; padding-left: 30px}

	.shitem__bt {position: static; margin-top: 35px}

	.pdet__upd {position: relative; right: auto; bottom: auto; margin-top: 20px}
	.pdet__calc-ln {width: 100%; margin-top: 13px}
	.pdet__entry {display: block}
	.pdet__entry-l {width: auto}
	.pdet__entry-r {width: auto; margin-top: 40px}
	.pdet__bt {margin-top: 5px}

	.ptypes__wrap {display: block}
	.ptypes__stitle {width: auto; padding-right: 0; margin-bottom: 40px}
	.ptypes__block {width: auto}
	.ptypes__im {width: 60%}
	.ptypes__entry {width: 36%}
	.ptypes__link {width: 36%}

	.ptbl__steel {display: none}
	.ptbl__char {display: none}
	.ptbl__basic {width: 28%}
	.ptbl__price {width: 35.1%}

	.ptbl__store {width: 17.9%}
	.ptbl__av {width: 17.9%}
	.ptbl__info {display: block; margin-top: 10px}
	.ptbl__hd {display: none !important}
}
@media screen and (max-width:900px){

	.header__ln {display: block; margin-top: 27px}
	.header__ln a {display: block; margin-top: 5px}
	.header__app {width: 180px}

	.prtns__sl {width: 76%}
	.prtns__list {margin: 0}
	.prtns__list .slick-slide {margin: 0}
	.prtns__item {justify-content: center; padding: 10px 15px}

	.quest__content {width: 60%}
	.quest__spec-refr {position: static; margin: 15px 0 0 0}

	.profit {padding-left: 270px}
	.profit:before {width: 250px; height: 153px; background-size: cover}

	.imgs__wrapper {justify-content: space-between}
	.imgs__stitle {width: 30%}
	.imgs__list {width: 60%}

	.sert {display: block}
	.sert__stitle {width: auto}
	.sert__list {width: auto; margin: 35px 0 0 0}

	.rev__sl {padding-left: 0}

	.appb__title {width: 100%; margin-bottom: 50px}
	.appb__form {width: 58%}
	.appb__spec {width: 38%}

	.pdet__price {display: block; background: none}
	.pdet__price-box {width: auto; background: #f3f3f3; padding: 15px 20px; margin-top: 10px}
	.pdet__price-box:first-child {display: none}
	.pdet__price-item {display: flex; margin-top: 15px}
	.pdet__price-item:before {display: block; content: attr(data-area); margin-right: 10px}

	.ptab ul li a {font-size: 12px}

	.prices__top-item {width: auto; margin-right: 35px}
	.prices__top-item:last-child {margin-right: 0}

	.footer__menu {display: none}

	.tbl__head > div:first-child {width: 100%}
	.tbl__item > div:first-child {width: 100%}
	span.theme-switch-title {display:none; }
	div.theme_click a {background:none !important;}


}
@media screen and (min-width:801px){

	.header__menu-search {display: block !important}
}
@media screen and (max-width:800px){
        
	.header__vac {font-size: 12px; text-align: center}
	.header__vac-wrapper {justify-content: center}
	.header__wrapper {height: 55px; justify-content: space-between}
	.header__logo {width: auto}
	.header__logo a {display: block; background-image: url(../i/logo-m.png); background-image: -webkit-image-set(url(../i/logo-m.png) 1x, url(../i/logo-m@2x.png) 2x); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; width: 111px; height: 15px}
	/*.header__logo a {display: block; background-image: url(../i/ny/ny_logo-m.png); background-image: -webkit-image-set(url(../i/ny/ny_logo-m.png) 1x); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; width: 111px; height: 27px}*/
	.header__logo img {display: none}
	.header__logo span {display: none}
	.header__act {position: static; top: 0; order: 5}
	.header__act .header__ln .cab, .header__act .header__ln .sea {/*display: none*/}
	.header__act .header__ln {/*display: none*/}
	.header__phone {margin: 0}
	.header__phone-title {display: none}
	.header__phone-box {font-size: 12px}
	.header__phone-on {display: none}
	.header__phone-off {display: none}
	.header__wrapper > .header__app {display: none}
	.header__app {padding: 25px 15px; margin: 25px -20px 0; display: block; width: calc(100% + 40px); height: auto; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8}
	.header__app:before {display: none}
	.header__app-tx {display: none}
	.header__menu {padding: 20px 0 50px; overflow: auto}
	.header__menu-top {flex-wrap: wrap}
	.header__menu-sea {display: block; margin-right: 20px}
	.header__menu-sea a {position: relative; padding-left: 26px; color: inherit; text-decoration: none}
	.header__menu-sea a:before {position: absolute; left: 0; top: -2px; content: '\e905'; font-size: 17px}
	.header__menu-cab {width: auto; height: auto}
	.header__menu-search {width: 100%; margin-top: 15px; display: none}
	.header__menu-search input {padding: 0 10px 0 35px; border: 0; border: 1px solid rgba(255,255,255,.2); border-radius: 5px}
	.header__menu-search button {left: 10px}
	.header__menu-block {display: block}
	/* контактный блок перед пунктами мобильного меню */
	.header__menu-mob {display: block; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,.2)}
	.header__menu-mob-phone {font-size: 20px; font-weight: 700; margin-top: 25px}
	.header__menu-mob-phone a {color: #fff; text-decoration: none}
	.header__menu-mob-lnks {display: flex; flex-direction: column; align-items: flex-start; margin-top: 14px}
	.header__menu-mob-lnks a {color: #fff; text-decoration: none; margin-top: 10px}
	.header__menu-mob-lnks a:after {display: inline; content: '\00a0→'; font-size: 14px; font-weight: 700}
	.header__menu-mob-lnks .whtopicon, .header__menu-mob-lnks .mxtopicon {display: inline-block; margin-right: 8px}
	.header__menu-mob-cb {font-weight: 700}
	.header__menu-list {width: auto}
	.header__menu-list > ul > li {margin-top: 30px}
	.header__menu-list > ul > li.hidden {display: block}
	.header__menu-list > ul > li.title {font-size: 12px}
	.header__menu-list > ul > li.title ul {margin-top: 0px}
	.header__menu-list > ul > li li {margin-top: 9px}
	.header__menu-ct {display: none}
	.header__menu-soc {display: flex; margin-top: 35px}
	.header__menu-soc a {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; text-decoration: none; color: #fff; font-size: 16px}

	.header_fix .header__wrapper {height: 55px}
	.header_fix .header__act {display: block}

	.start__wrapper {height: 440px; padding-top: 70px}
	.start__title {white-space: normal; font-size: 30px}
	.start__del {margin-top: 25px}
	.start__ln {display: none}

	.cats {padding: 50px 0 60px}
	.cats__top {display: none}
	.cats__tab {margin-top: 0}
	.cats__tab ul {position: relative; overflow: auto; margin: 0 -20px; padding: 0 20px}
	.cats__tab ul:after {display: block; content: ''; width: 20px; opacity: 0; flex-shrink: 0}
	.cats__tab li {flex-shrink: 0; margin: 0 10px 0 0; min-width: 0}
	.cats__tab li:last-child {margin-right: 0}
	.cats__tab li a {padding: 0 20px; white-space: nowrap}
	.cats__list {margin-top: 20px}
	.cats__list li {width: 20%}

	.pcalc__block {display: block; margin-top: 40px}
	.pcalc__form {width: auto}
	.pcalc__item-lv {width: auto; flex: 0 0 150px; text-align: left}
	.pcalc__item-vl {width: 100%}
	.pcalc__char {width: auto; margin-left: 150px}
	.pcalc__bt {width: auto; margin-left: 150px}
	.pcalc__info {width: auto; margin-top: 50px}

	.psim__box {padding-left: 0}

	.pother ul li {margin-left: 0}

	.pother_dia ul li {width: 20%}

	.filt {padding: 45px 20px 50px}
	.filt__close {right: 20px; top: 20px}

	.inrost__dir {justify-content: flex-start}
	.inrost__dir-photo {flex: 0 0 100px}
	.inrost__dir-entry {width: auto}

	.serv__list {width: 80%; justify-content: space-between}
	.serv__item {width: 49%; margin-right: 0}

	.vac {display: block; min-height: 0; padding: 30px 20px 30px 220px; margin-top: 50px}
	.vac__info {display: block}
	.vac__text {width: auto}
	.vac__ct {margin: 30px 0 0 0}

	.req__content {width: 70%}

	.offsitem {display: block}
	.offsitem__title {width: auto}
	.offsitem__info {width: auto; padding: 0; margin-top: 40px}
	.offsitem__r {width: auto; padding: 0; margin-top: 40px}
	.offsitem__addr {margin-top: 40px}

	.how {margin-top: 45px}
	.how__basic {flex-wrap: wrap}
	.how__stitle {width: 100%; flex: none; margin-bottom: 40px}

	.shitem {padding-left: 330px}
	.shitem__info {display: block}

	.cookies__bt {display: none}
	.cookies__close {position: relative; right: auto; top: auto; display: flex; align-items: center; justify-content: center; margin-top: 40px; text-align: left}
	.cookies__close:before {flex: 0 0 40px}
	.cookies__close span {display: block; margin-left: 10px; font-size: 14px}

	.block_cols {display: block}

	.block__col {width: auto; padding: 0; margin-top: 40px}
	.block__col:first-child {width: auto; margin-top: 0}

	.gall {max-width: 425px; margin-left: auto; margin-right: auto}

        img.akc_index_hor{position:absolute;left:30%;top:49%;width:300px}
        div.header-contact {display: none;}
}
@media screen and (max-width:767px){

	.pdet {display: block; margin-top: 40px}
	.pdet__im {width: auto; max-width: 400px; margin: auto}
	.pdet__content {width: auto; margin-top: 45px}
	.pdet__text {max-width: none; margin: 0}
	.pdet__char li {justify-content: flex-start}
	.pdet__char-lv {width: auto; flex: 0 0 200px; text-align: left}
	.pdet__char-vl {width: auto}
	.pdet__upd {position: absolute; right: 0; bottom: 0; margin: 0}

	.pinfo {margin-top: 0}
	.pinfo__box {margin-top: 40px}
}
@media screen and (min-width:701px){

	.req__content {display: block !important}

}
@media screen and (max-width:700px){

	.textb__cols {display: block; margin: 0}
	.textb__col {width: auto; padding: 0; margin-top: 24px}
	.textb__col:first-child {margin-top: 0}

	.body {margin-top: 45px}
	.body > .block:first-child {margin-top: -45px}
	.body > .ptop:first-child {margin-top: -45px}

	ul.breadcrumbs {display: none}

	.start__offer {bottom: 45px}
	.start__offer-ln {display: block; margin-top: 13px; font-size: 14px; font-weight: 700}
	.start__offer-ln a {color: #fff}
	.start__offer-ln a:after {display: inline; content: ' →'}
	.start__ln {display: none}
	.start__r {bottom: 50px}

	.inrost {padding: 45px 0 50px}
	.inrost__wrapper {display: block}
	.inrost__stitle {margin-top: 0px}
	.inrost__info {width: auto; margin: 45px 0 0 0; padding: 0}
	.inrost__vid {width: auto; padding: 0; margin-top: 45px}
	.inrost__vid a img {height: auto}

	.about__wrapper {display: block}
	.about__content {width: auto; margin-top: 40px}
	.about__list ul li div {margin-left: 0}
	.about__descr {margin-top: 0}
	.about__descr-box {margin-top: 40px}
	.about__dealer {margin-top: 45px}
	.about__sert {padding-left: 0; margin: 45px -15px 0 0; width: auto}

	.serv__wrapper {display: block}
	.serv__list {width: auto; margin-top: 0px}
	.serv__item {margin-top: 40px}

	.prtns {display: block}
	.prtns__sl {width: auto; margin: 40px -20px 0}
	.prtns__list {margin: 0 -25px}
	.prtns__list.slick-initialized {margin: 0}
	.prtns__item {padding: 0 20px; margin: 0 5px; width: auto; height: auto}
	.prtns__pages {display: none !important}

	.subs {display: block}
	.subs__stitle {width: auto}
	.subs__text {width: auto; margin-top: 40px}
	.subs__app {width: auto; margin-top: 40px}

	.profit {padding: 27px 20px 190px}
	.profit:before {background: url(../i/profit-logo-m.png) no-repeat; width: 180px; height: 149px; left: 50%; transform: translateX(-50%)}
	.profit__title {font-size: 30px}

	.imgs__wrapper {display: block}
	.imgs__stitle {width: auto}
	.imgs__list {width: auto; padding-left: 0; margin-top: 35px}
	.imgs__item img {height: auto}

	.sert__list {position: relative; overflow: auto; flex-wrap: nowrap; margin: 30px -20px 0; padding: 0 20px}
	.sert__list:after {display: block; content: '0'; width: 20px; flex-shrink: 0; opacity: 0}
	.sert__item {width: 210px; margin-top: 0; flex-shrink: 0}
	.sert__more {flex-shrink: 0}

	.req {padding-top: 0}
	.req__box {position: relative; display: block; margin-top: 0}
	.req__box:after {display: block; content: ''; position: absolute; left: -20px; right: -20px; bottom: 0; height: 1px; background: #c8c8c8}
	.req__stitle {position: relative; cursor: pointer; padding: 17px 60px 17px 20px; margin: 0 -20px}
	.req__stitle:after {display: block; position: absolute; right: 20px; top: 50%; margin-top: -9px; content: '\e913'; font-size: 18px; transition: transform .3s}
	.req__box.show .req__stitle:after {transform: rotate(-180deg)}
	.req__content {width: auto; padding: 20px 0 40px; display: none}

	.ct {display: block}
	.ct__title {width: auto}
	.ct__content {width: auto; margin-top: 40px}
	.ct__time {margin-top: 40px}
	.ct__ln {display: none}

	.team {margin-top: 45px}
	.team__list {justify-content: space-between}
	.team__teitem {width: 48%; margin-right: 0}

	.faq__wrap {display: block}
	.faq__stitle {width: auto; margin-bottom: 25px}
	.faq__list {width: auto}
	.faq__item-lvl {padding-left: 20px}
	.faq__item-val {padding: 5px 20px 35px}

	.shitem__title {font-size: 30px}
	.shitem__price {margin-top: 20px}
	.shitem__price span {font-size: 20px}
	.shitem__bt {margin-top: 25px}

	.shares__shitem {margin-top: 20px}

	.norms__box {margin-top: 40px}
	.norms__title {margin-bottom: 40px}
	.norms__wrap {display: block}
	.norms__im {width: auto}
	.norms__entry {width: auto; margin-top: 40px}
	.norms__ln {margin-top: 30px}
	.norms__tbl table td:first-child {width: auto}

	.how__info {display: block; margin-top: 45px}
	.how__info-col {width: auto; margin-top: 24px}
	.how__info-col:first-child {margin-top: 0}
	.how__norms {margin-top: 45px}

	.appb__title {margin-bottom: 40px; font-size: 50px}

	.ptab {margin-top: 45px; display: none}
	.ptab ul {display: block; border-bottom: 1px solid #c8c8c8; margin: 0 -20px}
	.ptab ul li {border-top: 1px solid #c8c8c8}
	.ptab ul li:before {display: none}
	.ptab ul li a {padding: 0 50px 0 20px; height: 50px; justify-content: flex-start; text-align: left; font-size: 14px}
	.ptab ul li a:before {display: none}
	.ptab ul li.active a {background: #f3f3f3}
	.ptab ul li a:after {display: block; position: absolute; right: 20px; top: 50%; margin-top: -9px; content: '\e913'; font-size: 18px; transition: transform .3s}
	.ptab ul li.active a:after {transform: rotate(-180deg)}

	.ptab-title {position: relative; display: flex; align-items: center; border-bottom: 1px solid #c8c8c8; margin: 0 -20px; padding: 0 20px; height: 50px; cursor: pointer; font-size: 14px; font-weight: 700}
	.ptab + .ptab-title {margin-top: 45px; border-top: 1px solid #c8c8c8}
	.ptab-title:after {position: absolute; right: 20px; top: 50%; margin-top: -9px; content: '\e913'; font-size: 18px; transition: transform .3s}
	.ptab-title.active:after {transform: rotate(-180deg)}

	.ptab-box {padding: 40px 20px 50px; margin-left: -20px; margin-right: -20px; border-bottom: 1px solid #c8c8c8}

	.pblock ul li {margin-top: 20px}
	.pblock__load {margin-top: 60px}

	.pdescr {display: block}
	.pdescr__l {width: auto}
	.pdescr__r {width: auto; margin-top: 40px}

	.pins {display: block}
	.pins__l {width: auto}
	.pins__r {width: auto; margin-top: 45px}
	.pins__item ol li {padding-left: 40px}
	.pins__item ol li:before {left: 0}

	.psim__box:first-child {border-top: 0; padding-top: 0}
	.psim__item {display: block}
	.psim__item-title {width: auto}
	.psim__item-info {width: auto; /*margin-top: 20px*/}
	.psim__item-detail {width: auto; margin-top: 17px}

	.pother + .pother {margin-top: 60px}

	.ptop {padding: 45px 0}
	.ptop__wrapper {display: block; min-height: 0}
	.ptop__basic {width: auto; padding: 0}
	.ptop__im {width: auto; display: none}
	.ptop__lnks {width: auto; display: none}

	.ptypes__box {display: block; margin-top: 45px}
	.ptypes__im {width: auto; margin-top: 23px}
	.ptypes__entry {width: auto}
	.ptypes__link {width: auto; position: static; margin-top: 40px}

	.filt__block {display: block}
	.filt__l {width: auto}
	.filt__r {width: auto; margin-top: 40px}
	.filt__sl-f span {flex: 0 0 30px}

	.ptbl__f {font-weight: 500}
	.ptbl__f a {position: relative; padding-left: 24px}
	.ptbl__f a:before {position: absolute; left: 0; top: 0px; content: '\e917'; color: #ffcc34; font-size: 16px}
	.ptbl__head {justify-content: space-between}
	.ptbl__head > div {width: auto !important; display: none}
	.ptbl__head > .ptbl__basic, .ptbl__head > .ptbl__f {display: block}
	.ptbl ul li {display: block; padding: 23px 0}
	.ptbl ul li > div {width: auto}
	.ptbl ul li .ptbl__price {position: absolute; right: 0; top: 23px; width:30%;}
	.ptbl ul li .ptbl__price div {display: none}
	.ptbl ul li .ptbl__price div:first-child {display: block}
	.ptbl ul li .ptbl__price.hd {display: none}
	.ptbl ul li .ptbl__store {display: none}
	.ptbl ul li .ptbl__av {margin-top: 15px}
	.ptbl__title {padding-right: 80px}

	/* --- мобильная строка листинга стальных труб (класс pricetable_v2 ставит сниппет pipes_list_page_6) --- */
	/* название крупнее; характеристики и цена слева на всю ширину, количество и «В корзину» — справа */
	.ptbl ul.pricetable_v2 li .ptbl__title {font-size: 17px; line-height: 22px; padding-right: 38%}
	.ptbl ul.pricetable_v2 li .ptbl__title span {font-size: 12px; line-height: 16px}
	.ptbl ul.pricetable_v2 li .ptbl__info {padding-right: 38%}
	/* правая колонка занимает верх строки — резервируем под неё высоту, чтобы цена шла ПОД ней на всю ширину */
	.ptbl ul.pricetable_v2 li .ptbl__basic {min-height: 80px}
	.ptbl ul.pricetable_v2 li .ptbl__price {position: static; width: auto; padding-right: 0; margin-top: 8px}
	/* базовая тема прячет всё, кроме первого div цены → без этого на мобиле пропадала строка «С доставкой» (есть только на поддоменах) */
	.ptbl ul.pricetable_v2 li .ptbl__price div {display: block}
	.ptbl ul.pricetable_v2 li .ptbl__mcart {position: absolute; right: 0; top: 23px; width: 34%; text-align: right; padding-right: 0}
	/*
	 *  Количество, переключатель единиц и "В корзину" в мобильном списке идут
	 *  колонкой по правому краю — как цена и остальное содержимое этой ячейки.
	 *  Поле и переключатель одной ширины, чтобы их края совпадали: раньше
	 *  тумблер был шире поля, торчал левее и вплотную прилипал к подчёркиванию
	 *  поля ввода, из-за чего они читались как один слипшийся элемент.
	 */
	/*
	 *  line-height:0 на контейнере гасит пустые строки от пробелов и  
	 *  между блочными элементами: разметка этой ячейки приходит из кэша страниц,
	 *  и на разных хостах в ней может оказаться лишний текстовый узел — без
	 *  этого зазор плавал (9px против 29px). Детям высоту строки возвращаем.
	 */
	.ptbl ul li .ptbl__mcart {line-height: 0}
	.ptbl ul li .ptbl__mcart > * {line-height: normal}
	.ptbl ul li .ptbl__mcart input.cart-qty {display: block; width: 62px !important; margin: 0 0 0 auto; text-align: center}
	.ptbl ul li .ptbl__mcart .cart-unit {display: flex; width: 62px; margin: 9px 0 0 auto}
	.ptbl ul li .ptbl__mcart .cart-unit b {flex: 1 1 50%; min-width: 0}
	.ptbl ul li .ptbl__mcart .add2cartmobile {display: block; margin-top: 9px}

	/* «Обновлено» + «Скачать прайс» — в одну строку, калькулятор на мобиле не показываем */
	.prices__top {display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 14px; row-gap: 10px}
	.prices__top .d-long {display: none}
	.prices__top .d-short {display: inline}
	.prices__top-item {width: auto; margin: 0}
	.prices__top-item:first-child {margin-top: 0}
	.prices__top-item > *:before {top: 50%; transform: translateY(-50%)}
	.prices__top-item.ftr {display: none}
	.prices__top-item.calc {display: none}
	.prices__top-item.load {margin-left: auto}
	.prices__top-item br {display: none}

	.block2 {display: block}
	.block2__content {width: auto}
	.block2__lnks {display: none}

	.formb {display: block; margin-top: 40px}
	.formb__title {width: auto; font-size: 50px}
	.formb__content {width: auto; margin-top: 50px}

	.footer {margin-top: 140px}
	.footer__totop {right: auto; left: 50%; margin-left: -20px; margin-bottom: 48px}
	.mobilebaseprice {display:block;}
	
}
@media screen and (max-width:600px){

	.vac {padding: 25px 20px 210px}
	.vac__im {left: 50%; transform: translateX(-50%)}
	.vac__title {font-size: 30px; letter-spacing: inherit}
	.vac__title:before {display: none}
	.vac__info {margin-top: 20px}
	.vac__ct {margin-top: 21px}
	.vac__dir {display: none}

	.quest {display: block; margin-top: 45px}
	.quest__title {width: auto; font-size: 50px; line-height: 1}
	.quest__content {width: auto; margin: 35px 0 0 0}
	.quest__spec {margin-top: 40px; display: block; min-height: 80px}
	.quest__spec-photo {position: absolute; left: 0; top: 0}
	.quest__spec-name {margin-left: 100px}
	.quest__spec-post {margin-left: 100px}
	.quest__spec-refr {margin-left: 100px}
	.quest__spec-on {margin-top: 45px}

	.company__content {display: block}
	.company__text {width: auto; margin-top: 30px}
	.company__text:first-child {margin-top: 0}

	.appb {display: block}
	.appb__form {width: auto}
	.appb__spec {width: auto; margin-top: 45px}

	.how__basic {display: block}
	.how__basic ul {width: auto; margin-top: 0}

	.shitem {padding-left: 240px}
	.shitem__im img {max-width: 200px}

	.pdet__upd {position: relative; right: auto; bottom: auto; margin: 20px 0 0 0}

	.pins__more {display: block}
	.pins__more-im {position: relative; overflow: auto; width: auto; justify-content: flex-start; margin: 0 -20px; padding: 0 20px}
	.pins__more-im:after {display: block; content: ''; width: 20px; flex-shrink: 0}
	.pins__more-im div {width: 210px; flex-shrink: 0; flex-grow: 0; flex-basis: auto; margin: 0 5px 0 0}
	.pins__more-im div:last-child {margin-right: 0}
	.pins__more-entry {width: auto; margin-top: 40px}

	.footer {padding: 45px 0}
	.footer__mid {display: none}
	.footer__bot {display: block; margin-top: 0}
	.footer__copy {text-align: center}
	.footer__text {display: block;}

	.mclose {right: 15px; top: 15px}

	.mform {width: 100%; padding-left: 15px; padding-right: 15px}
	.mform__bt {margin-top: 30px}
}
@media screen and (max-width:500px){

        img.akc_index_hor{display:none;}
        img.akc_index_sq{display:block;position:absolute;left:35%;top:40%;}
    
    .whtop {font-size:9px;}

	.header__menu-list {display: block}
	.header__menu-list > ul {width: auto; padding: 0}

	.cats__list li {width: 25%}
	.cats__list li a:before {top: 1px; font-size: 16px}

	.pinfo {display: block; margin-top: 40px}
	.pinfo__box {width: auto; margin-top: 26px}

	.pcalc__subtitle {margin-left: 0}
	.pcalc__item {display: block}
	.pcalc__item-vl {width: auto; margin-top: 15px}
	.pcalc__item-vl input {max-width: none}
	.pcalc__char {margin-left: 0}
	.pcalc__bt {margin-left: 0}

	.pother_dia ul li {width: 26%; margin-right: 11%}
	.pother_dia ul li:nth-child(3n+3) {margin-right: 0}

	.ptypes__im {position: relative; overflow: auto; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px}
	.ptypes__im:after {display: block; content: ''; width: 20px; flex-shrink: 0}
	.ptypes__im-i {flex-grow: 0; flex-basis: auto; flex-shrink: 0; width: 139px}
	.ptypes__im-i.w2 {width: 211px}
	.ptypes__list ul {justify-content: space-between}
	.ptypes__list li {margin-right: 0; width: 47%; min-width: 0}

	.about__dealer-tx {margin: 25px 0 0 0; width: 100%}

	.serv__list {display: block}
	.serv__item {width: auto}
	.serv__item-lv {min-height: 0}
	.serv__item-lv br {display: none}

	.subs__app {position: relative; padding-bottom: 80px}
	.subs__app-form {display: block;            width: 100%}
	.subs__app-form input {width: 100%}
	.subs__app-form button {width: 215px; position: absolute; left: 0; bottom: 0}
	.subs__app-text {margin-top: 25px}

	.req__list li {display: block; margin-top: 25px}
	.req__list ul:first-child li:first-child {margin-top: 0}
	.req__list-lv {text-align: left}
	.req__list-vl {padding: 0}

	.team__list {display: block}
	.team__teitem {width: auto}

	.shitem {padding: 0}
	.shitem__im {position: static; display: block; margin-top: 40px}
	.shitem__im img {max-width: 240px}
	.shitem__entry {padding: 25px 20px 0}
	.shitem__info {display: flex}

	.tbl {border-top: 1px solid #000}
	.tbl__head {display: none}
	.tbl__item {display: block; border-bottom: 1px solid #000}
	.tbl__item > div {width: auto; padding: 0; margin-top: 15px}
	.tbl__item:not(.show) > div {display: none}
	.tbl__item > div:before {display: block; content: attr(aria-label); font-weight: 700}
	.tbl__item > div:first-child {position: relative; width: auto; padding: 15px 0; cursor: pointer; margin-top: 0; display: block}
	.tbl__item > div:first-child + div {margin-top: 0}
	.tbl__item > div:last-child {padding-bottom: 15px}
	.tbl__item > div:first-child:before {display: none}
	.tbl__item > div:first-child:after {position: absolute; right: 0; top: 50%; margin-top: -9px; content: '\e913'; font-size: 18px}
	.tbl__item.show > div:first-child:after {transform: rotate(-180deg)}
	.filt__close2 {padding-top:10px;padding-left:0px;text-align:center;display:block}
}
@media screen and (max-width:400px){

        img.akc_index_hor{display:none;}
        img.akc_index_sq{display:block;position:absolute;left:47%;top:30%;}

    .whtopicon{display:none;}
    .whtop{padding-left: 0px; }
    .whtoptext{display:none;}
    .whtoptext2{display:inline;}

	.textb table {font-size: 9px; line-height: 13px}
	.textb table th {padding: 15px 0 15px 5px}
	.textb table td {padding: 15px 0 15px 5px}

	.header__burger {width: 16px; height: 10px; overflow: hidden; padding-left: 16px}

	.start__soc {display: none}

	.cats__list ul {justify-content: space-between}
	.cats__list li {width: 26%}

	.pdet__im {overflow: visible}
	.pdet__pw {margin: 5px -20px 0 0}
	.pdet__pw-item {width: 126px}
	.pdet__char li {display: block}
	.pdet__price-item {display: block}
	.pdet__price-item:before {margin: 0}

	.pins__item {display: block}
	.pins__item-im {width: auto}
	.pins__item ol {width: auto; margin-top: 35px}
	.pins__item ol li {max-width: none}

	.about__list {display: block; margin-top: 0}
	.about__list ul {display: block}
	.about__list ul li {width: auto}
	.about__list ul li div {max-width: none}
	.about__list ul li br {display: none}
	.about__descr {display: block; margin-top: 40px}
	.about__descr-box {width: auto; margin-top: 20px}

	.profit__info {display: block}
	.profit__info div {width: auto; margin-top: 40px}

	.norms__tbl table td:first-child {width: 90px}

	.shitem__info {display: block}
	.filt__close2 {padding-top:10px;padding-left:0px;text-align:center;display:block}
	.theme_click {display:none;} 
        .header__phone-box {font-size: 8px;}
}

@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){
	a {transition: color .3s}

	.btn {transition: background .3s, color .3s}
	.btn:hover {background: #000; color: #fff}
	.btn_white:hover {background: #fff; color: #000}

	.header__burger {transition: color .2s}
	.header__burger:hover {color: #ffc846}
	.header__burger:hover span, 
	.header__burger:hover span:before, 
	.header__burger:hover span:after {background: #ffc846}
	.header__ln a:hover {color: #ffc846}
	.header__cb a {transition: background .3s, color .3s}
	.header__cb a:hover {background: #000; color: #fff}
	.header__app-tot a:hover {text-decoration: underline}
	.header__app-go a:hover {text-decoration: underline}
	.header__menu-close {transition: background .3s, color .3s}
	.header__menu-close:hover {background: #fff; color: #000}
	.header__menu-cab a:hover {color: #ffce49}
	.header__menu-search ::-webkit-input-placeholder {transition: color .3s}
	.header__menu-search :-moz-placeholder {transition: color .3s}
	.header__menu-search ::-moz-placeholder {transition: color .3s}
	.header__menu-search :-ms-input-placeholder {transition: color .3s}
	.header__menu-search:hover ::-webkit-input-placeholder {color: #ffce49}
	.header__menu-search:hover :-moz-placeholder {color: #ffce49}
	.header__menu-search:hover ::-moz-placeholder {color: #ffce49}
	.header__menu-search:hover :-ms-input-placeholder {color: #ffce49}
	.header__menu-search button {transition: color .3s}
	.header__menu-search:hover button {color: #ffce49}
	.header__menu-list > ul > li > a:hover, .header__menu-list > ul > li li a:hover {text-decoration: underline}
	.header__menu-ct > a {transition: background .3s, color .3s}
	.header__menu-ct > a:hover {background: #fff; color: #000}
	.header__search-close {transition: background .3s, color .3s}
	.header__search-close:hover {background: #fff; color: #000}

	.start__label > * {transition: height .3s, padding .3s}
	.start__label > *:hover {height: 50px; padding-top: 20px}
	.start__ln a {transition: background .3s, color .3s}
	.start__ln a:hover {background: #fff; color: #000}
	.start__pickup a > span {transition: width .3s}
	.start__pickup a:hover > span {width: 217px}
	.start__pickup a > span span {transition: opacity .3s; transition-delay: .2s}
	.start__pickup a:hover > span span {opacity: 1}
	.start__soc a {transition: background .3s, color .3s}
	.start__soc a:hover {background: #fff; color: #000}

	.cats__tab li a {transition: background .3s, color .3s}
	.cats__tab li:not(.active) a:hover {background: #000; color: #fff}
	.cats__list li a:hover {color: #ffc746}
	.cats__list li a span {transition: color .3s}
	.cats__list li a:hover span {color: #ffc746}

	.ptab ul li:not(.active) a:hover {color: #ffc746}

	.pother ul li a:hover {color: #ffc746}
	.pother ul li a span {transition: color .3s}
	.pother ul li a:hover span {color: #ffc746}

	.ptbl__head a i {transition: color .3s}
	.ptbl__head a:hover i {color: #ffcf42}

	.prices__top-item > a:hover {color: #ffcf42}

	.ptypes__im-i {transition: background .3s}
	.ptypes__im-i:hover {background: #ffb32d}

	.inrost__vid a:hover {color: #ffc746}

	.quest__spec-refr a:hover {color: #ffc746}

	.shitem_blue .shitem__bt a:hover {background: #fff; color: #000}

	.sert__item img {transition: transform .3s}
	.sert__item:hover img {transform: scale(1.1)}
	.sert__more a {transition: background .3s, color .3s}
	.sert__more a:hover {background: #000; color: #fff}

	.rev__item img {transition: transform .3s}
	.rev__item:hover img {transform: scale(1.1)}

	.prtns__pages li:not(.slick-active):hover {background: #ffc746}

	.appb__spec-ln div a:hover {color: #ffc746}

	.filt__close {transition: background .3s, color .3s}
	.filt__close:hover {background: #000; color: #fff}
	.about__sert-item img {transition: transform .3s}
	.about__sert-item:hover img {transform: scale(1.1)}

	.imgs__item img {transition: transform .3s}
	.imgs__item:hover img {transform: scale(1.1)}

	.faq__item-lvl {transition: background .3s}
	.faq__item-lvl:hover {background: #ffb32d}

	.teitem__ln a:hover {color: #ffc746}

	.footer__soc a {transition: background .3s, color .3s}
	.footer__soc a:hover {background: #fff; color: #000}
	.footer__menu ul li a:hover {color: #ffc746}
	.footer__city a:hover {color: #fff}
	.footer__city-box a:hover {color: #ffc847}
	.footer__city ul li a:hover {text-decoration: none}
	.footer__city-close {transition: color .3s}
	.footer__city-close:hover {color: #ffc847}
	.footer__ln a:hover {color: #ffc746}
	.footer__pickup a > span {width: 0; transition: width .3s}
	.footer__pickup a:hover > span {width: 175px}
	.footer__pickup a > span span {opacity: 0; transition: opacity .3s; transition-delay: .2s}
	.footer__pickup a:hover > span span {opacity: 1}
	.footer__totop {transition: background .3s, color .3s}
	.footer__totop:hover {background: #000; color: #fff}

	.mclose, .cookies__close {transition: background .3s, color .3s}
	.mclose:hover, .cookies__close:hover {background: #fff; color: #000}
}

@media screen and (max-width:375px){
        .add2cartmobile {display:block;}

}


@media screen and (max-width:330px){
       .header__phone-box {font-size: 8px;}
        

}

@media screen and (max-width: 1340px){
	.header__app {padding-left: 20px; margin-left: 20px;}
}
@media screen and (max-width: 1340px){
  .header__app {
    padding-left: 15px;
    margin-left: 15px;
}
}
@media screen and (max-width: 1000px){
.header__app {
    margin-left: 8px;
    padding-left: 8px;
}
}
@media screen and (max-width: 900px){
.header__ln a {
    margin-top: 0px;
}
}
@media screen and (max-width: 800px){
  .header__wrapper {
    align-items: center;
}
.header__ln a {
    margin-top: 0px;
}

}
@media screen and (max-width: 500px){
.header__phone-box {
    width: 123px;
}
}
@media screen and (max-width: 400px){
.header__burger {
    padding-left: 20px;
}
.header__phone-box {
    width: 100px;
}
}

/*
 *  Корзина (31.08.2026). Брейкпоинты те же, что у остальной таблицы:
 *  на 1000px прячутся колонки "Материал" и "Характеристики", на 700px строка
 *  перестаёт быть флексом и колонки идут друг под другом.
 */
@media screen and (max-width:1000px){
	.ptbl_cart .ptbl__basic {width: 26%}
	.ptbl_cart .ptbl__price {width: 25%}
	.ptbl_cart .ptbl__qty {width: 20%}
	.ptbl_cart .ptbl__store {width: 14%}
	.ptbl_cart .ptbl__av {width: 14%}
}
@media screen and (max-width:700px){
	/*
	 *  На 700px строка перестаёт быть флексом (.ptbl ul li {display:block}), и
	 *  колонки должны занимать всю ширину. Процентные ширины .ptbl_cart из
	 *  style.css здесь перебивают общее правило .ptbl ul li > div {width:auto}
	 *  (два класса против класса с элементами), из-за чего название и
	 *  характеристики схлопывались в узкую колонку. Сбрасываем явно — но только
	 *  внутри строк списка, чтобы не расхлопнуть скрытые ячейки шапки.
	 */
	.ptbl_cart ul li > div {width: auto !important}
	.ptbl_cart ul li .ptbl__steel {display: none}
	.ptbl_cart ul li .ptbl__char {display: block; margin-top: 4px; color: #555}
	.ptbl_cart ul li .ptbl__basic .ptbl__info {display: none}
	.ptbl_cart ul li .ptbl__price {position: static !important; padding-right: 0; margin-top: 8px}
	.ptbl_cart ul li .ptbl__price div {display: block !important}
	.ptbl_cart ul li .ptbl__store {display: block !important; margin-top: 4px; color: #555}
	.ptbl_cart ul li .ptbl__qty {margin-top: 10px}
	.ptbl_cart ul li .ptbl__qty .cart-sum {display: inline-block; margin: 0 0 0 12px}
	.ptbl_cart ul li .ptbl__av {margin-top: 12px}
	.ptbl_cart ul li .ptbl__title {padding-right: 0}
}

/*
 *  Поля количества и единый блок цены и заказа на карточке трубы (03.10.2026) —
 *  мобильная часть. Описание — в конце style.css.
 */
@media (hover){
	input.cart-qty:hover,
	.pdet__calc-f input:hover {background: #ffe08a; box-shadow: 0 0 0 2px rgba(255,180,0,.45)}
	input.cart-qty:focus,
	.pdet__calc-f input:focus {background: #fff; box-shadow: 0 0 0 3px rgba(255,180,0,.75)}
	.ptbl__hd-lna a.add2cart:hover {text-decoration: underline}
	.pbuy .pdet__cartbox a.btn:hover {background: #000; color: #fff}
}
@media screen and (max-width:1000px){
	.pbuy .pdet__entry-r {margin-top: 12px}
}
@media screen and (max-width:900px){
	/* цена: заголовок блока, две цены в строку, под каждой — за что она */
	.pbuy .pdet__price {display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; background: #f3f3f3; padding: 16px 16px 14px; margin-top: 20px; line-height: 20px}
	.pbuy .pdet__price-box {display: contents}
	.pbuy .pdet__price-box:first-child {display: none}
	.pbuy .pdet__price-title + .pdet__price-item {display: contents}
	.pbuy .pdet__price-box:nth-child(2) .pdet__price-title + .pdet__price-item:before {grid-column: 1 / -1; order: 0; margin: 0 0 6px; font-size: 14px; line-height: 20px; font-weight: 700; color: #000}
	.pbuy .pdet__price-box:nth-child(3) .pdet__price-title + .pdet__price-item:before {content: none}
	.pbuy .pdet__price-item-inn {order: 1}
	.pbuy .pdet__price-title + .pdet__price-item .pdet__price-item-inn b {font-size: 18px; line-height: 24px}
	.pbuy .pdet__nds {display: none}
	.pbuy .pdet__nds-cap {display: inline}
	.pbuy .pdet__price-title {order: 2; margin: 0; font-size: 12px; line-height: 16px; color: #6b6b6b}
	.pbuy .pdet__price-title_noprice {display: none}
	/* цена с доставкой (региональные поддомены) — одной строкой на всю ширину */
	.pbuy .pdet__price-item + .pdet__price-item {grid-column: 1 / -1; order: 3; display: block; margin-top: 8px}
	.pbuy .pdet__price-item + .pdet__price-item:before {display: inline; margin-right: 6px}
	.pbuy .pdet__price-item + .pdet__price-item .pdet__price-item-inn {display: inline}
	.pbuy .pdet__price-box:nth-child(3) .pdet__price-item + .pdet__price-item {display: none}

	.pbuy .pdet__calc {padding: 14px 16px 0}
	.pbuy .pdet__calc:before {font-size: 14px}
	.pbuy .pdet__calc-out {font-size: 11px}
	.pbuy .pdet__entry {padding: 4px 16px 16px}
	.pbuy .pdet__bt {margin-top: 4px}
	.pbuy .pdet__cartbox {display: flex; width: 100%; margin: 12px 0 0}
	.pbuy .pdet__cartbox a.btn,
	.pbuy .pdet__bt > a.btn {width: 100%; margin: 0}
	.pbuy .pdet__bt > a.btn {margin-top: 10px}
	.pbuy .pdet__info,
	.pbuy .pdet__note {font-size: 11px; line-height: 16px}
}
@media screen and (max-width:700px){
	/* мобильный список: подпись над полем, поле крупнее под палец */
	.ptbl ul li .ptbl__mcart:before {content: 'Количество'; display: block; width: 72px; margin: 0 0 4px auto; font-size: 10px; line-height: 12px; text-align: center; color: #6b6b6b}
	.ptbl ul li .ptbl__mcart input.cart-qty {width: 72px !important; height: 36px}
	.ptbl ul li .ptbl__mcart .cart-unit {width: 72px}
	.ptbl ul.pricetable_v2 li .ptbl__mcart {top: 12px}
}