@media screen and (max-width: 1760px) {
  
.centered {width: 1420px; margin: 0 auto;}
#mpBlock1BodyFlex > div:first-child > .flex3 > div:first-child h1 {width: 100%; font-size: 64px;}
#mpBlock1BodyFlexInfo > div:first-child .txt p {font-size: 24px;}
#mpBlock1BodyFlexInfo > div:first-child .txt {width: 80%;}
#topBody > div:nth-child(3) {width: 320px;}
#topBody > div:nth-child(2) {width: calc(100% - 460px);}
#mpBlock1BodyFlex > div:last-child {width: 20%; padding: 64px 0;}
#mpBlock1BodyFlex > div:first-child {width: 80%;}
#mpBlock1BodyFlexSlide {width: calc(100% - 64px); margin-left: 64px;}
.txt h2 {font-size: 46px;}
.txt h4 {font-size: 28px;}
.width-85 {width: 85%;}
#mpBlock2 .columns > div:last-child img {width: 90%; top: -64px; left: 5%;}
#mapMark {top: 55px; left: 210px;}
.padding-140 {padding: 120px 0;}
.productSlide .flex3 > div:last-child .txt h3 {font-size: 28px;}
.productSlide .flex3 > div:last-child .txt p {font-size: 15px;}
.productSlide .flex3 > div:last-child .txt {width: 100%;}
.productSlide .flex3 > div:last-child {padding: 22px 22px 22px 32px;}
.productSlide .ratio-1-1 {padding-top: 110%;}
.marginBottom-140 {margin-bottom: 120px;}
.txt h3 {font-size: 36px;}
.txt h5 {font-size: 20px;}
.blogEl .txt p {font-size: 15px;}
.paddingTop-140 {padding-top: 120px;}
#footerTop > div:last-child > .flex > div:first-child > div {width: 90%;}
.label {font-size: 15px;}
#innerTop h1 {font-size: 60px;}
.distributorsListBodyEl .categoryItemProp > div:first-child {width: 30%;}
.distributorsListBodyEl .categoryItemProp > div:last-child {width: 70%;}
.categoryItemProp > div {padding: 6px 0; font-size: 14px;}
#distributors > div:last-child {height: 680px;}
.phone {font-size: 28px;}
#aboutTop h1 {font-size: 60px;}
.block:last-child {margin-bottom: 120px; padding-bottom: 0px;}
#mpBanners {margin-top: -120px;}

.subcategoryEl .txt {width: 100%;}
.innerCategoryElInfo {width: 70%;}
.innerCategoryElInfo > div:first-child {width: 23%;}
.innerCategoryElInfo > div:last-child {width: 77%;}

}

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

.centered {width: 1220px; margin: 0 auto;}
.buttonSmall {margin-left: 32px;}
#topBody > div:nth-child(3) {width: 280px;}
#topBody > div:nth-child(2) {width: calc(100% - 400px);}
#topBodyMenu > li {margin: 8px 0px 8px 32px;}
#mpBlock1BodyFlex > div:first-child > .flex3 > div:first-child h1 {font-size: 56px;}
#mpBlock1BodyFlexInfo > div:first-child .txt p {font-size: 22px;}
#mpBlock1BodyFlexInfo > div:first-child .txt {width: 90%;}
#mpBlock1BodyFlexInfo > div:last-child {width: 220px;}
#mpBlock1BodyFlexInfo > div:last-child img {width: 100%; height: auto;}
#mpBlock1BodyFlexInfo > div:first-child {width: calc(100% - 220px);}
.mpBlock1BodyFlexNavEl {border-radius: 20px; padding: 10px 16px;}
.txt h2 {font-size: 38px;}
.txt h4 {font-size: 24px;}
.width-85, .width-50 p {width: 90%;}
.sliderBtn {width: 64px; height: 64px;}
#mpBlock3Slider {margin-top: -64px;}
/*.productSlide .ratio-1-1 {padding-top: 130%;}*/
.productSlide .flex3 > div:last-child .txt h3 {font-size: 24px;}
.txt h3 {font-size: 32px;}
.banner > .flex {width: 70%; padding: 88px;}
#mpBlock4Body > div:nth-child(3):not(.toBlog) {display: none;}
#mpBlock4Body > div {width: calc((100% - 40px) / 3);}
#mpBlock4 .blogEl .ratio-inner {padding-top: 64%;}
.block:last-child {margin-bottom: 160px; padding-bottom: 0px;}
#mpBlock1BodyFlexSlide {width: calc(100% - 80px);margin-left: 80px;}
#mpBlock2 .columns > div:last-child img {width: 90%; top: -32px; left: 5%;}
#mapMark {top: 70px; left: 182px;}
.categorySlider {margin-top: -64px;}
.categorySlider > div:first-child, #mpBlock3Slider > div:first-child {height: 64px;}
.textBig p {font-size: 20px;}
.categoryItem > a .ratio-inner {padding-top: 64%;}
.category {margin-top: 88px;}
.category:first-child {margin-top: 0px;}
.marginTop-80 {margin-top: 64px;}
#distributors > div:first-child {width: 40%;}
#distributors > div:last-child {width: calc(60% - 20px); height: 560px;}
.distributorsListBodyEl {padding: 20px;}
.distributorsListBodyEl .categoryItemProp > div:first-child {width: 110px;}
.distributorsListBodyEl .categoryItemProp > div:last-child {width: calc(100% - 110px);}
#footerTop {padding: 48px 0;}
#footerBottom {padding: 36px 0 32px;}
#innerTop h1 {font-size: 56px; margin-top: 10px;}
#contacts > div:first-child, #form > div:first-child {width: 40%;}
#contacts > div:last-child {width: calc(60% - 20px);}
.phone {font-size: 24px;}
#form > div:last-child {width: 60%;}
#innerBlog .blogEl .ratio-inner {padding-top: 64%;}
.blogEl .flex3 > div:last-child {padding: 0 32px 32px;}
#aboutTop h1 {font-size: 56px; margin-top: 10px; width: 90%;}
.advantagesEl > div:first-child {width: 64px;}
.advantagesEl > div:last-child {width: calc(100% - 64px); padding-left: 24px;}
.advantagesEl > div:first-child img, .advantagesEl > div:first-child svg {display: block; width: 64px; height: 64px;}
#innerSearchWrp.width-50, #innerSearchBody .width-50 {width: 60%; padding-right: 0px;}
.width-70 {width: 80%;}

.innerCategoryElChild > div:first-child {height: 64px;}
.innerCategoryElChild {margin-top: -64px;}

}

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

body {font-size: 17px;} 
.centered {width: 1040px; margin: 0 auto;}
.block1OverlayEl {width: calc(100% / 6);}
.block1OverlayEl:nth-child(7) {display: none;}
#mpBlock1BodyFlex > div:first-child {width: 100%; padding: 80px 0 72px;}
#mpBlock1BodyFlex > div:last-child {display: none;}
#mpBlock1BodyFlex > div:first-child > .flex3 > div:first-child h1 {font-size: 52px; width: 80%;}
#mpBlock1BodyFlexInfo > div:first-child .txt {width: 75%;}
.padding-140 {padding: 100px 0;}
.txt h2 {font-size: 32px;}
.txt h4 {font-size: 22px;}
#mpBlock2 .columns > div:last-child img {width: 100%; top: -24px; left: 0%;}
#mapMark {top: 74px; left: 142px;}
.width-85, .width-50 p {width: 100%;}
.sliderBtn {width: 56px; height: 56px;}
#mpBlock3Slider {margin-top: -56px;}
.categorySlider > div:first-child, #mpBlock3Slider > div:first-child {height: 56px;}
.marginBottom-140 {margin-bottom: 100px;}
.productSlide .flex3 > div:last-child .txt p {font-size: 14px;}
.productSlide .flex3 > div:last-child {padding: 14px 14px 14px 24px;}
.productSlide .icons, .blogEl .icons {width: 32px; height: 32px;}
.marginTop-48 {margin-top: 40px;}
.txt h3 {font-size: 28px;}
.banner > .flex {width: 75%; padding: 80px;}
.paddingTop-140 {padding-top: 100px;}
.label {font-size: 14px;}
.productSlide .flex3 > div:first-child {padding: 6px 6px 0 0;}
.blogEl .flex3 > div:first-child {padding: 16px 16px 0;}
.blogEl .flex3 > div:last-child {padding: 0 24px 24px;}
.txt h5 {font-size: 19px;}
#mpBlock4 .blogEl .ratio-inner {padding-top: 72%;}
.block:last-child {margin-bottom: 100px; padding-bottom: 0px;}
#footerTopMenu ul > li a, #footerTopMenu ul > li a:visited {font-size: 17px;}
#footerTopInfo > p {font-size: 28px;}
.marginTop-56 {margin-top: 48px;}
.bannerSmall {height: 220px;}
#mpBanners {margin-top: -100px;}
.button, .buttonSmall {font-size: 17px;}
#topBody > div:nth-child(3) {width: 260px;}
#topBody > div:nth-child(3) .icons:last-child {margin-left: 0px;}
#topBody > div:nth-child(2) {width: calc(100% - 380px);}
.marginTop-32 {margin-top: 24px;}
#footerBottom > div {font-size: 15px;}
#mpBlock1BodyFlexInfo {padding-top: 72px;}
.paddingTop-140 {padding-top: 100px;}
#innerTop h1 {font-size: 52px; width: 90%;}
.textBig p {font-size: 19px;}
.categoryItem > .flex3 {padding: 24px 14px 14px;}
.categorySlider {margin-top: -56px;}
#contacts > div:first-child, #form > div:first-child {padding: 24px;}
#form > div:last-child {padding: 24px 24px 24px 20px;}
.input, .textarea {font-size: 17px;}
#distributors .flex2 > div:first-child {padding: 24px;}
#distributorsListBody {padding: 0px 24px;}
#distributors .flex2 > div:last-child {padding: 0 0 24px;}
#distributors .flex2 > div:first-child > div {padding-bottom: 24px;}
#distributorsList {height: calc(100% - 24px);}
#distributors > div:last-child {height: 460px;}
#aboutTop h1 {font-size: 52px; margin-top: 10px; width: 90%;}
#aboutTop > div:last-child .columns > div {padding-right: 48px;}
.advantagesEl > div:first-child {width: 56px;}
.advantagesEl > div:first-child img, .advantagesEl > div:first-child svg {width: 56px; height: 56px;}
.advantagesEl > div:last-child {width: calc(100% - 56px); padding-left: 24px;}
#advantages .columns-2-50 > div:first-child {padding-right: 56px;}
.advantagesEl {padding: 24px 0;}
.advantagesEl:first-child {padding-top: 0px;}
.advantagesEl:last-child {padding-bottom: 0px;}
#innerBlog .blogEl .ratio-inner {padding-top: 72%;}
#panelTop {padding: 36px 48px;}
#panelBody {height: calc(100% - 94px);}

.innerCategoryElChild > div:first-child {height: 56px;}
.innerCategoryElChild {margin-top: -56px;}
.subcategoryEl .txt p {font-size: 15px;}
.subcategoryEl .txt {width: 100%;}
.innerCategoryElInfo {width: calc(100% - 200px);}
.innerCategoryElInfo > div:first-child {width: 24%;}
.innerCategoryElInfo > div:last-child {width: 76%;}
.innerCategoryEl {padding: 32px;}

}

@media screen and (max-width: 1080px) {
  
.centered {width: 100%; margin: 0 auto; padding: 0 40px;}
#topBodyMenu > li {margin: 6px 0px 6px 24px;}
#mpBlock1BodyFlexInfo > div:first-child .txt p {font-size: min(max(16px, calc(1rem + (21 - 16) * ((100vw - 320px) / (1080 - 320)))), 21px); min-height: 0vw;}
#mpBlock1BodyFlexInfo > div:first-child .txt {width: 80%;}
#mpBlock1BodyFlex > div:first-child > .flex3 > div:first-child h1 {font-size: min(max(26px, calc(1.625rem + (52 - 26) * ((100vw - 320px) / (1080 - 320)))), 52px); min-height: 0vw; width: 80%;}
#topBody {padding: 10px 20px;}
#topBody > div:first-child {width: 100px;}
#topBody > div:first-child img {width: 100px; height: auto;}
.buttonSmall {margin-left: 24px;}
#topBody > div:nth-child(3) {width: 250px;}
#topBody > div:nth-child(2) {width: calc(100% - 350px);}
.txt h2 {font-size: min(max(22px, calc(1.375rem + (32 - 22) * ((100vw - 320px) / (1080 - 320)))), 32px); min-height: 0vw;}
.txt h4 {font-size: min(max(18px, calc(1.125rem + (22 - 18) * ((100vw - 320px) / (1080 - 320)))), 22px); min-height: 0vw; margin-bottom: 24px;}
.marginTop-80 {margin-top: 56px;}
.txt h4:last-child {margin-bottom: 0px;}
#mpBlock2 .columns > div:last-child img {width: 360px; top: 24px; right: 0px; left: auto;}
#mapMark {top: 88px; left: auto; right: 254px;}
#mpBlock2 .columns-2-50 > div:first-child {width: 60%;}
#mpBlock2 .columns-2-50 > div:last-child {width: 40%;}
.width-50 {width: 60%; padding-right: 0px;}
.padding-140 {padding: 88px 0;}
.txt h3 {font-size: min(max(20px, calc(1.25rem + (28 - 20) * ((100vw - 320px) / (1080 - 320)))), 28px); min-height: 0vw;}
.productSlide .flex3 > div:last-child .txt h3 {font-size: min(max(20px, calc(1.25rem + (24 - 20) * ((100vw - 320px) / (1080 - 320)))), 24px); min-height: 0vw;}
.marginBottom-140 {margin-bottom: 88px;}
#mpBanners {margin-top: -88px;}
.banner > .flex {width: 80%; padding: 80px;}
.marginTop-64 {margin-top: 48px;}
.bannerSmall .txt {width: 70%;}
.paddingTop-140 {padding-top: 88px;}
.block:last-child {margin-bottom: 88px; padding-bottom: 0px;}
#mpBlock4 .blogEl .ratio-inner {padding-top: 80%;}
.txt h5 {font-size: min(max(17px, calc(1.0625rem + (19 - 17) * ((100vw - 320px) / (1080 - 320)))), 19px); min-height: 0vw;}
#footerTop > div:last-child > .flex > div:first-child > div {width: 100%;}
#footerTopInfo {width: 90%;}
#footerTopInfo > p {font-size: 24px;}
#innerTop h1 {font-size: min(max(26px, calc(1.625rem + (52 - 26) * ((100vw - 320px) / (1080 - 320)))), 52px); min-height: 0vw;}
.textBig p {font-size: min(max(16px, calc(1rem + (19 - 16) * ((100vw - 320px) / (1080 - 320)))), 19px); min-height: 0vw;}
.category {margin-top: 80px;}
.category:first-child {margin-top: 0px;}
.marginTop-20 {margin-top: 16px;}
#form .marginTop-20 {margin-top: 20px;}
.block.marginTop-20 {margin-top: 20px;}
.distributorsListBodyTop > div:last-child {display: none;}
.distributorsListBodyTop > div:first-child {width: 100% ; padding-right: 0px;}
#aboutTop h1 {font-size: min(max(26px, calc(1.625rem + (52 - 26) * ((100vw - 320px) / (1080 - 320)))), 52px); min-height: 0vw; margin-top: 10px; width: 100%;}
#about {margin-top: -124px;}
#aboutTop > div:last-child .columns > div {padding-right: 40px;}
.advantagesEl .txt p {margin-top: 16px; font-size: 15px;}
#innerFaq .columns-2-50 > div:first-child {width: 70%; padding-right: 48px;}
#innerFaq .columns-2-50 > div:last-child {width: 30%;}
#innerBlog .blogEl .ratio-inner {padding-top: 80%;}
#innerSearchWrp.width-50, #innerSearchBody .width-50 {width: 70%; padding-right: 0px;}
.width-70 {width: 90%;}

.innerCategoryElInfo > div:first-child {width: 180px;}
.innerCategoryElInfo > div:last-child {width: calc(100% - 180px);}

}

@media screen and (max-width: 960px) {
  
#mpBlock1BodyFlexInfo > div:last-child {width: 190px;}
#mpBlock1BodyFlexInfo > div:first-child {width: calc(100% - 190px);}
#mpBlock1BodyFlexInfo > div:first-child .txt {width: 85%;}
#mpBlock1BodyFlexInfo > div:first-child .txt p {font-size: min(max(16px, calc(1rem + (21 - 16) * ((100vw - 320px) / (1080 - 320)))), 21px); min-height: 0vw;}
.buttonSmall {display: none;}
#topBody > div:nth-child(3) {width: 110px;}
#topBody > div:nth-child(2) {width: calc(100% - 210px);}
.block1OverlayEl {width: calc(100% / 5);}
.block1OverlayEl:nth-child(6) {display: none;}
#mpBlock1BodyFlexInfo > div:first-child .txt {width: 90%;}
#topBodyMenu > li {margin: 6px 0px 6px 20px;}
.mpBlock1BodyFlexNavEl {border-radius: 20px;padding: 8px 12px; margin: 10px 10px 0 0;}
#mpBlock1BodyFlexNav > div:last-child {display: none;}
#mpBlock1BodyFlexNav > div:first-child {width: 100%; padding-top: 12px;}
#mpBlock1BodyFlexInfo {padding-bottom: 24px; padding-top: 72px;}
#mpBlock1BodyFlexNav > div:first-child {padding-top: 14px;}
#top {padding: 20px 0;}
#mpBlock1 {margin-top: -124px;}
#mpBlock1BodyFlex {padding-top: 124px;}
#mpBlock2 .columns > div:last-child img {width: 320px; top: 32px; right: 0px; left: auto;}
#mapMark {top: 88px; left: auto; right: 224px;}
#mpBlock3Slider > div:first-child {height: 48px;}
.sliderBtn {width: 48px; height: 48px; margin-left: 0px;}
#mpBlock3Slider .sliderBtn {margin-left: 16px;}
.sliderBtn svg {display: block; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -9px;}
.productSlide > div:first-child {width: 24%;}
.productSlide > div:last-child {width: 76%;}
.productSlide .flex3 > div:last-child .txt p {font-size: 15px;}
.productSlide .flex3 > div:last-child .txt {width: 90%;}
.banner > .flex {width: 90%; padding: 80px 56px;}
#mpBlock4Body > div:nth-child(3):not(.toBlog), .toBlog {display: none !important;}
#mpBlock4Body > div {width: calc((100% - 20px) / 2);}
#mpBlock4 .blogEl .ratio-inner {padding-top: 64%;}
#mpToBlog {display: block !important;}
#footerTop > div:last-child > .flex > div:first-child > div > div {width: 80%; padding-right: 24px; margin-top: 32px;} 
#footerTop > div:last-child > .flex > div:first-child > div > div:first-child {margin-top: 0px;} 
#footerBottom > div:last-child p {float: left; margin-right: 32px; margin-top: 6px; margin-bottom: 6px;}
#footerBottom > div:first-child p {margin: 6px 0;}
#footerBottom {padding: 30px 0 24px;}
#footerTop.columns > div:first-child a > img {width: 120px; height: auto; display: block;}
.marginTop-56 {margin-top: 40px;}
.catalog > div {width: 100%; margin-left: 0px; margin-top: 20px; position: relative;}
.catalog > div:nth-child(-n+2) {margin-top: 20px;}
.catalog > div:nth-child(2n+1) {margin-left: 0px;}
.catalog > div:nth-child(-n+1) {margin-top: 0px;}
.catalog > div:nth-child(2n+1) {margin-left: 0px;}
#innerTop {margin-top: 56px;}
#innerContent {margin-top: 48px;}
#breadcrumbs > li {margin-right: 6px; margin-bottom: 6px;}
.categorySlider .sliderBtn {margin-left: 16px;}
.categorySlider .sliderBtn:last-child {margin-left: 0px;}
#mpBlock3Slider {margin-top: -48px;}
.categorySlider > div:first-child, #mpBlock3Slider > div:first-child {height: 48px;}
.categorySlider {margin-top: -48px;}
.category {margin-top: 72px;}
.category:first-child {margin-top: 0px;}
.txt h3 {margin-bottom: 24px;}
.txt h3:last-child {margin-bottom: 0px;}
#distributors > div:first-child {width: 100%;}
#distributors > div:last-child {width: 100%; margin-left: 0px; margin-top: 20px;}
#distributors .flex2 > div:last-child {height: 400px;}
.distributorsListBodyTop > div:last-child {display: flex;}
.distributorsListBodyTop > div:first-child {width: calc(100% - 24px); padding-right: 20px;}
#about {margin-top: -124px;}
#aboutTop #breadcrumbs {margin-top: 56px;}
#aboutTop {padding-top: 124px;}
#aboutTop > div:last-child {padding: 72px 0;}
#aboutTop > div:last-child .columns > div {padding-right: 32px;}
.advantagesEl {padding: 20px 0;}
.advantagesEl:first-child {padding-top: 0px;}
.advantagesEl:last-child {padding-bottom: 0px;}
#faq .columns > div:last-child > div {width: 80%; margin-left: 20%;}
#innerBlog > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative;}
#innerBlog > div:nth-child(3n+1) {margin-left: 20px;}
#innerBlog > div:nth-child(-n+3) {margin-top: 20px;}
#innerBlog > div:nth-child(2n+1) {margin-left: 0px;}
#innerBlog > div:nth-child(-n+2) {margin-top: 0px;}
#innerBlog .blogEl .ratio-inner {padding-top: 64%;} 
#panelBody {padding: 32px 40px 32px;}
#panelTop {padding: 36px 40px;}
.width-70 {width: 100%;}

.subcategoryEl .txt {width: 90%;}
.innerCategoryElInfo {width: calc(100% - 160px);}
.innerCategoryElInfo > div:first-child {width: 20%;}
.innerCategoryElInfo > div:last-child {width: 80%; padding-left: 24px;}
.innerCategoryElInfo > div:first-child > div {padding: 8px;}
.innerCategoryElChild .sliderBtn {margin-left: 16px;}
.subcategoryEl .txt h4 {font-size: min(max(18px, calc(1.125rem + (22 - 18) * ((100vw - 320px) / (1080 - 320)))), 22px);}

}


@media screen and (max-width: 860px) {
  
#mpBlock2 .columns > div:last-child img {width: 280px; top: 40px; right: 0px; left: auto;}
#mapMark {top: 88px; left: auto; right: 196px;}
.banner > .flex {width: 90%; padding: 80px 48px;}
#footerTop > div:last-child > .flex > div:first-child > div > div {width: 100%;}
#form > div:first-child {width: 80%; padding: 24px;}
#form > div:first-child .flex2 > div:last-child {display: none;}
#form > div:last-child {padding: 0px 24px 24px 24px; width: 100%;}
#contacts > div:first-child {width: 100%;}
#contacts > div:last-child {width: 100%; margin-left: 0px; padding-left: 0px; margin-top: 20px;}
#contacts > div:last-child {height: 420px; min-height: 100px;}
#advantages .columns-2-50 > div:first-child {padding-right: 0px; width: 60%;}
#advantages .columns-2-50 > div:first-child .flex2 > div:last-child {display: none;}
#advantages .columns-2-50 > div:last-child {width: 100%; padding-left: 0px; margin-top: 48px;}
.advantagesEl .txt p {margin-top: 16px; font-size: 17px;}
.advantagesEl > div:first-child {width: 64px;}
.advantagesEl > div:last-child {width: calc(100% - 64px); padding-left: 24px;}
.advantagesEl > div:first-child img, .advantagesEl > div:first-child svg {display: block; width: 64px; height: 64px;}
#faq .columns-2-50 > div:first-child {padding-right: 0px; width: 100%;}
#faq .columns-2-50 > div:last-child {display: none;}
#faq .columns-2-50 > div:first-child > div > .txt {width: 60%;}
#innerFaq .columns-2-50 > div:first-child {width: 100%; padding-right: 0px;}
#innerFaq .columns-2-50 > div:last-child {width: 60%; margin-top: 56px; padding-left: 0px;}
/*#panelBody ul li a, #panelBody ul li a:visited {font-size: 20px;}*/
#innerSearchWrp.width-50, #innerSearchBody .width-50 {width: 100%; padding-right: 0px;}

}

@media screen and (max-width: 820px) {
  
body {font-size: 16px;} 
#mpBlock1BodyFlex > div:first-child > .flex3 > div:first-child h1 {width: 85%;}
.mpBlock1BodyFlexNavEl {font-size: 15px;}
.width-50 {width: 70%;}
.label {font-size: 13px;}
#mpBlock2 .columns-2-50 > div:first-child {width: calc(100% - 290px);}
#mpBlock2 .columns-2-50 > div:last-child {width: 290px;}
#mpBlock2 .columns > div:last-child img {width: 280px; top: 64px; right: 0px; left: auto;}
#mapMark {top: 110px; left: auto; right: 196px;}
.button, .buttonSmall {font-size: 16px;}
.productSlide .flex3 > div:last-child .txt {width: 100%;}
.productSlide .flex3 > div:last-child {padding: 0px 14px 14px 24px;}
.bannerSmall .flex3 > div:last-child {padding: 24px;}
.bannerSmall {height: 180px;}
#mpBlock4 .blogEl .ratio-inner {padding-top: 72%;}
#footerTopMenu ul > li a, #footerTopMenu ul > li a:visited {font-size: 16px;}
#footerBottom > div {font-size: 14px;}
#footerTop .marginTop-56:not(#footerTopInfo) {display: none;}
#footerTop > div:last-child > .flex > div:first-child > div > div {padding-right: 24px;}
#footerBottom > div:last-child p {margin-right: 20px;}
.input, .textarea {font-size: 16px;}
.txt p {margin-top: 18px;}
.txt p:first-child {margin-top: 0px;}
.advantagesEl .txt p {margin-top: 16px; font-size: 16px;}
#advantages .columns-2-50 > div:first-child {width: 70%;}
#faq .columns-2-50 > div:first-child > div > .txt {width: 70%;}
#innerFaq .columns-2-50 > div:last-child {width: 70%;}
#innerBlog .blogEl .ratio-inner {padding-top: 72%;} 
#mdl {padding: 32px; width: 100%;}

.subcategoryEl {padding: 24px;}
.subcategoryEl .button {margin-top: 24px;}
.innerCategoryElInfo > div:first-child {width: 100%;}
.innerCategoryElInfo {width: 100%;}
.innerCategoryElInfo > div:last-child {width: calc(100% - 160px); padding-left: 0px; margin-top: 24px;}
.innerCategoryElInfo > div:first-child .ratio-1-1 {padding-top: 32%;}
.innerCategoryElInfo > div:first-child > div {padding: 16px;}

}

@media screen and (max-width: 760px) {
  
#mpBlock1BodyFlex > div:first-child {padding: 80px 0 64px;}
#mpBlock1BodyFlexInfo {padding-bottom: 24px; padding-top: 64px;}
#mpBlock1BodyFlexInfo > div:last-child {width: 160px;}
#mpBlock1BodyFlexInfo > div:first-child {width: calc(100% - 160px);}
.productSlide .flex3 > div:last-child .txt p {font-size: 14px;}
.productSlide .ratio-1-1 {padding-top: 120%;}
.banner > .flex {width: 100%; padding: 80px 40px;}
#mpBlock4 .blogEl .ratio-inner {padding-top: 80%;}
#mpBlock3Slider > div:last-child, .categorySlider > div:last-child {padding-top: 24px; margin-top: 24px;}
#aboutTop > div:last-child {padding: 64px 0;}
#innerBlog .blogEl .ratio-inner {padding-top: 80%;} 
.galleryBodyEl {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px;}
.galleryBodyEl:nth-child(-n+4) {margin-top: 20px;}
.galleryBodyEl:nth-child(4n+1) {margin-left: 20px;}
.galleryBodyEl:nth-child(-n+3) {margin-top: 0px;}
.galleryBodyEl:nth-child(3n+1) {margin-left: 0px;}

.innerCategoryElChild > div:last-child {padding-top: 24px; margin-top: 24px;}
.innerCategoryEl {padding: 24px;}
.subcategoryEl .txt p {font-size: 14px;}
.subcategoryEl .txt {width: 100%;}

}

@media screen and (max-width: 720px) {
  
.block1OverlayEl {width: calc(100% / 4);}
.block1OverlayEl:nth-child(5) {display: none;}
#topBodyMenu {display: none;}
#topBodyMenuBtn {display: block;}
#topBodyMenuBtn svg rect {fill: #003DA6; transition: all 0.2s linear; height: 1.4px;}
#topBodyMenuBtn:hover svg rect {fill: #fff; transition: all 0.2s linear;}
#topBody > div:nth-child(3) {width: 140px;}
#topBody > div:nth-child(2) {width: calc(100% - 240px);}
#mpBlock2 .columns-2-50 > div:first-child {width: 100%;}
#mpBlock2 .columns-2-50 > div:last-child {display: none;}
.padding-140 {padding: 72px 0;}
#mpBlock2:before {content: ''; display: block; width: 100%; height: 100%; background: url('../img/map.svg') no-repeat; background-size: 400px 516px; background-position: 50% 50%; position: absolute; z-index: 1; top: 0px; left: 0px; opacity: 0.32;}
#mpBlock2 {position: relative;}
#mpBlock2 .centered {z-index: 2; position: relative;}
.marginBottom-140 {margin-bottom: 72px;}
#mpBanners {margin-top: -72px;}
.width-50 {width: 75%;}
.banner > .flex {width: 100%; padding: 72px 40px;}
.columns-2-50 > div {width: 100%;}
.columns-2-50 > div:first-child {padding-right: 0px;} 
.columns-2-50 > div:last-child {padding-left: 0px;} 
.bannerSmall .txt {width: 50%;}
.bannerSmall .flex3 > div:first-child {padding: 16px 16px 0;}
.paddingTop-140 {padding-top: 72px;}
.block:last-child {margin-bottom: 72px; padding-bottom: 0px;}
.blogEl .flex3 > div:last-child {padding: 0 20px 20px;}
#footerTop > div:first-child > div {width: 100%;}
#footerTop > div:last-child {margin-top: 48px;}
#footerTop > div:last-child > .flex > div:first-child > div > div {width: 50%; margin-top: 0px; padding-right: 32px;}
#footerTop > div:last-child > .flex > div:first-child > div > div:first-child {margin-top: 0px;} 
.categoryItem .columns-2-50 > div:last-child .categoryItemProp:first-child {border-top: 1px solid #9CA2AE;}
.category {margin-top: 64px;}
.category:first-child {margin-top: 0px;}
#aboutTop .columns-2-50 > div:last-child {margin-top: 32px;}
#aboutTop .columns-2-50 > div {width: 85%;}
#aboutTop > div:last-child .columns > div {padding-right: 0px;}
.marginTop-32 {margin-top: 20px;}
#advantages .columns-2-50 > div:first-child {width: 75%;}
#faq .columns-2-50 > div:first-child > div > .txt {width: 75%;}
#innerFaq .columns-2-50 > div:last-child {width: 75%;}
.panel--open #panel {transition: all 0.2s linear; right: 0px !important;}

}

@media screen and (max-width: 680px) {
  
.centered {width: 100%; margin: 0 auto; padding: 0 32px;}
#topBody > div:first-child img {width: 90px;}
#topBody > div:nth-child(2) {width: calc(100% - 230px);}
#topBody > div:first-child {width: 90px;}
#topBody {padding: 10px 16px;}
#topBody > div:nth-child(2) {padding: 0 0;}
#mpBlock1BodyFlex {padding-top: 115px;}
#mpBlock1 {margin-top: -115px;}
.banner > .flex {width: 100%; padding: 72px 32px;}
#about {margin-top: -115px;}
#aboutTop {padding-top: 115px;}


}

@media screen and (max-width: 620px) {
  
#mpBlock1BodyFlex > div:first-child > .flex3 > div:first-child h1 {width: 90%;}
#mpBlock1BodyFlexNav {z-index: 2; position: absolute; bottom: 3px; width: 40px; right: 0px;}
#mpBlock1BodyFlexNav > div:first-child {display: none;}
#mpBlock1BodyFlexNav > div:last-child {display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 0px;}
#mpBlock1BodyFlexInfo {border-bottom: none; padding-bottom: 0px; padding-top: 56px;}
#mpBlock1BodyFlexInfo > div:first-child {width: 100%; padding-bottom: 20px; border-bottom: 1px solid #fff;}
#mpBlock1BodyFlexInfo > div:first-child .txt {width: 90%;}
#mpBlock1BodyFlexInfo > div:last-child {width: 100%; padding-top: 20px;}
#mpBlock1BodyFlexInfo > div:last-child img {width: 160px;}
#mpBlock1BodyFlexInfo {z-index: 1;}
#mpBlock1BodyFlex > div:first-child > .flex3 > div {position: relative;}
#mpBlock1BodyFlex > div:first-child {padding: 80px 0 56px;}
#mpBlock1BodyFlex {min-height: 70vh;}
.label {font-size: 12px;}
.padding-140 {padding: 64px 0;}
.productSlide > div:first-child {width: 100%;}
.productSlide .ratio-1-1 {padding-top: 32%;}
.productSlide > div:last-child {width: 100%;}
.productSlide .flex3 > div:last-child {padding: 20px 10px 10px 10px;}
.productSlide .flex3 > div:first-child {display: none;}
.productSlide .flex3 > div:last-child .txt p {margin-top: 16px;}
#mpBlock3Slider, .categorySlider {margin-top: 40px;}
.width-50 {width: 85%;}
#mpBlock3Slider > div:first-child, .categorySlider > div:first-child, .innerCategoryElChild > div:first-child {height: auto; order: 2; padding-top: 20px; margin-top: 20px; border-top: 1px solid #9CA2AE;}
#mpBlock3Slider > div:last-child, .categorySlider > div:last-child, .innerCategoryElChild > div:last-child {padding-top: 0px; margin-top: 0px; border-top: none; order: 1;}
#mpBlock3Slider .sliderBtn:last-child {margin-left: 0px;}
.marginBottom-140 {margin-bottom: 64px;}
#mpBanners {margin-top: -64px;}
.banner > .flex {padding: 64px 32px;}
.marginTop-64 {margin-top: 40px;}
.bannerSmall {margin-top: 16px;}
.bannerSmall .flex3 > div:first-child {padding: 16px 16px 0;}
.paddingTop-140 {padding-top: 64px;}
.block:last-child {margin-bottom: 64px; padding-bottom: 0px;}
#mpBlock4Body > div:nth-child(2):not(.toBlog) {display: none !important;}
#mpBlock4Body > div {width: 100%;}
#mpBlock4 .blogEl .ratio-inner {padding-top: 40%;}
.blogEl .txt h5 {font-size: min(max(17px, calc(1.0625rem + (19 - 17) * ((100vw - 320px) / (620 - 320)))), 19px); min-height: 0vw;}
#footerTopInfo > p {font-size: 20px;}
#innerTop {margin-top: 40px;}
#innerContent {margin-top: 40px;}
#innerTop h1 {margin-top: 6px;}
#breadcrumbs > li {font-size: 12px;}
.categoryItem > .flex3 {padding: 20px 10px 10px;}
.categoryItem .flex3 > div:first-child {padding-bottom: 32px;}
.categoryItem .marginTop-20 {margin-top: 10px;}
.category {margin-top: 56px;}
.category:first-child {margin-top: 0px;}
#form > div:first-child {width: 90%; padding: 24px;}
.catalog > div {width: 100%; margin-left: 0px; margin-top: 16px; position: relative;}
.catalog > div:nth-child(-n+2) {margin-top: 16px;}
.catalog > div:nth-child(2n+1) {margin-left: 0px;}
.catalog > div:nth-child(-n+1) {margin-top: 0px;}
.catalog > div:nth-child(2n+1) {margin-left: 0px;}
#form .marginTop-20 {margin-top: 16px;}
.input {padding: 0 16px;}
.input--two {width: 100%; margin-left: 0px; margin-top: 16px;}
.input--two:nth-child(-n+2) {margin-top: 16px;}
.input--two:first-child {margin-top: 0px;}
.textarea {margin-top: 16px; padding: 12px 16px; height: 100px;}
.marginTop-48 {margin-top: 32px;}
#contacts > div:last-child {margin-top: 16px; height: 360px;}
.contactsEl {margin-top: 24px;}
.contactsEl:first-child {margin-top: 0px;}
.contactsEl p:nth-child(2) {margin-top: 10px;}
.phone {font-size: 20px;}
.txt h3 {margin-bottom: 20px;}
.txt h3:last-child {margin-bottom: 0px;}
#contacts > div:last-child {margin-top: 10px; height: 320px;} 
#distributors .flex2 > div:first-child {padding: 20px;}
#distributorsListBody {padding: 0px 20px;}
#distributors .flex2 > div:last-child {padding: 0 0 20px;}
#distributors .flex2 > div:first-child > div {padding-bottom: 20px;}
.distributorsListBodyEl {padding: 16px;}
#distributorsList {height: calc(100% - 20px);}
#distributors > div:last-child {height: 420px;}
.distributorsListBodyEl .categoryItemProp > div:first-child {width: 80px;}
.distributorsListBodyEl .categoryItemProp > div:last-child {width: calc(100% - 80px);}
.distributorsListBodyEl .marginTop-20 {margin-top: 10px;}
#distributors > div:last-child {margin-top: 16px;}
#aboutTop #breadcrumbs {margin-top: 40px;}
#aboutTop > div:last-child {padding: 56px 0;}
#aboutTop {min-height: 70vh;}
#aboutTop .columns-2-50 > div {width: 90%;}
#advantages .columns-2-50 > div:first-child {width: 85%;}
.advantagesEl {padding: 16px 0;}
.advantagesEl:first-child {padding-top: 0px;}
.advantagesEl:last-child {padding-bottom: 0px;}
#faq .marginTop-80 {margin-top: 40px;}
#innerFaq .columns-2-50 > div:last-child {width: 85%;}
.marginTop-40 {margin-top: 32px;}
#innerBlog > div {width: 100%; margin-left: 0px; margin-top: 16px; position: relative;}
#innerBlog > div:nth-child(3n+1) {margin-left: 0px;}
#innerBlog > div:nth-child(-n+3) {margin-top: 16px;}
#innerBlog > div:nth-child(2n+1) {margin-left: 0px;}
#innerBlog > div:nth-child(-n+2) {margin-top: 16px;}
#innerBlog > div:nth-child(-n+1) {margin-top: 0px;}
#innerBlog .blogEl .ratio-inner {padding-top: 40%;} 
.marginTop-80 {margin-top: 48px;}
#innerTop h1 {width: 100%;}
.galleryBodyEl {width: calc((100% - 32px) / 3); margin-left: 16px; margin-top: 16px;}
.galleryBodyEl:nth-child(-n+4) {margin-top: 16px;}
.galleryBodyEl:nth-child(4n+1) {margin-left: 16px;}
.galleryBodyEl:nth-child(-n+3) {margin-top: 0px;}
.galleryBodyEl:nth-child(3n+1) {margin-left: 0px;}
#videoBody {width: 100% !important;}
.innerSearchBodyEl {padding: 16px 0;}
.innerSearchBodyEl .txt h5 {margin-bottom: 6px;}
.innerSearchBodyEl:first-child {padding-top: 0px !important;}
.innerSearchBodyEl:last-child {padding-bottom: 0px !important; border-bottom: none;}
#mdl {padding: 24px;}

.subcategoryEl .txt p {margin-top: 16px;}
.subcategoryEl .txt h4 {margin-bottom: 16px;}
.innerCategoryElInfo > div:last-child {width: 100%;}
.innerCategoryEl {padding: 20px;}
.subcategoryEl {padding: 20px;}
.innerCategoryElChild {margin-top: 32px;}

}

@media screen and (max-width: 560px) {
  
.icons {width: 32px; height: 32px;}
.icons svg {width: 14px; height: 14px; position: absolute; top: 50%; margin-top: -7px; left: 50%; margin-left: -7px;}
.icons svg .stroke {stroke-width: 1.4;}
.icons p {width: 100%; display: block; text-align: center; line-height: 1; font-size: 12px; font-weight: normal; color: #003DA6; transition: all 0.2s linear; padding: 9px 0; z-index: 2; position: relative;}
#topBody .langChange {position: absolute; z-index: 1; top: -2px; left: -2px; width: calc(100% + 4px); padding: 34px 0px 2px; border-radius: 21px; background-color: #3B82F6; display: none;}
#topBody {padding: 8px 16px;}
#topBody > div:first-child img {width: 80px; height: 46px; display: block;}
#topBody > div:first-child {width: calc(100% - 130px);}
#topBody > div:nth-child(2) {display: none;}
#topBody > div:nth-child(3) {width: 130px;}
#top {padding: 10px 0;}
#mpBlock1BodyFlexNav > div:last-child {width: 32px;}
#mpBlock1BodyFlexNav {width: 32px; bottom: 7px;}
#mpBlock1BodyFlex {padding-top: 82px;}
#mpBlock1 {margin-top: -82px;}
#mpBlock1BodyFlex > div:first-child {padding: 64px 0 56px;}
.block1OverlayEl {width: calc(100% / 3);}
.block1OverlayEl:nth-child(4) {display: none;}
.button > div:nth-child(2) {width: 32px;}
.button > div:first-child {padding: 0px 12px 0 16px;}
.button {height: 42px;}
.productSlide .ratio-1-1 {padding-top: 40%;}
.width-50 {width: 90%;}
#mpBlock4 .blogEl .ratio-inner {padding-top: 48%;}
.categoryItem .columns-2-50 > div {width: 50%;}
.categoryItem .columns-2-50 > div:first-child {padding-right: 8px;}
.categoryItem .columns-2-50 > div:last-child {padding-left: 8px;}
.categoryItem .columns-2-50 > div:last-child .categoryItemProp:first-child {/*border-top: 1px solid #9CA2AE;*/ border-top: none;}
.input {height: 40px;}
#form > div:first-child {width: 100%;}
#about {margin-top: -82px;}
#aboutTop {padding-top: 82px;}
#aboutTop .columns-2-50 > div {width: 100%;}
#advantages .columns-2-50 > div:first-child {width: 90%;}
#faq .columns-2-50 > div:first-child > div > .txt {width: 90%;}
.faqListElTop > div:last-child {width: 32px;}
.faqListElTop > div:first-child {width: calc(100% - 32px); padding-right: 20px;}
#innerFaq .columns-2-50 > div:last-child {width: 90%;}
#innerFaq .columns-2-50 > div:last-child > div {width: 100%;}
#innerBlog .blogEl .ratio-inner {padding-top: 48%;} 
#panel {width: 100%; right: -100%;}
#panelTop {padding: 36px 32px;}
#panelBody {padding: 32px 32px 32px;}
#panelBody ul li a, #panelBody ul li a:visited {width: 100%; text-align: center; display: block;}

}

@media screen and (max-width: 520px) {
  
#mpBlock1BodyFlex > div:first-child > .flex3 > div:first-child h1 {width: 100%;}
.width-50 {width: 100%;}
.bannerSmall .txt {width: 60%;}
#footerTop > div:last-child > .flex > div:first-child {display: none;}
#footerTop > div:first-child > div > a:first-child {width: 120px; height: auto; margin: 0 auto; display: block;}
#footerTopInfo {width: 100%;}
#footerTopInfo p {text-align: center;}
#footerTop {padding: 40px 0 24px;}
#footerTop > div:last-child > .flex > div:last-child {width: 74px; margin-left: calc((100% - 74px) / 2);}
#footerMenuBtn {display: block; margin-right: 10px;}
#footerTop > div:last-child > .flex > div:last-child .icons {float: left;}
#footerMenuBtn svg rect {fill: #fff; transition: all 0.2s linear; height: 1.4px;}
#footerMenuBtn:hover svg rect {fill: #fff; transition: all 0.2s linear;}
#footerBottom > div {justify-content: center;}
#footerBottom > div:last-child p {margin-right: 8px; margin-left: 8px;}
.distributorsListBodyTop > div:last-child {display: none;}
.distributorsListBodyTop > div:first-child {width: 100%; padding-right: 0px;}
.categoryItemProp > div {font-size: 13px;}
#distributors .input {display: none;}
.advantagesEl > div:first-child {width: 56px;}
.advantagesEl > div:first-child img, .advantagesEl > div:first-child svg {width: 56px; height: 56px;}
.advantagesEl > div:last-child {width: calc(100% - 56px); padding-left: 20px;}

.innerCategoryElInfo > div:first-child .ratio-1-1 {padding-top: 40%;}

}

@media screen and (max-width: 480px) {
  
#mpBlock1BodyFlexInfo > div:first-child .txt {width: 100%;}
.centered {width: 100%; margin: 0 auto; padding: 0 24px;}
#mpBlock2:before {content: ''; display: block; width: 100%; height: 100%; background: url('../img/map.svg') no-repeat; background-size: 360px 465px; background-position: 50% 50%; position: absolute; z-index: 1; top: 0px; left: 0px; opacity: 0.32;}
.productSlide .ratio-1-1 {padding-top: 48%;}
#mpBlock3Slider, .categorySlider {margin-top: 32px;}
.width-50 {width: 100%;}
.productSlide .flex3 > div:last-child .txt p {font-size: 13px;}
.marginBottom-140 {margin-bottom: 56px;}
#mpBanners {margin-top: -56px;}
.button > div:nth-child(2) {display: none;}
.button > div:first-child {padding: 0px 16px 0 16px; justify-content: center; width: 100%;}
.button {float: none;}
#mpBlock3Slider .sliderBtn {margin-left: 10px;}
#mpBlock3Slider .sliderBtn:last-child {margin-left: 0px;}
.banner > .flex {padding: 56px 24px;}
.bannerSmall {margin-top: 10px;}
.bannerSmall .flex3 > div:first-child {padding: 10px 10px 0;}
.bannerSmall .flex3 > div:last-child {padding: 20px;}
.bannerSmall {height: 160px;}
.bannerSmall .txt {width: 70%;}
.blogEl .flex3 > div:first-child {padding: 10px 10px 0;}
#mpBlock4 .blogEl .ratio-inner {padding-top: 56%;}
.slickWrp .slick-slide {margin-left: 10px;}
.slickWrp {width: calc(100% + 10px); margin-left: -10px;}
.button {width: 100%;}
#mpBlock5 {overflow-x: hidden;}
#footerBottom > div:last-child p {margin-right: 0px; margin-left: 0px; width: 100%; text-align: center; margin-top: 4px; margin-bottom: 4px;}
#footerBottom > div:last-child p:first-child {padding-top: 10px;}
.category {margin-top: 48px;}
.category:first-child {margin-top: 0px;}
.categoryItem .flex3 > div:first-child {padding-bottom: 24px;}
.catalog > div {width: 100%; margin-left: 0px; margin-top: 10px; position: relative;}
.catalog > div:nth-child(-n+2) {margin-top: 10px;}
.catalog > div:nth-child(2n+1) {margin-left: 0px;}
.catalog > div:nth-child(-n+1) {margin-top: 0px;}
.catalog > div:nth-child(2n+1) {margin-left: 0px;}
#form .marginTop-20 {margin-top: 10px;}
.input--two {width: 100%; margin-left: 0px; margin-top: 10px;}
.input--two:nth-child(-n+2) {margin-top: 10px;}
.input--two:first-child {margin-top: 0px;}
.textarea {margin-top: 10px; padding: 12px 16px; height: 88px;}
#contacts > div:last-child {margin-top: 10px; height: 320px;}
#contacts > div:first-child, #form > div:first-child {padding: 20px;}
#form > div:last-child {padding: 0px 20px 20px 20px; width: 100%;}
#distributors > div:last-child {margin-top: 10px;}
#advantages .columns-2-50 > div:first-child {width: 100%;}
#faq .columns-2-50 > div:first-child > div > .txt {width: 100%;}
#faq .marginTop-80 {margin-top: 32px;}
#innerFaq .columns-2-50 > div:last-child {width: 100%;}
#innerFaq .columns-2-50 > div:last-child {margin-top: 48px;}
#innerBlog .blogEl .ratio-inner {padding-top: 56%;} 
#innerBlog > div {margin-top: 10px;}
#innerBlog > div:nth-child(-n+3) {margin-top: 10px;}
#innerBlog > div:nth-child(-n+2) {margin-top: 10px;}
#innerBlog > div:nth-child(-n+1) {margin-top: 0px;}
.galleryBodyEl {width: calc((100% - 10px) / 2); margin-left: 10px; margin-top: 10px;}
.galleryBodyEl:nth-child(-n+4) {margin-top: 10px;}
.galleryBodyEl:nth-child(4n+1) {margin-left: 10px;}
.galleryBodyEl:nth-child(-n+3) {margin-top: 10px;}
.galleryBodyEl:nth-child(3n+1) {margin-left: 10px;}
.galleryBodyEl:nth-child(-n+2) {margin-top: 0px;}
.galleryBodyEl:nth-child(2n+1) {margin-left: 0px;}
.innerSearchBodyEl {padding: 10px 0;}
.innerSearchBodyEl .txt h5 {margin-bottom: 6px;}
.innerSearchBodyEl:first-child {padding-top: 0px !important;}
.innerSearchBodyEl:last-child {padding-bottom: 0px !important; border-bottom: none;}

.innerCategoryEl {margin-top: 10px;}
.innerCategoryEl:first-child {margin-top: 0px;}

}

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

body {font-size: 15px;}
.input, .textarea {font-size: 15px;}
#mpBlock1BodyFlexInfo > div:last-child img {width: 146px;}
#mpBlock1BodyFlexNav {width: 32px; bottom: 5px;}
.searchBtn {display: none;}
.centered {width: 100%; margin: 0 auto; padding: 0 20px;}
#topBody > div:nth-child(3) {width: 100px;}
#topBody > div:first-child {width: calc(100% - 100px);}
#topBody {padding: 7px 12px;}
#topBody > div:first-child img {width: 74px; height: 42px;}
#mpBlock1BodyFlex {padding-top: 76px;}
#mpBlock1 {margin-top: -76px;}
#mpBlock1BodyFlex > div:first-child {padding: 56px 0 48px;}
.padding-140 {padding: 56px 0;}
#mpBlock2:before {content: ''; display: block; width: 100%; height: 100%; background: url('../img/map.svg') no-repeat; background-size: 340px 439px; background-position: 50% 50%; position: absolute; z-index: 1; top: 0px; left: 0px; opacity: 0.32;}
.productSlide .ratio-1-1 {padding-top: 56%;}
.banner > .flex {padding: 56px 20px;}
.bannerSmall {height: 140px;}
.bannerSmall .txt {width: 85%;}
.paddingTop-140 {padding-top: 56px;}
.block:last-child {margin-bottom: 56px; padding-bottom: 0px;}
#mpBlock4 .blogEl .ratio-inner {padding-top: 64%;}
#innerTop {margin-top: 32px;}
#innerContent {margin-top: 32px;}
#breadcrumbs > li {font-size: 11px; margin-right: 5px; margin-bottom: 5px;}
.marginTop-56 {margin-top: 32px;}
.txt p {margin-top: 16px;}
.txt p:first-child {margin-top: 0px;}
#contacts > div:last-child {height: 280px;}
#distributors > div:last-child {height: 360px;}
.distributorsListBodyEl .categoryItemProp > div:first-child {width: 100%;}
.distributorsListBodyEl .categoryItemProp > div:last-child {width: 100%; margin-top: 0px; text-align: left; justify-content: flex-start;}
.categoryItemProp > div {padding: 4px 0;}
#distributors .flex2 > div:last-child {height: 360px;}
#about {margin-top: -76px;}
#aboutTop {padding-top: 76px;}
#aboutTop #breadcrumbs {margin-top: 32px;}
.advantagesEl .txt p {margin-top: 12px; font-size: 15px;}
.advantagesEl > div:first-child {width: 48px;}
.advantagesEl > div:first-child img, .advantagesEl > div:first-child svg {width: 48px; height: 48px;}
.advantagesEl > div:last-child {width: calc(100% - 56px); padding-left: 20px;}
#innerFaq .columns-2-50 > div:last-child {margin-top: 40px;}
#innerBlog .blogEl .ratio-inner {padding-top: 64%;} 
.marginTop-40 {margin-top: 24px;}
/*#panelBody ul li a, #panelBody ul li a:visited {font-size: 20px;}
#panelBody ul li {margin-top: 20px;}*/
#panelBody ul li:first-child {margin-top: 0px;}
#panelBody {padding: 32px 24px 32px;}
#panelTop {padding: 24px 16px;}
#panelBody {height: calc(100% - 70px);}
#mdl {padding: 20px;}

.innerCategoryElInfo > div:first-child .ratio-1-1 {padding-top: 48%;}

}

@media screen and (max-width: 380px) {
  
body {min-width: 320px;}
.block1OverlayEl {width: calc(100% / 2);}
.block1OverlayEl:nth-child(3) {display: none;}
#mpBlock2:before {content: ''; display: block; width: 100%; height: 100%; background: url('../img/map.svg') no-repeat; background-size: 320px 414px; background-position: 50% 50%; position: absolute; z-index: 1; top: 0px; left: 0px; opacity: 0.32;}
.productSlide .ratio-1-1 {padding-top: 64%;}
.bannerSmall {height: 120px;}
.bannerSmall .txt {width: 100%;}
.bannerSmall .flex3 > div:last-child {padding: 0px 20px 20px;}
#mpBlock4 .blogEl .ratio-inner {padding-top: 72%;}
.categoryItem .columns-2-50 > div {width: 100%;}
.categoryItem .columns-2-50 > div:first-child {padding-right: 0px;}
.categoryItem .columns-2-50 > div:last-child {padding-left: 0px;}
.categoryItem .columns-2-50 > div:last-child .categoryItemProp:first-child {border-top: 1px solid #9CA2AE;}
#innerBlog .blogEl .ratio-inner {padding-top: 72%;} 
.marginTop-80 {margin-top: 40px;}

.innerCategoryElInfo > div:first-child .ratio-1-1 {padding-top: 56%;}

}

@media screen and (max-width: 360px) {
  
#mpBlock2:before {content: ''; display: block; width: 100%; height: 100%; background: url('../img/map.svg') no-repeat; background-size: 300px 388px; background-position: 50% 50%; position: absolute; z-index: 1; top: 0px; left: 0px; opacity: 0.32;}
.productSlide .ratio-1-1 {padding-top: 80%;}
#mpBlock4 .blogEl .ratio-inner {padding-top: 80%;}
#innerBlog .blogEl .ratio-inner {padding-top: 80%;} 

.innerCategoryElInfo > div:first-child .ratio-1-1 {padding-top: 64%;}

}