@media screen and (max-width: 1560px) {
  
.mpBlock1BodyBlock1 h1, .txt h1 {font-size: 70px;}
.mpBlock1BodyBlock1 p {margin-top: 20px; font-size: 32px;}
.mpBlock1BodyBlock2 {margin-top: 80px;}
#mpBlock1Body > div {padding: 180px 0 140px;}
.mpBlock1BodyBlock2El {margin-top: 24px; margin-right: 48px; float: left;}
.mpBlock1BodyBlock2El > p:first-child {font-size: 36px;}
.padding-160 {padding: 140px 0;}
.marginBottom-160 {margin-bottom: 140px;}
.marginTop-120 {margin-top: 100px;}
.txt h2 {font-size: 52px; margin-bottom: 32px;}
.txt h3 {font-size: 36px;}
.marginTop-80 {margin-top: 72px;}
.banner--big .ratio-inner {padding-top: 50%;}
.banner .flex3 {padding: 0px 72px 72px;}
.productSliderTableEl > div:last-child {font-size: 28px;}
.marginBottom-160 {margin-bottom: 140px;}
#innerBlogBody, #innerBlogGallery {padding: 72px 0 140px;}
#articleBlock1 h1 {font-size: 64px;}
#contactsBlock1 {padding-bottom: 100px;}
.categoriesEl .flex {padding: 56px;}
.categoriesEl .flex > div {width: 55%;}
#innerProductTop {padding: 100px 0 140px;}
.padding-140-160 {padding: 120px 140px;}
.txt h4 {font-size: 36px;}
.pictureBlock > div:last-child > div {margin-bottom: 140px;} 
#configBlock1RightBody {padding: 40px 40px;}
#configBlock1 > div:last-child {width: 380px;}
#configBlock1 > div:first-child {width: calc(100% - 380px); padding: 40px 40px;}
#configBlock2 > div:last-child {width: 380px;}
#configBlock2 > div:first-child {width: calc(100% - 380px); padding: 0px 40px;}
.colorEl {width: 64px; height: 64px; margin-left: 24px; margin-top: 16px; line-height: 64px;}
#innerTotalBody {margin-bottom: 160px;}
#catalogBlock1 {padding-bottom: 160px;}
/**/
#configuratorBody2 > div:first-child {padding: 32px; width: calc(100% - 400px);}
/*#configuratorBody2Side > div:first-child {padding: 32px; height: 121px;}*/
#configuratorBody2Side > div:last-child {padding: 0 32px; /*height: calc(100% - 121px);*/}
#configuratorFixed > .flex {height: 80px;}
#configuratorBody2 {height: calc(100vh - 184px);}
#configuratorBody2 > div:last-child {width: 400px;}
.configParamsBlock:first-child {padding-top: 32px;}
#configuratorFixedInfo > div:last-child {width: 280px; /*font-size: 28px;*/}
#configuratorFixedInfo > div:first-child {width: calc(100% - 280px);}
#configuratorFixed > .flex > div:last-child {width: 400px;}
#configuratorFixed > .flex > div:first-child {width: calc(100% - 400px); padding: 0 32px 0 40px;}
#configuratorBody2Side .radiobuttonEl > div:first-child span {width: 20px; height: 20px;}
#configuratorBody2Side .radiobuttonEl > div:first-child {width: 20px;}
#configuratorBody2Side .radiobuttonEl > div:last-child {width: calc(100% - 20px); padding-top: 0px; padding-left: 12px; font-size: 17px;}
#configuratorBody2Side .radiobuttonEl.radiobuttonEl--active > div:first-child span:before {width: 12px; height: 12px; margin-left: -6px; margin-top: -6px;}
.configParamsBlock > p:first-child {font-size: 22px;}
.configParamsBlock > div {margin-top: 16px; padding: 20px;}
#configuratorBody2Side .checkbox > div:first-child span {width: 20px; height: 20px;}
#configuratorBody2Side .checkbox > div:first-child {width: 20px;}
#configuratorBody2Side .checkbox > div:last-child {width: calc(100% - 20px); padding-left: 12px; padding-top: 0px;}
#configuratorBody2Side .checkbox.checkbox--active > div:first-child span:before {width: 12px; height: 12px; margin-left: -6px; margin-top: -6px;}
#configuratorBody2Side .checkbox > div:last-child p:first-child {font-size: 17px;}
#configuratorBody2Side .colorEl {width: 52px; height: 52px; line-height: 52px;}
#top2 #topBody > div:nth-child(2) {width: 169px;}
#top2 #topBody > div:first-child {width: calc(100% - 359px); padding-right: 32px;}
#top2 #topBody > div:first-child > .flex > div:last-child .flex {width: 560px;}
#configuratorFixed > .flex > div:first-child > .flex > div:last-child p:last-child {font-size: 22px;}
#configuratorBody2Side .configBlock1RightBodyElDop {font-size: 17px;}
.cbutton {font-size: 17px;}
#configuratorFixed > .flex > div:first-child > .flex > div:last-child p:first-child {font-size: 17px;}
.configParamsBlock:last-child {padding-bottom: 32px;}
.paddingBottom-160 {padding-bottom: 140px;}
.formBlock .formBlockBody {padding: 140px 0;}

}

@media screen and (max-width: 1480px) {
  
.centered {width: 1280px; margin: 0 auto;}
#topBody > div:nth-child(2) ul > li a, #topBody > div:nth-child(2) ul > li a:visited {padding: 0 24px;}
#topBody > div:last-child > .flex > div:first-child {width: calc(100% - 32px); padding-right: 48px;}
#topBody > div:first-child, #topBody > div:last-child {width: 182px;}
#topBody > div:nth-child(2) {width: calc(100% - 364px);}
#mpBlock1Body > div {width: 65%;}
.columns-2-40 > div:first-child {width: 40%; padding-right: 56px;}
.txt h6 {font-size: 22px;}
.txt h5 {font-size: 28px;}
#mpBlock1Body > div {padding: 180px 0 120px;}
.padding-160 {padding: 120px 0;}
.marginBottom-160 {margin-bottom: 120px;}
.marginTop-120 {margin-top: 88px;}
.marginTop-80 {margin-top: 64px;}
#mpBlock2Slider {width: calc(100% + ((100vw - 1280px) / 2));}
.banner .txt h5 {font-size: 24px;}
.banner .flex3 {padding: 0px 64px 64px;}
.footerBodyInfo > p {font-size: 28px;}
.mpBlock3ContentEl {margin-top: 48px;}
.mpBlock3ContentEl:first-child {margin-top: 0px;}
.mpBlock3ContentEl .txt h2 {margin-bottom: 24px;}
.columns-2-60 > div:last-child {width: 40%; padding-left: 56px;}
#aboutBlock1 .flex3 {padding-right: 20px;}
.marginBottom-160 {margin-bottom: 120px;}
#innerTopBody.columns-2-60 {margin-bottom: 88px;}
.blogEl--focus {padding: 64px;}
.blogEl--focus > div:last-child {padding-left: 64px;}
#blogBlock1.bgFixed #innerBg {height: calc(100vh - 56px); min-height: 100px;}
#innerBlogBody, #innerBlogGallery {padding: 64px 0 120px;}
.marginTop-100 {margin-top: 88px;}
#contactsBlock1 {padding-bottom: 88px;}
.categoriesEl .flex > div {width: 75%;}
.categoriesEl .flex {padding: 56px;}
.categoriesEl .flex > div {width: 60%;}
#innerProductTop {padding: 88px 0 140px;}
.padding-140-160 {padding: 100px 120px;}
.panel ul.flex > li {padding-right: 20px; font-size: 22px;}
.panel ul.flex > li:before {top: 9px;}
.pictureBlock.columns-2-40 > div:first-child img {width: 90%;}
.pictureBlock > div:last-child > div {margin-bottom: 120px;} 
#innerTotalBody {margin-bottom: 140px;}
#catalogBlock1 {padding-bottom: 140px;}
/**/
#configuratorFixedInfo > div:first-child p {font-size: 12px;}
#configuratorBody2 .mpBlock1BodyBlock2El {margin-top: 24px; margin-right: 48px;}
#top2 #topBody > div:nth-child(2) {width: 177px;}
img.imgborder {max-height: calc(100% - 20px); max-width: calc(100% - 20px);}
.paddingBottom-160 {padding-bottom: 120px;}
/**/
#footerBottom > div:nth-child(2) {width: 237px;}
/**/
#topNewBodyRightBottom ul li {margin-right: 20px;}
#topNewBodyRightBottom > div:first-child {padding-right: 8px;}
.marginTop-64 {margin-top: 56px;}
.formBlock .formBlockBody {padding: 120px 0;}

}

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

body {font-size: 17px;} 
.centered {width: 1080px; margin: 0 auto;}
#mpBlock1Body > div {width: 80%;}
#topBody > div:first-child a img {height: 56px;}
#topBody > div:last-child > .flex > div:first-child {width: calc(100% - 32px); padding-right: 32px;}
 #topBody > div:first-child, #topBody > div:last-child {width: 160px;}
#topBody > div:nth-child(2) {width: calc(100% - 320px); padding: 0 24px;}
#topBody > div:nth-child(2) ul > li a, #topBody > div:nth-child(2) ul > li a:visited {padding: 0 16px;}
.mpBlock1BodyBlock1 h1, .txt h1 {font-size: 64px;}
.mpBlock1BodyBlock1 p {margin-top: 20px; font-size: 28px;}
.mpBlock1BodyBlock2 > p {font-size: 28px;}
.mpBlock1BodyBlock2El > p:first-child {font-size: 32px;}
.round {width: 56px; height: 56px; padding: 16px;}
.round svg {width: 22px; height: 22px;}
#mpBlock1Body > div {padding: 180px 0 120px;}
.width-70 {width: 80%;}
.txt h2 {font-size: 48px;}
#mpBlock2Slider {width: calc(100% + ((100vw - 1080px) / 2));}
.button > div:nth-child(2) > span {width: 56px; height: 56px; margin-left: 32px;}
.button > div:nth-child(2):before {width: 64px}
.button > div:nth-child(2) {width: 88px;}
.button > div:first-child {width: calc(100% - 88px);}
.button:hover > div:nth-child(2):before {left: 10px;}
.padding-160 {padding: 110px 0;}
.marginBottom-160 {margin-bottom: 110px;}
.blockTop > div:last-child {width: 380px;}
.blockTop > div:first-child {width: calc(100% - 380px);}
.txt h3 {font-size: 32px;}
.blogItemsEl > div:first-child {width: 140px;}
.blogItemsEl > div:last-child {width: calc(100% - 150px); padding-left: 32px; padding-right: 16px;}
.txt h5, .txt h6 {font-size: 20px;}
.blogItemsEl > div:last-child > div {padding: 0px 0;}
.banner .txt h5 {font-size: 24px;}
#footerBottom > div:nth-child(2) {width: 310px;}
#footerBottom > div:nth-child(3) {width: calc(60% - 310px);}
#footerBottom > div:nth-child(3) > .flex > div:last-child {width: 56px;}
#footerBottom > div:nth-child(3) > .flex > div:first-child {width: calc(100% - 56px); padding-right: 20px;}
/*#footerBody > div:nth-child(2) > .flex > div:first-child {width: 100%;}
#footerBody > div:nth-child(2) > .flex > div:last-child {width: 100%; padding-left: 0px; margin-top: 16px;}*/
/*.block--first {margin-top: -96px;}*/
.marginTop-120 {margin-top: 64px;}
.mpBlock1BodyBlock2 {margin-top: 72px;}
.mpBlock1BodyBlock2 > p {font-size: 32px;}
.txt p {line-height: 1.4;}
#panelTop {padding: 32px 40px;}
#panelBody {height: calc(100% - (86px + 126px)); padding: 32px 0 40px 48px;}
#panelBottom {padding: 0 40px 24px;}

#aboutBlock1 .flex3 > div:last-child .quote {bottom: 48px; width: 120%;}
#aboutBlock1 .quote {padding: 32px 40px;}
.marginBottom-160 {margin-bottom: 110px;}
/*#innerTopBody {padding-top: 180px;}*/
#leaders {padding: 56px}
.leadersEl > div:first-child {width: 160px;}
.leadersEl > div:last-child {width: calc(100% - 160px); padding: 20px;}
.leadersElAvatar {height: 160px;}
.blogEl--focus > div:last-child .txt {margin-top: 40px;}
.blogEl--focus {padding: 56px;}
.blogEl--focus > div:last-child {padding-left: 56px;}
#innerBlogBody, #innerBlogGallery {padding: 64px 0 110px;}
#articleBlock1 h1 {font-size: 60px;}
.input, .textarea {font-size: 17px;}
.categoriesEl .flex {padding: 48px;}
.bgFixed #innerBg {min-height: 760px; height: auto;}
.banner--small .ratio-inner {padding-top: 30%;}
.categoriesEl .flex > div {width: 65%;}
.itemsEl p:last-child {height: 56px; line-height: 56px;}
#innerProductTop {padding: 88px 0 120px;}
.padding-140-160 {padding: 88px 110px;}
.txt ul li {padding-left: 20px;}
.txt ul li:before {top: 6px;}
.txt h4 {font-size: 32px;}
.panel ul.flex > li {width: 50%;}
.panel ul.flex > li:nth-child(-n+4) {margin-top: 24px;}
.panel ul.flex > li:nth-child(-n+2) {margin-top: 0px;}
.gradient.panel:before {height: 120px;}
.gradient.panel:after {height: 120px;}
.gradient.panel {background-color: #2C2D2F;}
.gradient.panel .bg {opacity: 0.64;}
.pictureBlock > div:last-child > div {margin-bottom: 110px;} 
.modalBlocksEl > div:last-child {width: 88px;}
.modalBlocksEl > div:first-child {width: calc(100% - 88px); padding-right: 24px;}
.padding-120 {padding: 110px 0;}
#configBlock1RightBody {padding: 32px 32px;}
#configBlock1 > div:last-child {width: 320px;}
#configBlock1 > div:first-child {width: calc(100% - 320px); padding: 32px 32px;}
#configBlock2 > div:last-child {width: 320px;}
#configBlock2 > div:first-child {width: calc(100% - 320px); padding: 0px 32px;}
.colorEl {width: 56px; height: 56px; margin-left: 24px; margin-top: 16px; line-height: 56px;}
.mpBlock1BodyBlock2El {margin-right: 40px;}
#configBlock2 > div:last-child .button > div:last-child {display: none;}
#configBlock2 > div:last-child .button > div:first-child {padding-right: 0px; width: 100%; height: 20px; justify-content: center;}
#configBlock2 > div:last-child .button > div:first-child span {border-bottom: 1px solid #fff; transition: all 0.2s linear;}
#configBlock2 > div:last-child .button:hover > div:first-child span {border-color: #ADE8EB; transition: all 0.2s linear;}
#configBlock2 > div:last-child .button {padding: 24px 0; width: 100%;}
#configBlock2 {padding: 0px 0}
#configBlock2 > div:last-child .clearfix {width: 100%;}
#innerTotalBody {margin-bottom: 120px;}
#catalogBlock1 {padding-bottom: 120px;}
/**/
.cbutton {padding: 0 20px; height: 48px; line-height: 48px;}
.cbutton--icon img {width: 20px; height: 20px;}
.cbutton--icon {padding: 14px;}
#configuratorFixed > .flex > div:last-child {width: 360px;}
#configuratorFixed > .flex > div:first-child {width: calc(100% - 360px); padding: 0 24px 0 24px;}
#configuratorFixedInfo > div:last-child {width: 250px; font-size: 24px;}
#configuratorFixed > .flex > div:first-child > .flex > div:last-child p:last-child {font-size: 20px;}
#configuratorBody2 {height: calc(100vh - 172px);}
.centered2 {padding: 0 24px;}
#configuratorBody2 > div:first-child {padding: 24px; width: calc(100% - 360px); }
#configuratorBody2 > div:last-child {width: 360px;}
.select3 {height: 48px; padding: 0 32px 0 20px; font-size: 17px;}
/*#configuratorBody2Side > div:first-child {height: 96px; padding: 24px;}*/
#configuratorBody2Side > div:last-child {/*height: calc(100% - 96px);*/ padding: 0 24px;}
#top2 #topBody > div:nth-child(2) {width: 176px;}
#top2 #topBody > div:first-child {width: calc(100% - 336px); padding-right: 24px;}
#top2 #topBody > div:first-child > .flex > div:last-child .flex {width: 460px;}
#configuratorBody2Side .colorEl {width: 48px; height: 48px; line-height: 48px; margin-bottom: 12px; margin-right: 12px;}
#configuratorBody2Side .colorEl:nth-child(3n+1) {margin-right: 12px;}
#configuratorBody2Side .radiobuttonEl {margin-top: 16px;}
#configuratorBody2Side .radiobuttonEl:first-child {margin-top: 0px;}
#top2 #topBody > div:first-child > .flex > div:last-child .flex > div:last-child {width: calc(100% - 130px); padding-left: 16px;}
#configuratorBody2 .mpBlock1BodyBlock2El {margin-top: 20px; margin-right: 40px;}
.configParamsBlock:first-child {padding-top: 24px;}
.configParamsBlock {padding-top: 24px;}
.configParamsBlock:last-child {padding-bottom: 24px;}
#configuratorFixed > .flex > div:first-child > .flex > div:last-child {padding-left: 10px; width: 30%;}
#configBlock1ContentGallery > div:nth-child(2) {padding-left: 10px; width: 30%;}
#configBlock1ContentGallery .configBlock1GalleryEl {height: calc(50% - 5px);}
#configBlock1ContentGallery .configBlock1GalleryEl:nth-child(2) {margin-top: 10px;}
#configBlock1ContentGallery > div:first-child {width: 70%;}
#configuratorFixed > .flex > div:first-child > .flex > div:first-child {width: 70%;}
#configuratorFixed .cbutton--icon {margin-left: 10px;}
#configBlock1Params .mpBlock1BodyBlock2El p:first-child {font-size: 22px;}
#configuratorFixedInfo > div:first-child {width: calc(100% - 250px);}
#configuratorBody2Side .configBlock1RightBodyElDop {margin-top: 20px;}
#configuratorBody2Side .colorEl--active:after {width: 18px; height: 18px; background: url('../img/check-2.svg') no-repeat; background-size: 18px 18px;}
.paddingBottom-160 {padding-bottom: 110px;}
/**/
#footerBody > div:nth-child(2) > .flex > div {width: calc((100% - 40px) / 2); margin-left: 40px; margin-top: 40px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(3n+1) {margin-left: 40px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(-n+3) {margin-top: 40px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(2n+1) {margin-left: 0px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(-n+2) {margin-top: 0px;}
/**/
#topNewBody {padding: 16px 24px;}
#topNewBody > div:first-child {width: 140px;}
#topNewBody > div:first-child img {width: 140px; height: auto;}
#topNewBody > div:last-child {width: calc(100% - 140px); padding-left: 24px;}
#topNewBodyRight > div:first-child .topBodyLang {margin-left: 56px;}
#topNewBodyRightBottom ul li {margin-right: 16px;}
.tnbrb2 {display: none;}
.marginTop-64 {margin-top: 48px;}
.formBlock .formBlockBody {padding: 110px 0;}

}

@media screen and (max-width: 1280px) {
  
#configuratorFixedInfo > div:last-child {width: 100%; font-size: 24px; order: 1; justify-content: flex-start;}
#configuratorFixedInfo > div:first-child {display: none;} 
#configuratorFixed > .flex > div:first-child > .flex > div:first-child {width: 60%;}
#configuratorFixed > .flex > div:first-child > .flex > div:last-child {width: 40%; padding-left: 0px;}

}

@media screen and (max-width: 1140px) {
  
.centered {width: 100%; padding: 0 48px;}
#mpBlock1 .round {right: 48px; bottom: 48px;}
#mpBlock1Body > div {width: 90%;}
#mpBlock1Body > div {padding: 180px 0 100px;}
.padding-160 {padding: 100px 0;}
.marginBottom-160 {margin-bottom: 100px;}
.width-70 {width: 90%;}
.columns-2-40 > div:first-child {width: 50%; padding-right: 48px;}
.columns-2-40 > div:last-child {width: 50%;}
#mpBlock2Slider {width: 100%;}
#mpBlock2SliderWrp {width: 170%;}
#mpBlock3Content {width: 50%; margin-left: 50%;}
#mpBlock2Slider--prev {left: 24px;}
#mpBlock2Slider--next {right: 24px;}
#mpBlock2 .flex2 .button {padding-top: 40px;}
.mpBlock1BodyBlock2El {margin-top: 24px; margin-right: 32px;}
#footerBottom > div:nth-child(2) {width: 130px;}
#footerBottom > div:nth-child(3) {width: calc(60% - 130px);}
.banner .flex3 {padding: 0px 56px 56px;}
#aboutBlock1 .flex3 > div:last-child .quote {width: 100%; position: relative; bottom: auto;}
#aboutBlock1 .flex3 > div:last-child .quote h3 {font-size: 24px;}
.quote {padding: 24px 32px;}
#aboutBlock1 .flex3 > div:last-child {padding-top: 48px;}
#aboutBlock1.bgFixed #innerBg {height: calc(100% - 56px); min-height: 100px;} 
#aboutBlock1 .quote {padding: 24px 32px;}
.marginBottom-160 {margin-bottom: 100px;}
#innerBlogBody, #innerBlogGallery {padding: 64px 0 100px;}
.padding-140-160 {padding: 80px 100px;}
.block--text h2 {width: 80%;}
.pictureBlock.columns-2-40 > div:first-child {width: 320px;}
.pictureBlock.columns-2-40 > div:last-child {width: calc(100% - 320px);}
.pictureBlock > div:last-child > div {width: calc(100% + 200px); margin-left: -100px;} 
.pictureBlock.columns-2-40 > div:first-child img {width: 100%;}
.pictureBlock > div:last-child > div {margin-bottom: 100px;} 
.padding-120 {padding: 88px 0;}
#innerTotalBody {margin-bottom: 120px;}
#catalogBlock1 {padding-bottom: 120px;}
/**/
#copyThis {display: none;}
#configuratorFixed > .flex > div:last-child {width: 300px;}
#configuratorFixed > .flex > div:first-child {width: calc(100% - 300px);}
#configuratorBody2 > div:first-child {width: calc(100% - 300px);}
#configuratorBody2 > div:last-child {width: 300px;}
.configParamsBlock > div {padding: 16px;}
.configParamsBlock > p:first-child {font-size: 20px;}
#configuratorBody2Side .radiobuttonEl > div:first-child span {width: 16px; height: 16px;}
#configuratorBody2Side .radiobuttonEl > div:first-child {width: 16px; padding-top: 1px;}
#configuratorBody2Side .radiobuttonEl > div:last-child {width: calc(100% - 16px); padding-top: 0px; padding-left: 10px; font-size: 16px;}
#configuratorBody2Side .radiobuttonEl.radiobuttonEl--active > div:first-child span:before {width: 10px; height: 10px; margin-left: -5px; margin-top: -5px;}
#configuratorBody2Side .checkbox > div:first-child span {width: 16px; height: 16px;}
#configuratorBody2Side .checkbox > div:first-child {width: 16px; padding-top: 1px;}
#configuratorBody2Side .checkbox > div:last-child {width: calc(100% - 16px); padding-left: 10px; padding-top: 0px;}
#configuratorBody2Side .checkbox.checkbox--active > div:first-child span:before {width: 10px; height: 10px; margin-left: -5px; margin-top: -5px;}
#configuratorBody2Side .checkbox > div:last-child p:first-child {font-size: 16px;}
.configParamsBlock > div {margin-top: 12px;}
#top2 #topBody > div:nth-child(2) {width: 116px;}
#top2 #topBody > div:first-child {width: calc(100% - 276px); padding-right: 24px;}
#configuratorBody2Side .checkbox > div:last-child p:nth-child(2) {font-size: 12px;}
#configuratorBody2Side .configBlock1RightBodyElDop {font-size: 16px;}
.cbutton {font-size: 16px;}
#configuratorFixed > .flex > div:first-child > .flex > div:last-child p:first-child {font-size: 16px;}
.paddingBottom-160 {padding-bottom: 100px;}
/**/
.marginTop-64 {margin-top: 40px;}
.formBlock .formBlockBody {padding: 100px 0;}

}

@media screen and (max-width: 1080px) {
  
/*#ii:before {margin-top: 6px;}*/
#footerBottom > div:nth-child(3) > .flex > div, #footerBottom > div {align-items: center;}
#footerBottom {padding: 0 0 10px;}
.blockTop > div:last-child {width: 280px;}
.blockTop > div:first-child {width: calc(100% - 280px);}
#aboutBlock1 .flex3 > div:last-child .quote h3 {font-size: 20px;}
.marginTop-56 {margin-top: 48px;}
/*#footerBody > div:nth-child(2) > .flex > div:last-child {width: 100%; padding-left: 0px; margin-top: 16px;}
#footerBody > div:nth-child(2) > .flex > div:first-child {width: 100%; padding-left: 0px;}*/
#innerTopBody.columns-2-60 {margin-bottom: 72px;}
#leaders {padding: 40px}
.leadersEl > div:first-child {width: 130px;}
.leadersEl > div:last-child {width: calc(100% - 130px); padding: 10px 20px;}
.leadersElAvatar {height: 130px;}
.leadersEl .txt p {margin-top: 10px;}
#leaders > div {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 40px;}
#leaders > div:nth-child(2n+1) {margin-left: 0px;}
#leaders > div:nth-child(-n+2) {margin-top: 0px;}
.blogEl--focus {padding: 40px;}
.blogEl--focus > div:last-child {padding-left: 40px;}
.blogEl--focus > div:last-child .txt {margin-top: 32px;}
.blogEl--focus .txt h3 {font-size: 26px;}
.innerBlogGalleryEl {width: calc((100% - 96px) / 5); margin-left: 24px; margin-top: 24px; display: block; position: relative; float: left;}
.innerBlogGalleryEl:nth-child(6n+1) {margin-left: 24px;}
.innerBlogGalleryEl:nth-child(-n+6) {margin-top: 24px;}
.innerBlogGalleryEl:nth-child(5n+1) {margin-left: 0px;}
.innerBlogGalleryEl:nth-child(-n+5) {margin-top: 0px;}
#articleBlock1Info {padding: 40px;}
#articleBlock1Info .marginTop-56 {margin-top: 40px;}
#articleBlock1 .columns-2-50 > div:first-child {width: 60%;}
#articleBlock1 .columns-2-50 > div:last-child {width: 40%;}
.marginTop-100 {margin-top: 72px;}
#contactsBlock1 {padding-bottom: 80px;}
.contactsBlock1El > p:nth-child(2) {font-size: 22px;}
.formBottom.columns-2-50 > div:first-child {width: 100%; padding-right: 0px; order: 2; margin-top: 32px;}
.formBottom.columns-2-50 > div:last-child {width: 100%; padding-left: 0px;}
.formBottom.columns-2-50 > div:last-child > div {width: auto;}
.formBottom > div:last-child .button {float: left;}
.padding-80 {padding: 80px 0;}
#map {height: 460px;}
.categoriesEl .flex > div {width: 75%;}
#innerProductTop {padding: 72px 0 140px;}
.block--text h2 {width: 90%;}
.pictureBlock {padding: 80px 0 40px;}
.modalBlocksEl {padding: 40px;}
#configBlock1 > div:first-child {width: 100%; padding: 32px 32px; order: 2;}
/*#configBlock1 > div:last-child {width: 100%; height: 320px;}*/
#configBlock1 > div:last-child {height: auto; width: 100%; order: 1;}
#configBlock1Right {position: relative;}
.configBlock1RightBodyEl:after {content: ''; display: table; clear: both;}
.select2 {width: calc((100% - 16px) / 2); margin-left: 16px; margin-top: 16px; float: left;}
.select2:nth-child(-n+2) {margin-top: 0px !important;}
.select2:nth-child(2n+1) {margin-left: 0px !important;}
.colorEl {width: 48px; height: 48px; margin-left: 0px; margin-right: 24px; margin-top: 12px;}
.colorEl--active:after {width: 18px; height: 18px; background: url('../img/check.svg') no-repeat;
    background-size: 18px 18px;}
.configBlock1RightBodyEl .radiobutton, .configBlock1RightBodyEl .checkbox {width: 50%;}
#configBlock2 > div:first-child {width: 100%; padding: 24px 32px 0;}
#configBlock2 > div:last-child {width: 100%;}
#innerTotalBody {margin-bottom: 100px;}
#catalogBlock1 {padding-bottom: 100px;}
#mpBlock1:before {background-color: rgba(32, 57, 86, 0.50); transition: all 0.2s linear;}
/**/
.mpBlock1BodyBlock2El > p:last-child {font-size: 15px;}
#configBlock1Params .mpBlock1BodyBlock2El p:first-child {font-size: 20px;}
#top2 #topBody > div:first-child > .flex > div:last-child .flex {width: 80%; margin-left: 20%;}
/**/
#topNewBodyRightBottom ul li {margin-right: 12px;}
#topNewBodyRightBottom > div:first-child {padding-right: 16px;}
#topNewBodyRightBottom ul li a, #topNewBodyRightBottom ul li a:visited {padding: 3px 10px;}
.formBlock .formBlockBody {width: 720px;}


}

@media screen and (max-width: 960px) {
  
.centered {width: 100%; padding: 0 40px;}
.round {width: 48px; height: 48px; padding: 13px;}
.round svg {width: 20px; height: 20px;}
.button > div:nth-child(2) > span {width: 48px; height: 48px; margin-left: 24px;}
.button > div:nth-child(2):before {width: 48px}
.button > div:nth-child(2) {width: 72px;}
.button > div:first-child {width: calc(100% - 72px);}
.button:hover > div:nth-child(2):before {left: 8px;}
.mpBlock1BodyBlock1 h1, .txt h1 {font-size: 60px;}
.mpBlock1BodyBlock1 p {margin-top: 20px; font-size: 26px;}
.mpBlock1BodyBlock2 {margin-top: 64px;}
.mpBlock1BodyBlock2El > p:first-child {font-size: 28px;}
.width-70 {width: 100%;}
.txt h2 {font-size: 44px; line-height: 1.1;}
.txt h3 {font-size: 30px; line-height: 1.1;}
.productSliderTableEl > div:last-child {font-size: 26px;}
#footerBottom > div:first-child {width: calc(100% - 48px); padding-right: 0px;}
#footerBottom > div:nth-child(2) {width: 130px; padding-left: 0px;}
/*#footerBottom > div {align-items: flex-end}*/
#footerBottom > div:nth-child(3) {width: calc(100% - 130px);}
#footerBottom > div:nth-child(3) > .flex > div:first-child {width: calc(100% - 48px); padding-right: 32px; justify-content: flex-end;}
#footerBottom > div:nth-child(3) > .flex > div:last-child {width: 48px;}
#ii:before {margin-top: -4px;}
#footerBody {padding: 40px 0;}
.marginTop-56 {margin-top: 48px;}
.footerBodyInfo > p {font-size: 26px;}
/*.marginTop-48 {margin-top: 40px;}*/
.blogItems > div {width: 100%; margin-left: 0px; margin-top: 48px; position: relative;}
.blogItems > div:nth-child(2n+1) {margin-left: 0px;}
.blogItems > div:nth-child(-n+2) {margin-top: 48px;}
.blogItems > div:nth-child(-n+1) {margin-top: 0px;}
.blogItemsEl > div:first-child {width: 25%;}
.blogItemsEl > div:last-child {width: 75%; padding-left: 32px; padding-right: 16px;}
.blogItemsEl .txt h6 {font-size: 24px;}
#mpBlock1Body > div {padding: 180px 0 100px;}
#mpBlock1Body {min-height: 100px;}
.columns-2-40 > div:first-child {width: 70%; padding-right: 0px;}
.columns-2-40 > div:last-child {width: 100%; margin-top: 56px;}
#mpBlock2 .columns-2-40 > div:last-child {display: none;}
.padding-160 {padding: 88px 0;}
.marginBottom-160 {margin-bottom: 88px;}
#mpBlock3Content {width: 60%; margin-left: 40%;}
#productSlider .columns-2-40 > div:first-child {order: 2; width: 100%; margin-top: 48px;}
#productSlider .columns-2-40 > div:last-child {width: 80%; margin-left: 10%; margin-top: 0px;}
.marginTop-80 {margin-top: 56px;}
.banner .flex3 {padding: 0px 48px 48px;}
#mpBlock1 .round {right: 40px; bottom: 40px;}
.gradient:before {content: ''; display: block; width: 100%; height: 160px; top: 0px; left: 0px; z-index: 2; position: absolute; background: linear-gradient(180deg, #F8F8F8 0%, rgba(248, 248, 248, 0.00) 100%);}
.gradient:after {content: ''; display: block; width: 100%; height: 160px; bottom: 0px; left: 0px; z-index: 2; position: absolute; background: linear-gradient(180deg, #F8F8F8 0%, rgba(248, 248, 248, 0.00) 100%); transform: rotate(180deg);}

#panelTop {padding: 32px 32px 24px;}
#panelBody {height: calc(100% - (78px + 114px)); padding: 32px 0 40px 32px;}
#panelBottom {padding: 0 32px 20px;}
#panelBottom .marginTop-32 {margin-top: 24px;}
#panelBottom p {font-size: 20px;}
#panelBody ul li a, #panelBody ul li a:visited {font-size: 20px;}
.panelBodyChild {font-size: 19px; padding-left: 24px;}
#panelBody ul li {margin-top: 16px;}
#panelBody ul li:first-child {margin-top: 0;}
#panelBottom p {font-size: 19px;}

#innerAboutText .columns-2-60 > div:last-child {display: none;}
.columns-2-60 > div:first-child {width: 70%; padding-right: 0px;}
.columns-2-60 > div:last-child {width: 100%; padding-left: 0px; margin-top: 56px;} 
.marginBottom-160 {margin-bottom: 88px;}
#aboutBlock1 .flex3 > div:last-child .quote {display: none;}
#innerTopBody > div:nth-child(2) {display: none;}
#aboutBlock1 .flex3 > div:last-child {padding-top: 0px;}
#innerTopBody.columns-2-60 > div:first-child {width: 100%;}
#innerTopBody {padding-top: 180px;}
#innerTopBody.columns-2-60 {margin-bottom: 64px;}
#leaders > div {width: 100% ; margin-left: 0px; margin-top: 32px;}
#leaders > div:nth-child(2n+1) {margin-left: 0px;}
#leaders > div:nth-child(-n+2) {margin-top: 32px;}
#leaders > div:nth-child(-n+1) {margin-top: 0px;}
#innerBlogBody, #innerBlogGallery {padding: 56px 0 88px;}
#articleBlock1 h1 {font-size: 56px;}
#articleBlock1 .columns-2-50 > div:first-child {width: calc(100% - 280px);}
#articleBlock1 .columns-2-50 > div:last-child {width: 280px;}
.marginTop-100 {margin-top: 64px;}
#contactsBlock1 .columns-2-60 > div:first-child, #innerTotalBody.columns-2-60 > div:first-child {order: 2; width: 100%; margin-top: 56px;}
#contactsBlock1 .columns-2-60 > div:last-child, #innerTotalBody.columns-2-60 > div:last-child {order: 1; width: 100%; margin-top: 0px;}
#innerTopBody.columns-2-60 > div:first-child {margin-top: 0px !important;}
.bgFixed #innerBg {min-height: calc(100vh - 56px); height: auto;}
.banner.banner--small .flex3 {padding: 0px 48px 48px;}
.banner--small .ratio-inner {padding-top: 35%;}
.categoriesEl .flex {padding: 40px;}
.categoriesEl .flex > div {width: 80%;}
#items > div {padding: 40px;}
.itemsEl .txt h3 {font-size: 26px;}
.itemsEl p:last-child {height: 48px; line-height: 48px;}
#innerProductTop {padding: 64px 0 140px;}
#innerProductTop .mpBlock1BodyBlock2El {width: auto; margin-right: 32px;}
.padding-140-160 {padding: 40px 40px;}
.block--text h2 {width: 90%;}
.block--text p {width: 100%;}
.txt h4 {font-size: 30px;}
#innerProductProperties.columns-2-40 > div:last-child {display: none;}
#innerProductProperties.columns-2-40 > div:first-child {width: 100%;}
.gradient.panel:before {height: 80px;}
.gradient.panel:after {height: 80px;}
.panel ul.flex > li {padding-right: 16px; font-size: 20px;}
.panel ul.flex > li:before {top: 8px;}
.pictureBlock > div:last-child > div {margin-bottom: 88px;} 
.pictureBlock.columns-2-40 > div:first-child {display: none;}
.pictureBlock.columns-2-40 > div:last-child {width: 100%; margin: 0 0 !important;}
.pictureBlock > div:last-child > div {width: 100% ; margin-left: 0px; margin-bottom: 0px;}
.pictureBlock {padding: 56px 0 56px;}
.modalBlocksEl > div:last-child {width: 72px;}
.modalBlocksEl > div:first-child {width: calc(100% - 72px); padding-right: 24px;}
.modalBlocks > div {width: 100%; margin-left: 0px;}
.modalBlocks > div:nth-child(-n+2) {margin-top: 24px;}
.modalBlocks > div:nth-child(-n+1) {margin-top: 0px;}
#mdl {width: 620px; padding: 40px;}
.padding-120 {padding: 72px 0;}
.tabsTopEl {margin-right: 40px; margin-bottom: 20px;}
.configBlock1RightBodyEl .radiobutton, .configBlock1RightBodyEl .checkbox {width: 60%;}
#configBlock1Params .mpBlock1BodyBlock2El p:first-child {font-size: 22px;}
#innerTotalBody {margin-bottom: 88px;}
.totalElPic {background-color: #fff; padding: 20px; border-radius: 10px; width: 50%;}
#catalogBlock1 {padding-bottom: 88px;}
/**/
#top2 #topBody > div:first-child > .flex > div:last-child {width: calc(100% + 160px); order: 5; padding: 16px 0 0; position: absolute; bottom: 0px;}
#top2 #topBody > div:nth-child(2) {display: none;}
#top2 #topBody > div:first-child > .flex > div:last-child .flex {width: 100%; margin-left: 0px;}
#top2 #topBody > div:last-child {width: 160px; align-items: flex-start;}
#top2 #topBody > div:last-child > .flex {height: 60px;}
#top2 #topBody > div:last-child > .flex > div {align-items: center;}
#top2 #topBody > div:first-child {width: calc(100% - 160px); height: 130px; align-items: flex-start;}
#configuratorBody2 {height: auto; min-height: 100px; padding-bottom: 80px;}
#configuratorBody2 > div:first-child {width: 100%;}
#configuratorBody2Side > div:last-child {height: auto; padding: 24px 24px 0;}
#configuratorBody2 > div:last-child {width: 100%;}
#configBlock1ContentGalleryImg {height: 420px;}
.configParamsBlock:first-child {padding-top: 0px;}
#configuratorBody2Side > div:first-child {display: none;}
#configuratorFixed > .flex > div:first-child > .flex > div:first-child {width: 50%;}
#configuratorFixed > .flex > div:first-child > .flex > div:last-child {width: 50%;}
#configuratorFixedInfo > div:last-child {font-size: 22px;}
#configuratorFixed > .flex > div:last-child {width: 280px;}
#configuratorFixed > .flex > div:first-child {width: calc(100% - 284px); padding-right: 0px;}
#configBlock1ContentGallery > div:nth-child(2) {width: 260px;}
#configBlock1ContentGallery > div:first-child {width: calc(100% - 260px);}
#top2 #topBody > div:first-child > .flex > div:last-child .flex > div:first-child {width: 120px; font-size: 16px;}
#top2 #topBody > div:first-child > .flex > div:last-child .flex > div:last-child {width: calc(100% - 120px); padding-left: 12px;} 
.paddingBottom-160 {padding-bottom: 88px;}
/**/
#footerBody > div:nth-child(2) > .flex > div {width: calc((100% - 32px) / 2); margin-left: 32px; margin-top: 32px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(3n+1) {margin-left: 32px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(-n+3) {margin-top: 32px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(2n+1) {margin-left: 0px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(-n+2) {margin-top: 0px;}
#footerBody > div:first-child {width: 280px;}
#footerBody > div:last-child {width: calc(100% - 280px);}
/**/
.tnbrb1-2 {display: none;}
.formBlock .formBlockBody {padding: 80px 0;}


}

@media screen and (max-width: 860px) {
  
#topBody > div:nth-child(2) > div {display: none;}
#topBody > div:nth-child(2) {padding: 0 0px;}
#mpBlock3 {background-color: #2C2D2F;}
/*#mpBlock3 .bg {opacity: 0.7;}
#mpBlock3Content {width: 70%; margin-left: 30%;}*/
.blogItemsEl .txt h6 {font-size: 22px;}
#mpBlock3Content {width: 70%; margin-left: 15%;}
#mpBlock3 .bg {opacity: 0.5; width: 110%;}
.mpBlock3ContentEl {text-align: center;}
.mpBlock3ContentEl p {width: 100%;}
#panelBody ul li a, #panelBody ul li a:visited {font-size: 20px;}
#aboutBlock1.bgFixed #innerBg {height: 100%;}
.historyEl > div:first-child {width: 100%; padding: 32px 32px 40px; order: 2;}
.historyEl > div:last-child {width: 100%; order: 1;}
.historyEl .ratio-2-3 {padding-top: 40%;}
#articleBlock1 .columns-2-50 > div:first-child {width: 100%; order: 2; padding-right: 0px;}
#articleBlock1 .columns-2-50 > div:last-child {width: 100%; order: 1; padding-left: 0px; margin-top: 0px !important;}
#articleBlock1 .columns-2-50 > div:last-child .ratio-90 {padding-top: 40%;}
.innerBlogGalleryEl {width: calc((100% - 72px) / 4); margin-left: 24px; margin-top: 24px; display: block; position: relative; float: left;}
.innerBlogGalleryEl:nth-child(6n+1) {margin-left: 24px;}
.innerBlogGalleryEl:nth-child(-n+6) {margin-top: 24px;}
.innerBlogGalleryEl:nth-child(5n+1) {margin-left: 24px;}
.innerBlogGalleryEl:nth-child(-n+5) {margin-top: 24px;}
.innerBlogGalleryEl:nth-child(4n+1) {margin-left: 0px;}
.innerBlogGalleryEl:nth-child(-n+4) {margin-top: 0px;}
.categoriesEl .flex > div {width: 85%;}
.block--text h2 {width: 100%;}
.block--text p {width: 100%;}
.txtcols {column-width: 100%; column-count: 1; column-gap: 0px;} 
/**/
#configBlock1ContentGalleryImg {height: 380px;}
/**/
.tnbrb1-1 {display: none;}
#topNewBodyRight > div:first-child .topBodyLang {margin-left: 48px;}
.callWrp {margin-right: 0;}
#topNewBodyRightBottom > div:first-child {padding-right: 22px;}
.formBlock .formBlockBody {width: calc(100% - 80px); margin-left: 40px;}
.formBlockBody .txt .likeH3 {font-size: 28px;}


}

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

.columns-2-50 > div:first-child {width: 100%; padding-right: 0px;}
.columns-2-50 > div:last-child {width: 100%; padding-left: 0px; margin-top: 56px;}
#aboutBlock1 .columns-2-50 > div:first-child {width: 70%;}
#aboutBlock1 .columns-2-50 > div:last-child {width: 100%;}
#aboutBlock1 .ratio-90 {padding-top: 56%;}
#aboutBlock1.bgFixed #innerBg {height: calc(100% - 56px);}
.blogEl--focus {padding: 32px;}
.blogEl--focus > div:last-child {padding-left: 32px;}
.blogEl--focus .txt h3 {font-size: 24px;}
.formBottom.columns-2-50 > div:last-child {margin-top: 0px !important;}
.banner--small .ratio-inner {padding-top: 50%;}
.banner.banner--small .flex3 > div:last-child {justify-content: flex-end;}
.categoriesEl .flex > div {width: 100%;}
.itemsEl .txt h3 {font-size: 24px;}
/**/
#configBlock1ContentGalleryImg {height: 360px;}
/**/
#footerBody > div:nth-child(2) > .flex > div {width: 100%; margin-left: 0px; margin-top: 12px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(3n+1) {margin-left: 0px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(-n+3) {margin-top: 12px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(2n+1) {margin-left: 0px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(-n+2) {margin-top: 12px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(-n+1) {margin-top: 0px;}
/**/
#innerTopBody {padding-top: 170px;}


}

@media screen and (max-width: 760px) {
  
#configBlock1ContentGallery > div:nth-child(2) {width: 220px;}
#configBlock1ContentGallery > div:first-child {width: calc(100% - 220px);}
#configuratorFixed > .flex > div:first-child > .flex > div:last-child p:last-child {font-size: 18px;}
#configuratorFixed > .flex > div:first-child {width: 100%; padding-right: 24px;}
#configuratorFixed > .flex > div:last-child {width: 100%; margin-top: 20px;}
#configuratorFixed > .flex {height: auto; padding: 20px 0;}
#configuratorBody2 {padding-bottom: 146px;}
#copyThis {display: block;}

}

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


.button > div:nth-child(2) {display: none;}
.button > div:first-child {width: 100%; padding-right: 0px; border-bottom: 1px solid #2C2D2F;}
.button:hover > div:first-child {border-color: #3974A3;}
#productSlider .columns-2-40 > div:last-child {width: 90%; margin-left: 5%; margin-top: 0px;}
.blockTop > div:last-child {width: 180px;}
.blockTop > div:first-child {width: calc(100% - 180px);}
.txt h2 {font-size: 38px; line-height: 1.1;}
.button--white > div:first-child {border-bottom: 1px solid #fff;}
.button--white:hover > div:first-child, .banner:hover .button--white > div:first-child {border-bottom: 1px solid #ADE8EB;}
.banner .flex3 {padding: 0px 40px 40px;}
.banner--big .flex3 .clearfix {width: auto;}
.flex3 > div:last-child {justify-content: center;}
.columns-2-40 > div:first-child, #innerAboutText .columns-2-60 > div:first-child, #aboutBlock1 .columns-2-50 > div:first-child {width: 80%;}
#footerBottom > div:first-child {width: 100%; justify-content: center;}
#footerBottom > div:nth-child(2) {display: none;}
#footerBottom > div:nth-child(3) > .flex > div:first-child {width: 100%; padding-right: 0px; justify-content: center; margin-top: 16px;}
#footerBottom > div:nth-child(3) {width: 100%; padding-left: 0px;}
#footerBottom > div:nth-child(3) > .flex > div:last-child {margin-left: calc((100% - 48px) / 2); margin-top: 40px;}
#footerBottom {padding: 20px 0 20px;}
#footerBodyLogo img {width: 134px;}
.footerBodyInfo > p {font-size: 24px;}
.mpBlock1BodyBlock2El > p:first-child {font-size: 24px;}
.mpBlock1BodyBlock1 h1, .txt h1 {font-size: 56px;}
#mpBlock3 .bg {opacity: 0.5; width: 110%;}
.blogEl--focus > div:first-child {width: 100%;} 
.blogEl--focus > div:last-child {padding-left: 0px; width: 100%; padding: 32px;}
.blogEl--focus > div:first-child .ratio-1-1 {padding-top: 40%;}
.blogEl--focus {padding: 0px;}
.blogEl--focus > div:last-child .txt {margin-top: 24px;}
.blogEl--focus .flex3 > div:last-child {justify-content: flex-start;}
.blogEl--focus .flex3 > div:last-child .button {margin-top: 24px;}
.blogEl--focus:hover .button > div {border-color: #3974A3 !important;}
#articleBlock1 h1 {font-size: 52px;}
.formBottom.columns-2-50 > div:last-child {justify-content: center;}
.formBottom > div:first-child p {text-align: center; width: 80%; margin-left: 10%;}
.banner.banner--small .flex3 > div:last-child {justify-content: center;}
.banner.banner--small .flex3 {padding: 0px 40px 40px;}
#categories > div {width: 100%; margin-left: 0px; margin-top: 24px;}
#categories > div:nth-child(-n+2) {margin-top: 24px;}
#categories > div:nth-child(-n+1) {margin-top: 0px;}
#categories .ratio-90 {padding-top: 30%;}
.categoriesEl {background-color: #2C2D2F;}
.categoriesEl .bg {opacity: 0.6;}
.categoriesEl .txt {text-align: center; width: 100%;}
#catalogBlock1 .marginTop-48 {margin-top: 24px !important;}
#catalogBlock1 .itemsEl div.marginTop-48 {margin-top: 0px !important;}
.itemsEl .button {margin-top: 32px;}
#catalogBlock1 p.marginTop-48 {margin-top: 32px !important;}
.itemsEl p:last-child {height: 17px; line-height: 17px;}
.itemsEl:hover .button > div:first-child {border-color: #3974A3;}
.panel .ratio-48 {padding-top: 56%;}
.modalBlocks .button > div:last-child {display: block;}
#toTotal > div:first-child {border-bottom: none;}
.totalElPic {width: 60%;}
/**/
#configBlock1ContentGallery > div:nth-child(2) {width: 200px;}
#configBlock1ContentGallery > div:first-child {width: calc(100% - 200px);}
#configBlock1Params {width: 100%;}
#configuratorBody2 .mpBlock1BodyBlock2El {margin-top: 20px; margin-right: 32px;}
/**/
#footerBody > div:first-child {width: 50%;}
#footerBody > div:last-child {width: 50%;}
/**/
#topNewBody {padding: 16px 20px;}
#topNewBody > div:first-child {width: 120px;}
#topNewBody > div:first-child img {width: 120px; height: auto;}
#topNewBody > div:last-child {width: calc(100% - 120px); padding-left: 20px;}
#topNewBodyRightPhone {font-size: 15px; line-height: 18px;}
.sIconsWrp > a {width: 18px; height: 18px; margin-left: 20px;}
.sIconsWrp > a svg {width: 18px; height: 18px;}
#topNewBodyRight > div:first-child .topBodyLang {margin-left: 40px; margin-top: 2px;}
#topNewBodyRightBottom > div:last-child {width: 28px;}
#topNewBodyRightBottom .menuOpen svg {width: 28px; height: auto;}
#topNewBodyRightBottom ul li a, #topNewBodyRightBottom ul li a:visited {padding: 2px 10px; font-size: 15px;}
#topNewBodyRightBottom ul li {margin-right: 10px; margin-top: 0;}
#topNewBodyRightBottom .menuOpen {margin-top: 0;}
#topNewBodyRightBottom {margin-top: 16px;}


}

@media screen and (max-width: 680px) {
  
#mpBlock1Body > div {width: 100%;}
#mpBlock3Content {width: 80%; margin-left: 10%;}
.blogItemsEl .txt h6 {font-size: 20px;}
.blogItemsEl > div:last-child {padding-right: 0px;}
#items > div {padding: 32px;}
#mdl {width: 100%; padding: 32px;}
.select2 {width: 100%; margin-left: 0px; margin-top: 16px; float: left;}
.select2:nth-child(-n+2) {margin-top: 16px !important;}
.select2:nth-child(2n+1) {margin-left: 0px !important;}
.select2:nth-child(-n+1) {margin-top: 0px !important;}
/*#configBlock1 > div:last-child {height: 380px;}*/
.configBlock1RightBodyEl .radiobutton, .configBlock1RightBodyEl .checkbox {width: 80%;}

}

@media screen and (max-width: 620px) {
  
.marginTop-120 {margin-top: 56px;}
.padding-160 {padding: 72px 0;}
.marginBottom-160 {margin-bottom: 72px;}
#mpBlock3Content {width: 90%; margin-left: 5%;}
body {font-size: 16px;}
.txt p {line-height: 1.3;}
.columns-2-40 > div:first-child, #innerAboutText .columns-2-60 > div:first-child, #aboutBlock1 .columns-2-50 > div:first-child {width: 100%;}
#aboutBlock1 .flex3 {padding-right: 0px;}
.blockTop > div:first-child {width: 100%;}
.blockTop > div:last-child {width: 100%; margin-top: 20px;}
.productSliderTableEl > div:last-child {font-size: 24px;}
.productSliderTableEl {padding: 16px 0;}
.blockTop .button, .blockTop .link {float: left;}
.blockTop > div:last-child .clearfix {width: auto;}
.blockTop > div {justify-content: center;}
.blockTop > div .txt {text-align: center;}
.link {font-size: 13px;}
#mpBlock2 .flex2 > div {justify-content: center;}
#footerBody > div:first-child {width: 100%; padding-right: 0px; justify-content: center;}
#footerBody > div:first-child > div {width: auto;}
#footerBodyLogo {margin: 0 auto; display: block; width: 134px;}
.footerBodyInfo .flex > div:first-child {display: none;}
.footerBodyInfo .flex > div:last-child {width: 100%; padding-left: 0px; justify-content: center;}
.footerBodyInfo {margin-top: 32px;}
#footerBody > div:nth-child(2) {width: 100%; padding-left: 0px; margin-top: 48px;}
#footerBodyMenu {width: 100%;}
#footerBodyMenu li {text-align: center;}
#footerBody > div:nth-child(2) > .flex > div:last-child > div {width: 100%;}
#footerBody > div:nth-child(2) > .flex > div:last-child p {text-align: center;}
#footerBottom > div:first-child p, #ii {font-size: 13px; text-align: center;}
.marginTop-24 {margin-top: 20px;}
.banner--big .txt h5 {font-size: 22px;}
.txt h5, .txt h6 {font-size: 19px;}
.blogItemsElDate {font-weight: normal;}
.gradient:before {content: ''; display: block; width: 100%; height: 120px; top: 0px; left: 0px; z-index: 2; position: absolute; background: linear-gradient(180deg, #F8F8F8 0%, rgba(248, 248, 248, 0.00) 100%);}
.gradient:after {content: ''; display: block; width: 100%; height: 120px; bottom: 0px; left: 0px; z-index: 2; position: absolute; background: linear-gradient(180deg, #F8F8F8 0%, rgba(248, 248, 248, 0.00) 100%); transform: rotate(180deg);}
.round {width: 40px; height: 40px; padding: 10px;}
.round svg {width: 18px; height: 18px;}
.marginBottom-160 {margin-bottom: 72px;}
.columns-2-50 > div:last-child {margin-top: 48px;}
.marginTop-56 {margin-top: 40px;}
#innerTopBody {padding-top: 160px;}
#innerTopBody.columns-2-60 {margin-bottom: 56px;}
.historyEl .ratio-2-3 {padding-top: 56% !important;}
#innerBlogBody, #innerBlogGallery {padding: 56px 0 72px;}
.button > div:first-child {font-size: 13px;}
.blogEl--focus .txt h3 {font-size: 22px;}
.blogEl--focus > div:last-child .txt {margin-top: 20px;}
.marginTop-100 {margin-top: 56px;}
#articleBlock1 .columns-2-50 > div:last-child .ratio-90 {padding-top: 50%;}
.innerBlogGalleryEl {width: calc((100% - 48px) / 3); margin-left: 24px; margin-top: 24px; display: block; position: relative; float: left;}
.innerBlogGalleryEl:nth-child(6n+1) {margin-left: 24px;}
.innerBlogGalleryEl:nth-child(-n+6) {margin-top: 24px;}
.innerBlogGalleryEl:nth-child(5n+1) {margin-left: 24px;}
.innerBlogGalleryEl:nth-child(-n+5) {margin-top: 24px;}
.innerBlogGalleryEl:nth-child(4n+1) {margin-left: 24px;}
.innerBlogGalleryEl:nth-child(-n+4) {margin-top: 24px;}
.innerBlogGalleryEl:nth-child(3n+1) {margin-left: 0px;}
.innerBlogGalleryEl:nth-child(-n+3) {margin-top: 0px;}
#contactsBlock1 {padding-bottom: 72px;}
.contactsBlock1El > p:nth-child(2) {font-size: 20px;}
.input, .textarea {font-size: 16px;}
.formBottom > div:first-child p {text-align: center; width: 90%; margin-left: 5%; font-size: 13px;}
.radiobuttonEl > div:last-child {font-size: 13px; padding-left: 12px;}
.contactsBlock1El {margin-top: 24px;}
.contactsBlock1El:first-child {margin-top: 0px;}
#contactsBlock1 .marginTop-80 {margin-top: 40px;}
.padding-80 {padding: 72px 0;}
#map {height: 420px;}
.banner .txt {text-align: center;}
.banner .txt h5 {font-size: 22px;}
#items > div {width: 100%;}
.itemsEl .txt h3 {font-size: 30px;}
#innerProductTop {padding: 56px 0 120px;}
.txt ul li {padding-left: 16px;}
.txt ul li:before {top: 5px;}
.padding-120 {padding: 64px 0;}
.tabsTopEl {font-size: 13px; margin-right: 32px;}
#configBlock1Params .mpBlock1BodyBlock2El p:first-child {font-size: 20px;}
.checkbox > div:last-child {padding-left: 12px; font-size: 13px;}
#configBlock2 > div:first-child > .flex > div {width: 100%; align-items: center;}
#configBlock2 > div:first-child > .flex > div h6 {width: 100%; text-align: center;}
#configBlock2 > div:first-child > .flex > div:last-child {justify-content: center; width: 100%; margin-top: 20px;}
#configBlock2 > div:first-child > .flex > div:last-child p {font-size: 13px;}
#configBlock1Gallery > div:first-child {width: 100%;}
#configBlock1Gallery > div:last-child {width: 100%; margin-left: 0px; position: relative;}
.configBlock1GalleryEl {width: calc((100% - 24px) / 2); height: 200px; margin-left: 24px; margin-top: 24px; display: block; float: left;}
.configBlock1GalleryEl:first-child {margin-left: 0px;}
#innerTotalBody {margin-bottom: 72px;}
.totalElPic {width: 70%;}
#catalogBlock1 {padding-bottom: 72px;}
#mpBlock1:before {background-color: rgba(32, 57, 86, 0.70); transition: all 0.2s linear;}
/**/
#configBlock1ContentGallery > div:first-child {width: 100%;}
#configBlock1ContentGallery > div:nth-child(2) {width: 100%; padding-left: 0px; margin-top: 10px;}
#configBlock1ContentGallery .configBlock1GalleryEl {margin-top: 0px; height: 180px; width: calc(50% - 5px); float: left;}
#configBlock1ContentGallery .configBlock1GalleryEl:nth-child(2) {margin-left: 10px; margin-top: 0px;}
.cbutton {padding: 0 20px; height: 44px; line-height: 44px;}
#configuratorFixed > .flex {padding: 16px 0;}
#configuratorFixed > .flex > div:last-child {margin-top: 16px;}
#configuratorBody2 {padding-bottom: 131px;}
#configuratorBody2Side .configBlock1RightBodyElDop {margin-top: 16px;}
.select3 {font-size: 16px;}
.cbutton--icon {padding: 12px;}
.paddingBottom-160 {padding-bottom: 72px;}
/**/
#footerBodyMenu li a, #footerBodyMenu li a:visited {font-size: 15px;}
/*#panelBody {height: calc(100% - 142px);}
#panelBottom {width: 100%; height: 48px; display: block;}
#panelBottom .topBodyLang {width: 96px;}*/
/**/
/*#topNewBodyRightPhone {display: none;}*/
#topNewBodyRight > div:first-child .topBodyLang {margin-left: 32px;}
#panelBody {height: calc(100% - (78px + 107px));}
#topNew {top: 10px;}
#mpBlock1Body > div {padding: 150px 0 88px;}
.buttonWrp {justify-content: center;}
.formBlock .formBlockBody {padding: 72px 0;}
.formBlockBody .marginTop-80 {margin-top: 40px;}

#topNew .centered {padding: 0 10px;}

}

@media screen and (max-width: 560px) {
  
.centered {padding: 0 32px;}
.mpBlock1BodyBlock1 h1, .txt h1 {font-size: 52px;}
.mpBlock1BodyBlock1 p {margin-top: 20px; font-size: 24px;}

#productSlider .columns-2-40 > div:last-child {width: 100%; margin-left: 0px; margin-top: 0px;}
#mpBlock1 .round {right: 32px; bottom: 32px;}
.txt h2 {font-size: 34px;}
.txt h3 {font-size: 26px;}
.productSliderTableEl > div:last-child {font-size: 22px;}
.marginTop-48 {margin-top: 40px;}
.blogItemsEl > div:first-child {width: 100%;}
.blogItemsEl > div:last-child {width: 100%; padding-left: 0px; padding-right: 0px; margin-top: 24px;}
.padding-160 {padding: 64px 0;}
.marginBottom-160 {margin-bottom: 64px;}
.blogItemsEl .ratio-1-1 {padding-top: 35%;}
.banner--big .ratio-inner {padding-top: 56%;}
.banner .flex3 {padding: 0px 32px 32px;}
.blogItemsEl .ratio-1-1 {padding-top: 45%;}
#panel {width: 100%; background-color: rgba(34,59,88,1); right: -100%;}
/*#panelTop {padding: 36px 32px;}
#panelBody {padding: 32px 32px 32px;}*/
.marginBottom-160 {margin-bottom: 64px;}
#leaders {padding: 32px;}
.leadersEl > div:first-child {width: 110px;}
.leadersEl > div:last-child {width: calc(100% - 110px); padding: 0px 20px;}
.leadersElAvatar {height: 110px;}
.leadersEl .txt p {margin-top: 10px;}
#innerBlogBody, #innerBlogGallery {padding: 56px 0 64px;}
.blogEl--focus > div:first-child .ratio-1-1 {padding-top: 50%;}
.blogEl--focus > div:last-child {padding: 24px;}
#articleBlock1 h1 {font-size: 42px;}
#articleBlock1Info {padding: 32px;}
#articleBlock1Info .marginTop-56 {margin-top: 32px;}
.banner.banner--small .flex3 {padding: 0px 32px 32px;}
.banner--small .ratio-inner {padding-top: 56%;}
.categoriesEl .flex {padding: 40px;}
#categories .ratio-90 {padding-top: 40%;}
.itemsEl .txt h3 {font-size: 26px;}
#innerProductTop {padding: 56px 0 100px;}
.padding-140-160 {padding: 32px 32px;}
.txt h4 {font-size: 26px;}
.panel ul.flex > li {padding-right: 16px; font-size: 18px;}
.panel ul.flex > li::before {top: 7px;}
.modalBlocksEl {padding: 32px;}
.configBlock1GalleryEl {height: 180px;}
#innerTotalBody {margin-bottom: 64px;}
.paddingBottom-160 {padding-bottom: 64px;}
/**/
#panelTop {padding: 24px 24px 20px;}
#panelBottom {padding: 0 24px 20px;}
#panelBottom p {font-size: 18px;}
#panelBody {height: calc(100% - (66px + 106px)); padding: 24px 0 40px 24px;}
.formBlock .formBlockBody {padding: 64px 0;}
.formBlock .formBlockBody {width: calc(100% - 64px); margin-left: 32px;}
.formBlockBody .txt .likeH3 {font-size: 26px;}

#topNewBodyRight > div:first-child .sIconsWrp {display: none;}
#topNewBodyRightBottom > div:first-child {padding-right: 16px;}
#topNewBodyRight > div:first-child .topBodyLang {width: 88px;}

}

@media screen and (max-width: 520px) {
  
.panel .ratio-48 {padding-top: 80%;}
.panel ul.flex > li {width: 100%;}
.panel ul.flex > li:nth-child(-n+4) {margin-top: 24px;}
.panel ul.flex > li:nth-child(-n+2) {margin-top: 24px;}
.panel ul.flex > li:nth-child(-n+1) {margin-top: 0px;}
.gradient.panel .bg {opacity: 0.5;}
.gradient.panel:before {height: 64px;}
.gradient.panel:after {height: 64px;}
.configBlock1GalleryEl {height: 160px;}
.totalElPic {width: 80%;}
/**/
/*#configuratorFixed {position: relative;}*/
#configuratorBody2 {padding-bottom: 180px;}
#configBlock1ContentGalleryImg {height: 320px;}
#configBlock1ContentGallery .configBlock1GalleryEl {height: 160px;}
#configuratorFixed > .flex {padding: 20px 0;}
#configuratorFixed > .flex > div:first-child > .flex > div:first-child {width: 100%; justify-content: center;}
#configuratorFixed > .flex > div:first-child > .flex > div:last-child {width: 100%; justify-content: center; margin-top: 16px;}
#configuratorFixedInfo, #configuratorFixed > .flex > div:first-child {justify-content: center;}
#configuratorFixedInfo p,  #configuratorFixed > .flex > div:first-child > .flex > div:last-child p {width: 100%; text-align: center !important;}
#configuratorFixed > .flex > div:last-child {margin-top: 20px;}
#configuratorFixedInfo > div:last-child {font-size: 20px;}

}

@media screen and (max-width: 480px) {
  
.mpBlock1BodyBlock1 h1, .txt h1 {font-size: 48px; width: 90%;}
.mpBlock1BodyBlock1 p {margin-top: 20px; font-size: 22px; width: 100%;}
.mpBlock1BodyBlock2 > p {font-size: 28px;}
.blogItemsElDate {font-weight: normal;}
.blogItemsEl .txt h6 {font-size: 19px;}
.banner--big .ratio-inner {padding-top: 64%;}
.productSliderTableEl > div:last-child {width: 140px; font-size: 19px;}
.productSliderTableEl > div:first-child {width: calc(100% - 140px); padding-right: 16px;}
.blogItemsEl .txt h6 {font-size: 18px;}
.marginTop-48 {margin-top: 32px;}
#articleBlock1 h1 {font-size: 38px;}
#articleBlock1 .columns-2-50 > div:last-child .ratio-90 {padding-top: 56%;}
#contactsBlock1 {padding-bottom: 64px;}
.contactsBlock1El > p:nth-child(2) {font-size: 18px;}
.input--two {width: 100%; margin-left: 0px; margin-top: 16px;}
.input--two:nth-child(-n+2) {margin-top: 16px;}
.input--two:nth-child(-n+1) {margin-top: 0px;}
.textarea {height: 100px;}
.padding-80 {padding: 64px 0;}
#map {height: 360px;}
.banner--small .ratio-inner {padding-top: 64%;}
.pictureBlock {padding: 48px 0 48px;} 
.modalBlocksEl > div:first-child {width: 100% ; padding-right: 0px;} 
.modalBlocksEl > div:last-child {display: none;}
.modalBlocksEl > div:first-child .txt {width: 100%;}
.configBlock1GalleryEl {width: calc((100% - 16px) / 2); margin-left: 16px; margin-top: 16px; height: 140px;}
.configBlock1GalleryEl:first-child {margin-left: 0px;}
.configBlock1GalleryEl:nth-child(2) {margin-left: 16px; margin-top: 16px;}
.configBlock1RightBodyEl .checkbox {width: 100%;}
.totalElPic {width: 100%;}
/**/
#topNewBody {padding: 16px 16px;}
#topNewBody > div:first-child {width: 110px;}
#topNewBody > div:first-child img {width: 110px; height: auto;}
#topNewBody > div:last-child {width: calc(100% - 110px); padding-left: 16px;}
#innerTopBody {padding-top: 140px;}

}

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

/*.callWrp {display: none;}
#topNewBodyRight > div:first-child .sIconsWrp {display: none;}
#topNewBodyRight > div:first-child .topBodyLang {margin-left: 0;}
#topNewBodyRight > div:first-child {display: none;}
#topNewBodyRightBottom {margin-top: 0;}
#topNewBody > div:last-child {align-items: center;}
#topNewBodyRightBottom .menuOpen {padding: 8px;}
#topNewBodyRightBottom > div:last-child {width: calc(28px + 16px);}
#topNewBody {padding: 16px 12px 16px 16px;}
#topNewBody > div:first-child {width: 100px;}
#topNewBody > div:first-child img {width: 100px; height: auto;}
#topNewBody > div:last-child {width: calc(100% - 100px); padding-left: 0;}
#mpBlock1Body > div {padding: 140px 0 80px;}
#innerTopBody {padding-top: 130px;}*/
#topNewBody > div:last-child {padding-left: 0;}

#mpBlock1Body > div {padding: 140px 0 80px;}
#innerTopBody {padding-top: 130px;}


}


@media screen and (max-width: 440px) {
  
.leadersEl > div:first-child {width: 110px; margin: 0 auto;}
.leadersEl > div:last-child {width: 100%; padding: 20px 0px 10px;}
.leadersElAvatar {height: 110px;}
.leadersEl > div:last-child > div {width: 100%; text-align: center;}
.formBottom > div:first-child p {width: 100%; margin-left: 0px;}
#categories .ratio-90 {padding-top: 50%;}
.panel .ratio-48 {padding-top: 100%;}


}

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

#topBody > div:last-child > .flex > div:first-child {/*display: none;*/}
#topBody > div:nth-child(2) {display: none;}
#topBody > div:first-child {width: calc(100% - 148px);}
#topBody > div:last-child {width: 148px;}
#topBody > div:last-child > .flex > div:first-child {
    width: calc(100% - 32px);
    padding-right: 32px;
}
#topBody > div:first-child a img {
    height: 52px;
}
.txt h2 {font-size: 28px;}
#mpBlock2 .marginTop-120 {margin-top: 40px;}
.gradient:before {content: ''; display: block; width: 100%; height: 80px; top: 0px; left: 0px; z-index: 2; position: absolute; background: linear-gradient(180deg, #F8F8F8 0%, rgba(248, 248, 248, 0.00) 100%);}
.gradient:after {content: ''; display: block; width: 100%; height: 80px; bottom: 0px; left: 0px; z-index: 2; position: absolute; background: linear-gradient(180deg, #F8F8F8 0%, rgba(248, 248, 248, 0.00) 100%); transform: rotate(180deg);}
.txt h3 {font-size: 24px;}
.mpBlock1BodyBlock1 h1, .txt h1 {font-size: 44px; width: 100%;}
.mpBlock1BodyBlock1 p {font-size: 20px;}
.banner--big .ratio-inner {padding-top: 100%;}
#mpBlock3Content {width: 100%; margin-left: 0px;}
#mpBlock3 .bg {width: 140%;}
.marginTop-80 {margin-top: 48px;}
#panelBody ul li a, #panelBody ul li a:visited {font-size: 18px;}

#panelBody ul li {margin-top: 16px;}
#panelBody ul li:first-child {margin-top: 0px;}
#panelBody {padding: 10px 24px 32px;}
#innerBlogBody, #innerBlogGallery {padding: 48px 0 64px;}
.blogEl--focus .txt h3 {font-size: 20px;}
.blogEl--focus > div:first-child .ratio-1-1 {padding-top: 45%;}
.innerBlogGalleryEl {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 24px; display: block; position: relative; float: left;}
.innerBlogGalleryEl:nth-child(6n+1) {margin-left: 24px;}
.innerBlogGalleryEl:nth-child(-n+6) {margin-top: 24px;}
.innerBlogGalleryEl:nth-child(5n+1) {margin-left: 24px;}
.innerBlogGalleryEl:nth-child(-n+5) {margin-top: 24px;}
.innerBlogGalleryEl:nth-child(4n+1) {margin-left: 24px;}
.innerBlogGalleryEl:nth-child(-n+4) {margin-top: 24px;}
.innerBlogGalleryEl:nth-child(3n+1) {margin-left: 24px;}
.innerBlogGalleryEl:nth-child(-n+3) {margin-top: 24px;}
.innerBlogGalleryEl:nth-child(2n+1) {margin-left: 0px;}
.innerBlogGalleryEl:nth-child(-n+2) {margin-top: 0px;}
.radiobuttonTabs .radiobuttonEl {width: 100%; padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-top: 16px;}
.radiobuttonTabs .radiobuttonEl:nth-child(-n+2) {margin-top: 16px;} 
.radiobuttonTabs .radiobuttonEl:first-child {margin-top: 0px;}
#contactsBlock1 {padding-bottom: 56px;}
.padding-80 {padding: 56px 0;}
#map {height: 320px;}
.banner--small .ratio-inner {padding-top: 100%;}
#categories .ratio-90 {padding-top: 56%;}
.itemsEl .txt h3 {font-size: 24px;}
.txt h4 {font-size: 24px;}
.panel .ratio-48 {padding-top: 120%;}
.pictureBlock {padding: 48px 0 48px;}
#mdl {padding: 24px;}
.padding-120 {padding: 56px 0;}
.configBlock1GalleryEl {height: 120px;}
/**/
#configuratorBody2 .mpBlock1BodyBlock2El {margin-top: 20px; width: 100%; margin-right: 0px;}
#configBlock1ContentGalleryImg {height: 260px;}
#configBlock1ContentGallery .configBlock1GalleryEl {height: 140px;}
#top2 #topBody > div:first-child > .flex > div:last-child .flex > div:first-child {display: none;}
#top2 #topBody > div:first-child > .flex > div:last-child .flex > div:last-child {width: 100%; padding-left: 0px;}
#top2 #topBody > div:first-child {width: calc(100% - 32px); height: 130px; padding-right: 0px;}
#top2 #topBody > div:first-child > .flex > div:last-child {width: calc(100% + 32px);}
#top2 #topBody > div:last-child {width: 32px;}

#panelBottom .topBodyLang {width: 84px;}
#top2 #topBody > div:last-child > .flex > div:first-child {display: none;}
/**/
.centered {padding: 0 24px;}
.formBlock .formBlockBody {width: calc(100% - 48px); margin-left: 24px;}
.formBlockBody .txt .likeH3 {font-size: 24px;}
.formBlockBody .marginTop-80 {margin-top: 32px;}

#topNewBodyRight > div:first-child .topBodyLang {display: none;}

}

@media screen and (max-width: 380px) {
  
.centered {padding: 0 24px;}
.mpBlock1BodyBlock1 h1, .txt h1 {font-size: 40px;}
.mpBlock1BodyBlock1 p {font-size: 19px;}
.mpBlock1BodyBlock2 > p {font-size: 26px;}
.txt h2 {font-size: 26px;}
.txt h3 {font-size: 23px;}
.productSliderTableEl > div:first-child {width: 100%; padding-right: 0px;}
.productSliderTableEl > div:last-child {width: 100%; font-size: 19px; margin-top: 8px; justify-content: left;}
.padding-160 {padding: 48px 0;}
.marginBottom-160 {margin-bottom: 48px;}
.txt p {margin-top: 20px;}
.txt p:first-child {margin-top: 0px;}
.txt h2 {margin-bottom: 20px;}
#mpBlock1 .round {right: 24px; bottom: 24px;}
/*#panelTop {padding: 36px 24px;}
#panelBody {padding: 32px 24px 32px;}*/
.marginBottom-160 {margin-bottom: 56px;}
.historyEl > div:first-child {padding: 32px 24px 32px;}
#innerBlogBody, #innerBlogGallery {padding: 48px 0 48px;}
#articleBlock1 h1 {font-size: 34px;}
#articleBlock1Info {padding: 24px;}
#articleBlock1Info .marginTop-56 {margin-top: 24px;}
#articleBlock1 .columns-2-50 > div:last-child .ratio-90 {padding-top: 64%;}
#categories .ratio-90 {padding-top: 64%;}
.itemsEl .txt h3 {font-size: 23px;}
.padding-140-160 {padding: 24px 24px;}
.txt h4 {font-size: 23px;}
.modalBlocksEl {padding: 24px;}
.marginTop-120 {margin-top: 48px;}
#configBlock1 > div:first-child {padding: 24px 24px;}
#configBlock1RightBody {padding: 24px 24px 32px;}
#configBlock2 > div:first-child {padding: 32px 24px 0;}
.configBlock1GalleryEl {height: 100px;}
#innerTotalBody {margin-bottom: 56px;}
#catalogBlock1 {padding-bottom: 56px;}
/**/
#configBlock1ContentGalleryImg {height: 240px;}
#configBlock1ContentGallery .configBlock1GalleryEl {height: 120px;}
#configuratorBody2Side .colorEl {width: 40px; height: 40px; line-height: 40px;}
#configuratorBody2Side .colorEl--active:after {width: 16px; height: 16px; background: url('../img/check-2.svg') no-repeat; background-size: 16px 16px;}
.paddingBottom-160 {padding-bottom: 56px;}
/**/
.formBlock .formBlockBody {padding: 48px 0;}

#topNewBody {padding: 16px 16px 16px 16px;}
.callWrp {display: none;}
#modalCall {display: block; width: 36px; height: 19px; padding: 0 4px; position: relative;}
#modalCall svg {width: auto; height: 19px; display: block;}
#modalCall svg .fill {fill: #ADE8EB; transition: all 0.1s linear;}
#modalCall:hover svg .fill {fill: #8CDFE3 !important; transition: all 0.1s linear;}
#topNewBodyRightBottom > div:first-child {padding-right: 16px;}

}

@media screen and (max-width: 360px) {
  
.mpBlock1BodyBlock1 h1, .txt h1 {font-size: 38px;}
#articleBlock1 h1 {font-size: 32px;}
.panel .ratio-48 {padding-top: 140%;}
#topBody > div:first-child {width: calc(100% - 130px);}
#topBody > div:last-child {width: 130px;}
#topBody > div:last-child > .flex > div:first-child {
    width: calc(100% - 32px);
    padding-right: 24px;
}
#topBody > div:first-child a img {
    height: 48px;
}
#panelBottom .topBodyLang {width: 74px;}

}