@media screen and (max-width: 1760px) {
  
.centered {width: 1480px;}
#mpBlock1Body > div h1 {font-size: 56px;}
#mpBlock1Body > div:last-child .flex > div:first-child p {font-size: 19px;}
#mpBlock1Body > div:last-child {padding: 88px 0 80px;}
.txt h2 {font-size: 36px;}
.cardsEl .flex {padding: 40px;}
.txt h3, .likeH3 {font-size: 24px;}
.columns-2-32 > div:first-child {padding-right: 6%;}
.categoryEl .txt h3 {width: 75%;}
.columns-2-50 > div:first-child {padding-right: 6%;}
.columns-2-50 > div:first-child .txt p {padding-right: 16%;}
.blogEl .flex3 > div:first-child {padding: 0 14px 64px;}
.blogEl .txt h3 {margin-bottom: 36px; font-size: 20px;}
#innerTopInfo h1 {font-size: 44px;}
#innerTopInfo .txt p {font-size: 19px;}
#historyBodyActive > p, .historyBodySideFlex > div p {font-size: 36px;}
#historyBody > div:nth-child(2):after {top: 7px;}
#historyTop {padding-right: 6%;}
#historyBodyActive > div p:first-child {width: 75%;}
#historyBody > div:nth-child(2) {padding-left: 50px;}
#historyBody > div {padding-bottom: 50px;}
#historyBody > div:nth-child(2) {min-height: 380px;}
#historyBodyActive > div {margin-top: 48px;}
.columns-2-50-2 > div:first-child .txt p {padding-right: 10%;}
.columns-2-50-2 > div:last-child > div {padding-left: 28%;}
.thesis2El p:first-child {font-size: 19px;}
.columns-2-50-2 > div:first-child .txt {padding-right: 10%;}
.docsSliderEl .flex2 > div:last-child {padding: 14px;}
.docsSliderEl .flex2 > div:last-child p {font-size: 17px;}
.accordeonTop > div:first-child p {font-size: 19px;  width: 80%;}
.catalogEl > div:first-child {width: 6%;}
.catalogEl > div:nth-child(2) {padding: 0 8% 0 20px;}

#article > div:last-child > div {padding-left: 28%;}

}

@media screen and (max-width: 1560px) {
  
.centered {width: 100%; padding: 0 40px;}
#mpBlock1Body > div h1 {width: 70%; font-size: min(max(26px, calc(1.625rem + (52 - 26) * ((100vw - 320px) / (1560 - 320)))), 52px); min-height: 0vw;}
.topBodySearchWrp {margin-left: 64px;}
#mpBlock1Body > div:last-child .flex > div:first-child {width: calc(60% - 10px);}
#mpBlock1Body > div:last-child .flex > div:last-child {width: calc(40% - 10px);}
#mpBlock1Body .label {margin-top: 10px;}
#mpBlock1Body > div:last-child {padding: 72px 0 80px;}
.txt h2 {font-size: min(max(22px, calc(1.375rem + (34 - 22) * ((100vw - 320px) / (1560 - 320)))), 34px); min-height: 0vw;}
.marginTop-64 {margin-top: 56px;}
.marginTop-80 {margin-top: 72px;}
.txt h3, .likeH3 {font-size: min(max(18px, calc(1.125rem + (23 - 18) * ((100vw - 320px) / (1560 - 320)))), 23px); min-height: 0vw;}
.cardsEl .flex {padding: 32px;}
.columns-2-32 > div:first-child {padding-right: 46px;}
.categoryEl .txt p {width: 100%;}
.categoryEl .txt h3 {width: 80%;}
.paddingBottom-120 {padding-bottom: 100px;}
.marginTop-120 {margin-top: 100px;}
.paddingTop-120 {padding-top: 100px;}
.smallBlockBody {padding: 48px;}
.smallBlockBody .thesis {margin-top: 100px;}
.thesisEl p:nth-child(2) {font-size: min(max(24px, calc(1.5rem + (30 - 24) * ((100vw - 320px) / (1560 - 320)))), 30px); min-height: 0vw;}
.txt h4 {font-size: 19px; margin-top: 32px; margin-bottom: 32px;}
.txt h4:first-child {margin-top: 0px;}
.txt h4:last-child {margin-bottom: 0px;}
.columns-2-50 > div:first-child {padding-right: 46px;}
.thesisEl p:first-child {padding-right: 10px;}
.padding-120 {padding: 100px 0;}
.blogEl .txt h3 {margin-bottom: 32px; font-size: min(max(17px, calc(1.0625rem + (20 - 17) * ((100vw - 320px) / (1560 - 320)))), 20px); min-height: 0vw; margin-top: 12px;}
#footerTopBody {padding: 72px 0;}
#innerTopInfo h1 {font-size: min(max(26px, calc(1.625rem + (42 - 26) * ((100vw - 320px) / (1560 - 320)))), 42px); min-height: 0vw;}
#innerTopInfo .txt p {width: calc(60% - 10px);}
#historyTop {padding-right: 46px;}
#historyBodyActive > div p:first-child {width: 80%;}
#historyBody > div:nth-child(2) {padding-left: 48px;}
#historyBody > div {padding-bottom: 48px;}
.columns-2-50-2 > div:first-child .txt {padding-right: 46px;}
.columns-2-50-2 > div:first-child .txt p {padding-right: 12%;}
.columns-2-50-2 > div:last-child > div {padding-left: 24%;}
.thesis2 > div {margin-top: 48px;}
.thesis2 > div:nth-child(-n+2) {margin-top: 0;} 
.thesis2El p:first-child {font-size: 18px;}
.navs {margin-top: 40px;}
.accordeonTop > div:first-child p {font-size: min(max(14px, calc(0.875rem + (18 - 14) * ((100vw - 320px) / (1560 - 320)))), 18px); min-height: 0vw; width: 90%;}
.catalogEl > div:first-child {width: 64px; font-size: 20px; line-height: 34px;}
.catalogEl > div:nth-child(2) {padding: 0 6% 0 20px;}
.catalogEl > div:nth-child(2) .txt h2 {margin-bottom: 48px;}
.catalogEl > div:nth-child(2) .label {font-size: 15px; padding: 6px 12px;}
.catalogEl {margin-top: 88px;}
.catalogEl:first-child {margin-top: 0;}

#innerSearchTop {width: 65%;}
.searchResultBodyEl {font-size: min(max(15px, calc(0.9375rem + (20 - 15) * ((100vw - 320px) / (1560 - 320)))), 20px); min-height: 0vw;}

#article > div:last-child > div {padding-left: 24%;}
.blogElDate {margin-bottom: 12px;}

}

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

.thesisEl p:first-child {padding-right: 0;}
#wheretobuy {width: 1180px;}
.wheretobuy-ru {min-height: 460px;}
#wheretobuy .bg {margin-top: -40px;}

.columns-2-50-2 > div:first-child {width: calc(60% - 10px);}
.columns-2-50-2 > div:last-child {width: calc(40% - 10px);}
.columns-2-50-2 > div:last-child > div {padding-left: 56px;}
.columns-2-50-2 > div:first-child .txt {padding-right: 46px;}
.columns-2-50-2 > div:first-child .txt p {padding-right: 24%;}
.thesis2El p:first-child {width: 90%;}
.docsSliderEl .flex2 > div:last-child p {font-size: 22px;}
.docsSliderEl .flex2 > div:last-child {padding: 20px;}

#article > div:first-child {width: calc(60% - 10px);}
#article > div:last-child {width: calc(40% - 10px);}
#article > div:last-child > div {padding-left: 56px;}
#articleRight .label {font-size: 15px; padding: 6px 12px;}

}

@media screen and (max-width: 1420px) {
  
#topBody > div:nth-child(2) img, #footerBodyBody > div:first-child img {height: 28px;}
#topBody > div:nth-child(2) {width: 260px;}
#topBody > div:first-child, #topBody > div:last-child {width: calc((100% - 260px) / 2);}
#mpBlock1Body > div h1 {width: 75%;}
.cardsEl h3 {padding-bottom: 36px; margin-bottom: 20px;}
.cardsEl .txt p, .categoryEl .txt p {font-size: 16px;}
.categoryEl .txt p {width: 95%;}
.columns-2-32 > div:first-child {padding-right: 38px;}
.sideSearch > div:first-child input {font-size: 16px; padding: 0 16px;}
.columns-2-50 > div:first-child .txt p {padding-right: 8%;}
.smallBlockBody {padding: 40px;}
.thesisEl p:first-child {font-size: 16px;}
#historyBodyActive > p, .historyBodySideFlex > div p {font-size: 32px;}
#historyBody > div:nth-child(2):before {height: calc(100% - 32px); top: 32px;}
#historyBody > div:nth-child(2):after {content: ''; width: 20px; height: 20px; position: absolute; left: -10px; top: 7px; background: url('../img/history-pointer.svg?v=1') no-repeat; background-size: 20px 20px;}
#historyBodyActive > div p:nth-child(2) {padding-right: 32px;}
#historyBodyActive > div p:first-child {width: 90%;}
.columns-2-50-2 > div:first-child .txt p {padding-right: 20%;}
.thesis2El p:first-child {width: 95%;}
.navs {margin-top: 32px;}
#salepointsBody {height: 620px;}
.salepointsBodyEl {padding: 20px;}
.salepointsBodyEl > p {font-size: 19px;}
.filter {margin-bottom: 20px; padding-bottom: 36px;}
.innerContactsElDiv {margin-top: 36px; padding-top: 20px;}

}

@media screen and (max-width: 1320px) {
  
#mpBlock1Body > div:last-child .flex {margin-top: 24px; padding-top: 24px;}
.label {font-size: 16px; padding: 8px 16px;}
.langWrpBody > div:first-child svg, .topBodySearchWrpBody > div:first-child svg {width: 22px; height: 22px;}
.langWrpBottom a, .langWrpBottom a:visited {padding: 3px 3px 3px 36px;}
.topBodySearchWrp {margin-left: 56px;}
.langWrpBody > div:first-child, .topBodySearchWrpBody > div:first-child {width: 22px;}
.topBodySearchWrpBody > div:last-child {padding-left: 10px;}
.topsearchEl {font-size: 14px;}
#mpBlock1Body > div:last-child .flex > div:first-child {width: calc(70% - 10px);}
#mpBlock1Body > div:last-child .flex > div:last-child {width: calc(30% - 10px);}
.topBodyMenu li {margin-left: 28px;}
.topBodyMenu li:first-child {margin-left: 0px;}
#mpBlock1Body > div h1 {width: 80%;}
.topBodyMenuIcon {width: 22px; height: 22px; margin-left: 40px;}
#mpBlock1Body > div:last-child {padding: 72px 0 72px;}
.categoryEl .txt p {width: 100%;}
.categoryEl > div:last-child {padding-left: 24px; width: 75%;}
.categoryEl > div:first-child {width: 25%;}
.columns-2-32 > div:first-child {width: 380px;}
.columns-2-32 > div:last-child {width: calc(100% - 380px - 20px);}
.marginTop-48 {margin-top: 40px;}
.txt h4 {font-size: min(max(15px, calc(0.9375rem + (18 - 15) * ((100vw - 320px) / (1320 - 320)))), 18px); min-height: 0vw;}
.columns-2-50 > div:first-child .txt p {padding-right: 48px;}
.txt h2 {margin-bottom: 40px;}
.txt h2:last-child {margin-bottom: 0;}
.thesis > div {width: 100%; margin-left: 0px; margin-top: 28px; padding-top: 14px;}
.thesis > div:nth-child(2n+1) {margin-left: 0px;}
.thesis > div:nth-child(-n+2) {margin-top: 28px;}
.thesis > div:nth-child(-n+1) {margin-top: 0px;}
.smallBlockBody .thesis {margin-top: 56px;}
.smallBlockBody .txt {width: 80%;}
.columns-2-50 > div:first-child {padding-right: 38px;}
.partnersSlider .ratio {padding: 10px;}
.footerTopBodyAddressEl > p {font-size: 18px;}
.footerTopBodyAddressEl > div {margin-top: 28px;}
.footerTopBodyAddressEl > div > div > p:nth-child(2) {font-size: 16px;}
#innerTopInfo .txt {margin-top: 72px; padding-top: 24px;}
#innerTopInfo h1 {width: 80%;}
#innerTopInfo {padding: 140px 0 72px;}
#innerTopInfo .txt p {width: calc(70% - 10px);}
#historyTop {width: 380px; padding-right: 38px;}
#historyBody > div.historyBodySide {width: 380px; margin-left: 0;}
#historyBody > div.historyBodySide:first-child {padding-right: 20px;}
#historyBody > div.historyBodySide:last-child {padding-left: 20px;}
#historyBody > div:nth-child(2) {width: calc(100% - (380px * 2)); margin-left: 0; min-height: 360px;}
#historyBody > div:nth-child(2) {padding-left: 32px; padding-right: 32px;}
#historyBody > div {padding-bottom: 32px;}
#historyBottom > span {margin-left: 46.5px; height: 64px;}
.hb28, .hb29, .hb30 {display: none !important;}
#historyBottom {overflow: hidden; height: 64px;}
#historyBodyActive > div p:first-child {width: 80%;}
.hb11:before {display: none;}
.hb9:before {content: ''; width: 3px; height: 100%; left: -1px; top: 0px; background-color: #efea50; display: block; position: absolute;}
#historyBodyActive > div p:nth-child(2) {padding-right: 20px;}
#historyBodyActive > div {margin-top: 40px;}
.thesis2El p:first-child {width: 100%;}
.columns-2-50-2 > div:first-child .txt p {padding-right: 16%;}
.columns-2-50-2 > div:last-child > div {padding-left: 48px;}
.docsSliderEl .flex2 > div:last-child p {font-size: 20px;}
.docsSliderEl .flex2 > div:last-child {padding: 14px;}
.navs {margin-top: 32px;}
.accordeonBody {width: calc(100% - 48px);}
.accordeonTop > div:first-child p {width: 95%;}
.catalogEl > div:first-child {width: 48px; font-size: 19px; line-height: 32px;}
.catalogEl > div:nth-child(2) {padding: 0 56px 0 20px;}
.catalogEl > div:nth-child(2) .txt h2 {margin-bottom: 48px; width: 90%;}
.innerContactsEl > div:first-child {padding: 32px;}

#article > div:last-child > div {padding-left: 48px;}
#article {padding-top: 24px;}

}

@media screen and (max-width: 1240px) {
  
.topBodyMenu li {margin-left: 24px;}
.topBodyMenu li:first-child {margin-left: 0px;}
.cardsEl .flex {padding: 24px;}
.columns-2-50 > div:first-child .txt p {padding-right: 0;}
#wheretobuy {width: 960px;}
.wheretobuy-ru {min-height: 367px;}
#wheretobuy .bg {margin-top: -40px;}
.blog > div {width: calc((100% - 20px) / 3); margin-left: 20px; margin-top: 20px;}
.blog > div:nth-child(4n+1) {margin-left: 20px;}
.blog > div:nth-child(-n+4) {margin-top: 20px;}
.blog > div:nth-child(3n+1) {margin-left: 0px;}
.blog > div:nth-child(-n+3) {margin-top: 0px;}
#bblog.blog > div:nth-child(4) {display: none;}
#historyBody > div:nth-child(2) {padding-right: 0;}
#historyBodyActive > div p:first-child {width: 90%;}
.columns-2-50-2 > div:first-child .txt p {padding-right: 12%;}
.thesis2El p:first-child {font-size: 17px;}
#salepointsBody {height: 580px;}
.salepointsBodyEl > p {font-size: 18px;}
.accordeonTop > div:first-child {padding-right: 20px;}
.accordeonBody {width: 100%;}
.accordeonTop > div:first-child p {width: 100%;}
#innerSearchTop {padding: 24px;}

}

@media screen and (max-width: 1180px) {
  
.topBodyMenu {display: none;}
#top {padding-top: 24px;}
.topBodyMenuIcon {width: 32px; height: 32px; padding: 5px 0 5px 10px; margin-left: 0;}
#mpBlock1Body > div h1 {width: 85%;}
#mpBlock1Body > div:first-child {padding-top: 100px;}
#mpBlock1Body > div:last-child {padding: 56px 0 72px;}
#mpBlock1Body > div:last-child .flex > div:first-child p {font-size: 18px;}
#mpBlock1Body {min-height: 680px;}
.cardsEl .txt p {font-size: 15px; margin-top: 16px;}
.cardsEl h3 {padding-bottom: 32px; margin-bottom: 16px;}
.marginTop-80 {margin-top: 64px;}
.marginTop-64 {margin-top: 48px;}
.width-65 {width: 75%;}
.cards > div {width: calc((100% - 32px) / 3); margin-left: 16px; margin-top: 16px;}
.cards > div:nth-child(-n+3) {margin-top: 0px;} 
.cards > div:nth-child(3n+1) {margin-left: 0px;}
#mpBlock1Body .label {margin-top: 8px;}
.labels > div {margin-right: 8px;}
.columns-2-32 > div:first-child {width: 100%; margin-right: 0px; padding-right: 0px;}
.columns-2-32 > div:last-child {width: 100%; margin-left: 0px; margin-top: 48px;}
.columns-2-32 > div:first-child .txt p {width: 75%;}
/*.marginTop-48 {margin-top: 32px;}*/
.sideSearch {width: calc(50% - 8px);}
.categoryEl > div:last-child {padding-left: 32px; width: 80%;}
.categoryEl > div:first-child {width: 20%;}
.categoryEl .txt h3 {width: 60%;}
.categoryEl .txt p {width: 85%; font-size: 15px;}
.paddingBottom-120 {padding-bottom: 88px;}
.txt h3, .likeH3 {margin-bottom: 20px;}
.txt h3:last-child, .likeH3:last-child {margin-bottom: 0px;}
.marginTop-120 {margin-top: 88px;}
.paddingTop-120 {padding-top: 88px;}
.buttonWrp .button {margin-top: 10px;}
.buttonWrp.marginTop-48 {margin-top: 30px;}
.smallBlockBody .txt {width: 90%;}
.thesisEl p:first-child {font-size: 15px;}
.cardsEl h3 {margin-bottom: 16px;}
.txt h4 {margin-top: 24px; margin-bottom: 24px;}
.txt h4:first-child {margin-top: 0px;}
.txt h4:last-child {margin-bottom: 0px;}
.padding-120 {padding: 88px 0;}
.block:last-child {padding-bottom: 88px;}
.blog > div {width: calc((100% - 32px) / 3); margin-left: 16px; margin-top: 16px;}
.blog > div:nth-child(4n+1) {margin-left: 16px;}
.blog > div:nth-child(-n+4) {margin-top: 16px;}
.blog > div:nth-child(3n+1) {margin-left: 0px;}
.blog > div:nth-child(-n+3) {margin-top: 0px;}
.blogEl .txt p {font-size: 15px; padding-top: 16px;}
.blogElDate {font-size: 14px;}
#footerTopBody > div:last-child > div {padding-left: 0;}
#footerTopBody > div:last-child {width: calc((100% - 32px) / 3); margin-left: 16px; padding-left: 40px;}
#footerTopBody > div:first-child {width: auto; flex: 1 1 0;}
.footerTopBodyAddress > div {width: calc(50% - 8px); margin-right: 16px;}
#footerBodyBody > div:first-child {width: calc((100% - 32px) / 3);}
#footerBodyBody > div:nth-child(2) {width: calc((100% - 32px) / 3); margin-left: 16px;}
#footerTopBody {padding: 56px 0;}
#footerTopBody > div:last-child p {font-size: 16px;}
#innerTopInfo .txt {margin-top: 64px; padding-top: 24px;}
#innerTopInfo .txt p {font-size: 18px;}
#breadcrumbs {margin-bottom: 12px;}
#breadcrumbs > li {margin-right: 8px; margin-bottom: 8px; font-size: 13px;}
#innerTopInfo h1 {width: 85%;}
#historyTop {width: 380px; padding-right: 40px;}
#historyBody > div.historyBodySide:first-child {width: 380px; padding-right: 8px; position: relative; z-index: 2;}
#historyBody > div:nth-child(2) {width: calc(100% - (380px + 160px)); padding-left: 32px; position: relative; z-index: 1; min-height: 340px; padding-right: 32px;}
#historyBodyActive > div p:first-child {width: 70%;}
#historyBody > div.historyBodySide:last-child {width: 160px;}
.pastC2, .futureC2 {display: none !important;}
.pastC1 {margin-left: 0; padding-left: calc(100% - 160px);}
.hb26, .hb27 {display: none !important;}
.columns-2-50-2 > div:first-child .txt p {padding-right: 0%;}
.thesis2 > div {width: calc((100% - 16px ) / 2); margin-top: 40px; margin-left: 16px;}
.thesis2 > div:nth-child(-n+2) {margin-top: 0px;}
.thesis2 > div:nth-child(2n+1) {margin-left: 0px;}
.docsSliderEl .flex2 > div:last-child p {font-size: min(max(14px, calc(0.875rem + (18 - 14) * ((100vw - 320px) / (1180 - 320)))), 18px); min-height: 0vw;}
#salepoints .flex2 > div:last-child {display: none;}
#salepoints .select {width: calc(50% - 8px);}
#salepointsBody > div {width: calc((100% - 16px) / 2);}
#salepointsBody > div:first-child {margin-right: 16px;}
#salepointsBody {height: 520px;}
.salepointsBodyEl > p {font-size: 19px;}
.catalogEl > div:first-child {display: none;}
.catalogEl > div:nth-child(2) {padding: 0 48px 0 0;}
.catalogEl > div:last-child {width: 320px;}
.catalogElText {margin-top: 12px; padding-top: 16px;}
.catalogEl {margin-top: 80px;}
.catalogEl:first-child {margin-top: 0;}
#panelTop {padding: 22px 24px 0;}
#panelTop button {width: 30px; height: 30px; padding: 4px;}
#panelTop button svg {width: 22px;}
#panelTop > div:first-child {height: 59px;}
#panelTop > div {padding-bottom: 28px;}
#pannelBottom {padding: 0 24px 24px;}
#panelBody {height: calc(100% - (81px + 72px));}
#panelBodyContent {padding: 20px 24px 32px 24px;}

#innerSearchTop {width: 75%;}
.searchResultBodyEl {margin-top: 24px;}
.searchResultBodyEl:first-child {margin-top: 0;}
.filter > div {width: calc(50% - 8px);}
.filter {margin-bottom: 16px; padding-bottom: 32px;}

.innerContactsElDiv {margin-top: 32px; padding-top: 20px;}
#innerContacts > div {width: calc(50% - 8px);}
#innerContacts > div:last-child {margin-left: 16px;}
.innerContactsElPhone {margin-bottom: 20px;}
.innerContactsEl > div:first-child {padding: 32px 24px;}

.innerContactsElDiv {margin-top: 32px; padding-top: 20px;}
#innerContacts > div {width: calc(50% - 8px);}
#innerContacts > div:last-child {margin-left: 16px;}
.innerContactsElPhone {margin-bottom: 20px;}
.innerContactsEl > div:first-child {padding: 32px 24px;}
.txt h3, .likeH3 {margin-top: 32px;}
.txt h3:first-child, .likeH3:first-child {margin-top: 0;}

}

@media screen and (max-width: 1080px) {
  
.topBodySearchWrp {display: none;}
#mpBlock1Body > div h1 {width: 90%;}
#mpBlock1Body:after {height: 160px;}
.categoryEl .txt h3 {width: 70%;}
.categoryEl .txt p {width: 90%;}
.columns-2-32 > div:first-child .txt p {width: 85%;}
.smallBlockBody {padding: 32px;}
.columns-2-50 > div:first-child {width: calc(100% - 420px); margin-right: 0; padding-right: 48px;}
.columns-2-50 > div:last-child {width: 420px; margin-left: 0;}
.smallBlockBody .txt {width: 100%;}
.smallBlockBody .thesis {margin-top: 40px;}
/*#innerTopInfo h1 {width: 90%;}*/
#historyBodyActive > p, .historyBodySideFlex > div p {font-size: 28px;}
#historyBodyActive > div {margin-top: 32px;}
#historyBody > div:nth-child(2):after {top: 6px;}
#historyBody > div:nth-child(2) {padding-right: 20px;}
#historyBodyActive > div p:first-child {width: 90%;}
#historyBodyActive > div p:nth-child(2) {padding-right: 0;}
.columns-2-50-2 > div:last-child {width: 100%; order: 1; padding-left: 0; margin-left: 0;}
.columns-2-50-2 > div:first-child {width: 100%; margin-right: 0; padding-right: 0; order: 2; margin-top: 48px;}
.columns-2-50-2 > div:last-child > div {padding-left: 0;}
.columns-2-50-2 > div:last-child .ratio_inner {padding-top: 32%;}
.columns-2-50-2 > div:first-child .txt {width: 85%;}
.thesis2El p:first-child {font-size: 18px; width: 75%;}
.thesis2El p:last-child {padding-right: 16px;}
.columns-2-50-2 > div:first-child .txt {padding-right: 0;}
.catalogEl > div:nth-child(2) .txt h2 {margin-bottom: 40px; width: 100%;}
.catalogEl > div:last-child {width: 280px;}
.catalogEl > div:nth-child(2) {padding: 0 40px 0 0;}

.innerContactsElPhone {font-size: 22px;}
.tabsTopElMap {height: 240px;}

#article > div:first-child {width: 100%; order: 2; margin-right: 0; margin-top: 48px;}
#article > div:last-child {width: 100%; order: 1;}
#article > div:last-child > div {padding-left: 0;}
#article > div:first-child .txt {width: 85%;}
#articleRightPic .ratio-inner {padding-top: 32%;}
#article {border-top: none; padding-top: 0;}

#innerLogin > div:first-child {order: 1; margin-top: 0;}
#innerLogin > div:last-child {order: 2; margin-top: 48px; width: 60%;}
.marginTop-40 {margin-top: 32px;}

}

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

#wheretobuy {width: 680px;}
.wheretobuy-ru {min-height: 248px; margin: 0 auto; margin-bottom: 56px !important;}
#wheretobuy .bg {margin-top: -40px;}
#wheretobuyBody .txt h2 {width: 100%; margin-left: 0%;}
.catalogEl > div:nth-child(2) .label {font-size: 14px; padding: 5px 10px;}


}

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

#mpBlock1Body > div h1 {width: 95%;}
#mpBlock1Body > div:last-child .flex > div:last-child svg {width: 32px; height: 32px;}
#mpBlock1Body > div:last-child .flex > div:last-child {width: 56px; margin-left: 0px;}
#mpBlock1Body > div:last-child .flex > div:first-child {width: calc(100% - 56px); margin-right: 0px;}
.label {font-size: 15px; padding: 6px 12px;}
#mpBlock1Body > div:last-child .flex > div:first-child p {font-weight: normal; font-size: 17px; width: 80%;}
.cards > div {width: calc((100% - 16px) / 2); margin-left: 16px; margin-top: 16px;}
.cards > div:nth-child(-n+3) {margin-top: 16px;} 
.cards > div:nth-child(-n+2) {margin-top: 0px;} 
.cards > div:nth-child(3n+1) {margin-left: 0px;}
.cards > div:nth-child(3) {margin-left: 0px; width: 100%;}
.cards > div:nth-child(-n+2) .cardsEl .ratio_inner {padding-top: 100%;}
.cards > div:nth-child(3) .cardsEl .ratio_inner {padding-top: 32%;}
.cards > div:nth-child(3) .cardsEl .txt {width: 60%;}
.columns-2-32 > div:first-child .txt p {width: 100%;}
.categoryEl .txt h3 {width: 80%;}
.categoryEl .txt p {width: 95%;}
.categoryEl > div:last-child {padding-left: 24px; width: calc(100% - 180px);}
.categoryEl > div:first-child {width: 180px;}
.categoryEl > div:last-child > .flex > div:first-child {padding: 14px 20px 14px 0;}
.categoryEl > div:last-child > .flex > div:last-child {width: 32px;}
.mark {width: 32px; height: 32px;}
.mark svg {width: 18px;}
.columns-2-32 > div:last-child {margin-top: 40px;}
.paddingBottom-120 {padding-bottom: 80px;}
.marginTop-120 {margin-top: 80px;}
.paddingTop-120 {padding-top: 80px;}
.columns-2-50 > div:first-child {width: 100%; margin-right: 0; padding-right: 0;}
.columns-2-50 > div:last-child {width: 100%; margin-left: 0; margin-top: 40px;}
.columns-2-50 > div:first-child .txt h2, .columns-2-50 > div:first-child .txt h3, .columns-2-50 > div:first-child .txt h4 {width: 75%;}
.marginTop-48 {margin-top: 32px;}
.buttonWrp.marginTop-48 {margin-top: 22px;}
.thesis > div {width: calc((100% - 16px ) / 2); margin-left: 16px; margin-top: 28px; position: relative; padding-top: 14px;}
.thesis > div:nth-child(2n+1) {margin-left: 0px;}
.thesis > div:nth-child(-n+2) {margin-top: 0px;}
.thesis p:first-child {width: 80%;}
.smallBlockBody .txt {width: 60%;}
.txt h2 {margin-bottom: 32px;}
.txt h2:last-child {margin-bottom: 0;}
.padding-120 {padding: 80px 0;}
.block:last-child {padding-bottom: 80px;}
.blogEl .flex3 {width: 100%; height: calc(100% - 32px);} 
.blogEl .label {font-size: 15px; padding: 6px 12px;}
.blockTop > div:first-child {padding-right: 32px;}
#innerTopInfo .txt p {width: calc(100% - 56px); margin-right: 0px;}
#innerTopInfo .txt {margin-top: 56px; padding-top: 24px;}
#innerTopInfo h1 {width: 95%;}
#innerTopInfo { padding: 140px 0 64px;}
.innerTopCover #innerTopInfo:after {height: 160px;}
#innerTopInfo .txt p {font-size: 17px;}
#historyTop {width: 100%; padding-right: 0px; position: relative; z-index: 2; padding-right: 0; margin-right: 0;}
#historyBody {width: 100%; padding-left: 0;}
#historyBody > div.historyBodySide:first-child {width: 200px; padding-right: 0;}
.historyBodySideFlex > div {width: 100%; margin-left: 0 !important; padding-left: 0 !important;}
#historyBody > div.historyBodySide:last-child {width: 200px; padding-left: 0;}
#historyBody > div:nth-child(2) {width: calc(100% - 400px); padding-right: 32px; min-height: 300px;}
.hb20, .hb21, .hb22, .hb23, .hb24 {display: none !important;}
#historyBottom > span {margin-left: 49px; height: 48px;}
.hb9:before {display: none;}
.hb5:before {content: ''; width: 3px; height: 100%; left: -1px; top: 0px; background-color: #efea50; display: block; position: absolute;}
#historyBottom {height: 48px;}
#historyBodyActive > div p:first-child {font-size: 19px;}
.columns-2-50-2 > div:first-child .txt {width: 100%;}
.thesis2El p:first-child {width: 90%;}
.thesis2El p:nth-child(2) {padding-top: 14px; margin-top: 28px;}
#salepointsBody {height: 520px;}
.salepointsBodyEl > p {font-size: 18px;}
.accordeonTop > div:first-child p {width: 65%;}
.catalogEl > div:last-child {width: 240px;}
.catalogEl > div:nth-child(2) {padding: 0 32px 0 0;}
.catalogEl {margin-top: 72px;}
.catalogEl:first-child {margin-top: 0;}

.marginTop-20 {margin-top: 16px;}
#innerSearchTop {width: 100%;}

#article > div:first-child .txt {width: 100%;}
#article > div:first-child .txt h2, #article > div:first-child .txt h3 {width: 85%;}

#innerLogin > div:last-child {order: 2; margin-top: 48px; width: 70%;}

}

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

body {font-size: 16px;}
.centered {padding: 0 32px;}
#top {padding-top: 20px;}
#mpBlock1Body > div h1 {width: 100%;}
#mpBlock1Body > div:last-child .flex {margin-top: 20px; padding-top: 20px;}
#mpBlock1Body > div:last-child {padding: 48px 0 64px;}
#topBody > div:nth-child(2) img {height: 24px;}
#mpBlock1Body {min-height: 100px; height: auto;}
#mpBlock1Body > div:first-child {padding-top: 200px;} 
#mpBlock1Body > div:last-child .flex > div:last-child {display: none;}
#mpBlock1Body > div:last-child .flex > div:first-child {width: 100%;}
#mpBlock1Body > div:last-child .flex > div:first-child p {width: 100%;}
.cards > div:nth-child(3) .cardsEl .ratio_inner {padding-top: 40%;}
.width-65 {width: 85%;}
.txt p {margin-top: 16px;}
.txt p:first-child {margin-top: 0px;}
.sideSearch {width: 100%;}
.button {font-size: 16px;}
.thesis p:first-child {width: 100%; padding-right: 16px;}
.smallBlockBody .txt {width: 70%;}
.columns-2-50 > div:first-child .txt h2, .columns-2-50 > div:first-child .txt h3, .columns-2-50 > div:first-child .txt h4 {width: 85%;}
#wheretobuyBody .txt p {width: 100%;}
.blog > div {width: calc((100% - 16px) / 2); margin-left: 16px; margin-top: 16px;}
.blog > div:nth-child(4n+1) {margin-left: 16px;}
.blog > div:nth-child(-n+4) {margin-top: 16px;}
.blog > div:nth-child(3n+1) {margin-left: 16px;}
.blog > div:nth-child(-n+3) {margin-top: 16px;}
.blog > div:nth-child(2n+1) {margin-left: 0px;}
.blog > div:nth-child(-n+2) {margin-top: 0px;}
#bblog > div:nth-child(3) {display: none;}
.blockTop > div:first-child .txt {width: 80%;}
.blogEl .flex3 > div:first-child {padding: 0 14px 48px;}
#footerTopBody > div:first-child {width: 100%; flex: auto;}
#footerTopBody > div:last-child {width: 100%; padding-left: 0; margin-left: 0; margin-top: 48px;}
.footerMenuEl {display: none;}
#footerSocWrp {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#footerSocWrp > div, #footerSocWrpBlock > div {margin-right: 10px;}
#footerSocWrp > div:last-child, #footerSocWrpBlock > div:last-child {margin-right: 0;}
#footerBodyBody > div:first-child img {height: 24px;}
#footerBodyBody > div:first-child {width: calc((100% - 16px) / 2);}
#footerBodyBody > div:nth-child(2) {width: calc((100% - 16px) / 2 - 48px);}
#footerBodyBody > div:last-child {flex: auto; width: 48px; justify-content: flex-end;}
#footerBottomBody > div p {font-size: 14px;}
#innerTopInfo .txt {margin-top: 48px; padding-top: 20px;}
#innerTopInfo .txt p {width: 100%;}
#innerTopInfo h1 {width: 100%;}

#historyBody > div.historyBodySide:first-child {width: 160px;}
#historyBody > div.historyBodySide:last-child {width: 160px;}
#historyBody > div:nth-child(2) {width: calc(100% - 320px); padding-right: 24px; padding-left: 24px; min-height: 300px;}
#historyBottom > span {margin-left: 52.2px; height: 48px;}
.hb5:before {display: none;}
.hb4:before {content: ''; width: 3px; height: 100%; left: -1px; top: 0px; background-color: #efea50; display: block; position: absolute;}
.thesis2El p:first-child {width: 95%;}
.thesis2El p:last-child {padding-right: 8px;}
.docsSliderEl .flex2 > div:last-child p {font-size: min(max(14px, calc(0.875rem + (19 - 14) * ((100vw - 320px) / (880 - 320)))), 19px); min-height: 0vw;}
.docsSliderEl .ratio-2-3 {padding-top: 56%;}
#salepoints .select {width: 100%;}
#salepointsBody {height: 520px;}
.salepointsBodyEl > p {font-size: 18px;}
.select {font-size: 16px;}
.catalogEl .labels {display: none;}
.catalogEl > div:nth-child(2) .txt h2 {margin-bottom: 36px;}
.catalogEl > div:nth-child(2) {padding: 0 40px 0 0;}
#panelTop {padding: 19px 24px 0;}
#panelTop .button {width: 36px; height: 36px;}
#panelTop > div:first-child {height: 59px;}
#panelTop > div {padding-bottom: 28px;}
#pannelBottom {padding: 0 24px 24px;}
#panelBody {height: calc(100% - (78px + 72px));}
#panelBodyContent {padding: 20px 24px 32px 24px;}
#panelBodyContent > p {font-size: 20px;}
.filter > div {width: 100%;}
.input {font-size: 16px; padding: 0 16px;}
.textarea {font-size: 16px; padding: 12px 16px;}
.conf {font-size: 13px;}
#innerSearchTop > div:first-child input {font-size: 16px; padding: 0 16px;}

.innerContactsElDiv > p {margin-top: 8px;}
#innerContacts > div {width: 100%; }
#innerContacts > div:last-child {margin-left: 0; margin-top: 16px;}

#innerLogin > div:last-child {order: 2; margin-top: 48px; width: 75%;}

}

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

.accordeonTop > div:first-child p {width: 75%;}

#innerLogin > div:last-child {order: 2; margin-top: 48px; width: 80%;}

}

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

.categoryEl > div:last-child {padding-left: 24px; width: calc(100% - 140px);}
.categoryEl > div:first-child {width: 140px;}
.categoryEl .txt h3 {width: 90%;}
.categoryEl .txt p {width: 100%;}
#wheretobuy {width: 100%; padding: 0 32px;}
.wheretobuy-ru {min-height: 248px; margin: 0 auto; margin-bottom: 40px !important;}
#wheretobuy .bg {margin-top: -40px;}
#wheretobuyBody .txt h2 {width: 100%; margin-left: 0%;}
.thesis2El p:first-child {width: 100%; padding-right: 8px;}
.thesis2El p:first-child {font-size: min(max(15px, calc(0.9375rem + (17 - 15) * ((100vw - 320px) / (780 - 320)))), 17px); min-height: 0vw;}
#salepointsBody > div:first-child {margin-right: 0; width: 100%;}
#salepointsBody > div:last-child {width: 100%; margin-top: 16px; height: 448px;}
#mapWrp {height: 320px;}
#salepointsBody {height: auto;}
.catalogEl > div:last-child {width: 220px;}
.catalogEl > div:nth-child(2) .txt h2 {font-size: min(max(18px, calc(1.125rem + (23 - 18) * ((100vw - 320px) / (1560 - 320)))), 23px); min-height: 0vw; margin-bottom: 32px;}
.catalogElText {font-size: 15px;}

#mdl {width: 480px; padding: 40px;}

}

@media screen and (max-width: 720px) {
  
#mpBlock1Body > div h1 {font-size: min(max(24px, calc(1.5rem + (32 - 24) * ((100vw - 320px) / (720 - 320)))), 32px); min-height: 0vw;}
#mpBlock1Body > div:last-child {padding: 40px 0 56px;}
#mpBlock1Body > div:first-child {padding-top: 180px;}
.cards > div {width: 100%; margin-left: 0px; margin-top: 16px;}
.cards > div:nth-child(-n+3) {margin-top: 16px;} 
.cards > div:nth-child(-n+2) {margin-top: 16px;} 
.cards > div:nth-child(-n+1) {margin-top: 0px;} 
.cards > div:nth-child(3n+1) {margin-left: 0px;}
.cards > div:nth-child(3) {margin-left: 0px; width: 100%;}
.cards > div:nth-child(-n+2) .cardsEl .ratio_inner {padding-top: 40%;}
.cards > div:nth-child(3) .cardsEl .ratio_inner {padding-top: 40%;}
.cards > div .cardsEl .txt, .cards > div:nth-child(3) .cardsEl .txt {width: 70%;}
.categoryEl > div:last-child > .flex > div:last-child {display: none;}
.categoryEl > div:last-child > .flex > div:first-child {padding: 10px 10px 10px 0; width: 100%;}
.categoryEl > div:last-child {padding-left: 20px;}
.blockTop > div:last-child {display: none;}
.blockTop > div:first-child {padding-right: 0px;}
.marginTop-64 {margin-top: 40px;}
.blockTop > div:first-child .txt {width: 85%;}
#bblogBottom {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#innerTopInfo h1 {font-size: min(max(24px, calc(1.5rem + (30 - 24) * ((100vw - 320px) / (720 - 320)))), 30px); min-height: 0vw;}
#historyBody {margin-top: 40px;}
#historyBody > div.historyBodySide:first-child {display: none;}
#historyBody > div.historyBodySide:last-child {width: 160px;}
#historyBody > div:nth-child(2) {width: calc(100% - 160px); padding-right: 24px; padding-left: 24px; min-height: 240px;}
#historyBottom > span {margin-left: 52.2px; height: 48px;}
.hb4:before {display: none;}
.hb1:before {content: ''; width: 3px; height: 100%; left: -1px; top: 0px; background-color: #efea50; display: block; position: absolute;}
#historyBodyActive > div {margin-top: 24px;}
#historyBodyActive > p, .historyBodySideFlex > div p {font-size: 24px;}
#historyBody > div {padding-bottom: 24px;}
#historyBody > div:nth-child(2):after {top: 3px;}
.accordeonTop > div:first-child p {width: 80%;}
.catalogEl > div:last-child {width: 200px;}
.catalogEl > div:nth-child(2) {padding: 0 32px 0 0;}


}

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

#mpBlock1Body > div:last-child .flex > div:first-child p {font-size: 16px;}
#mpBlock1Body > div:last-child {padding: 32px 0 56px;}
.marginTop-80 {margin-top: 56px;}
.cards > div .cardsEl .txt, .cards > div:nth-child(3) .cardsEl .txt {width: 80%;}
.cardsEl h3 {padding-bottom: 28px;}
.thesis p:first-child {padding-right: 0;}
.blogEl .txt h3 {margin-bottom: 28px;}
.label {font-size: 14px; padding: 5px 10px;}
#innerTopInfo .txt p {font-size: 16px;}
#innerTopInfo .txt {margin-top: 40px;}
#innerTopInfo {padding: 130px 0 56px;}
.docsSliderEl .ratio-2-3 {padding-top: 64%;}
.filter {margin-bottom: 16px; padding-bottom: 28px;}

.innerContactsElDiv {margin-top: 28px; padding-top: 16px;}
.innerContactsEl > div:first-child {padding: 28px 24px 24px;}
.innerContactsElPhone {margin-bottom: 16px;}

#innerLogin > div:last-child {order: 2; margin-top: 48px; width: 95%;}

}

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

body {font-size: 15px;}
#mpBlock1Body > div:first-child {padding-top: 100px;}
#mpBlock1Body {min-height: 100px; height: 100vh;}
.centered, #wheretobuy {padding: 0 24px;}
#topBody > div:first-child {display: none;}
#topBody > div:nth-child(2) {width: 240px; margin: 0 0; padding: 0 0; justify-content: flex-start; flex: 1 1 0;}
#topBody > div:last-child {width: 48px;}
#mpBlock1Body > div h1 {font-size: min(max(24px, calc(1.5rem + (28 - 24) * ((100vw - 320px) / (620 - 320)))), 28px); min-height: 0vw;}
.width-65 {width: 100%;}
.marginTop-64 {margin-top: 40px;}
.txt h2 {font-size: min(max(18px, calc(1.125rem + (23 - 18) * ((100vw - 320px) / (620 - 320)))), 23px); min-height: 0vw;}
.marginTop-80 {margin-top: 48px;}
.cards > div .cardsEl .txt, .cards > div:nth-child(3) .cardsEl .txt {width: 100%;}
.cards > div {width: 100%; margin-left: 0px; margin-top: 10px;}
.cards > div:nth-child(-n+3) {margin-top: 10px;} 
.cards > div:nth-child(-n+2) {margin-top: 10px;} 
.cards > div:nth-child(-n+1) {margin-top: 0px;}
.cards > div:nth-child(-n+2) .cardsEl .ratio_inner, .cards > div:nth-child(3) .cardsEl .ratio_inner {padding-top: 48%;}
.cards .txt h3 span {width: 70%; display: block;}
.txt h3, .likeH3 {font-size: min(max(16px, calc(1rem + (19 - 16) * ((100vw - 320px) / (620 - 320)))), 19px); min-height: 0vw;}
.cardsEl .flex {padding: 20px;}
.categoryEl > div:last-child {padding-left: 20px; width: calc(100% - 100px);}
.categoryEl > div:first-child {width: 100px;}
.categoryEl .txt h3 {width: 100%;}
.sideSearch > div:first-child input {font-size: 15px; padding: 0 16px; height: 40px;}
.sideSearch > div:last-child button:hover {background-color: #F3EF7C; transition: all 0.1s linear;} 
.sideSearch > div:last-child button {display: block; width: 40px; height: 40px; padding: 11px;}
.sideSearch > div:last-child button svg {width: 18px; height: 18px;}
.marginTop-120 {margin-top: 64px;}
.paddingBottom-120 {padding-bottom: 64px;}
.marginTop-48 {margin-top: 24px;}
.columns-2-32 > div:last-child {margin-top: 32px;}
.paddingTop-120 {padding-top: 64px;}
.columns-2-50 > div:first-child .txt h2, .columns-2-50 > div:first-child .txt h3, .columns-2-50 > div:first-child .txt h4 {width: 100%;}
.button {font-size: 15px; padding: 0 16px;}
.button svg {width: 22px;}
.button > div:nth-child(2) {margin-left: 8px;}
.smallBlockBody {padding: 24px 20px;}
.smallBlockBody .thesis {margin-top: 32px;}
.padding-120 {padding: 64px 0;}
.partnersSlider .ratio {padding: 6px;}
.block:last-child {padding-bottom: 64px;}
.blogEl .flex3 > div:first-child {padding: 0 10px 40px;}
.blogEl .label {font-size: 14px; padding: 6px 12px;}
.blockTop > div:first-child .txt {width: 100%;}
.blogEl .txt p {display: none;}
.blogEl .txt h3 {margin-bottom: 0; font-size: min(max(15px, calc(0.9375rem + (17 - 15) * ((100vw - 320px) / (620 - 320)))), 17px); min-height: 0vw;}
#footerBodyBody > div:last-child .button {width: 32px; height: 32px;}
#footerBodyBody > div:last-child .button svg {width: 18px;}
#footerBottomBody > div:first-child {width: 100%; flex: auto; padding-right: 0px;}
#footerBottomBody > div:last-child {width: 100%; margin-top: 24px;}
#footerBottomBody {padding: 16px 0 16px;}
#footerBottomBody > div p {font-size: 13px;}
#historyBody > div.historyBodySide:last-child {width: 120px;}
#historyBody > div:nth-child(2) {width: calc(100% - 120px); padding-right: 24px; padding-left: 24px; min-height: 240px;}
#historyBodyActive > div p:first-child {font-size: 18px;}
#historyBodyActive > div p:first-child {width: 100%;}
#historyBottom > span {height: 32px;}
#historyBottom {height: 32px;}
.thesis2 > div {width: 100%; margin-top: 32px; margin-left: 0px;}
.thesis2 > div:nth-child(-n+2) {margin-top: 32px;}
.thesis2 > div:nth-child(2n+1) {margin-left: 0;}
.thesis2 > div:nth-child(-n+1) {margin-top: 0;}
.thesis2El p:first-child {width: 60%; padding-right: 0;} 
.columns-2-50-2 > div:last-child .ratio_inner {padding-top: 40%;}
.columns-2-50-2 > div:first-child {margin-top: 40px;}
.docsSliderEl .flex2 > div:last-child {padding: 10px;}
.salepointsBodyEl {padding: 16px;}
.salepointsBodyEl > p {font-size: 17px;}
.salepointsBodyEl > div {margin-top: 10px;}
.salepointsBodyEl > div > p {margin-top: 8px; font-size: 14px;}
#salepointsBody > div:last-child {height: 412px;}
#mapWrp {height: 300px;}
.select {font-size: 15px;}
.accordeonTop > div:first-child p {width: 90%;}
.accordeonTop {padding: 20px 20px 20px 20px;}
.accordeonBody {padding: 8px 20px 20px;}
.accordeonTop > div:first-child p {width: 100%;}

.catalogEl > div:nth-child(2) {order: 2; padding-right: 0; margin-top: 40px;}
.catalogEl > div:last-child {order: 1; width: 100%;}
.catalogEl > div:last-child .ratio {width: 36%; margin-left: 32%;}
.catalogEl > div:last-child > div {padding: 0;}
.catalogElText {margin-top: 0; padding-top: 14px;}
.catalogEl > div:nth-child(2) .txt h2 {margin-bottom: 28px;}
.catalogEl {margin-top: 64px;}
.catalogEl:first-child {margin-top: 0;}
.catalogEl > div:nth-child(2) .txt h2 {width: 70%;}
.marginTop-20 {margin-top: 12px;}

.input, .textarea {font-size: 15px;}
#innerSearchTop {padding: 20px;}
#innerSearchTop > div:first-child input {font-size: 15;}
.searchResultBodyEl {margin-top: 20px; font-size: min(max(14px, calc(0.875rem + (16 - 14) * ((100vw - 320px) / (620 - 320)))), 16px); min-height: 0vw;}
.searchResultBodyEl:first-child {margin-top: 0;}
#searchResult {margin-top: 32px;}

.tabsTopElMap {height: 220px;}
.innerContactsElPhone {font-size: 20px;}

#articleRightPic .ratio-inner {padding-top: 40%;}
#article > div:first-child {margin-top: 40px;}
#articleRight .labels {padding: 10px 10px 0px;}
#share {margin-top: 10px; padding-top: 20px; margin-left: 10px; width: calc(100% - 20px); padding-bottom: 10px;}
#article > div:first-child .txt h2, #article > div:first-child .txt h3 {width: 100%;}
.txt h2, .likeH2 {margin-bottom: 24px;}
.txt h2:last-child, .likeH2:last-child {margin-bottom: 0;}
.txt h3, .likeH3 {margin-top: 24px; margin-bottom: 20px;}
.txt h3:first-child, .likeH3:first-child {margin-top: 0;}
.txt h3:last-child, .likeH3:last-child {margin-bottom: 0;}
.txt h4 {margin-top: 20px; margin-bottom: 16px;}
.txt h4:first-child {margin-top: 0;}
.txt h4:last-child {margin-bottom: 0;}

#innerLogin > div:last-child {order: 2; margin-top: 40px; width: 100%;}
.input--two {width: 100%; margin-left: 0; margin-top: 8px;}
.input--two:nth-child(2n+1) {margin-left: 0;}
.input--two:first-child {margin-top: 0;}
.input, .textarea {margin-top: 8px;}
.input:first-child, .textarea:first-child {margin-top: 0px;} 
.marginTop-40 {margin-top: 24px;}

}

@media screen and (max-width: 560px) {
  
.cards .txt h3 span {width: 75%;}
.footerTopBodyAddressEl > p {font-size: 17px;}
#footerTopBody {padding: 48px 0;}
.thesis2El p:first-child {width: 70%;}
.catalogEl > div:nth-child(2) .txt h2 {width: 75%;}

}

@media screen and (max-width: 520px) {
  
.cards .txt h3 span {width: 80%;}
.categoryEl > div:first-child {width: 100%; justify-content: center;}
.categoryEl > div:last-child {width: 100%; padding-left: 0px; margin-top: 20px;}
.categoryEl > div:last-child > .flex > div:first-child {padding: 0 10px 10px 10px;}
/*.categoryEl:hover > div:first-child .ratio img {transform: unset !important; -webkit-transform: unset !important;}*/
.categoryEl > div:first-child > div {width: 40%; padding: 0;}
.categoryEl > div:first-child {background-color: #525252; border-radius: 3px;}
.thesis > div {width: 100%; margin-left: 0px; margin-top: 24px; padding-top: 12px;}
.thesis > div:nth-child(2n+1) {margin-left: 0px;}
.thesis > div:nth-child(-n+2) {margin-top: 22px;}
.thesis > div:nth-child(-n+1) {margin-top: 0px;}
.smallBlockBody .thesis {margin-top: 24px;}
.thesis p:first-child {width: 80%;}
.wheretobuy-ru {min-height: 200px; margin: 0 auto; margin-bottom: 40px !important;}
#wheretobuy .bg {margin-top: -40px;}
.blog > div {width: 100%; margin-left: 0px; margin-top: 10px;}
.blog > div:nth-child(4n+1) {margin-left: 0;}
.blog > div:nth-child(-n+4) {margin-top: 10px;}
.blog > div:nth-child(3n+1) {margin-left: 0;}
.blog > div:nth-child(-n+3) {margin-top: 10px;}
.blog > div:nth-child(2n+1) {margin-left: 0px;}
.blog > div:nth-child(-n+2) {margin-top: 10px;}
.blog > div:nth-child(-n+1) {margin-top: 0px;}
.blogEl .flex3 > div:first-child {padding: 0 10px 32px;}
.blogEl .txt {width: 80%;}
.footerTopBodyAddress > div {width: 100%; margin-right: 0; margin-top: 32px;}
.footerTopBodyAddress > div:first-child {margin-top: 0px;}
#footerTopBody {padding: 32px 0 40px;}
.footerTopBodyAddressEl > div > div {margin-top: 12px;}
.footerTopBodyAddressEl > div {margin-top: 24px;}
.footerTopBodyAddressEl > div > div > p:nth-child(2) {font-size: 15px;}
.footerTopBodyAddressEl > div > div > p:first-child {font-size: 14px;}
#historyBody > div.historyBodySide:last-child {display: none;}
#historyBody > div:nth-child(2) {width: 100%; padding-right: 0px; padding-left: 24px; min-height: 240px;}
.docsSliderEl .ratio-2-3 {padding-top: 80%;}
.accordeonTop > div:last-child .mark {width: 28px; height: 28px;}
.accordeonTop > div:last-child {width: 28px;}
.accordeonTop > div:last-child .mark svg {width: 16px;}
.bg-F5F5F5 .categoryEl > div:first-child {background-color: #EBEBEB; border-radius: 3px;}
.catalogEl > div:nth-child(2) .txt h2 {width: 80%;}

#mdl {width: 100%; padding: 32px;}

}

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

#mpBlock1Body > div:last-child {padding: 24px 0 48px;}
#mpBlock1Body {min-height: 100px; height: auto;}
#mpBlock1Body > div:first-child {padding-top: 160px;} 
#mpBlock1Body > div:last-child .flex > div:first-child p {font-size: 15px;}
#topBody > div:nth-child(2) img {height: 22px;}
#top {padding-top: 16px;}
.marginTop-64 {margin-top: 32px;}
.cards > div:nth-child(-n+2) .cardsEl .ratio_inner, .cards > div:nth-child(3) .cardsEl .ratio_inner {padding-top: 56%;}
.cards .txt h3 span {width: 85%;}
.categoryEl .txt p {display: none;}
.txt h3, .likeH3 {font-size: min(max(15px, calc(0.9375rem + (16 - 15) * ((100vw - 320px) / (420 - 320)))), 16px); min-height: 0vw;}
.categoryEl .txt h3 {margin-bottom: 0;}
.thesis p:first-child {width: 90%;}
.smallBlockBody .txt {width: 80%;}
.buttonWrp {justify-content: center;}
.buttonWrp > div, .buttonWrp > div > div {width: 100%;}
.buttonWrp .button {width: 100%; margin-right: 0px; justify-content: center;}
.btnWrp > div {width: 100%;}
.blogElDate {font-size: 13px;}
.blogEl .label {font-size: 13px; padding: 5px 10px;}
#footerSocWrp > div:first-child {width: 100%; margin-right: 0;}
#footerSocWrp > div:first-child > div {width: 100%;}
#footerSocWrp > div:first-child > div .button, #footerSocWrpBlock > div:first-child > div .button {width: 100%; justify-content: center;}
#footerSocWrp > div:last-child {width: 100%;}
#footerSocWrpBlock {width: 100%; margin-top: 10px;}
#footerSocWrpBlock > div:first-child {flex: 1 1 0;}
#footerSocWrpBlock > div:first-child > div {width: 100%;}
#footerBodyBody > div:first-child {width: 100%;}
#footerBodyBody > div:nth-child(2) {width: calc(100% - 48px); padding-left: 0; margin-top: 20px; margin-left: 0;}
#footerBodyBody > div:last-child {align-items: flex-end;}
#innerTopInfo {padding: 130px 0 48px;}
#breadcrumbs > li {margin-right: 6px; margin-bottom: 6px; font-size: 12px;}
#innerTopInfo .txt p {font-size: 15px;}
#breadcrumbs {margin-bottom: 14px;}
.historyTopNavEl, .arrowBtn {margin-right: 0; width: calc((100% - 8px) / 2); margin-left: 0;}
.historyTopNavEl:last-child, .arrowBtn:last-child {margin-left: 8px;} 
.thesis2El p:nth-child(2) {padding-top: 12px; margin-top: 22px;}
.columns-2-50-2 > div:last-child .ratio_inner {padding-top: 48%;}
.thesis2El p:first-child {width: 80%;}
.thesis2El p:last-child {padding-right: 0;}
#mapWrp {height: 280px;}
.catalogEl {margin-top: 56px;}
.catalogEl:first-child {margin-top: 0;}
.catalogEl > div:last-child .ratio {width: 40%; margin-left: 30%;}
.catalogEl .button {width: 100%; justify-content: center;}
.catalogEl > div:nth-child(2) .txt h2 {width: 85%;}
#panelTop {padding: 16px 24px 0;}
#panelTop .button {width: 36px; height: 36px;}
/*#panelTop > div:first-child {height: 64px;}*/
#panelTop > div {padding-bottom: 28px;}
#pannelBottom {padding: 0 24px 24px;}
#panelBody {height: calc(100% - (75px + 72px));}
#panelBodyContent {padding: 20px 24px 32px 24px;}
#panelBodyContent > p {font-size: 20px;}
#panel {width: 100%; right: -100%;}
.panel--open #panel {right: 0;}
#pannelBottom .button {width: 100%; justify-content: center;}

#mdl .button {width: 100%; justify-content: center;}

#articleRightPic .ratio-inner {padding-top: 48%;}

}

@media screen and (max-width: 460px) {
  
.cards > div:nth-child(-n+2) .cardsEl .ratio_inner, .cards > div:nth-child(3) .cardsEl .ratio_inner {padding-top: 64%;}
.cardsEl .txt p, .categoryEl .txt p, .thesis p:first-child {font-size: 14px;}
.cards .txt h3 span {width: 90%;}
.smallBlockBody .txt {width: 90%;}
#mpBlock1Body .labels {display: none;}
#historyBodyActive > div p:nth-child(2) {font-size: 14px;}
.thesis2El p:last-child {font-size: 14px;}
.thesis2El p:first-child {width: 85%;}
.docsSliderEl .ratio-2-3 {padding-top: 100%;}
.accordeonBody .txt p {font-size: 14px;}
.catalogEl > div:nth-child(2) .txt h2 {width: 90%;}

#mpBlock1Body > div:first-child {padding-top: 120px;}
#mpBlock1Body {min-height: 100px; height: 75vh;}


}

@media screen and (max-width: 420px) {
  
#mpBlock1Body > div:first-child {padding-top: 140px;} 
#mpBlock1Body > div:last-child .flex {margin-top: 16px; padding-top: 16px;} 
#mpBlock1Body > div:last-child {padding: 20px 0 40px;}
.cardsEl h3 {padding-bottom: 24px; margin-bottom: 12px;} 
.cards .txt h3 span {width: 100%;}
.cardsEl .txt p {margin-top: 10px;}
.cards > div:nth-child(-n+2) .cardsEl .ratio_inner, .cards > div:nth-child(3) .cardsEl .ratio_inner {padding-top: 72%;}
.marginTop-80 {margin-top: 40px;}
.marginTop-120 {margin-top: 56px;}
.paddingBottom-120 {padding-bottom: 56px;}
.paddingTop-120 {padding-top: 56px;}
.smallBlockBody .txt {width: 100%;}
.thesis p:first-child {width: 100%;}
.button {height: 40px; text-shadow: none !important;}
.padding-120 {padding: 56px 0;}
.block:last-child {padding-bottom: 56px;}
.blogEl .txt {width: 85%;}
.button--icon3 {width: 40px;}
#innerTopInfo .txt {margin-top: 36px; padding-top: 16px;}
#innerTopInfo h1 {font-size: min(max(22px, calc(1.375rem + (24 - 22) * ((100vw - 320px) / (420 - 320)))), 24px); min-height: 0vw;}
#innerTopInfo {padding: 130px 0 40px;}
#historyBody > div:nth-child(2) {min-height: 260px;}
.thesis2El p:first-child {width: 90%;}
.columns-2-50-2 > div:last-child .ratio_inner {padding-top: 56%;}
.docsSliderEl .ratio-2-3 {padding-top: 40%;}
#mapWrp {height: 260px;}
.catalogEl > div:nth-child(2) .txt h2 {width: 100%; margin-bottom: 24px;}
.catalogEl {margin-top: 48px;}
.catalogEl:first-child {margin-top: 0;}
.catalogEl > div:last-child .ratio {width: 50%; margin-left: 25%;}
.catalogEl > div:nth-child(2) {margin-top: 32px;}
#panelBody {height: calc(100% - (81px + 64px));}

.marginTop-20 {margin-top: 10px; font-size: 12px;}
.input {height: 40px;}
.textarea {height: 80px;}
#mdl {padding: 24px;}
#innerSearchTop > div:first-child input {height: 40px;}
#innerSearchTop > div:last-child button {width: 40px; height: 40px; padding: 11px;}
#innerSearchTop > div:last-child button svg {width: 18px; height: 18px;}

.filter {margin-bottom: 12px; padding-bottom: 24px;}

.innerContactsElDiv {margin-top: 24px; padding-top: 12px;}
.innerContactsEl > div:first-child {padding: 24px 20px 24px;}

#articleRightPic .ratio-inner {padding-top: 56%;}
.columns-2-50-2 > div:first-child {margin-top: 32px;}
#article > div:first-child {margin-top: 32px;}

#innerLogin > div:last-child {order: 2; margin-top: 32px;}

}

@media screen and (max-width: 380px) {
  
#mpBlock1Body > div h1 {font-size: min(max(22px, calc(1.375rem + (24 - 22) * ((100vw - 320px) / (380 - 320)))), 24px); min-height: 0vw;}
#mpBlock1Body > div:first-child {padding-top: 120px;} 
#topBody > div:nth-child(2) img {height: 20px;}
.centered, #wheretobuy {padding: 0 20px;}
.blogEl .txt {width: 90%;}
.marginTop-64 {margin-top: 24px;}
#footerBodyBody > div:first-child img {height: 20px;}
.docsSliderEl .ratio-2-3 {padding-top: 48%;}
.accordeonTop > div:first-child p {font-size: 14px;}


}

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

.cards > div:nth-child(-n+2) .cardsEl .ratio_inner, .cards > div:nth-child(3) .cardsEl .ratio_inner {padding-top: 80%;}
.blogEl .txt {width: 100%;}

}