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

nav,
.all_menu .level_1, 
.all_menu .level_2,
.smal_basket_list,
.table_compare table, 
#smartFilter .checkbox {scrollbar-width: thin;  scrollbar-color: rgba(217,217,217,.3) #fff}

nav::-webkit-scrollbar,
.all_menu .level_1::-webkit-scrollbar, 
.all_menu .level_2::-webkit-scrollbar,
.smal_basket_list::-webkit-scrollbar, 
.table_compare table::-webkit-scrollbar, 
#smartFilter .checkbox::-webkit-scrollbar {width: 7px}

nav::-webkit-scrollbar-track,
.all_menu .level_1::-webkit-scrollbar-track, 
.all_menu .level_2::-webkit-scrollbar-track,
.smal_basket_list::-webkit-scrollbar-track,
.table_compare table::-webkit-scrollbar-track,
#smartFilter .checkbox::-webkit-scrollbar-track {background: #fff}

nav::-webkit-scrollbar-thumb,
.all_menu .level_1::-webkit-scrollbar-thumb, 
.all_menu .level_2::-webkit-scrollbar-thumb,
.smal_basket_list::-webkit-scrollbar-thumb,
.table_compare table::-webkit-scrollbar-thumb,
#smartFilter .checkbox::-webkit-scrollbar-thumb {background-color: rgba(217,217,217,.3); border-radius: 20px}

}

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

.promo .fon {right: calc((1300px - 100vw) / 2)}
}

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

.promo .fon {right: calc((1200px - 100vw) / 2)}
}

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

.promo .fon {right: calc((1100px - 100vw) / 2)}
}

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

.promo .fon {right: calc((1000px - 100vw) / 2)}
}

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

.promo .fon {right: calc((900px - 100vw) / 2)}

.area_wrap:before {left: -20px}
.wrap_map:before {left: -25px}
section.color:before {left: -20px}
}

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

.promo .fon {right: calc((750px - 100vw) / 2)}

.top_menu a, .top_menu span {padding: 0 10px}
.top_menu span {padding-right: 33px}

.promo .text {padding: 0 34px 35px 34px}
.promo .top_form {margin: 0 20px; width: calc(100% - 40px)}

.ban_wrap .or {right: -250px}
.ban {display: block; padding: 25px 25px 25px 285px}
.ban > div:nth-child(1) {padding: 0 0 20px 0; width: 100%}
.ban > div:nth-child(2) {width: 290px}

.slide_view .img {width: 100%}
.slide_view.sl-action .img {height: auto}
.slide_view.sl-action.v2 .img {height: auto}

.slide_view.other .wrap_bot > div:nth-child(1) {width: 230px}
.slide_view.other .wrap_bot > div:nth-child(2) {padding-right: 15px}
.slide_view.other .price > div:nth-child(1) {width: 104px}

.article_list .item .img {height: auto}

.why_we {flex-wrap: wrap; padding: 0 25px 30px 25px}
.why_we_wrap .bg_or.v1 {right: -491px; bottom: -561px}

.why_we_bottom .txt_block  {flex-wrap: wrap}
.why_we_bottom .txt_block > div:nth-child(1) {padding: 0 0 20px 20px; width: 100%}
.why_we_bottom .txt_block > div:nth-child(2) {padding-left: 20px}
.why_we_bottom .button {height: 51px; line-height: 51px}

.goods .item .img {width: 100%}

.bottom_slider_wrap {padding: 0 20px; box-sizing: border-box}
}


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

main {padding: 30px 20px 50px 20px}

.top_menu {display: none}

.wrap_top {padding: 0 15px; height: 72px}

.wrap_top .cat_menu {display: none}
.wrap_top .oMenu {display: block; height: 42px; line-height: 42px}

.wrap_top > div:nth-child(1):hover .catalog_menu_wrap {display: none !important}
.wrap_top > div:nth-child(1) {width: 42px}
.wrap_top > div:nth-child(2) {padding: 0 0 0 15px; width: calc(100% - 262px)}
.wrap_top > div:nth-child(3) {width: 220px}

.wrap_search {height: 42px}
.wrap_search > div {height: 40px}
.wrap_search > div:nth-child(2) {min-width: 40px; max-width: 40px}
.wrap_search > div input[type="text"] {padding: 0 10px 0 20px; height: 40px; font-size: 15px; line-height: 40px}
.wrap_search > div button, .wrap_search > div button:hover, .wrap_search > div input[type="submit"], .wrap_search > div input[type="submit"]:hover {height: 40px}

.fast_link > div {margin-left: 15px; width: 40px; height: 40px}
.fast_link .icon .i {background-size: 320px 80px}
.fast_link .i_compare .i {background-position: 0 0}
.fast_link .i_favorite .i {background-position: -40px 0}
.fast_link .i_basket .i {background-position: -80px 0}
.fast_link .i_personal .i {background-position: -120px 0}
.fast_link .i_col {width: 19px; height: 19px; font-size: 10px; font-weight: 600; line-height: 19px; top:-8px; right: -4px}

.fast_link .more_wrap {padding-top: 20px; width: auto; box-shadow: none; position: absolute; right: -30px}

nav {display: block; left: -340px}

.all_menu .level.v2 {position: fixed; top: 0; left: -340px; display: block; z-index: 400}

.promo .fon {width: 840px; height: 750px; background-size: contain;  top: -160px; right: 0}
.promo .ttl {padding: 40px 0 10px 0; font-size: 28px; line-height: 40px}
.promo .ttl span {font-size: 24px}
.promo .text li {padding: 10px 0 10px 40px; font-size: 16px} 
.promo .text li:before {width: 26px; height: 26px}
.promo .top_form .title {font-size: 28px; line-height: 34px}

.footer_nav {padding: 50px 20px 40px 20px}
.footer_nav .title {padding-bottom: 18px; font-size: 16px}
.footer_nav > div {padding-right: 20px; font-size: 13px}
.footer_nav .phone {font-size: 18px}

section {padding: 25px 0}
section .title {padding-bottom: 25px; font-size: 35px}

.variety_list a {padding: 24px 20px}
.variety_list .icon {width: 101px; height: 101px}
.variety_list .icon > div {width: 80px}
.variety_list .name {font-size: 16px; line-height: 20px}
.variety_list .text {font-size: 13px; line-height: 17px}
.variety_list.small a {padding: 18px 15px}
.variety_list.small .name {font-size: 13px; line-height: 16px}

.ban .name {font-size: 26px}
.ban .txt {font-size: 17px; line-height: 22px}

.slide_view {padding: 10px 14px 145px 14px}
.slide_view .price {padding: 0 14px}
.slide_view .price_zapros {padding: 0 14px}
.slide_view .bot {padding: 0 14px 20px 14px}

.slide_view.other {padding: 18px 14px}

.fx_bottom_slider .price {padding: 10px 0 0 0}

.views_slider_wrap .top > div:nth-child(1) {font-size: 35px; line-height: 42px}

.why_we_wrap .bg_gr.v2 {right: -652px; top: -671px}
.why_we > div {width: 50%}

.why_we .name {padding: 20px 30px 15px 0; font-size: 37px; line-height: 45px}
.why_we .text {padding-top: 30px; font-size: 22px; line-height: 30px}

.why_we .item {flex-wrap: nowrap; flex-direction: row; padding: 20px; text-align: left}
.why_we .item > div:nth-child(1) {width: 64px}
.why_we .item > div:nth-child(2) {padding-left: 20px; width: calc(100% - 64px)}
.why_we .item .block {padding: 0 0 8px 0}
.why_we .item .btn_wrap {padding-top: 18px}

.steps > div {width: calc(100% / 3)}
.steps > div:nth-child(1) {width: 100%; text-align: center}
.steps .text {padding: 15px 0 17px 0}
.steps .phone { display: inline-block}
.steps .item {padding: 25px}

.faq_wrap > div:nth-child(1) {width: calc(100% - 300px)}
.faq_wrap > div:nth-child(2) {min-width: 300px; max-width: 300px}

.area_wrap .area {flex-wrap: wrap}
.area_wrap .area > div:nth-child(1) {padding: 0; width: 100%; text-align: center}
.area_wrap .area > div:nth-child(2) {width: 100%}

.area_wrap .area_title {padding-bottom: 10px; font-size: 28px; line-height: 36px}
.area_wrap .area_head {padding-bottom: 10px; font-size: 20px; line-height: 26px}
.area_wrap .area_txt {padding-bottom: 20px; font-size: 16px; line-height: 21px}

.area_wrap .btn_wrap {position: relative; bottom: 0; padding-bottom: 15px}
.area_wrap .btn_wrap .button {margin: 0 auto; width: 290px; height: 50px; line-height: 50px}

.breadcrumb {margin: 0 0 25px 0; font-size: 13px}
.breadcrumb > div {display: inline; margin-right: 26px; height: 16px; line-height: 16px; position: relative}
.breadcrumb > div:before {content: ''; position: absolute; top: 7px; right: -16px; width: 4px; height: 4px; border-radius: 50%; background: rgba(0,0,0,.2); overflow: hidden}
.breadcrumb > div:last-child {margin-right: 0}
.breadcrumb > div:last-child:before {display: none}
.breadcrumb a {color: rgba(0,0,0,.75)}
.breadcrumb a:hover {text-decoration: none; color: #ff9601}
.breadcrumb span {color: rgba(0,0,0,.5)}

.cat_list .area {padding: 30px 20px}
.cat_list .txt {font-size: 17px; line-height: 20px}
.cat_list .names a {height: 33px; font-size: 14px; line-height: 33px}

.prima {padding-top: 30px}
.prima > div {width: 100%}
.prima .item {padding: 30px 27px; width: 100%; height: 100%; background: #fff; border-radius: 15px; box-sizing: border-box}
.prima .item > div:nth-child(1) {width: 60px; height: 60px; border-radius: 10px; background-color: #FF9601; background-position: center center; background-repeat: no-repeat}
.prima .item > div:nth-child(2) {padding-left: 20px; width: calc(100% - 60px); color: rgba(0,0,0,.7); font-size: 16px}
.prima .item h3 {padding: 0 0 10px 0; color: #000}
.prima .item p {padding: 10px 0 0 0}

.goods .item {padding: 10px 15px 145px 15px}
.goods .item .price_zapros {padding: 0 15px}
.goods .item .bot {padding: 0 15px 20px 15px}

.goods.line .item {padding: 10px 15px 15px 15px}
.goods.line .property > div {min-width: 150px}
.goods.line .item .price > div {width: 150px}
.goods.line .bot {padding: 0; width: calc(100% - 320px); left: 320px}
.goods.line .item .bot > div:nth-child(2) {width: auto}

.article_list {margin: 0 -25px}
.article_list > div {padding: 15px 25px 25px 25px}

.wrap_autorization .bx-authform-social {min-height: 166px}
}

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

.promo .fon {width: 750px; height: 700px}

.variety_list a {padding: 20px 10px}
.variety_list.small a {padding: 15px 10px}

.why_we {padding: 0 15px 25px 15px}

.faq_wrap > div:nth-child(1) {width: calc(100% - 260px)}
.faq_wrap > div:nth-child(2) {min-width: 260px; max-width: 260px}
.faq .item .question {padding: 12px 40px 12px 20px}
.faq .item .question > div {font-size: 16px}
.faq .item .question:before {top: -1px; right: 20px}
.faq .item .ansver {padding: 13px 20px 13px 20px; font-size: 15px}

.maret_buy > div {padding: 10px 0; width: 230px} 

.bottom {font-size: 13px}
.bottom > div:nth-child(2), .bottom > div:nth-child(3) {line-height: 21px}

.cat_list .area {padding: 25px 15px}

.good_list > div:nth-child(1) {padding: 0; width: 0}
.good_list > div:nth-child(2) {width: 100%}

.wrap_pre_list > div:nth-child(1) {display: block; padding: 0 15px; width: 25%}
.wrap_pre_list > div:nth-child(2) {width: 75%}

.filter_open {display: block; width: 100%; height: 48px; font-size: 15px; font-weight: 700; color: #fff; text-align: center; line-height: 48px}
.filter_open span {display: inline-block; padding-left: 33px; height: 48px; position: relative}
.filter_open span:before {content: ''; display: block; width: 20px; height: 48px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD8SURBVHgBpZSBDYIwEEWviQMwAiMwAkygbsAGuoFxAnEC2ACZgDgBI9QNrBPUf+FIaqMU6k9eoIT73F2vEHmy1uagBj24gJRiheDSjnqKIUuDZKmHEqNU1j0woFBKGTzPcD+AClyDZko92Ky1nyq9rAe7XMMGMWfQSXwNUseMS2XuoKGwDHnZVPKlWvrZyzqjGHFGoHFK4M050r8S45QipNa8LD09gKkFHXa2oVg5Oz7IfFq/Jf4czmlL4zzukdVN4lpcclAA82sO56S9jHehOQxlyOc84VMkz6YjyWW/yJ/DOXFbZIw09w2cZN1SrKRE7ZTY2xU/jlC2X43em51deWAWAJ0AAAAASUVORK5CYII=") center center no-repeat; position: absolute; left: 0; top: 0}

.wrap_filter {display: block; position: fixed; top: 0; left: -340px; padding: 0; width: 340px; height: 100vh; background: #fff; border-right: 3px solid #D2D2D2; box-sizing: border-box; z-index: 3000}
.wrap_filter:after {content: ''; display: block; width: 3px; height: 254px; background: #FF9601; 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: #000}
.wrap_filter .close_filter:hover svg {stroke: #FF9601}

.filter .paramsBox {border-bottom: 1px solid #E6E6E6}
.filter .paramsBox:last-child {border-bottom: 1px solid #E6E6E6}

.goods.line .property > div {min-width: 165px}
.goods.line .item .price > div {width: 165px}

.goods.line .bot {padding: 0; width: calc(100% - 350px); left: 350px}

.item-good {flex-wrap: wrap}
.item-good > div:nth-child(1) {width: 435px}
.item-good > div:nth-child(2) {padding: 0 0 0 15px; width: calc(100% - 435px)}
.item-good > div:nth-child(3) {padding-top: 30px; width: 100%}

.good_right {display: flex; flex-wrap: wrap; padding: 20px; position: relative; box-sizing: border-box}
.good_right > div:nth-child(1), .good_right > div:nth-child(3) {width: 300px}
.good_right > div:nth-child(2) {width: calc(100% - 300px)}
.good_right > div:nth-child(4) {padding-right: 20px; width: calc(100% - 780px); box-sizing: border-box}
.good_right .stars {justify-content: flex-start}
.good_right .stars > div {width: 150px}
.good_right .nalichie {padding: 0 0 0 30px; box-sizing: border-box}
.good_right .nalichie:before, .good_right .nalichie:after {top: 0}
.good_right .wrp_lk {display: flex; padding-top: 0; position: absolute; top: 13px; right: 20px; box-sizing: border-box}
.good_right .wrp_lk > div {padding-top: 0; width: 240px; box-sizing: border-box}
.good_right .wrp_lk > div:nth-child(1) {padding-right: 10px}
.good_right .wrp_lk > div:nth-child(2) {padding-left: 10px}
.good_right .price {justify-content: flex-start; padding-top: 24px}
.good_right .price > div {width: 150px}
.good_right .col_wrap {margin-top: 30px}
.good_right .wrp_btn {padding: 30px 10px 0 0; width: 240px; box-sizing: border-box}
.good_right .wrp_btn.v2 {padding: 30px 0 0 10px}
.good_right .wrp_btn .button {height: 52px; font-size: 16px; line-height: 52px}

.detail-good {padding-top: 40px; flex-wrap: wrap}
.detail-good > div:nth-child(1) {padding-right: 0; width: 100%}
.detail-good > div:nth-child(2) {width: 100%}

.detail-good .dostavka {margin: 0 -15px; padding-top: 15px}
.detail-good .dostavka > div {margin: 0 15px; padding: 20px; width: calc(50% - 30px)}
.detail-good .fast-good {padding-top: 25px}

.views_slider_wrap .top {padding: 30px 0}

.slide_view.other {padding: 20px 20px 86px 20px; position: relative}
.slide_view.other .line > div {position: static}
.slide_view.other .line > div:nth-child(1) {width: 80px; height: 80px}
.slide_view.other .line > div:nth-child(2) {padding-left: 20px; width: calc(100% - 80px)}
.slide_view.other .name {font-size: 15px; line-height: 20px}
.slide_view.other .props {font-size: 13px; line-height: 17px}
.slide_view.other .wrap_bot {padding: 0 20px; width: 100%; box-sizing: border-box; position: absolute; bottom: 20px; left: 0}
.slide_view.other .wrap_bot > div:nth-child(1) {width: calc(100% - 209px)}
.slide_view.other .price > div:nth-child(1) {width: 100px}

.item-modef > div {min-width: 135px; max-width: 135px}

.article_list {margin: 0 -15px}
.article_list > div {padding: 15px}
}


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

.promo .fon {right: -50px}
}


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

.promo .fon {right: -90px}

.variety_list {margin: 0 -10px; width: calc(100% + 20px)}
.variety_list > div {padding: 10px}
.variety_list a {padding: 18px 8px}
.variety_list.small a {padding: 14px 7px}

.steps {margin: 0 -10px; width: calc(100% + 20px)}
.steps > div {padding: 10px}

.faq_wrap > div:nth-child(1) {padding-right: 10px}
.faq_wrap > div:nth-child(2) {padding-left: 10px}

.why_we {padding: 0 20px 30px 20px}
.why_we > div {padding: 10px}
.why_we_bottom {padding: 20px 40px}

.area_wrap .area .items {margin: 0 -10px; width: calc(100% + 20px)}
.area_wrap .area .items > div {padding: 10px; height: 180px}

.cat_list {margin: -25px -10px 0 -10px; width: calc(100% + 20px)}
.cat_list > div {padding: 10px}

.prima {margin: 0 -10px; padding-top: 30px; width: calc(100% + 20px)}
.prima > div {padding: 10px}

.good_list {margin: 0 -10px}
.goods > div {padding: 10px}
.goods.v2 > div {padding: 10px; width: calc(100% / 4)}

.wrap_pre_list > div:nth-child(1) {padding: 0 10px}

.pre_list {margin: 0 10px 15px 10px}

.good_right .col_wrap > div:nth-child(1),
.good_right .col_wrap > div:nth-child(3) {min-width: 50px; max-width: 50px}
.good_right .col_wrap .minus:before {left: calc(50% - 8px)}
.good_right .col_wrap .plast:before {right: calc(50% - 8px)}
.good_right .col_wrap .plast:after {right: 50%; top: calc(50% - 7px)}

.detail-good .dostavka {margin: 0 -10px; padding-top: 15px}
.detail-good .dostavka > div {margin: 0 10px; width: calc(50% - 20px)}

.item-modef > div:nth-child(1) {min-width: 300px; max-width: 300px}

.article_list {margin: 0 -10px}
.article_list > div {padding: 15px 10px 20px 10px}
}

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

.promo .fon {right: -130px}
}

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

header {padding: 0 15px}
main {padding: 25px 15px 40px 15px}

.promo .fon {right: -200px}
.promo .text {padding: 0 20px 35px 20px}
.promo .top_form {margin: 0 15px; width: calc(100% - 30px)}

.goods.line .item .bot .button {padding: 0; width: 59px; border-radius: 100px}
.goods.line .item .bot .button div:nth-child(1) {width: 59px} 
.goods.line .item .bot .button div:nth-child(2) {display: none}
.goods.line .item .price_zapros {width: 224px}

.good_right {padding: 20px 15px}
.good_right .wrp_lk {top: 13px; right: 15px}
.good_right .wrp_lk > div {width: 230px}
.good_right > div:nth-child(4) {padding-right: 15px; width: calc(100% - 760px)}
.good_right .wrp_btn {width: 220px}

.item-modef > div {padding-right: 15px; min-width: 125px; max-width: 125px}
.item-modef > div:nth-child(1) {min-width: 280px; max-width: 280px}

.footer_nav {padding: 50px 15px 40px 15px}

/* popup */
.popup .popup_form {width: 700px}
.popup .row {flex-wrap: wrap}
.popup .row > div:nth-child(1) {width: 70px; height: 70px}
.popup .row > div:nth-child(2) {padding-left: 15px; width: calc(100% - 70px)}
.popup .row > div:nth-child(3) {padding: 0 25px 0 85px; width: 265px}

.popup .bot {flex-wrap: wrap}
.popup .bot > div:nth-child(1) {padding: 0 0 15px 0; width: 100%}
.popup .bot > div:nth-child(2) {padding-right: 15px; width: 50%}
.popup .bot > div:nth-child(3) {padding-left: 15px; width: 50%}

.popup .bot {text-align: center}
.popup .bot .clc {display: inline; font-size: 16px; line-height: 24px}
.popup .bot .itog {display: inline; font-size: 22px; line-height: 24px}
}


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

.footer_nav {flex-wrap: wrap; padding: 30px 0 0 0}
.footer_nav > div {padding: 0 15px; width: 100%; border-bottom: 1px solid #e6e6e6}
.footer_nav > div:nth-child(1) {padding-bottom: 15px; text-align: center}
.footer_nav > div:last-child {border-bottom: 1px solid #e6e6e6}
.maret_buy > div {margin: 0 auto; padding: 10px 0; width: 270px} 

.footer_nav .info_block {display: none; padding-bottom: 30px}
.footer_nav .title {padding: 20px 0; cursor: pointer; position: relative}
.footer_nav .title:before {content: ''; display: block; width: 7px; height: 13px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACMSURBVHgBbdAtDoMwAMXxDtzszMT89JL5iZkJZrc7zO40c+MOHAOBAYFBYDAgwfInvBJo+pJfmvT1KzVmzkE2CTR+8MV+XYYaG9xxROqWLQYt2KFcl1MqHftAhzp03pDjgisKt7T336b7A0/5Ro+/W75wQqJHLnnih8hO2J1nTWbatSkjHRMbT7x/OwIIqhWyiYk20wAAAABJRU5ErkJggg==") center center no-repeat; position: absolute; top: 23px; right: 5px}
.footer_nav .active .title:before {transform: translate3d(-50%, -50%, 0) rotate(90deg); top: 27px}
}

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

.promo .fon {right: -200px}

.variety_list > div {width: 50%}
.variety_list.small > div {width: 25%}

.ban_wrap .or_v {left: -90px; bottom: -50px}
.ban_wrap .bg_img {width: 200px; height: 114px; left: 15px; bottom: 18px; z-index: 4}
.ban {display: block; padding: 20px 20px 20px 230px}

.why_we {padding: 0 15px 30px 15px}

.cat_list {justify-content: center}
.cat_list > div {width: 50%}

.goods > div, .goods.v2 > div {width: calc(100% / 3)}

.good_right > div:nth-child(3) {width: 500px}
.good_right > div:nth-child(4) {width: calc(100% - 480px)}
.good_right .price > div {width: 250px}
.good_right .wrp_btn {width: 240px}
.good_right .wrp_lk {padding-top: 15px; position: relative; top: inherit; right: inherit}

.item-modef {flex-wrap: wrap}
.item-modef > div {min-width: 145px; max-width: 145px}
.item-modef > div:nth-child(1) {padding: 0 0 10px 0; min-width: inherit; max-width: inherit; width: 100%}
.item-modef > div:nth-child(2) {width: calc(100% - 504px)}
}

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

.promo .fon {right: -250px}

section .title {padding-bottom: 25px; font-size: 22px}

.variety_list .name {font-size: 20px; line-height: 24px}
.variety_list .text {font-size: 15px; line-height: 20px}

.ban .name {font-size: 25px; line-height: 30px}
.ban .txt {font-size: 15px; line-height: 20px}

.views_slider_wrap .top > div:nth-child(1) {font-size: 22px; line-height: 27px}

.why_we > div {width: 100%}
.why_we > div:nth-child(1), .why_we > div:nth-child(2) {padding: 0; width: 100%; text-align: center}
.why_we .name {padding: 20px 0 15px 0; font-size: 20px; line-height: 24px}
.why_we .text {padding-top: 0; font-size: 14px; line-height: 20px}
.why_we_bottom .block {margin-top: -2px; padding-bottom: 3px; font-size: 20px; line-height: 24px}
.why_we_bottom .txt {font-size: 14px; line-height: 17px}

.steps > div {width: 100%}
.steps .item {padding: 15px}
.steps .name {padding: 5px 0 10px 0}

.faq_wrap {flex-wrap: wrap}
.faq_wrap > div:nth-child(1) {padding-right: 0; width: 100%}
.faq_wrap > div:nth-child(2) {display: none}

.slide_view.sl-action .name {padding: 20px 0 5px 0; font-size: 16px}
.slide_view.sl-action.v2 .name {font-size: 16px; line-height: 24px}
.slide_view.sl-action .txt {font-size: 15px; line-height: 20px}
.slide_view.sl-action.v2 .txt {font-size: 15px; line-height: 20px}

.views_slider_wrap .top.v2 > div:nth-child(1) {font-size: 18px; line-height: 24px}

.article_list > div {width: 50%}
.article_list .item .name {padding: 20px 0 5px 0; font-size: 16px}
.article_list .item .txt {font-size: 15px; line-height: 20px}

.area_wrap .area_title {padding-bottom: 8px; font-size: 20px; line-height: 26px}
.area_wrap .area_head {padding-bottom: 8px; font-size: 16px; line-height: 21px}
.area_wrap .area_txt {padding-bottom: 15px; font-size: 14px; line-height: 19px}
.area_wrap .area .items {justify-content: center}
.area_wrap .area .items > div {width: 25%}

.goods.line .item .wrap_view > div:nth-child(1) {width: 100px; position: static; z-index: 5}  
.goods.line .item .wrap_view > div:nth-child(2) {padding: 28px 0 140px 20px; width: calc(100% - 100px); z-index: 3}
.goods.line .item .img {width: 100px; height: 100px}
.goods.line .item .stras_wrap > div:nth-child(2) {position: absolute; left: inherit; right: 15px; bottom: inherit; top: 12px; z-index: 13}
.goods.line .item .price {bottom: 70px; left: 0}
.goods.line .bot {padding: 0 20px; width: 100%; left: 0}

.item-good > div:nth-child(1) {width: 100%}
.item-good > div:nth-child(2) {padding: 20px 0 0 0; width: 100%}

.good_slider .thumbs_wrap { margin: 0 auto; max-width: 435px}
.good_slider .thumbs_wrap > div:nth-child(1), .good_slider .thumbs_wrap > div:nth-child(3) {width: 30px}

.item-good .top-props {flex-wrap: wrap}
.item-good .top-props > div {padding: 0 0 5px 0; width: 100%; min-width: inherit; max-width: inherit}
.item-good .top-props span {display: inline}
.item-good .pre_text {padding-top: 26px}
.item-good .wrap_radio {padding-top: 26px}

.good_right > div:nth-child(1), .good_right > div:nth-child(2) {width: 50%}
.good_right > div:nth-child(3) {width: 100%}
.good_right .stars > div {width: 50%}
.good_right .price > div {width: 25%}
.good_right > div:nth-child(4) {width: calc(100% / 3)}
.good_right .wrp_btn {width: calc(100% / 3)}

.item-modef {flex-wrap: wrap}
.item-modef > div {min-width: inherit; max-width: inherit; width: 25%}
.item-modef > div:nth-child(1) {padding: 0 0 8px 0; font-size: 15px; line-height: 22px}
.item-modef > div:nth-child(2) {padding: 0 0 8px 0; width: 100%; font-size: 14px; line-height: 19px}
.item-modef > div:nth-child(5) {width: calc(100% - (50% + 59px)); max-width: inherit}
.item-modef > div:nth-child(6) {width: 59px}

.bottom_slider_wrap.v2 {display: none; height: 0}

.autorization {flex-wrap: wrap}
.autorization > div {width: 100%}
.autorization > div:nth-child(1) {padding-right: 0}
.autorization > div:nth-child(2) {padding-left: 0}
.wrap_autorization .bx-authform-social {min-height: inherit}
}

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

.wrap_top > div:nth-child(1) {display: none}
.wrap_top > div:nth-child(2) {padding: 0; width: 100%}
.wrap_top > div:nth-child(3) {width: 0 !important}

.fly_padding_block {height: 67px}
.fast_link {position: fixed; left: 0; bottom: 0; padding: 0 15px; width: 100vw; border-top: 1px solid #ededed; background: #fff; box-sizing: border-box}
.fast_link > div {margin-left: 0; width: 25%; height: auto; text-align: center}
.fast_link > div:nth-child(1) {display: block; cursor: pointer}

.fast_link .icon {display: block; padding: 4px 0 8px 0; width: 100%; height: 100%; box-sizing: border-box}
.fast_link .icon .i {display: block; margin: 0 auto; width: 47px; height: 40px; border-radius: 0; background-color: transparent}
.fast_link .icon .i {background-size: 376px 94px}
.fast_link .i_compare .i{background-position: 0 0}
.fast_link .i_favorite .i {background-position: -47px 0}
.fast_link .i_basket .i {background-position: -94px 0}
.fast_link .i_personal .i {background-position: -141px 0}
.fast_link .i_menu .i {background-position: -329px 0}
.fast_link .i_col {width: 19px; height: 19px; font-size: 10px; font-weight: 600; line-height: 19px; position: absolute; top: 5px; right: inherit; left: calc(50% + 4px)}
.fast_link .t {display: block; font-size: 11px; font-weight: 500; line-height: 14px; text-align: center; color: rgba(0,0,0,.6)}

.promo .fon {margin-top: -100px; width: 100%; height: 600px; position: relative; top: 0; right: inherit; background-size: cover}
.promo .ttl {padding: 25px 0 10px 0}
.promo .text {padding: 0 15px; width: 100%; box-sizing: border-box}
.promo .top_form {flex-wrap: wrap; margin-top: -130px; padding: 25px 15px}
.promo .top_form > div {padding: 0; width: 100%}
.promo .top_form > div:nth-child(2) {padding-top: 20px; width: 100%}
.promo .top_form .title {text-align: center}
.promo .lnk {flex-wrap: wrap}
.promo .lnk .text {width: 100%}
.promo .lnk .image {width: 100%; height: 300px}
.promo .fon.v2 {background-size: contain; background-position: center bottom; top: inherit; bottom: 0}

.slide_view .price > div {line-height: 15px}
.slide_view .price div > div:nth-child(1) {font-size: 11px}
.slide_view .price div > div:nth-child(2) {font-size: 17px; line-height: 20px}
.slide_view .price div > div:nth-child(3) {font-size: 12px}

.wrap_pre_list {flex-wrap: wrap}
.wrap_pre_list > div:nth-child(1) {display: block; padding: 0 10px 15px 10px; width: 100%}
.wrap_pre_list > div:nth-child(2) {width: 100%}

.goods .item .price > div {line-height: 15px}
.goods .item .price div > div:nth-child(1) {font-size: 11px}
.goods .item .price div > div:nth-child(2) {font-size: 17px; line-height: 20px}
.goods .item .price div > div:nth-child(3) {font-size: 12px}

.goods.line .item .wrap_view > div:nth-child(2) {padding: 28px 0 120px 20px}
.goods.line .item .price {bottom: 60px; left: 0}
.goods.line .item .name {font-size: 15px; font-weight: 500; line-height: 20px}
.goods.line .property {flex-wrap: wrap; padding-top: 7px}
.goods.line .property > div {padding: 0 0 2px 0; min-width: inherit; width: 100%; font-size: 15px; font-weight: 600; box-sizing: border-box; line-height: 19px}
.goods.line .property > div span {display: inline; font-size: 14px; font-weight: 400; line-height: 17px}

/* popup */
.popup .popup_form {padding: 40px 10px; width: 300px}
.popup .name {font-size: 19px; text-align: center}
.popup .close_top {top: 10px; right: 10px}

.popup .row > div:nth-child(1) {width: 45px; height: 45px}
.popup .row > div:nth-child(2) {padding-left: 10px; width: calc(100% - 55px); font-size: 14px; line-height: 18px}
.popup .row > div:nth-child(3) {padding: 10px 0 0 55px; width: 100%}
.popup .row > div:nth-child(4) {padding: 10px 0 0 55px; width: 100%; text-align: center}
.popup .row:after {width: calc(100% + 20px); left: -10px}
.popup .bot > div:nth-child(2) {padding-right: 0; padding-bottom: 10px; width: 100%}
.popup .bot > div:nth-child(3) {padding-left: 0; width: 100%}
.popup .bot .clc {display: block; font-size: 15px; line-height: 18px}
.popup .bot .itog {display: block; font-size: 24px; line-height: 26px}

.bx-dop-text-right {display: none}
.bx-dop-text-right-v2 {display: block}

.bottom_slider_wrap {display: none;height: 0}
}

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

.all_menu .level.v2 {z-index: 550}

.promo .fon {margin-top: -100px; height: 570px}

.bottom_wrap {height: auto}
.bottom {flex-wrap: wrap; padding: 20px 15px; height: auto}
.bottom > div {width: 100%; text-align: center}
.bottom > div:nth-child(1) {width: 100%}
.bottom > div:nth-child(2) {padding: 10px 0}
.bottom > div:nth-child(2) span {display: inline}

.social {justify-content: center; padding-bottom: 10px}
.social > div {padding: 0 7px}
.social a {display: block; width: 36px; height: 35px; text-decoration: none; background: url(images/social.png) no-repeat}

.ban_wrap .or_v {width: 650px; height: 429px; left: 0; bottom: -250px}
.ban_wrap .or_v svg {width: 650px; height: 429px}
.ban_wrap .bg_img {width: 238px; height: 136px; left: calc(50% - 119px); bottom: 24px}

.ban {display: block; padding: 20px 15px 230px 15px; text-align: center}
.ban > div:nth-child(2) {margin: 0 auto}

.why_we_bottom { flex-wrap: wrap; text-align: center}
.why_we_bottom > div:nth-child(1) {padding-bottom: 15px; width: 100%} 
.why_we_bottom > div:nth-child(2) {width: 100%} 
.why_we_bottom .txt_block > div:nth-child(1) {padding: 0 0 20px 0}
.why_we_bottom .txt_block > div:nth-child(2) {padding-left: 0; width: 100%}
.why_we_bottom .button {margin: 0 auto; width: 200px}

.area_wrap .area .items > div {width: calc(100% / 3)}

.wrap_map {height: 300px}

.type_cat {align-items: center; margin-left: 17px; font-size: 15px; font-weight: 500}
.type_cat > div:nth-child(1) {display: none}

.select > div:nth-child(1) {display: none}

.goods > div, .goods.v2 > div {width: 50%}

.wrap_slider.abs {padding-bottom: 60px; position: relative}
.wrap_slider.abs.v2 {padding-bottom: 120px}
.wrap_slider.abs .views_slider_wrap .top > div {position: static}

.views_slider_wrap .top {padding: 10px 0 25px 0}
.views_slider_wrap .top .chek {padding-bottom: 15px}
.views_slider_wrap .top.v2 {padding: 10px 0 0 0; flex-wrap: wrap}
.views_slider_wrap .top.v2 > div {width: 100%}
.views_slider_wrap .top.v2 > div:nth-child(1) {padding-bottom: 20px}

.wrap_slider.abs .views_slider_wrap .nav_sl {width: 100%; position: absolute; bottom: 0; left: 0}
.wrap_slider.abs.v2 .views_slider_wrap .nav_sl {bottom: 60px}

.wrap_slider.abs .views_slider_wrap .nav_sl > div {width: 50%}
.wrap_slider.abs .views_slider_wrap .nav_sl > div:nth-child(1) {padding-left: 100px}
.wrap_slider.abs .views_slider_wrap .nav_sl > div:nth-child(2) {padding-right: 100px}
.wrap_slider.abs .views_slider_wrap .top .fast {font-size: 13px}
.wrap_slider.abs .views_slider_wrap .top .fast > div {margin: 10px 8px 0 0; padding: 0 14px; height: 30px; line-height: 30px}
.wrap_slider.abs .views_slider_wrap .top.v3 > div {position: static}
.wrap_slider.abs .views_slider_wrap .top.v3 > div:nth-child(2) { position: absolute; bottom: 0}
.wrap_slider.abs .views_slider_wrap .top.v3 .btn-wrp > div {position: static}
.wrap_slider.abs .views_slider_wrap .top.v3 .btn-wrp .button {position: absolute; bottom: 0}
}

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

.head > div:nth-child(1) {width: 220px}
.head > div:nth-child(2) {width: calc(100% - 267px)}
.head > div:nth-child(3) {width: 47px}
.head > div:nth-child(4) {display: none}
.head .btn_phone {display: block; width: 47px; height: 40px; border-radius: 10px; background: #FF9601 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEoSURBVHgBlVSBEYIwDAwsIE4gG6gbsIFuIE6gG+gGugFsoBuoE6gToBOoE+BHwl0sLdDc/eWaN580KQYEK8sygVvQv12CIMjJw0IIxfAnIFbxCMjArcnHkLAFro54QR4WSkdPC5czJyPoLcb2MgnM6wF3BhLyFBs6+Ds1F9Mq9gDGJoHrpXAz6a6fIWleVhZpIYntdbyPWCSJqYpZN9xX8MRQ5wnwAjbka7x+6S7pEuSzFE/lwXd3ZxTZyHktBQ78oIW76hHVibH8cGfE62UchE+NYrl5KzPRvBpvPGt08H+rzEZsbYJtJt1lLrKeTeEcskUstJH4LvdwU+AGFGp7rgc8+OVRd9UEbgXMJcQF3lR9hmwxVX8Gy04xJRpJ0gQYKeoDHHGb8xfORz6BdQ7oeAAAAABJRU5ErkJggg==") center center no-repeat; cursor: pointer; overflow: hidden}
.head .top_phone {display: none}

.promo .text ul {width: auto}

.good_right .wrp_btn .button {font-size: 15px}

.detail-good .dostavka {margin: 0; padding-top: 15px}
.detail-good .dostavka > div {margin: 0; padding: 15px; width: 100%}
.detail-good .dostavka > div:nth-child(1) {margin-bottom: 15px}

.sidePhone {display: none}
.sidePhone {padding: 14px 14px 10px 14px; width: 200px; background: #fff; border-radius: 10px; box-shadow: 0px 5px 30px rgba(0,0,0,.15);  position: absolute; right: 0; z-index: 30 }
.sidePhone a {display: inline-block !important}
.sidePhone a:nth-child(2) {padding-left: 10px; width: calc(100% - 50px); box-sizing: border-box}
}

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

.promo .top_form .title {font-size: 20px; line-height: 24px}
.promo .lnk .image {width: 100%; height: 250px}

.variety_list > div {width: 100%}
.variety_list.small > div {width: 50%}

.cat_list > div {width: 100%}

.prima .item {flex-wrap: wrap; padding: 20px 15px}
.prima .item > div:nth-child(2) {padding: 15px 0 0 0; width: 100%}

.goods.line .item {align-items: flex-start}
.goods.line .item .wrap_view > div:nth-child(1) {padding-top: 28px; width: 70px; height: 98px}  
.goods.line .item .wrap_view > div:nth-child(2) {padding: 28px 0 120px 20px; width: calc(100% - 70px); position: static}
.goods.line .item .img {width: 70px; height: 70px}
.goods.line .item .sm_ban {position: absolute; left: 0; top: -28px; width: 150px; height: 22px; z-index: 10}
.goods.line .item .price {bottom: 70px; left: 85px}
.goods.line .bot {padding: 0 20px; width: 100%; left: 0; bottom: 10px}
.goods.line .item .price_zapros {bottom: 10px; left: inherit; right: 10px}

.good_right > div:nth-child(1), .good_right > div:nth-child(2) {width: 100%}
.good_right > div:nth-child(1) {padding-bottom: 10px}
.good_right .price {justify-content:space-between}
.good_right .price > div {width: auto}
.good_right > div:nth-child(4) {padding-right: 0; width: 100%}
.good_right .wrp_btn {padding: 20px 0 0 0; width: 100%}
.good_right .wrp_btn.v2 {padding: 20px 0 0 0}

.good_right .wrp_lk {flex-wrap: wrap; top: 0; right: 0}
.good_right .wrp_lk > div {width: 100%}
.good_right .wrp_lk > div:nth-child(1) {padding-right: 0; margin-bottom: 10px}
.good_right .wrp_lk > div:nth-child(2) {padding-left: 0}
}

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

.promo .ttl {font-size: 24px; line-height: 34px}
.promo .ttl span {font-size: 20px}

.steps .s_title {font-size: 22px; line-height: 26px}
.steps .text {padding: 20px 0 22px 0; font-size: 19px}

.area_wrap .area .items > div {width: 50%}

.item-modef {padding: 15px 13px; justify-content: space-between}
.item-modef > div {width: 50%; box-sizing: border-box}
.item-modef > div:nth-child(3) {padding-bottom: 10px}
.item-modef > div:nth-child(4) {padding-bottom: 10px; padding-right: 74px; width: auto}
.item-modef > div:nth-child(5) {width: calc(100% - 59px)}

.slide_view.rew .wrp-top {flex-wrap: wrap}
.slide_view.rew .wrp-top > div {width: 100%}
.slide_view.rew .wrp-top > div:nth-child(2) div {padding: 7px 0 0 0}
}

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

.promo .top_form {margin-top: -140px}

.why_we .item {flex-wrap: wrap; justify-content: center; text-align: center}
.why_we .item > div:nth-child(2) {padding-left: 0; padding-top: 10px; width: 100%}

.goods > div, .goods.v2 > div {width: 100%}

.goods.line .item .wrap_addBasket > div:nth-child(2) {padding-left: 12px}

.good_slider .picture_wrap {height: auto}
.good_slider .picture_wrap .good_image {height: auto; line-height: 0}

.slide_view.other {padding: 15px}
.slide_view.other .line > div:nth-child(1) {width: 70px; height: 70px}
.slide_view.other .line > div:nth-child(2) {padding-left: 15px; width: calc(100% - 70px)}
.slide_view.other .wrap_bot {flex-wrap: wrap; margin-left: -85px; padding: 0; width: calc(100% + 85px); position: relative; bottom: inherit}
.slide_view.other .wrap_bot > div:nth-child(1) {padding: 10px 0; width: 100%}
.slide_view.other .wrap_bot > div:nth-child(2) {width: calc(100% - 59px)}
.slide_view.other .price > div:nth-child(1) {width: 50%}
.slide_view.other .name {font-size: 14px; line-height: 18px}
.slide_view.other .props {font-size: 12px; line-height: 16px}

.article_list > div {width: 100%}

.system-nav {font-size: 14px}
.system-nav .nav-current-page {margin: 0 2px; width: 32px; height: 30px; line-height: 30px}
.system-nav a {margin: 0 2px; width: 32px; height: 30px; line-height: 30px}
.system-nav .nav-forward {margin: 0 2px; width: 32px; height: 30px; line-height: 30px}
.system-nav div.nav-forward  {line-height: 30px}
}

/* 375 */
@media only screen and (max-width: 375px) {
	
.promo .lnk .image {height: 200px}

.slide_view.sl-viewed a > div:nth-child(1) {width: 70px; height: 70px}
.slide_view.sl-viewed a > div:nth-child(2) {padding-left: 15px; width: calc(100% - 70px)}

.sm_sect_list_wrap {padding: 0 15px 15px 15px}
.small_sect_list a {padding: 0 14px; height: 30px; font-size: 13px; line-height: 30px}
.small_sect_list .open_sm_list {width: 50px; height: 30px}
.small_sect_list .open_sm_list:before {width: 50px; height: 30px}

.goods.line .item .wrap_view > div:nth-child(2) {padding: 28px 0 160px 20px}
.goods.line .property > div {font-size: 13px; line-height: 17px}
.goods.line .property > div span {font-size: 13px}
.goods.line .bot {width: 100%; left: 0}
.goods.line .item .bot > div:nth-child(2) {width: 100%}
.goods.line .bot {flex-wrap: wrap}
.goods.line .bot > div:nth-child(1) {order: 2; width: 100%; display: flex; justify-content: space-between}
.goods.line .bot > div:nth-child(2) {order: 1; width: 100%}
.goods.line .item .bot > div:nth-child(1) {padding-top: 7px; width: 100%}
.goods.line .item .price {bottom: 110px; left: 0}
.goods.line .item .wrap_addBasket > div:nth-child(1) { width: calc(100% - 71px)}
.goods.line .item .bot .col_wrap {width: 100%}
.goods.line .item .price_zapros {width: calc(100% - 20px); bottom: 50px}

.item-modef > div:nth-child(4) {padding-bottom: 10px; padding-right: 0}
}


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

nav {width: 310px}
.all_menu .level {width: 310px}

.promo .lnk .image {height: 170px}

.views_slider_wrap .nav_sl > div {width: 50px}
.views_slider_wrap .nav_sl > div:nth-child(1) {padding-left: 0}
.views_slider_wrap .nav_sl > div:nth-child(2) {padding-right: 0}

.new-select {font-size: 13px}
.select {align-items: center; margin-right: 17px; font-size: 13px}

.wrap_slider.abs .views_slider_wrap .nav_sl > div:nth-child(1) {padding-left: 70px}
.wrap_slider.abs .views_slider_wrap .nav_sl > div:nth-child(2) {padding-right: 70px}
}

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

.fast_link .t {font-size: 9px}

.area_wrap .area .items > div {width: 100%}

.good_slider .thumbs_good {height: 73px}
.good_slider .thumbs_good .good_image {width: 73px; height: 73px}
.good_slider .thumbs_good .good_image > div {width: 60px; height: 60px}

.item-good .wrap_radio .item input[type="radio"] + label .i-good > div:nth-child(1) {font-size: 14px}
.item-good .wrap_radio .item input[type="radio"] + label .i-good > div:nth-child(2) {font-size: 16px}

.wrap_slider.abs .views_slider_wrap .nav_sl > div:nth-child(1) {padding-left: 50px}
.wrap_slider.abs .views_slider_wrap .nav_sl > div:nth-child(2) {padding-right: 50px}

.wrap_filter {width: 310px}

.system-nav {font-size: 12px}
.system-nav .nav-current-page {width: 28px; height: 26px; line-height: 26px}
.system-nav a {width: 28px; height: 26px; line-height: 26px}
.system-nav .nav-forward {width: 28px; height: 26px; line-height: 26px}
.system-nav div.nav-forward  {line-height: 26px}
}