@media only screen and (min-width: 100px) and (max-width: 9000px) {

.wrap_result_search .fast-seacrh,
.popup .only_city,
.table_compare table {scrollbar-width: thin;  scrollbar-color: rgba(245,98,29,.6) #eee}

.wrap_result_search .fast-seacrh::-webkit-scrollbar,
.popup .only_city::-webkit-scrollbar,
.table_compare table::-webkit-scrollbar {width: 7px}

.wrap_result_search .fast-seacrh::-webkit-scrollbar-track,
.popup .only_city::-webkit-scrollbar-track,
.table_compare table::-webkit-scrollbar-track {background: #eee}

.wrap_result_search .fast-seacrh::-webkit-scrollbar-thumb,
.popup .only_city::-webkit-scrollbar-thumb,
.table_compare table::-webkit-scrollbar-thumb, {background-color: rgba(245,98,29,.5); border-radius: 20px}

#smartFilter .checkbox {scrollbar-width: thin; scrollbar-color: #D0D0D0 rgba(255,255,255,.8)}
#smartFilter .checkbox::-webkit-scrollbar {width: 7px}
#smartFilter .checkbox::-webkit-scrollbar-track {background: rgba(255,255,255,.8)}
#smartFilter .checkbox::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,.8); border-radius: 20px}
}

/* 1320 */
@media only screen and (max-width: 1320px) {

header {gap: 30px; padding: 20px 20px; width: 100%; max-width: inherit; box-sizing: border-box}
.menu-desktop  {padding: 0 20px; width: 100%; max-width: inherit}
.menu-flay {gap: 25px; padding: 0 20px; width: 100%; max-width: inherit}
.promo .item {padding: 0 20px; max-width: inherit} 
.promo .nav-slider {width: auto; bottom: 40px; left: 20px}
main {padding: 0 20px; width: 100%; max-width: inherit}
.main_section::before {left: -20px}
.our-works-wrap {width: 100vw; margin-left: -20px}
.main-service::before {left: -20px}
.wrap-main-text::before {right: -20px}
.footer-wrp {padding: 0 20px; width: 100%; max-width: inherit}

.menu-desktop .first {padding: 0 22px}
.menu-desktop .child {padding: 0 32px 0 22px}
.menu-desktop .child:before {right: 15px}
.menu-fly-items {gap: 25px}
.menu-fly-items li {font-size: 17px}

.promo .item > div:nth-child(1) {padding: 80px 0}
.promo .txt-white {font-size: 34px}
.promo .txt-blue {font-size: 52px}
.promo .txt-small {font-size: 30px}
.promo .wrp-btn .button {height: 50px; line-height: 50px}

.content-column {gap: 24px}
.content-column > div:nth-child(1) {min-width: 290px; max-width: 290px}
.content-column > div:nth-child(2) {width: calc(100% - 314px)}

.item-good {gap: 24px}
.item-good > div:nth-child(1) {min-width: calc(50% - 24px); width: calc(50% - 24px); max-width: calc(50% - 24px)}
.item-good > div:nth-child(2) {width: 50%}

.service > div {height: 340px}
}

/* 1200 */
@media only screen and (max-width: 1200px) {

header {gap: 20px}
header > div:nth-child(1) {min-width: 160px; max-width: 160px}
header > div:nth-child(5) {min-width: 92px; max-width: 92px}

.menu-flay {gap: 18px}
.menu-flay > div:nth-child(1) {min-width: 150px; max-width: 150px}
.menu-fly-items {gap: 18px}
.menu-fly-items li {font-size: 15px}

.top-contact {gap: 20px}
.top-icons {padding-right: 14px; gap: 24px}

.menu-desktop .first {font-size: 16px}

.promo {min-height: inherit}
.promo .swiper-wrapper {height: auto}
.promo .item > div:nth-child(1) {width: 630px}
.promo .txt-white {font-size: 30px}
.promo .txt-blue {margin: 20px 0 35px 0; font-size: 48px}
.promo .txt-small {font-size: 28px}
.promo .nav-slider {bottom: 30px}
.promo .nav-slider .swiper-pagination {max-width: inherit}

section {margin: 50px 0 40px 0}
.main_section {padding: 50px 0}

.good-list > div {width: 25%}
.good-list > div.v2 {width: calc(100% / 3)}
.good-list > div:nth-child(9), .good-list > div:nth-child(10) {display: none}
.good-list > div.v2:nth-child(9), .good-list > div.v2:nth-child(10) {display: block}
.good-list > div.v3:nth-child(5) {display: none}

.main-section-list > div {width: calc(100% / 3)}
.main-section-list > div:nth-child(9) {display: none}

.our-works-slider .swiper-slide {width: 250px}

.service > div {height: 300px}
.service > div.first {height: 300px}

.article-main > div {width: 33%; height: 300px}
.article-main > div:nth-child(1) {width: 34%}
.article-main > div:nth-child(4) {display: none}
.article-main .img {height: 180px}

.main-text > div {width: 60%}
.main-text > div:nth-child(2) {width: 40%}

.footer-nav ul {columns: 2}
.bottom > div:nth-child(2) { width: 400px}

.catalog-list {margin: -10px -10px 0 -10px}
.catalog-list > div {padding: 10px}
.catalog-list .item {gap: 15px; padding: 15px}

.tabs_name > div {padding: 15px 35px}
}

/* 901 - 1100 */
@media only screen and (min-width: 901px) and (max-width: 1100px) {

.item-good {flex-wrap: wrap}
.item-good > div:nth-child(1) {min-width: inherit; width: 100%; max-width: inherit}
.item-good > div:nth-child(2) {width: 100%}

h1.mobail {display: block !important}
.item-good h1.desktop {display: none !important}

.contacts > div:nth-child(1) {width: 35%}
.contacts > div:nth-child(2) {width: 65%}

#bx-soa-order {gap: 20px}
}

/* 900 */
@media only screen and (max-width: 900px) {

.desktop {display: none !important}
.mobail {display: block !important}

header {padding: 15px 20px; background: #fff; position: relative; z-index: 1002}
header:after {content: ''; display: block; width: calc(100% - 40px); height: 1px; background: #e5e5e5; position: absolute; left: 20px; bottom: 1px}
header > div:nth-child(1) {margin-right: 25%}
header > div:nth-child(6) {padding-top: 3px}

.top-icons {gap: 40px}
.top-contact {align-items: center}
.top-contact .backcall {display: none}
.top-contact .t-telegram {padding-left: 3px; width: 20px; height: 20px; line-height: 20px}
.top-contact .t-telegram  svg {width: 13px; height: 11px}

/* mobail menu */
nav {position: relative}

.menu-mobail {display: none; padding: 20px 20px 30px 20px; width: 100%; height: auto; background: #fff; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 1001}
.menu-search-wrap {margin-bottom: 10px}

.menu_sect {padding: 5px; height: 40px; background: #2F2F2F; border-radius: 4px}
.menu_sect .name {width: 50%; height: 40px; font-weight: 600; color: #fff; text-align: center; border-radius: 3px; line-height: 40px; cursor: pointer}
.menu_sect .name.active {background: #f5621d}

.tabs-menu .tabs-item {display: none; padding-top: 20px}
.tabs-menu .tabs-item.active {display: block}
.tabs-menu .lineMob {border-bottom: 1px solid #e5e5e5}
.tabs-menu .lineMob:last-child {border-bottom: none}
.tabs-menu .itemName {align-items: center}
.tabs-menu .link {padding: 9px 7px 9px 0; width: calc(100% - 25px); font-size: 16px; font-weight: 500; color: #000; text-decoration: none; line-height: 19px; box-sizing: border-box}
.tabs-menu .open-nxt {width: 30px}
.tabs-menu .link:hover, .tabs-menu .link.active {color: #f5621d}
.tabs-menu .itemName .open-nxt {width: 30px; height: 19px; position: relative; cursor: pointer}
.tabs-menu .itemName .open-nxt {padding: 12px 1px}
.tabs-menu .itemName .open-nxt > div {width: 7px; height: 13px; line-height: 13px; position: absolute; right: 1px; top: 5px}
.tabs-menu .itemName .open-nxt svg {width: 7px; height: 13px}
.tabs-menu .itemName .open-nxt.c_open > div {transform:rotate(90deg)} 
.tabs-menu .itemName .open-nxt.c_open path {fill:  #f5621d}
.tabs-menu ul {display: none; padding: 0 0 3px 0}
.tabs-menu li {padding: 7px 0 7px 15px; font-size: 15px; line-height: 19px} 
.tabs-menu li:before {display: none}
.tabs-menu .tabs-item li a {color: #4B4B4B; text-decoration: none}
.tabs-menu .tabs-item .child a {font-weight: 300; color: #787878}
.tabs-menu .tabs-item li a:hover, .tabs-menu .tabs-item li a.active {color: #f5621d}

.filter_button {align-items: center; gap: 10px; padding: 5px 10px; font-size: 14px; font-weight: 500; border: 2px solid #f5621d; border-radius: 5px; cursor: pointer}
.filter_button > div:nth-child(1) {line-height: 0}

.wrap_filter {display: block; position: fixed; top: 0; left: -340px; padding: 0; width: 340px; height: 100vh; border-right: 3px solid #D2D2D2; box-sizing: border-box; z-index: 3000}
.wrap_filter:after {content: ''; display: block; width: 3px; height: 254px; background: #f5621d; position: absolute; top: 0; right: -3px; z-index: 3010}
.wrap_filter .f_scroll {display: block; padding: 0 0 50px 0; width: 100%; height: 100vh; overflow: hidden; overflow-y: auto; box-sizing: border-box}
.wrap_filter .close_wrap {display: block; padding: 19px 20px; width: 100%; height: 55px; border-bottom: 1px solid #E6E6E6; box-sizing: border-box}
.wrap_filter .close_filter {display: block; width: 16px; height: 16px; cursor: pointer}
.wrap_filter .close_filter svg {stroke: #1156D6}
.wrap_filter .close_filter:hover svg {stroke: #f5621d}

.promo .item > div:nth-child(1) {padding: 70px 0; width: 450px}
.promo .txt-white {font-size: 26px}
.promo .txt-blue {font-size: 38px}
.promo .txt-small {font-size: 22px}
.promo .wrp-btn {max-width: 280px}
.promo .wrp-btn .button {height: 46px; line-height: 46px}
.promo .nav-slider .swiper-pagination-bullet {width: 14px; height: 14px}

main {margin: 0 auto 50px auto}

section.in {margin: 30px 0}
section .title {margin-bottom: 24px; font-size: 30px}

.breadcrumb {margin: 10px 0 20px 0; font-size: 12px}
.breadcrumb > div::after {padding: 0 10px}

.content-column {flex-wrap: wrap; gap: 0}
.content-column > div:nth-child(1) {min-width: inherit; max-width: inherit; height: 0}
.content-column > div:nth-child(2) {width: 100%}

.icons-adv {flex-wrap: wrap; justify-content: center; margin: 0 -10px}
.icons-adv > div {margin-bottom: 20px; padding: 10px; width: calc(100% / 4); text-align: center}
.icons-adv .icon {margin: 0 auto}
.icons-adv .name {margin: 20px 0 15px 0; font-size: 18px}
.icons-adv .text {font-size: 16px; line-height: 23px}

.our-works-slider .swiper-slide {width: 200px}

.service > div {width: 50%; height: 250px}
.service > div.first {height: 250px}
.service.v2 > div:nth-child(4) {display: none}
.service > div.first .name {font-size: 30px}

.article-main {flex-wrap: wrap}
.article-main > div {margin-bottom: 20px; width: 50%; height: 250px}
.article-main > div:nth-child(1) {width: 50%}
.article-main > div:nth-child(4) {display: block}
.article-main .img {height: 140px}

.button-nav {width: 30px; height: 30px; line-height: 33px; top: 73px}
.button-prev-brends {left: -5px}
.button-next-brends {right: -5px}

.sections-slide-wrap .button-prev-sect {left: -8px}
.sections-slide-wrap .button-next-sect {right: -8px}

.sort-catalog {align-items: center}

.good-list .sm-button.v2 {display: none}
.good-list > div {width: calc(100% / 3)}
.good-list > div.v2 {width: calc(100% / 3)}
.good-list > div:nth-child(9) {display: block}
.good-list > div.v3:nth-child(4) {display: none}

.item-good {flex-wrap: wrap; gap: 20px}
.item-good > div:nth-child(1) {min-width: inherit; width: 100%; max-width: inherit}
.item-good > div:nth-child(2) {width: 100%}
.item-good .availability {justify-content: center}
.item-good .wrp-peice .name {display: none}
.item-good .wrp-peice .offer_price {justify-content: center}
.item-good .wrp-col .name {display: none}
.item-good .wrp-btn {justify-content: center}
.item-good .txt {justify-content: center; gap: 30px}

.tabs_name {font-size: 18px}
.tabs_name > div {padding: 10px 30px}
.tabs_list_items {margin-top: 20px}

.col_wrap {margin: 0 auto} 

.tabs-wrap.blue {margin-top: 30px}
.tabs-wrap.blue .tabs_name {font-size: 22px}
.tabs-wrap.blue .tabs_name > div.active {font-size: 30px}

.contacts {flex-wrap: wrap}
.contacts > div:nth-child(1) {padding-right: 0; width: 100%}
.contacts > div:nth-child(2) {margin-top: 25px; width: 100%; height: 350px}
.contacts .item:last-child > div:nth-child(1) {display: none}

.form_plain {margin-top: 25px; padding: 40px 50px; overflow: hidden; position: relative; z-index: 2}
.form_plain:before {content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; top: 0; left: 0; z-index: -1}
.form_plain .name {margin-bottom: 20px; font-size: 30px}
.form_plain .form_pole > div {width: 100%}
.form_plain p {margin-bottom: 30px; padding: 0}

.bx-authform-social {height: 185px}

footer {padding: 30px 0 20px 0}
.footer-nav {justify-content: center}
.footer-nav > div:nth-child(1),
.footer-nav > div:nth-child(2) {display: none}
.footer-nav > div:nth-child(3) {padding-left: 0; min-width: inherit; max-width: inherit; text-align: center}
.footer-nav .address br {display: none}
.footer-nav .social-icons {justify-content: center}
.footer-wrp .bottom {padding-top: 20px}
.bottom > div {width: 100%}
.bottom > div:nth-child(2) {display: none}
.footer-wrp .info {display: block; margin-right: 0; text-align: center}
.footer-wrp .info:nth-child(2) {margin-top: 15px}

/* popup */
.popup .popup_form {padding: 50px 40px; max-width: 400px}
.popup .frm_wrap {flex-wrap: wrap; margin: 0}
.popup .frm_wrap > div {margin: 15px 0 0 0; padding: 0; width: 100%}
.popup .name {padding-bottom: 10px; font-size: 28px}
.popup p {padding: 0; font-size: 20px}
}

/* 720 */
@media only screen and (max-width: 720px) {

header > div:nth-child(1) {margin-right: 12%}

.promo .item > div:nth-child(1) {padding: 50px 0 60px 0; width: 380px}
.promo .nav-slider {bottom: 20px} 
.promo .txt-white {font-size: 20px}
.promo .txt-blue {margin: 15px 0 25px 0; font-size: 30px}
.promo .txt-small {font-size: 18px}
.promo .wrp-btn {max-width: 270px}
.promo .wrp-btn .button {height: 40px; line-height: 40px}
}

/* 640 */
@media only screen and (max-width: 640px) {

.good-list > div, 
.good-list > div.v2 {width: 50%}
.good-list > div:nth-child(10) {display: block}
.good-list > div.v3:nth-child(4) {display: block}

.main-section-list > div {width: 50%}
.main-section-list > div:nth-child(9) {display: block}

.icons-adv > div {width: calc(100% / 3)}

.our-works-slider .swiper-slide {width: 180px}

.brends-slider .item {height: 100px}
.brends-slider .item img {margin: 0; object-fit: contain; width: 100%; height: 100%; max-height: 100px}

.button-nav {top: 53px}

.sections-slide-wrap .button-nav {top: 73px}

.main-text {flex-wrap: wrap}
.main-text > div:nth-child(1) {order: 2; padding-right: 0; width: 100%}
.main-text > div:nth-child(2) {order: 1; width: 100%}

.good_slider {padding: 15px 20px; height: auto}
.good_slider .picture_wrap {height: 220px}
.good_slider .good_image {height: 220px}

.vacancy .name > div:nth-child(2) {max-width: 200px}

.tabs-wrap .file_block a {width: calc((100% / 2) - 28px)}

.autorization {flex-wrap: wrap}
.autorization > div { padding: 0 !important; width: 100%}
.wrap_autorization .bx-authform-social {min-height: inherit; height: auto}
}

/* 600 */
@media only screen and (max-width: 600px) {

header {padding: 12px 10px}
.promo .item {padding: 0 10px} 
.promo .nav-slider {left: 10px}
main {padding: 0 10px}
.main_section::before {left: -10px}
.our-works-wrap {margin-left: -10px}
.main-service::before {left: -10px}
.wrap-main-text::before {right: -10px}
.footer-wrp {padding: 0 10px}

header::after {width: calc(100% - 20px); left: 10px}
header > div:nth-child(5) {min-width: 35px; max-width: 35px}

.top-icons {gap: 0}
.top-icons .i-compare {display: none}
.top-icons div {width: 18px; height: 18px; font-size: 10px; right: -11px; line-height: 18px}

.promo .item > div:nth-child(1) {padding: 40px 0 60px 0}
.promo .wrp-btn {max-width: 250px}

section {margin: 30px 0 25px 0}
section .title {margin-bottom: 20px; font-size: 24px}
section .title-wrap > div:nth-child(2) {font-size: 18px}

.footer-wrp .info {font-size: 13px}

.catalog-list > div {width: 100%}
.catalog-list .title {font-size: 17px}
.catalog-list .sub-cat {font-size: 13px}

.sections-slide-wrap .button-nav {line-height: 35px}
.sections-slide-wrap .button-prev-sect {left: 0}
.sections-slide-wrap .button-next-sect {right: 0}
}

/* 500 */
@media only screen and (max-width: 500px) {

header > div:nth-child(1) {margin-right: 0; min-width: 130px; max-width: 130px}

.promo .item > div:nth-child(1) {width: 320px}
.promo .txt-white {margin: 0 0 20px 0; font-size: 17px}
.promo .txt-blue {margin: 10px 0 20px 0; font-size: 24px}
.promo .txt-small {font-size: 16px}
.promo .wrp-btn {max-width: 170px}
.promo .wrp-btn .button {height: 38px; font-size: 14px; line-height: 38px}

.icons-adv .icon {width: 100px; height: 100px}
.icons-adv .icon > div {max-width: 50px; max-height: 50px}
.icons-adv .icon > div img {margin: 0; object-fit: cover; height: 100%; width: 100%; max-height: 50px}
.icons-adv > div {width: calc(100% / 2)}
.icons-adv .name {margin: 15px 0 10px 0; font-size: 16px}
.icons-adv .text {font-size: 14px; line-height: 20px}

.menu-mobail {padding: 10px 10px 20px 10px}

.service > div {width: 100%}
.service.v2 > div:nth-child(4) {display: block}
.service > div.first .name {padding: 30px 20px 45px 20px; font-size: 24px}
.service > div.first .link {margin-left: 20px}

.article-main > div:nth-child(1) {width: 100%}
.article-main > div {width: 100%}

.sort-catalog {margin-bottom: 20px}
.sort-catalog > div {display: none}
.sort-catalog > .filter_open {display: block !important; width: 100%}

.sections-slide-wrap {margin: 0 -7px 20px -7px}

/* system nav*/
.system-nav {gap: 5px; margin: 35px 0 0 0; font-size: 11px}
.system-nav a {width: 30px; height: 30px; border-radius: 4px; line-height: 30px}
.system-nav .nav-current-page {width: 30px; height: 30px; border-radius: 4px; line-height: 30px}
.system-nav .nav-forward {padding: 0 12px; border-radius: 4px}
.system-nav em.nav-forward {height: 30px; line-height: 30px; box-sizing: border-box}

.good_slider {padding: 15px}
.good_slider .picture_wrap {height: 190px}
.good_slider .good_image {height: 190px}
.good_slider .thumbs_wrap .good_thumb .img {width: 50px; height: 50px}

.item-good .availability .btn-circle {line-height: 29px}
.item-good .wrp-peice .offer_price .item_price {font-size: 26px}
.item-good .wrp-peice .offer_price > div {font-size: 18px}

.tabs_name {font-size: 17px}
.tabs_name > div {padding: 8px 15px}
.tabs-wrap.blue .tabs_name > div.active {font-size: 24px}
.tabs-wrap.blue .tabs_name {font-size: 17px}

.vacancy .name {flex-wrap: wrap; padding: 20px 70px 20px 20px; gap: 10px}
.vacancy .name:before {top: 14px}
.vacancy .name > div:nth-child(1) {font-size: 17px}
.vacancy .name > div:nth-child(2) {max-width: inherit; width: 100%; font-size: 14px; text-align: left}

.contacts .info > div:nth-child(2) {font-size: 17px}
.contacts > div:nth-child(2) {margin-top: 25px; height: 300px}

.form_plain {padding: 20px}
}

/* 480 */
@media only screen and (max-width: 480px) {

.top-phone {padding-left: 0;}
.top-phone:before {display: none}
}

/* 414 */
@media only screen and (max-width: 414px) {

header {gap: 15px}
header > div:nth-child(1) {padding-right: 20px; min-width: 130px; max-width: 130px}

.top-contact {gap: 10px}
.top-phone {font-size: 14px}

.promo .item > div:nth-child(1) {padding: 30px 0 50px 0; width: 290px}
.promo .txt-white {margin: 0 0 15px 0; font-size: 16px}
.promo .txt-blue {margin: 10px 0 15px 0; font-size: 22px}
.promo .txt-small {font-size: 15px}
.promo .nav-slider {bottom: 15px}
.promo .wrp-btn {max-width: 150px}
.promo .wrp-btn .button {height: 32px; font-size: 13px; line-height: 32px}

section .title-wrap > div:nth-child(2) {display: none}

.good-list .img {height: 110px}
.good-list .img img {max-height: 110px}
.good-list .name {margin: 7px 0}
.good-list a {padding: 14px 14px 50px 14px}
.good-list .price {margin-bottom: 10px}
.good-list .sm-button {padding: 0 24px; height: 34px; font-size: 14px; line-height: 34px; bottom: 14px}

.main_section {padding: 30px 0}
.main-section-list > div {width: 100%}
.main-section-list a {padding: 15px 10px 0 10px; height: 240px}

.service > div,
.service > div.first {height: 220px}
.service > div.first .name {font-size: 22px}
.service .name {font-size: 18px}
.service .link {font-size: 14px}

.article-main > div {height: 220px}
.article-main > div:nth-child(1) .name {font-size: 18px}
.article-main .link {font-size: 14px}
.article-main .img {height: 100px}

.item-good {padding-bottom: 20px}
.item-good .dop_goods {padding: 10px 15px}
.item-good input[type="checkbox"] + label div {max-width: calc(100% - 30px); font-size: 14px}

.tabs_name {font-size: 15px; font-weight: 500}
.tabs_name > div {padding: 8px 10px}
.tabs-wrap.blue {margin-top: 20px}
.tabs-wrap.blue .tabs_name {margin-right: 20px; font-size: 15px}
.tabs-wrap.blue .tabs_name > div.active {font-size: 18px}
.tabs-wrap .file_block a {width: 100%}

.vacancy .name::before {top: 4px}
.vacancy .name {padding: 10px 60px 10px 10px}
.vacancy .name > div:nth-child(1) {font-size: 16px}
.vacancy .text {padding: 0 10px 10px 10px}

.contacts .info > div:nth-child(1) {padding: 1px 0 5px 0; font-size: 14px}

.form_plain .name {font-size: 24px}
.form_plain p {margin-bottom: 20px; font-size: 16px}

.more-bottom {margin-top: 30px; justify-content: center}
.more-bottom > div:nth-child(1) {display: none}

/* popup */
.popup .popup_form {padding: 50px 15px 20px 15px; max-width: 290px}
.popup .name {padding-bottom: 10px; font-size: 22px}
.popup p {font-size: 16px}
}

/* 375 */
@media only screen and (max-width: 375px) {

header {gap: 12px}
header > div:nth-child(1) {padding-right: 15px; min-width: 120px; max-width: 120px}

.top-phone {font-size: 13px}
.top-contact .t-telegram {padding-left: 2px; width: 18px; height: 18px}
.top-contact .t-telegram svg {width: 12px; height: 10px}
.top-icons div {width: 16px; height: 16px; font-size: 8px; right: -11px; line-height: 16px}
.top-icons > a {width: 22px}

.promo .item > div:nth-child(1) {padding: 25px 0 50px 0; width: 250px}
.promo .txt-white {margin: 0 0 10px 0; font-size: 14px}
.promo .txt-blue {margin: 10px 0 12px 0; font-size: 18px}
.promo .txt-small {font-size: 13px}
.promo .wrp-btn {max-width: 150px}
.promo .wrp-btn .button {height: 30px; font-size: 12px; line-height: 30px}

.breadcrumb > div::after {padding: 0 5px}

.main-section-list .name {max-width: 180px; font-size: 18px}
.main-section-list a {height: 180px}
.main-section-list .fon {width: 180px; height: 140px}

.our-works-slider .swiper-slide {width: 160px}

.item-good input[type="checkbox"] + label div {max-width: inherit}
.item-good .txt {flex-wrap: wrap; gap: 7px}
.item-good .txt > div {width: 100%; text-align: center}

.sections-slide a {padding: 10px}
.sections-slide .img {width: 100px; height: 100px}

.icon-hits {gap: 3px; height: 15px}
.good-list .icon-hit {height: 15px; font-size: 8px; line-height: 15px}

.good_slider .picture_wrap {height: 170px}
.good_slider .good_image {height: 170px}
.good_slider .thumbs_wrap {padding-top: 10px; width: 260px}
.good_slider .thumbs_wrap .good_thumb {padding: 10px}
.good_slider.v2 {padding: 15px; overflow: hidden}
.good_slider .good_image.v2 {height: 170px}

.sert > div {width: 100%}
}


/* 360 */
@media only screen and (max-width: 360px) {

header > div:nth-child(1) {padding-right: 10px; min-width: 110px; max-width: 110px}

.good-list .sm-button {padding: 0 20px; font-size: 13px}
  
.tabs_name {font-size: 14px}

.item-good .wrp-peice .offer_price > div {font-size: 17px}
.item-good .wrp-peice .offer_price .item_price {font-size: 24px}
}

/* 320 */
@media only screen and (max-width: 320px) {

header {gap: 10px}
header > div:nth-child(1) {padding-right: 5px; min-width: 90px; max-width: 90px}
header > div:nth-child(5) {min-width: 30px; max-width: 30px}

.top-icons > a {width: 18px}
.top-phone {font-size: 12px}

.promo .item > div:nth-child(1) {padding: 20px 0 50px 0; width: 190px}

.good-list .sm-button {padding: 0 15px}

.tabs_name {font-size: 13px}
.tabs_name > div {padding: 5px 8px}
.tabs-wrap.blue .tabs_name > div {margin-right: 20px}

.form_plain {padding: 15px}

.footer-nav {font-size: 15px}
.footer-nav .title {font-size: 18px}
.footer-nav .address {padding-left: 25px}
}