
@media screen and (max-width: 1500px) {
 
.catalog_container .catalog_left {margin: 0 0 60px;}

.brands_container {padding: 40px 0 100px;}

.how_container .how_block {padding: 80px 0 0;}
.how_container .benefits_items {padding: 80px 0 0 0;

}


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

.price_container .price_block {width: auto; margin: 0 28px; justify-content: space-between;}
.price_container .price_left {width: calc((100% - 50px)/2); padding: 85px 0 60px 80px;}
.price_container .price_right {width: calc((100% - 50px)/2); padding: 80px 80px 160px 0;}

.price_container .price_cover1 {width: calc((100% - 50px)/2); height: 300px;}
.price_container .price_cover2 {bottom: 300px;}
.price_container .price_cover3 {left: calc(((100% - 50px)/2) - 60px); bottom: calc(300px - 60px);}
.price_container .price_cover4 {left: calc((100% - 50px)/2);}

.price_container .price_subtitle {margin: 0 0 40px;}

}


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

.catalog_container .catalog_block {padding: 0 0 280px;}   
.catalog_container .catalog_item {width: calc((100% - 30px * 2)/3); margin: 0 30px 30px 0;}
.catalog_container .catalog_item__title {left: 30px; top: 30px;}
.catalog_container .catalog_item__button {left: 30px; bottom: 30px;}
.catalog_container .catalog_item:nth-child(2),
.catalog_container .catalog_item:nth-child(5) {top: -50px;}
.catalog_container .catalog_item:nth-child(3),
.catalog_container .catalog_item:nth-child(6) {top: -100px; margin-right: 0;}
.catalog_container .catalog_other {width: calc((100% - 30px * 2)/3); bottom: 0;}
.catalog_container .catalog_other__top {left: 30px; top: 30px; right: 20px;}
.catalog_container .catalog_other__title {font-size: 28px;}
.catalog_container .catalog_other__button {left: 30px; bottom: 30px;}

.brands_container {padding: 20px 0 80px;}
.brands_container .brands_block {width: 968px; margin: 0 auto;}
.brands_container .brands_cols {padding: 110px 0 40px;}
.brands_container .brands_col {width: calc((100% - 30px * 4)/5);}
.brands_container .brands_col1 {padding-top: 210px;}
.brands_container .brands_col2 {padding-top: 170px;}
.brands_container .brands_item {margin: 0 0 30px;}
.brands_container .brands_bottom {width: 570px; padding: 200px 120px 0 0; box-sizing: border-box; z-index: 3;}
.brands_container .brands_need {padding: 70px 20px 0 40px; height: 370px; width: 370px; bottom: 180px; font-size: 24px;}
.brands_container .brands_need br {display: none;}
.brands_container .brands_need__cover1 {height: 160px;}
.brands_container .brands_need__cover2 {width: 170px;}
.brands_container .brands_need__cover3 {right: 170px;}
.brands_container .brands_need__cover4 {right: 170px;}
.brands_container .brands_need__cover5 {top: 200px; right: 60px;}
.brands_container .brands_need__cover6 {right: 40px; top: 200px;}
.brands_container .brands_need__cover7 {top: 200px; width: 60px;}
.brands_container .brands_find {bottom: 0; padding: 40px; width: 444px; right: 120px;}
.brands_container .brands_find br {display: none;}

.how_container:before {left: 0; right: 0; width: auto; bottom: 180px; transform: none; border-radius: 28px;}
.how_container .benefits_items {padding: 60px 0 0 0;} 
.how_container .benefits_item:nth-child(2) {margin-top: 60px;}
.how_container .benefits_item br {display: none;}

.faq_container .faq_block {padding: 0 0 50px;}
.faq_container .faq_col {width: calc((100% - 30px)/2);}

.delivery_container {padding: 100px 0 100px;} 
.delivery_container .delivery_img {width: 400px;}
.delivery_container .delivery_img .back_img {right: 0; top: 0;}
.delivery_container .delivery_right {width: calc(100% - 400px - 50px);}
.delivery_container .delivery_formbox {margin-top: 35px; padding: 30px;}
.delivery_container .delivery_formbox form {justify-content: space-between; width: 100%;}
.delivery_container .delivery_formbox .field_wrap {width: calc((100% - 20px)/2); height: 60px; margin: 0;}
.delivery_container .delivery_formbox .button_wrap {width: calc((100% - 20px)/2); margin: 0;}

.map_container {padding: 50px 0 100px;}
.map_container .map_block {height: 620px;}
.map_container .map_top {width: 640px;}
.map_container .map_bottom {padding: 35px 40px; bottom: -80px; right: 50px;}
.map_container .map_bottom__address {position: relative; padding: 0 0 0 34px; margin: 0 0 20px; font-size: 14px; line-height: 120%;}

.price_container {padding: 50px 0 0 0;} 
.price_container .price_block {padding: 0 0 140px; min-height: 0;} 
.price_container .block_title {font-size: 46px;}
.price_container .price_subtitle {margin: 0 0 40px;}
.price_container .price_left {width: calc((100% - 40px)/2); padding: 60px 0 50px 40px;}
.price_container .price_right {width: calc((100% - 40px)/2); padding: 50px 40px 0 0;}
.price_container .price_cover1 {width: calc((100% - 40px)/2); height: 290px;}
.price_container .price_cover2 {bottom: 290px;}
.price_container .price_cover3 {left: calc(((100% - 40px)/2) - 60px); bottom: calc(290px - 60px);}
.price_container .price_cover4 {left: calc((100% - 40px)/2);}
.price_container .price_formbox {padding: 40px;}

.page_container .page_block {padding: 50px 0;}

.thanks_container .thanks_content {height: auto; padding: 80px 0 90px;}

}  


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

.catalog_container .catalog_block {padding: 0 0 300px;}
.catalog_container .catalog_item {width: calc((100% - 30px )/2); margin: 0 30px 30px 0;}
.catalog_container .catalog_item:nth-child(2),
.catalog_container .catalog_item:nth-child(4),
.catalog_container .catalog_item:nth-child(6) {top: -50px; margin-right: 0;}
.catalog_container .catalog_item:nth-child(3),
.catalog_container .catalog_item:nth-child(5) {top: auto; margin-right: 30px;}
.catalog_container .catalog_other {width: calc((100% - 30px )/2); bottom: 15px;}
 
.brands_container {padding: 40px 0 50px;}
.brands_container .brands_block {width: auto; margin: 0;}
.brands_container .brands_top {position: relative; margin: 0 28px 40px;}
.brands_container .brands_mob {display: block; margin: 0 0 40px; box-sizing: border-box; width: 100%; overflow-x: auto; white-space: nowrap;}
.brands_container .brands_mob_row {margin: 0 0 16px; position: relative; white-space: nowrap;}
.brands_container .brands_mob_row:nth-child(1) {padding-left: 18px;}
.brands_container .brands_mob_row:nth-child(2) {padding-left: 108px; padding-right: 28px;}
.brands_container .brands_mob_row img {width: 160px; margin: 0 9px; display: inline-block; vertical-align: top; padding: 0;}
.brands_container .brands_cols {display: none;}
.brands_container .brands_need {position: relative; bottom: auto; right: auto; top: auto; width: 550px; left: 30px; padding: 30px 30px 65px; height: auto; background: #3A90F3; font-size: 24px; border-radius: 10px;}
.brands_container .brands_need__cover {display: none;}
.brands_container .brands_find {position: relative; top: -40px; left: 60px; width: calc(100% - 60px - 30px); padding: 30px; bottom: auto; right: auto;}

.how_container .how_item__title {font-size: 18px;}
.how_container .benefits_item {width: calc((100% - 25px * 2 )/3); padding: 60px 20px 30px;}
.how_container .benefits_item__button {width: 100%;}

.delivery_container {padding: 80px 0;}
.delivery_container .delivery_img {width: 420px; position: absolute; left: auto; right: 0; top: 30px; z-index: 1;}
.delivery_container .delivery_img .back_img {right: 0; top: 0;}
.delivery_container .delivery_right {width: 100%; z-index: 2;} 
.delivery_container .block_title,
.delivery_container .delivery_subtitle {margin: 0 0 30px;}
.delivery_container .delivery_formbox {margin-top: 160px;}

.faq_container .faq_block {padding: 0 0 80px;}
.faq_container .block_title {margin: 0 0 40px;}
.faq_container .faq_col {width: 100%;}
.faq_container .faq_col .faq_item:last-of-type {margin: 0 0 20px;}
.faq_container .faq_item__question {padding: 20px 80px 20px 30px; min-height: 74px;}
.faq_container .faq_item__question br {display: none;}

.map_container {padding: 0 0 50px;}
.map_container .map_block {height: auto;}
.map_container .map_covers {position: relative; left: auto; top: auto; right: auto; bottom: auto;}
.map_container .map_top {position: relative; right: auto; top: auto; width: auto; padding: 0 0 40px; flex-flow: row wrap;}
.map_container .map_top__title {width: 100%; margin: 0 0 20px;}
.map_container .map_top__title span {margin-left: 0;}
.map_container .map_top__title br {display: none;}
.map_container .map_top__subtitle {width: 100%; padding: 0; font-size: 16px; line-height: 130%;}
.map_container .map_top__subtitle br {display: none;}
.map_container .map {height: 500px; margin: 0 0 30px; position: relative;}
.map_container .map_cover,
.map_container .map_top_cover {display: none;}
.map_container .map_bottom {position: relative; padding: 40px; width: auto; right: auto; bottom: auto;}
.map_container .map_bottom__buttons {position: relative; left: auto; right: auto; bottom: auto; padding: 30px 0 0 0;}
.map_container .map_bottom__wa,
.map_container .map_bottom__tg {width: calc((100% - 320px - 20px * 2) /2);}
.map_container .map_bottom__wa .button,
.map_container .map_bottom__tg .button {width: 100%;}

.price_container {padding: 20px 0 70px;}
.price_container .price_block {padding: 0; border-radius: 40px;}
.price_container .price_cover {display: none;}
.price_container .price_left {width: 100%; min-height: 0; padding: 50px 40px 40px;}
.price_container .price_left br {display: none;}
.price_container .price_subtitle {margin: 0 0 30px}
.price_container .price_text {font-size: 16px; line-height: 150%;}
.price_container .price_text p {margin: 0 0 20px; padding: 0;}
.price_container .price_text p:last-of-type {margin: 0;}
.price_container .price_right {width: 100%; padding: 0 0 50px; display: block;}
.price_container .price_formbox {width: 500px; margin: 0 auto; padding: 50px;}
 
}


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

.popup {left: 28px; right: 28px; width: auto; margin: 0;}
.popup_close {right: 10px; top: 10px;}
.popup_body {padding: 30px 28px;}
.popup_title {font-size: 26px; line-height: 120%;}
.popup_subtitle {font-size: 14px; line-height: 120%; margin: 0 0 20px;}
.popup_form {max-width: none;}
.popup_or {padding: 20px 0 20px; font-size: 14px; line-height: 120%;}
.popup_messengers {max-width: none; width: 100%;}
.popup_messengers a {width: calc((100% - 10px)/2);}
.popup_messengers .button {height: 60px;}
.popup_messengers .button svg {margin: 0 10px 0 0;}

.field_wrap {margin: 0 0 10px;}
.form_field {height: 52px; font-size: 14px;;}
.form_agreement {padding: 0 0 0 30px; margin: 0 0 20px; min-height: 0; display: block;}
.form_agreement__icon {width: 20px; height: 20px; top: 0;}
.form_agreement span {font-size: 12px;}
.form_agreement br {display: block;}
.file_field_wrap {padding: 8px 0;}
.file_field_wrap .file_plus {left: -2px;}
.file_field_wrap .file_size {margin: 0;}

.catalog_container .catalog_block {padding: 60px 0 40px; display: block;}
.catalog_container .catalog_left {margin: 0 0 30px;}
.catalog_container .block_title {margin: 0 0 10px;}
.catalog_container .catalog_subtitle {margin: 0; font-size: 16px;} 
.catalog_container .catalog_item,
.catalog_container .catalog_item:nth-child(2),
.catalog_container .catalog_item:nth-child(4),
.catalog_container .catalog_item:nth-child(6),
.catalog_container .catalog_item:nth-child(3),
.catalog_container .catalog_item:nth-child(5) {width: 100%; margin: 0 0 20px; top: auto;}
.catalog_container .catalog_item__title {font-size: 22px;}
.catalog_container .catalog_other {width: 100%; position: relative; bottom: auto;}

.brands_container {padding: 40px 0 40px;} 
.brands_container .brands_top {margin: 0 28px 30px;}
.brands_container .block_title {font-size: 30px; margin: 0 0 16px;}
.brands_container .brands_subtitle {font-size: 16px;}
.brands_container .brands_mob {margin: 0 0 20px;}
.brands_container .brands_mob_row {margin: 0 0 20px; position: relative; white-space: nowrap;}
.brands_container .brands_mob_row:nth-child(1) {padding-left: 18px;}
.brands_container .brands_mob_row:nth-child(2) {padding-left: 108px; padding-right: 28px;}
.brands_container .brands_mob_row img {width: 120px; margin: 0 9px;}
.brands_container .brands_need {padding: 20px 20px 36px; width: 280px; left: 20px; font-size: 22px;}
.brands_container .brands_find {top: -20px; padding: 20px; left: 40px; width: calc(100% - 40px - 20px);}
.brands_container .brands_find__title {margin: 0 0 10px; font-size: 18px;}
.brands_container .brands_find__title br {display: none;}
.brands_container .brands_find__text {font-size: 12px; line-height: 140%; margin: 0 0 20px;}
.brands_container .brands_find__text p {margin: 0 0 15px 0; padding: 0;}
.brands_container .brands_find__text p:last-of-type {margin: 0;}
.brands_container .brands_find__button {height: 60px;} 

.warranty_container .warranty_block {border-radius: 10px 10px 0 0; padding: 30px 30px 60px;}
.warranty_container .block_title {margin: 0 0 10px; font-size: 25px;}
.warranty_container .warranty_subtitle {font-size: 16px;}
.warranty_container .warranty_left {margin: 0 0 20px;}
.warranty_container .warranty_right p {margin: 0 0 16px; font-size: 12px;}
.warranty_container .warranty_right p:last-of-type {margin: 0;}
.warranty_container .warranty_button {margin-top: 20px;}

.how_container:before {width: auto; left: 0; right: 0; bottom: auto; transform: none; height: 500px; border-radius: 20px 20px 0 0; background: #DCECFF;}
.how_container .how_block {padding: 60px 0 0; margin: 0;}
.how_container .how_title {margin: 0 0 57px; font-size: 25px;}
.how_container .how_items {padding: 0 20px 60px; border-radius: 0 0 20px 20px; background: #DCECFF;}
.how_container .how_item {position: relative; width: calc(100% / 2); margin: 0 0 30px;}
.how_container .how_item:nth-child(3n):before {display: block;}
.how_container .how_item:nth-child(2n):before {display: none;}
.how_container .how_item__title {font-size: 14px; padding: 0 15px;} 
.how_container .how_item:nth-child(4) .how_item__title,
.how_container .how_item:last-of-type .how_item__title {padding: 0 25px;}

.how_container .benefits_items {padding: 53px 28px 0; width: 100%; display: flex; background: #FBFBFB;}
.how_container .benefits_item {width: 100%; padding: 0; margin: 0 0 50px; box-shadow: none; border-radius: 0;}
.how_container .benefits_item:nth-child(2) {margin-top: 0;}
.how_container .benefits_item img {position: relative; left: auto; top: auto; margin: 0 0 20px;}  
.how_container .benefits_item__text p {margin: 0 0 20px; padding: 0;}
.how_container .benefits_item__text p:last-of-type {margin: 0;}
.how_container .benefits_item:nth-child(1) {order: 1;}
.how_container .benefits_item:nth-child(2) {order: 3; margin-bottom: 0;}
.how_container .benefits_item:nth-child(3) {order: 2;}
.how_container .benefits_item__button {width: 210px;}

.delivery_container {padding: 80px 0;}
.delivery_container .block_title {font-size: 32px; margin: 0 0 20px;}
.delivery_container .delivery_subtitle {margin: 0 0 23px; font-size: 14px;}
.delivery_container .delivery_subtitle br {display: none;}
.delivery_container .delivery_more {font-size: 14px;}
.delivery_container .delivery_img {width: 490px; right: -10px; top: 110px;}
.delivery_container .delivery_formbox {margin-top: 280px;}
.delivery_container .delivery_formbox__title {font-size: 23px;}
.delivery_container .delivery_formbox__subtitle {margin: 0 0 30px;}
.delivery_container .delivery_formbox .field_wrap {width: 100%; margin: 0 0 15px;}
.delivery_container .delivery_formbox .button_wrap {width: 100%;}

.faq_container .faq_block {padding: 0 0 90px;}
.faq_container .block_title {font-size: 30px; margin: 0 0 20px;}
.faq_container .faq_item {margin: 0 0 10px;}
.faq_container .faq_item__question {padding: 20px 70px 20px 20px; font-size: 12px; line-height: 140%;}
.faq_container .faq_item__icon {right: 30px; width: 24px; height: 24px;}
.faq_container .faq_item__icon svg {width: 100%; height: 100%;}
.faq_container .faq_item__answer {padding: 22px 20px 20px;}
.faq_container .faq_item__answer p {margin: 0 0 16px; padding: 0; font-size: 12px; line-height: 140%;}
.faq_container .faq_item__answer p:last-of-type {margin: 0;}
.faq_container .faq_col .faq_item:last-of-type {margin: 0 0 10px;}
 
.map_container {padding: 0 0 80px;}
.map_container .map_top {padding: 0 0 30px;}
.map_container .map_top__title {font-size: 30px; margin: 0 0 10px;}
.map_container .map_top__subtitle {font-size: 14px; line-height: 120%;}
.map_container .map_top__subtitle br {display: block;}
.map_container .map {height: 320px; margin: 0;}
.map_container .map_bottom {padding: 34px 0 0 0; background: transparent; box-shadow: none; border-radius: 0;}
.map_container .map_bottom__address {margin: 0 0 30px;}
.map_container .map_bottom__address svg {top: -4px; transform: none;}
.map_container .map_bottom__address br {display: block;}
.map_container .map_bottom__phone {margin: 0 0 10px; font-size: 32px;}
.map_container .map_bottom__mail {font-size: 24px;}
.map_container .map_bottom__callback {margin: 0 0 20px; font-size: 16px;}
.map_container .map_bottom__wa,
.map_container .map_bottom__tg {width: calc((100% - 20px)/2);}
.map_container .map_bottom__wa .button,
.map_container .map_bottom__tg .button {height: 70px;}

.price_container {padding: 0 0 60px;}
.price_container .price_block {margin: 0; border-radius: 20px;}
.price_container .price_left {padding: 70px 28px 30px;}
.price_container .block_title {font-size: 40px; margin: 0 0 10px;}
.price_container .price_subtitle {margin: 0 0 30px; font-size: 18px;}
.price_container .price_text {font-size: 14px; line-height: 150%;}
.price_container .price_text p {margin: 0 0 20px; padding: 0;}
.price_container .price_text p:last-of-type {margin: 0;}
.price_container .price_right {padding: 0 0 70px;}
.price_container .price_formbox {width: auto; margin: 0 28px; padding: 30px; border-radius: 10px;}
.price_container .price_formbox__title {margin: 0 0 6px;}
.price_container .price_formbox__title br {display: block;}
.price_container .price_formbox__subtitle {margin: 0 0 20px; font-size: 12px; line-height: 130%;}

.thanks_container {margin: 0 0 70px; background: #F2F2F2; border-radius: 0 0 40px 40px;}
.thanks_container .back_img {display: none;}
.thanks_container .thanks_block {padding: 0;}
.thanks_container .thanks_content {padding: 60px 0 80px;}
.thanks_container h1 {margin: 0 0 10px; font-size: 42px;}
.thanks_container .thanks_subtitle {margin: 0 0 20px; font-size: 18px;}
.thanks_container .thanks_urgent {margin: 0 0 30px; font-size: 12px;}
.thanks_container .thanks_buttons {display: flex; flex-flow: row wrap; justify-content: space-between; position: relative; width: 100%;}
.thanks_container .thanks_buttons__phone {width: 100%; display: block; margin: 0 0 20px; }
.thanks_container .thanks_buttons .button_callback {font-size: 20px; height: 70px;}
.thanks_container .thanks_wa,
.thanks_container .thanks_tg {width: calc((100% - 20px)/2); height: auto;}
.thanks_container .thanks_wa .button,
.thanks_container .thanks_tg .button {height: 70px;} 

.page_container .page_block {padding: 40px 0;}
.page_container h1 {font-size: 24px; margin: 0 0 15px;}
.page_container h2 {padding: 5px 0 0 0; margin: 0 0 20px; font-size: 16px;}
.page_container p {font-size: 12px; line-height: 150%; margin: 0 0 16px; padding: 0;}

.wpcf7 .button_wrap {width: 100%;}

.brands_container .block_title br {display: none;}

}

