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

.centered2 {width: calc(100% - (24px*2));}
.centered2 .pd48 {padding: 40px;}
.columns-2 .txt {width: 95%;}

/*.mpB1Text {font-size: 19px;}*/
.mpB1Num {font-size: 30px; line-height: 17px;}

#catalogBottom > div:last-child {padding-left: 40px;}

}

@media screen and (max-width: 1320px) {
  
.centered {width: 1080px; margin: 0 auto;}
body {font-size: 17px;}
/*#topLine2Body > div:first-child img {height: 64px;}*/
#topLine2Body > div:nth-child(3) p:first-child {font-size: 24px;}
/*#topLine2Body > div:last-child {width: 128px;}*/
#topLine2Body > div:nth-child(3) {padding-right: 40px;}
/*#topLine2Body > div:first-child {width: 260px;}*/
#topLine2Body > div:nth-child(2) {/*padding-left: 32px; padding-right: 40px;*/}
.button {font-size: 17px;}
.input, .textarea {font-size: 17px;}
#topBody {padding: 10px 0;}
.txt h1 {font-size: 46px;}
#innerTop .txt h1 {font-size: 40px;}
/*#mpBlock1 .txt p {margin-top: 40px; width: 75%; font-size: 19px;}*/
#mpBlock1 .txt ul {/*margin-top: 40px;*/ width: 80%; /*font-size: 18px;*/}
#mpBlock1 .txt p {/*margin-top: 24px;*/ width: 80%; /*font-size: 18px;*/}
#mpBlock1 .txt h2 {font-size: 30px; margin-top: 24px;}
#mpBlock1 .txt h1 {/*font-size: 30px;*/ font-size: 36px;}
.thesis p:first-child {font-size: 46px;}
.thesisEl p {width: 95%;}
#topSearch svg {width: 18px; height: 18px; display: block;}
#topSearch > div:last-child {padding-left: 10px;}
#topLine2Body > div:nth-child(3) p:last-child {margin-top: 4px; font-size: 16px; margin-bottom: 1px;}
.centered2 {width: calc(1080px + (40px*2));}
.centered2 .pd48 {padding: 40px;}
.faqEl .faqElTop > div:first-child {font-size: 21px; padding-right: 16%;}
.faqElBodyDir .txt p {font-size: 18px;}
.txt h3, .likeH3 {font-size: 30px;}
.columns-2 .txt {width: 95%;}
.txt h4, .likeH4 {font-size: 22px;}
.thesis2El p {width: 90%;}
.txt h2, .likeH2 {font-size: 38px;}
.width-75 {width: 80%;}
.documentsEl {width: 90%; margin-left: 5%;}
.columns-2 .blogEl {width: 95%;}
.blogEl p:nth-child(2) {font-size: 19px; width: 95%;}
.block:last-child {margin-bottom: 120px;}
.marginTop-120 {margin-top: 100px;}
/*#footerBodyLogo img {height: 64px; width: auto; display: block;}*/
#topSearchBody {/*margin-top: 20px;*/ /*left: calc(260px + 24px);*/ padding: 24px; /*width: calc(100% - (260px + 24px));*/}
.topSearchBodyEl p {font-size: 19px;}
#breadcrumbs {list-style: none; margin-bottom: 16px;}
#breadcrumbs > li {margin-right: 8px; margin-bottom: 8px; font-size: 15px;}
.columns-2-2 > div:last-child {width: 340px;}
.columns-2-2 > div:first-child {width: calc(100% - 340px); padding-right: 56px;}
.sidePrice {padding: 24px;}
.sidePriceEl {padding: 16px;}
.listEl > div:first-child {width: 55%;}
.listEl > div:last-child {width: 45%;}
.sidePriceElFlex > div {font-size: 15px;}
#courseSearch svg {width: 18px; height: 18px;}
#courseSearch > div:last-child {padding-left: 10px;}
.coursesEl > div:last-child {width: 340px; padding: 24px 24px 24px 0;}
.coursesEl > div:first-child {width: calc(100% - 340px); padding: 24px 20px 24px 24px;}
.coursesEl > div:first-child .flex2 > div:last-child {padding-top: 32px;}
.coursesEl > div:first-child .flex2 .txt h2, .coursesEl > div:first-child .flex2 .txt .likeH2 {font-size: 19px;}
.columns-2-3 > div:first-child {width: 340px;}
.columns-2-3 > div:last-child {width: calc(100% - 340px); padding-left: 20px;}
#systemLeft {padding: 24px;}
#systemRight .ratio-inner {padding-top: 64%;}
#innerTextMenu {padding: 24px;}
.txt ul li:before {top: -1px;}

.bwArrow {width: 100px; padding: 0 32px; align-items: flex-start;}
.bwArrow svg {display: block; width: auto; height: 80px; margin-top: 61px;}
.bwEl {width: calc((100% - (100px * 3)) / 4);}

#mpBlock1TextFlex > div:first-child {padding-right: 56px;}

#cookie {width: 80%;}
/**/
#fformBody > div:last-child, #fformBottom > div:last-child {padding-left: 20px; width: calc(128px + 25%);}
#dDrop > div p:nth-child(2) {width: calc(100% - 32px); margin-left: 16px;}
#dDrop > div p:nth-child(3) {width: calc(100% - 32px); margin-left: 16px;}
#dDrop > div svg {width: 24px;}
#allWrpTopHeader > div:nth-child(4), .allWrpBodyEl > div:nth-child(4) {width: 260px; padding-right: 16px;}
#allWrpTopHeader > div:nth-child(3), .allWrpBodyEl > div:nth-child(3) {padding-right: 16px;}

#mpBlock1TextFlexLeft h2 {font-size: 17px !important;}

#mpBlock1NewBodyLeft > div:first-child .txt h1 {font-size: 36px;}
#mpBlock1NewBodyLeft > div:first-child .txt p {margin-top: 40px;width: 85%;}
.txt h2, .likeH2 {font-size: 34px;}
.demoTabsEl {width: 100%; padding: 16px 24px;}
.demoTabsEl.demoTabsEl--active {padding: 24px 24px;}
.demoTabsEl p:first-child {font-size: 20px;}
.thesisNewEl > p:first-child {font-size: 20px;}
.thesisNewEl {padding-left: 36px;}
.thesisNewEl > p:nth-child(2) {width: 100%;}

.emptyPic img {width: 45%; height: auto;}

}

@media screen and (max-width: 1180px) {
  
.centered {width: 100%; padding: 0 48px; margin: 0 auto;}
/*#mpBlock1 .txt p {width: 85%; font-size: 19px;}*/
.txt h1, .thesis p:first-child {font-size: min(max(28px, calc(1.75rem + (46 - 28) * ((100vw - 320px) / (1180 - 320)))), 46px); min-height: 0vw;}
#mpBlock1 .txt h2 {font-size: min(max(22px, calc(1.375rem + (30 - 22) * ((100vw - 320px) / (1180 - 320)))), 30px); min-height: 0vw;}
#mpBlock1 .txt h1 {font-size: clamp(1.625rem, 1.425rem + 1vw, 2.25rem);}
#innerTop .txt h1 {font-size: min(max(28px, calc(1.75rem + (40 - 28) * ((100vw - 320px) / (1180 - 320)))), 40px); min-height: 0vw;}
/*#topLine2Body > div:last-child {width: 110px;}*/
#topLine2Body > div:nth-child(3) {padding-right: 32px;}
#topLine2Body > div:nth-child(2) {/*padding-left: 20px; padding-right: 32px;*/}
#topBody > div:last-child ul li a, #topBody > div:last-child ul li a:visited {padding: 6px 12px;}
#topLine2Body > div:nth-child(3) p:first-child {font-size: 24px;}
.centered2 {width: 100%;}
.centered2 .pd48 {padding: 56px 48px; border-radius: 0;}
.faqEl .faqElTop > div:first-child {font-size: min(max(17px, calc(1.0625rem + (21 - 17) * ((100vw - 320px) / (1180 - 320)))), 21px); min-height: 0vw; padding-right: 10%;}
.ccatsBody > div {width: calc((100% - 20px) / 3); margin-left: 10px; margin-top: 10px;}
.ccatsBody > div:nth-child(4n+1) {margin-left: 10px;}
.ccatsBody > div:nth-child(-n+4) {margin-top: 10px;}
.ccatsBody > div:nth-child(3n+1) {margin-left: 0;}
.ccatsBody > div:nth-child(-n+3) {margin-top: 0;}
/*.columns-2 .txt {width: 90%;}*/
.txt h3, .likeH3 {font-size: min(max(22px, calc(1.375rem + (30 - 22) * ((100vw - 320px) / (1180 - 320)))), 30px); min-height: 0vw;}
.txt h4, .likeH4 {font-size: min(max(18px, calc(1.125rem + (22 - 18) * ((100vw - 320px) / (1180 - 320)))), 22px); min-height: 0vw;}
.documentsEl {width: 80%; margin-left: 10%;}
.txt h2, .likeH2 {font-size: min(max(25px, calc(1.5625rem + (38 - 25) * ((100vw - 320px) / (1180 - 320)))), 38px); min-height: 0vw;}
.cardsEl {padding: 24px;}
.cardsEl > div:last-child a {margin-top: 24px;}
.width-75 {width: 85%;}
.stepsEl p:nth-child(2) {font-size: 16px;}
.blogEl p:nth-child(2) {font-size: min(max(16px, calc(1rem + (19 - 16) * ((100vw - 320px) / (1180 - 320)))), 19px); min-height: 0vw; width: 100%;}
#footerMenu > div {width: 100%; margin-left: 0; margin-top: 10px;}
#footerMenu > div:first-child {margin-top: 0;}
#footerBodyInfo p:first-child {font-size: 24px;}
#footerBodyInfo {margin-top: 32px;}
#topSearchBody {/*margin-top: 20px; left: calc(310px + 20px + 48px);*/ padding: 24px; /*width: calc(100% - (310px + 20px + (48px * 2)));*/ width: calc((100% - (48px * 2))); left: 48px;}
.topSearchBodyEl p {font-size: min(max(16px, calc(1rem + (19 - 16) * ((100vw - 320px) / (1180 - 320)))), 19px); min-height: 0vw;}
.topSearchBodyEl .labels {margin-top: 4px;}
.coursesEl > div:first-child > div {padding-right: 32px;}
.coursesEl > div:first-child .flex2 .txt h2, .coursesEl > div:first-child .flex2 .txt .likeH2 {font-size: min(max(16px, calc(1rem + (19 - 16) * ((100vw - 320px) / (1180 - 320)))), 19px); min-height: 0vw;}
.coursesEl .labels {margin-top: 10px;}

.bwArrow {width: 9%; padding: 0 28px; align-items: flex-start; padding-top: 6%;}
.bwArrow svg {display: block; width: 100%; height: auto; margin-top: 0;}
.bwEl {width: calc((100% - (9% * 3)) / 4);}
#block1Why {margin: 48px 0;}

/* #topLine2Body > div:nth-child(3) p:last-child {font-size: 16px; margin-bottom: 2px;}*/
.logoFlex > div:first-child {width: 56px;}
.logoFlex > div:first-child img {display: block; width: 100%; height: auto;}
.logoFlex > div:last-child {align-items: flex-end; padding-left: 12px; width: calc(100% - 56px);}
.logoFlex > div:last-child p:first-child {line-height: 1; font-size: 12.5px; font-weight: 500; color: #1E1F1D; margin-bottom: 0; letter-spacing: 0.05px; margin-bottom: 5px;}
.logoFlex > div:last-child p:nth-child(2) {line-height: 1; font-size: 24px; font-weight: 600; margin-bottom: 5px; letter-spacing: 0.2px;}
.logoFlex > div:last-child p:nth-child(2) span {color: #FF6A2A;}
.logoFlex > div:last-child p:last-child {line-height: 1; font-size: 11.5px; color: #1E1F1D; margin-bottom: -1px;}
#topLine2Body > div:first-child {width: 310px;}

.txt h2, .likeH2 {font-size: clamp(1.5rem, 1.2674rem + 1.1628vw, 2.125rem);}
#mpBlock1NewBodyLeft > div:first-child .txt h1 {font-size: clamp(1.5625rem, 1.3067rem + 1.2791vw, 2.25rem);}
#mpBlock1NewBodyLeftBtn > div:last-child p {font-size: 15px; width: 90%;}
#mpBlock1NewBodyLeft > div:last-child p {margin-right: 16px; margin-bottom: 16px; font-size: 17px; padding-left: 28px;}
.mpb1mbtbEl > .flex > div a > div:last-child {width: 100%; justify-content: flex-end; position: absolute; bottom: 4px; right: 10px; z-index: 1;}
.mpb1mbtbEl > .flex > div a > div:first-child {width: 100%; padding-right: 0; position: relative; z-index: 2;}
.mpb1mbtbEl > .flex > div a {padding: 16px 16px 26px; position: relative;}

}

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

.topBodyLic {font-size: 13px;}

#catalogBottom > div:last-child {padding-left: 32px;}
/**/
.allWrpBodyEl3 > div {font-size: 14px;}
.allWrpBodyEl3 > div:nth-child(2) {font-size: 14px;}
.allWrpBodyEl2 > div, #allWrpTopHeader2 > div {font-size: 14px;}
.allWrpTopHeader2Flex2 > div {font-size: 13px;}
#allWrpTopHeader2 > div:last-child, .allWrpBodyEl3 > div:last-child {width: 160px;}
#allWrpTopHeader2 > div:first-child, .allWrpBodyEl3 > div:first-child {width: 40px;}
#allWrpTopHeader2 > div:nth-child(3), .allWrpBodyEl3 > div:nth-child(3) {width: 300px; padding-right: 16px;}
.allWrpBodyEl3 > div:nth-child(2), #allWrpTopHeader2 > div:nth-child(2) {padding-right: 16px;}
.allWrpBodyElWrp {margin-top: -71px;}
.allWrpBodyElWrp:before {height: 71px; width: 100%;}

/*#topLine2BodyNew > div:nth-child(2) {padding-right: 40px;}*/
#mpBlock1NewBodyLeftBtn > div:last-child p {width: 95%;}
#mpBlock1NewBodyLeft > div:first-child .txt p {margin-top: 40px; width: 95%;}
#mpBlock1New {margin-top: 64px;}
#mpBlock1NewBodyTabs {padding: 40px 20px;}
#mpBlock1NewBodyTabsBottom {margin-top: 32px;}
#mpBlock1NewBodyTabsBody {margin-top: 24px;}
.mpb1mbtbEl > .flex > div a > div:first-child h2 {font-size: 15px;}
#mpBlock1NewBodyTabsTop > div {width: 180px; font-size: 14px;}
#says {width: 100%; padding: 0 88px;}
#saysPrev {left: 0;}
#saysNext {right: 0;}

}

@media screen and (max-width: 1040px) {
  
#mpBlock1 .txt p {width: 90%; /*font-size: 19px;  margin-top: 20px;*/}
#mpBlock1 .txt ul {width: 90%;}
#topLine2Body > div:nth-child(2) {/*order: 4; padding: 0 0; margin-top: 20px;*/ display: none;}
#topLine2Body > div:first-child {order: 1;}
#topLine2Body > div:nth-child(3) {order: 2; /*width: calc(100% - (310px + 120px));*/ width: auto; flex: 1 1 0; padding: 0 32px; justify-content: flex-end; text-align: right;}
#topLine2Body > div:last-child {order: 3; /*width: 120px;*/}
#topBody > div:last-child ul li a, #topBody > div:last-child ul li a:visited {font-size: 16px;}
.columns-2 .txt {width: 95%;}

/*#topSearchBody {margin-top: 10px; left: 48px; padding: 24px; width: calc(100% - (48px * 2));}*/
.topSearchBodyEl p {font-size: min(max(16px, calc(1rem + (19 - 16) * ((100vw - 320px) / (1180 - 320)))), 19px); min-height: 0vw;}
/*.topSearchBodyEl .labels {margin-top: 8px;}*/
.label {margin-right: 8px; margin-top: 8px; float: left; padding: 6px 8px; font-size: 13px;}

/*.columns-2-2 > div:last-child {width: 300px;}
.columns-2-2 > div:first-child {width: calc(100% - 300px); padding-right: 40px;}
#innerTextMenu {padding: 24px;}*/
.listEl > div:first-child {width: 50%;}
.listEl > div:last-child {width: 50%;}
.columns-2-2 > div:last-child {width: 320px;}
.columns-2-2 > div:first-child {width: calc(100% - 320px); padding-right: 40px;}
.sidePriceElFlex > div:nth-child(2) {padding: 0 4px;}
.sidePriceElFlex > div:last-child {justify-content: flex-end;}
.sidePriceEl {padding: 10px;}
.sidePrice {padding: 20px;}
.coursesEl > div:last-child {width: 320px; padding: 20px 20px 20px 0;}
.coursesEl > div:first-child {width: calc(100% - 320px); padding: 20px 20px 20px 20px;}
.columns-2-3 > div:first-child {width: 320px;}
.columns-2-3 > div:last-child {width: calc(100% - 320px); padding-left: 20px;}
#systemLeft {padding: 20px;}
#systemRight .ratio-inner {padding-top: 64%;}
.systemLeftNavigationEl {width: 12px; height: 12px;}
#innerTextMenu {padding: 20px;}
#innerTextMenu p {margin-top: 14px;}
#innerTextMenu p:first-child {margin-top: 0;}

.bwArrow {width: 8%; padding: 0 20px; align-items: flex-start; padding-top: 6%;}
.bwArrow svg {display: block; width: 100%; height: auto; margin-top: 0;}
.bwEl {width: calc((100% - (8% * 3)) / 4);}

/*.logoFlex > div:first-child {width: 56px;}
.logoFlex > div:last-child {align-items: flex-end; padding-left: 12px;}
.logoFlex > div:last-child p:first-child {font-size: 15px; margin-bottom: 4px;}
.logoFlex > div:last-child p:last-child {font-size: 12px; margin-bottom: -1px;}*/

#topLine2Body > div:nth-child(3) p:first-child {font-size: 23px;}
#topLine2Body > div:nth-child(3) p:last-child {font-size: 15px; margin-bottom: 2px;}
/**/
#fformBody > div:last-child, #fformBottom > div:last-child {padding-left: 20px; width: calc(128px + 22%);}
#dDrop > div p:nth-child(2) {width: calc(100% - 32px); margin-left: 16px;}
#dDrop > div p:nth-child(3) {width: calc(100% - 32px); margin-left: 16px;}
#dDrop > div svg {width: 24px;}
#allWrpTopHeader > div {font-size: 14px;}
.allWrpBodyEl > div {font-size: 13px;}
.allWrpBodyEl > div:nth-child(3) {font-size: 14px;}
#allWrpTopHeader > div:first-child, .allWrpBodyEl > div:first-child {width: 40px;}
#allWrpTopHeader > div:nth-child(2), .allWrpBodyEl > div:nth-child(2) {width: 88px;}
#allWrpTopHeader > div:nth-child(5), .allWrpBodyEl > div:nth-child(5) {width: 36px;}
#allWrpTopHeader > div:nth-child(4), .allWrpBodyEl > div:nth-child(4) {width: 200px;}

#topLine2Body > div:first-child {flex: 1 1 0;}
#topLine2Body > div:nth-child(3) p:last-child {display: none;}
#topLine2Body > div:nth-child(3) p:first-child {font-size: 20px;}
#topLine2Body > div:nth-child(3) {order: 2; flex: auto; position: absolute; width: 100%; height: 20px; z-index: 2; text-align: right; padding: 0 0;}
#topLine2Body > div:last-child {order: 3; z-index: 1; position: relative;}
#topLine2Body {position: relative; margin-top: 16px;}
#topLine2Body > div:last-child .button {height: 36px; padding: 0 16px; font-size: 16px;}

#mpBlock1NewBodyTabsTop {padding: 0; background-color: transparent;}

}

@media screen and (max-width: 960px) {
  
.centered {padding: 0 40px;}
body {font-size: 16px;}
.thesisEl p {width: 100%;}
.marginTop-80 {margin-top: 72px;}
.padding-80 {padding: 72px 0;}
.paddingTop-80 {padding-top: 72px;}
.paddingBottom-80 {padding-bottom: 72px;}
.block:last-child {margin-bottom: 100px;}
.marginTop-120 {margin-top: 88px;}
.thesis p:nth-child(2) {margin-top: 10px;}
.marginTop-56 {margin-top: 48px;}
.marginTop-64 {margin-top: 56px;}
#innerNavigation {margin-top: 38px;}
#topBody > div:last-child ul li a, #topBody > div:last-child ul li a:visited, #topBody > div:first-child p {font-size: 15px;}
#topBody > div:last-child ul li a, #topBody > div:last-child ul li a:visited {padding: 5px 10px;}
.button {height: 44px;}
.input {height: 44px;}
.textarea {height: 100px;}
#topSearch {height: 44px;}
#topSearch > div:last-child input {font-size: 15px;}
#topLine2Body {margin-top: 12px;}
.centered2 .pd48 {padding: 48px 40px;}
.marginTop-40 {margin-top: 32px;}
.faqElBodyDir .txt p {font-size: 17px;}
.button {padding: 0 20px;}
/*#topLine2Body > div:last-child .button {padding: 0 0;}*/
#topLine2Body > div:nth-child(3) {padding: 0 32px 0 16px;}
.marginTop-48 {margin-top: 40px;}
.columns-2 .txt {width: 100%;}
.columns-2 > div {width: 100%; margin-left: 0; margin-top: 40px;}
.columns-2 > div:first-child {margin-left: 0; margin-top: 0;}
.marginTop-32 {margin-top: 24px;}
.txt p {margin-top: 14px;}
.txt p:first-child {margin-top: 0;}
#iconThesis {padding-top: 40px; margin-top: 40px;}
.thesis2El p {width: 95%;}
.cards > div {width: calc((100% - 10px) / 2); margin-left: 10px; margin-top: 10px; position: relative;}
.cards > div:nth-child(2n+1) {margin-left: 0;}
.cards > div:nth-child(-n+2) {margin-top: 0;}
#documents {width: 100%;}
.docWrp .documentsEl {width: calc((100% - 10px) / 2); margin-left: 10px; float: left; margin-top: 20px;}
.docWrp .documentsEl:first-child {margin-left: 0;}
.documentsEl .txt {margin-top: 8px; width: 100%; padding: 0 20px;}
.columns-2-text > div {margin-top: 14px;}
.columns-2-text > div:first-child {margin-top: 0;}
.cardsEl .txt p:not(.likeH4) {font-size: 15px; line-height: 1.2;}
.width-75 {width: 90%;}
.tabsTopEl {min-height: 44px; padding: 6px 20px;}
.stepsEl p:nth-child(2) {font-size: 15px; line-height: 1.2;}
#blog > div {width: calc((100% - 10px) / 2); margin-left: 10px; margin-top: 10px;}
#blog > div:nth-child(2n+1) {margin-left: 0;}
#blog > div:nth-child(-n+2) {margin-top: 0;}
#blog .blogEl {width: 100%;}
#faq {width: 100%;}
#materialsWrp > div > div {width: 100%;}
#materialsWrpFaq > div > div {width: 100%;}
.txt ul {margin-top: 16px;}
.txt ul:first-child, .txt ol:first-child {margin-top: 0;}
.txt ul li {padding-left: 28px;}
.txt ol {margin-top: 16px; margin-bottom: 24px;}
.txt ol:last-child {margin-bottom: 0;}
.txt blockquote {margin-top: 24px; margin-bottom: 24px; padding-left: 24px; border-left: 3px solid #FF691E;}
.txt blockquote:first-child {margin-top: 0;}
.txt blockquote:last-child {margin-bottom: 0;}
.nsourse {font-weight: 500; font-style: italic; font-size: 14px;}
.blogElDate {font-size: 15px;}
.button--icon {padding: 0 0; width: 44px;}
#footerBody > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 0;}
#footerBody > div:first-child {margin-left: 0; padding-right: 20px;}
#footerBody > div:first-child .txt {margin-top: 32px;}
#footerBody > div:first-child .txt p {font-size: 13px;}
#topSearchBody {/*margin-top: 10px;*/ left: 40px; /*padding: 24px;*/ width: calc(100% - (40px * 2));}
#breadcrumbs {list-style: none; margin-bottom: 12px;}
#breadcrumbs > li {margin-right: 6px; margin-bottom: 6px; font-size: 14px;}
#innerArticleBottom {margin-bottom: 16px; padding-bottom: 16px;} 
#innerArticleBottom p {font-size: 15px;}
.columns-2-2 > div:last-child {width: 300px;}
.columns-2-2 > div:first-child {width: calc(100% - 300px); padding-right: 40px;}
#innerNavigation .button {margin-right: 10px; height: 40px; padding: 0 16px; font-size: 15px;}
#sidePriceButtonsBottom .button:first-child {width: calc(100% - 54px);}
.listEl > div:first-child {padding-right: 20px;}
#courseSearch {height: 44px;}
#courseSearch > div:last-child input {font-size: 15px;}
.coursesEl > div:last-child {width: 300px; padding: 20px 20px 20px 0;}
.coursesEl > div:first-child {width: calc(100% - 300px); padding: 20px 20px 20px 20px;}
.propsEl > div:last-child {width: calc(100% - 18px); padding-left: 8px; font-size: 15px;}
.propsEl > div:first-child {width: 18px;}
.propsEl > div:first-child svg {width: 18px; height: 18px;}
.txt p {margin-top: 15px;}
.columns-2-3 > div:first-child {width: 300px;}
.columns-2-3 > div:last-child {width: calc(100% - 300px); padding-left: 20px;}
#systemRight .ratio-inner {padding-top: 72%;}
.faqElBody .txt {width: calc(100% - 24px);}

#mpBlock1 .txt ul {width: 100%;/* margin-top: 32px;*/}
#mpBlock1 .txt p {width: 100%;/* margin-top: 24px;*/}
#mpBlock1 .txt h2 {margin-bottom: 0;}
.txt table td {padding: 12px; font-size: 15px; line-height: 1.2;}
.txt ul li:before {top: -2px;}
.conf2 {font-size: 12px; margin-top: 16px;}

.bwArrow {width: 6%; padding: 0 16px; align-items: flex-start; padding-top: 8%;}
.bwArrow svg {display: block; width: 100%; height: auto; margin-top: 0;}
.bwEl {width: calc((100% - (6% * 3)) / 4);}

/*.mpB1Text {font-size: 17px;}*/
.mpB1Num {font-size: 26px; line-height: 16px;}
#mpBlock1TextFlex > div:first-child {padding-right: 48px;}
#catalogBottom > div:last-child {padding-left: 24px;}

#cookie {width: 90%;}
/**/
#fformBody > div:first-child{width: 100%; flex: auto;}
#fformBody > div:last-child {padding-left: 0; width: 100%; margin-top: 10px;}
#fformBottom > div:last-child {padding-left: 0; width: 100%; order: 1;}
#fformBottom > div:first-child {width: 100%; flex: auto; order: 2; margin-top: 24px;}
#dDrop {padding: 20px;}
#dDrop > div {width: 100%; justify-content: center;}
#dDrop > div p:nth-child(2) {width: 100%; margin-left: 0;}
#dDrop > div p:nth-child(3) {width: 100%; margin-left: 0;}
.fformEl:first-child {margin-top: 24px;}
#fformBottom {margin-top: 0 !important;}
#allWrpTopHeader {height: 42px;}
.allWrpBodyElWrp:before {/*top: -52px;*/ height: 52px;}
.allWrpBodyElWrp {margin-top: -53px;}
.allWrpBodyEl {padding: 12px 16px;}

#mpBlock1 .txt h1 {width: 100%;}
#mpBlock1TextFlexLeft h2 {font-size: 16px !important;}
/**/
.allWrpBodyEl3 > div {font-size: 13px;}
.allWrpBodyEl3 > div:nth-child(2) {font-size: 13px;}
.allWrpBodyEl2 > div, #allWrpTopHeader2 > div {font-size: 13px;}
.allWrpTopHeader2Flex2 > div {font-size: 12px;}
#allWrpTopHeader2 > div:last-child, .allWrpBodyEl3 > div:last-child {width: 146px;}
#allWrpTopHeader2 > div:first-child, .allWrpBodyEl3 > div:first-child {width: 36px;}
#allWrpTopHeader2 > div:nth-child(3), .allWrpBodyEl3 > div:nth-child(3) {width: 260px; padding-right: 16px;}
.allWrpBodyEl3 > div:nth-child(2), #allWrpTopHeader2 > div:nth-child(2) {padding-right: 16px;}
.allWrpBodyElWrp {margin-top: -69px;}
.allWrpBodyElWrp:before {height: 69px; width: 100%;}
/**/
#fformBody .textarea {height: 100px;}
#dPropWrp {height: auto;}
#fformBottomFlex > div {align-items: center;}
#fformBottomFlex > div:frist-child {width: 192px;}
#fformBottomFlex > div:last-child {width: calc(100% - 192px); padding-left: 24px;}
#fformBottomFlex > div:last-child .conf {margin-top: 0;}

#mpBlock1NewBody > div:first-child {width: 100%;}
#mpBlock1NewBody > div:last-child {width: 100%; margin-top: 40px; margin-left: 0;}
#mpBlock1NewBodyTabs {padding: 40px 32px;}
#mpBlock1NewBodyLeft > div:first-child .txt h1 {width: 80%;}
.mpb1mbtbEl > .flex > div a > div:first-child h2 {font-size: 16px;} 
.mpb1mbtbEl > .flex > div a > div:first-child {width: calc(100% - 20px); padding-right: 10px;}
.mpb1mbtbEl > .flex > div a > div:last-child {width: 20px; justify-content: flex-end; position: relative; bottom: auto; right: auto; z-index: 1;}
.mpb1mbtbEl > .flex > div a {padding: 16px 16px}
#mpBlock1NewBodyLeft > div:first-child .txt p {margin-top: 32px; width: 85%;}
#mpBlock1NewBodyLeftBtn > div:last-child p {width: 300px;} 
#topLine2BodyNew > div:nth-child(2) p:first-child {font-size: 24px;}
/*#topLine2BodyNew > div:nth-child(2) {padding-right: 32px;}*/
#topLine2BodyNew > div:first-child img {height: 48px;}
#topLine2BodyNew {margin-top: 24px;}
#topBody > div:first-child > div p {font-size: 15px;}
.width-80 {width: 90%;}
#demoTabs > div:first-child {width: 290px;}
#demoTabs > div:last-child {width: calc(100% - 290px);}
.demoTabsEl {width: 100%; padding: 12px 20px;}
.demoTabsEl.demoTabsEl--active {padding: 20px 20px;}
.demoTabsEl p:first-child {font-size: 19px;}
.marginTop-100 {margin-top: 80px;}
#saysPrev, #saysNext {top: 50%; margin-top: -22px;}
.saysElBottom p:first-child {font-size: 19px;}
.saysElBottom p:nth-child(2) {margin-top: 8px; width: 60%; margin-left: 20%; font-size: 15px;}
.thesisNew > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 32px;}
.thesisNew > div:nth-child(-n+3) {margin-top: 32px;}
.thesisNew > div:nth-child(3n+1) {margin-left: 20px;}
.thesisNew > div:nth-child(-n+2) {margin-top: 0;}
.thesisNew > div:nth-child(2n+1) {margin-left: 0;}
.thesisNewEl:before {width: 20px; height: 20px; left: 0; top: 1px; background: url('../img/bullet.svg') no-repeat; background-size: 20px 20px;}
.thesisNewEl {padding-left: 32px;}
.thesisNewEl > p:first-child {font-size: 19px; width: 75%;}
.thesisNewEl > p:nth-child(2) {width: 90%;}
#footerLogo img {height: 48px;}
.select {height: 44px; padding: 0 16px; font-size: 15px;}
#courseSearch > div:last-child input {font-size: 15px;}
.thesis2New {padding-top: 40px; margin-top: 40px;}

.blogEl .ratio .ratio-inner {padding-top: 48%;}
#innerArticleCover .ratio-inner {padding-top: 40%;}

#mpBlock1NewBodyTabsTop {padding: 8px; background-color: #fbfcf7;}

}

@media screen and (max-width: 920px) {
  
#innerText > div:first-child {width: 100%; padding-right: 0; order: 2; margin-top: 40px;}
#innerText > div:last-child {order: 1; width: 100%; margin-top: 0;}
#innerTextMenu {padding: 24px;}
#innerTextButton {display: block;}
#innerTextButton .button svg rect {fill: #1E1F1D;}
#innerTextButton .button:hover svg rect {fill: #fff;}
#innerTextMenu {margin-top: 10px; display: none;}
.innerText--open #innerTextMenu {display: block !important;}
.innerText--open .button {background-color: #ff691e !important; color: #fff !important;}
.innerText--open .button svg rect {fill: #fff !important;}


}

@media screen and (max-width: 880px) {
    
/*#topLine2Body > div:nth-child(3) {display: none;}
#topLine2Body > div:first-child {flex: 1 1 0;}*/
#topLine2Body > div:first-child {flex: 1 1 0;}
#topLine2Body > div:nth-child(3) p:last-child {display: none;}
#topLine2Body > div:nth-child(3) p:first-child {font-size: 20px;}
#topLine2Body > div:nth-child(3) {order: 2; flex: auto; position: absolute; width: 100%; height: 20px; z-index: 2; text-align: right; padding: 0 0;}
#topLine2Body > div:last-child {order: 3; z-index: 1; position: relative;}
#topLine2Body {position: relative; margin-top: 16px;}
#topLine2Body > div:last-child .button {height: 36px; padding: 0 16px; font-size: 16px;}

}

@media screen and (max-width: 860px) {
  
.centered {padding: 0 32px;}
#topBody ul {display: none;}
#topBodyMenuBtn {display: block; padding: 4px; cursor: pointer;}
#topBodyMenuBtn svg {display: block; width: 24px; height: 24px;}
#topBodyMenuBtn svg rect {fill: /*#fff*/#1E1F1D; transition: all 0.1s linear;}
#topBodyMenuBtn:hover svg rect {fill: #ff691e; transition: all 0.1s linear;}
#topBody {padding: 8px 0;}
/*#topLine2Body > div:first-child img {height: 60px;}*/
/*#topLine2Body > div:nth-child(3) p:first-child {font-size: 23px;}*/
.centered2 .pd48 {padding: 48px 32px;}
.ccatsEl {padding: 12px;}
.ccatsEl > div:last-child {font-size: 15px; width: calc(100% - 16px);}
.faqElBodyDir .txt p {
    font-size: 18px;
 }
.ccatsEl > div:first-child {width: 16px;}
.ccatsEl > div:first-child svg {width: 16px; height: 16px;}
.thesis2El img {height: 40px;}
.thesis2El > div:first-child {height: 40px;}
.thesis2El > div:last-child {height: calc(100% - 40px);}
.steps {width: calc(100% + 10px); margin-left: -5px; justify-content: center;}
.steps > div {width: calc((100% - 20px) / 2); margin-left: 5px; margin-right: 5px; margin-top: 10px; position: relative;}
.steps > div:nth-child(-n+3) {margin-top: 10px;}
.steps > div:nth-child(-n+2) {margin-top: 0;}
.stepsEl > p:first-child {padding-bottom: 12px; margin-bottom: 12px;}
.txt ul li {margin-top: 12px; position: relative; padding-left: 26px;}
.txt ul li:first-child {margin-top: 0;}
.txt ul li:before {content: ''; position: absolute; display: block; width: 16px; height: 16px; left: 0; /*top: 50%; margin-top: -8px;*/ top: 0; background: url('../img/bullet.svg') no-repeat; background-size: 16px 16px;}
.txt ol li {margin-top: 12px;}
.txt ol li:first-child {margin-top: 0;}
/*#footerBodyLogo img {height: 60px;}*/
#footerBody > div:last-child .flex2 > div:last-child .button {margin-top: 24px;}
#footerBodyInfo p:first-child {font-size: 23px;}
#topSearchBody {/*margin-top: 10px;*/ left: 32px; /*padding: 24px;*/ width: calc(100% - (32px * 2));}

.columns-2-2 > div:last-child {width: 100%; margin-top: 40px;}
.columns-2-2 > div:first-child {width: 100%; padding-right: 0;}
.sidePrice {padding: 24px;}
.sidePriceEl {padding: 20px;}
#sidePriceButtons {width: 100%;}
#sidePriceButtons > div {width: calc((100% - 10px) / 2); float: left; margin-left: 10px;}
#sidePriceButtons > div:first-child {margin-left: 0;}
#sidePriceButtons:after {content: ''; display: table; clear: both;}
#sidePriceButtonsBottom {margin-top: 0;}
#sidePriceButtons {margin-top: 24px;}
.coursesEl > div:last-child {width: 260px; padding: 20px 20px 20px 0;}
.coursesEl > div:first-child {width: calc(100% - 260px); padding: 20px 20px 20px 20px;}
#block-document .columns-2-2 .documentsEl {width: 360px; margin-left: calc((100% - 360px) / 2);}
.columns-2-3 > div:first-child {width: 100%; order: 2; margin-top: 10px;}
.columns-2-3 > div:last-child {width: 100%; order: 1; padding-left: 0;}
#systemRight .ratio-inner {padding-top: 48%;}
#sliderTextBlock {width: 80%;}
.blockTop > div:last-child {width: 100px;}
.blockTop > div:first-child {width: calc(100% - 100px); padding-right: 32px;}
#systemLeft {padding: 24px;}

#panel {width: 400px; display: block; background-color: #fff; position: fixed; top: 0px; right: -400px; height: 100%; z-index: 20; transition: right .4s ease-in-out;}
.panel--open #panel {right: 0; transition: right .4s ease-in-out;}
#panelTop {width: 100%; align-items: center; height: 48px; /*background-color: #1e1f1d;*/}
#panelTop > div {width: 100%;}
#panelTop > div:first-child {justify-content: flex-start; align-items: center; padding-left: 24px;}
#panelTop > div:last-child {justify-content: flex-end;  padding-right: 10px;}
#panelTop button {width: 32px; height: 32px; border: none; padding: 6px; background-color: transparent; cursor: pointer;}
#panelTop button svg {width: 20px; height: 20px;}
#panelTop button svg path {fill: #1e1f1d; transition: all 0.1s linear;}
#panelTop button:hover svg path {fill: #ff691e; transition: all 0.1s linear;}
#panelTop .langWrpBody {background-color: #e8ebec;}
#panelBodyContent {padding: 32px 24px 32px 24px;}
#panelBody {width: 100%; height: calc(100% - (48px + 130px)); position: relative; overflow-x: hidden; overflow-y: auto;}
#panelBottom {padding: 0 24px 24px;}
#panelBottom p:first-child {font-size: 23px; line-height: 1; font-weight: 500;}
#panelBottom p:last-child {line-height: 1; margin-top: 3px;}
#panelBottom p:first-child a, #panelBottom p:first-child a:visited {color: #1E1F1D; text-decoration: none; transition: all 0.1s linear;}
#panelBottom p:first-child a:hover {color: #656565; transition: all 0.1s linear;}
#panelBottom p:last-child span {border-bottom: 1px dashed #1E1F1D; transition: all 0.1s linear; cursor: pointer;}
#panelBottom p:last-child span:hover {border-color: #656565; transition: all 0.1s linear; color: #656565;}
#panelButtons {margin-top: 20px;}
#panelBodyContent > div {margin-top: 32px;}
#panelBodyContent > div:first-child {margin-top: 0;}
#panelBodyContent > div p {font-size: 19px; line-height: 1.2;}
#panelBodyContent > div p:first-child {margin-top: 0;}
#panelBodyContent > div p a, #panelBodyContent > div p a:visited {color: #1E1F1D; text-decoration: none; transition: all 0.1s linear; display: block; padding: 6px 0;}
#panelBodyContent > div p a:hover {color: #656565; transition: all 0.1s linear;}
#overlay {width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; z-index: 15; background: rgba(0,0,0,.3); opacity: 0; visibility: hidden; transition: all .25s ease-in-out;} 
.panel--open #overlay {opacity: 1; visibility: visible; transition: all .25s ease-in-out;}

.bwArrow {display: none !important;}
.bwEl {width: calc((100% - 32px) / 2); margin-left: 32px; margin-top: 24px;}
.bwEl:nth-child(1), .bwEl:nth-child(5) {margin-left: 0;}
.bwEl:nth-child(1), .bwEl:nth-child(3) {margin-top: 0;}
.block1WhyEl > div:first-child {width: 100px;}
.block1WhyEl > div:last-child {flex: 1 1 0; padding-left: 20px; text-align: left; justify-content: flex-start; margin-top: 0; align-items: center;}
.block1WhyEl > div:first-child > div {padding: 8px; border-width: 1px;}
#block1Why {margin: 40px 0;}

#topBodyLic p {margin-top: 0 !important; float: left; margin-right: 20px;}
#topBody > div:last-child {padding-left: 0;}
/**/
.allWrpBodyEl3 > div:nth-child(2) {flex: auto; width: calc(100% - 40px); padding-right: 0;}
#allWrpTopHeader2 > div:nth-child(3), #allWrpTopHeader2 > div:nth-child(4) {display: none;}
.allWrpBodyEl3 > div:nth-child(3) {width: calc((100% - (32px + 40px)) / 2); margin-left: 40px; align-items: flex-start; padding-right: 0; margin-top: 14px;}
.allWrpBodyEl3 > div:nth-child(4) {align-items: flex-start; width: calc((100% - (32px + 40px)) / 2); margin-left: 32px; margin-top: 14px;}
.swbePF > div:first-child {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 500;}
.swbePF2 > div {width: 100%; margin-top: 4px;}
.swbePF2 > div:first-child {margin-top: 4px;}
.swbePF2 > div > .flex > div {align-items: center;}
.swbePF2 > div > .flex > div:first-child, .swbePF2 > div > .flex > div:nth-child(2) {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.swbePF2 > div > .flex > div:nth-child(2) {flex: 1 1 0; padding: 0 8px;}
.swbePF2 > div > .flex > div:nth-child(2) span {width: 100%; height: 1px; border-bottom: 1px dashed #C4C4C4;}
.allWrpBodyEl3 > div:first-child {align-items: flex-start; font-size: 15px; width: 40px;}
.allWrpBodyEl3 > div:nth-child(2) {font-size: 15px;}
.allWrpBodyElWrp {margin-top: -47px;}
.allWrpBodyElWrp:before {height: 47px; width: 100%;}

#mpBlock1NewBodyTabs {padding: 40px 24px;}
#mpBlock1NewBodyLeft > div:first-child .txt h1 {width: 85%;}
#mpBlock1NewBodyLeft > div:first-child .txt p {margin-top: 32px; width: 100%;}
#topBodyLic p {margin-top: 0 !important; float: left; margin-right: 20px;} 
#says {padding: 0 72px;}

.thesis2New .thesis2El > div:first-child > div {width: 40px; height: 40px;}
.thesis2New .thesis2El > div:first-child > div img {width: auto; height: 28px;}

.blogEl .ratio .ratio-inner {padding-top: 56%;}

}

@media screen and (max-width: 820px) {
  
#demoTabs > div:last-child {display: none;}
#demoTabs > div:first-child {width: 100%;}
.demoTabsEl p:first-child {font-size: 20px;}
.demoTabsEl p:nth-child(2) {width: 75%;}
.demoTabsElBottom {display: block;}
.demoTabsEl .demoTabsElBottom {margin-top: 0; height: 0; visibility: hidden; opacity: 0; transition: all 0.1s linear;}
.demoTabsEl.demoTabsEl--active .demoTabsElBottom {margin-top: 24px; height: auto; visibility: visible; opacity: 1; transition: all 0.1s linear;}
.demoTabsEl {padding: 16px 24px;}
.demoTabsEl.demoTabsEl--active {padding: 24px 24px;}
.width-80 {width: 100%;}
.thesisNewEl > p:first-child {font-size: 19px; width: 85%;}
.thesisNewEl > p:nth-child(2) {width: 95%; margin-top: 12px;}
#allWrpTopFlex > div:nth-child(3) {display: none;}

}

@media screen and (max-width: 760px) {
  
.thesis > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px;}
.thesis > div:nth-child(3n+1) {margin-left: 20px;}
.thesis > div:nth-child(-n+3) {margin-top: 20px;}
.thesis > div:nth-child(2n+1) {margin-left: 0;}
.thesis > div:nth-child(-n+2) {margin-top: 0;}
/*#topLine2Body > div:nth-child(3) {padding: 0 24px 0 0; width: calc(100% - (310px + 110px));}*/
/*#topLine2Body > div:last-child {width: 110px;}*/
/*#topLine2Body > div:first-child {width: 244px;}*/
/*#topLine2Body > div:nth-child(3) p:first-child {font-size: 23px;}*/
.thesis p:nth-child(2) {margin-top: 8px; line-height: 1.2;}
.ccatsBody > div {width: calc((100% - 10px) / 2); margin-left: 10px; margin-top: 10px;}
.ccatsBody > div:nth-child(4n+1) {margin-left: 10px;}
.ccatsBody > div:nth-child(-n+4) {margin-top: 10px;}
.ccatsBody > div:nth-child(3n+1) {margin-left: 10px;}
.ccatsBody > div:nth-child(-n+3) {margin-top: 10px;}
.ccatsBody > div:nth-child(2n+1) {margin-left: 0;}
.ccatsBody > div:nth-child(-n+2) {margin-top: 0;}
.faqElBodyDir .txt {margin-bottom: 8px;}
.faqElBodyDir {margin-top: 16px;}
.faqElBodyDir:first-child {margin-top: 2px;}
.thesis2 > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 24px; position: relative;}
.thesis2 > div:nth-child(3n+1) {margin-left: 20px;}
.thesis2 > div:nth-child(-n+3) {margin-top: 24px;}
.thesis2 > div:nth-child(2n+1) {margin-left: 0;}
.thesis2 > div:nth-child(-n+2) {margin-top: 0;}
.thesis2El p {margin-top: 10px; line-height: 1.2;}
.width-75 {width: 100%;}
.coursesEl > div:last-child {display: none;}
.coursesEl > div:first-child {width: 100%; padding: 20px 20px 20px 20px;}
.coursesEl > div:first-child .flex2 {border-right: none;}
.coursesEl > div:first-child .flex2 > div:last-child {padding-top: 24px;}
.coursesEl > div:first-child > div {padding-right: 0;}
#sliderTextBlock {width: 90%;}
#mdl {padding: 32px; width: 420px;}
.conf {width: 100%; font-size: 14px;}

#mpBlock1TextFlex > div:first-child {padding-right: 32px;}

#cookie {width: calc(100% - 40px);}
/**/
.allWrpBodyEl > div {font-size: 13px;}
#allWrpTopHeader > div:first-child, .allWrpBodyEl > div:first-child {width: 36px;}
/*#allWrpTopHeader > div:nth-child(2), .allWrpBodyEl > div:nth-child(2) {width: 72px;}
#allWrpTopHeader > div:nth-child(4), .allWrpBodyEl > div:nth-child(4) {width: 160px;}*/
#allWrpTopHeader > div:nth-child(2), .allWrpBodyEl > div:nth-child(2), #allWrpTopHeader > div:nth-child(4), .allWrpBodyEl > div:nth-child(4) {display: none;}
.allWrpBodyEl > div:first-child, .allWrpBodyEl > div:nth-child(5) {align-items: flex-start;}

#mpBlock1NewBodyLeft > div:first-child .txt h1 {width: 90%;}
#topLine2BodyNew > div:nth-child(2) {/*padding-right: 24px;*/ padding-top: 1px;}
#topLine2BodyNew > div:nth-child(2) p:first-child {font-size: 22px;}
#topLine2BodyNew > div:first-child img {height: 44px;}
#topLine2BodyNew > div:first-child {width: 188px;}
.demoTabsEl p:nth-child(2) {width: 85%;}
.saysElBottom p:nth-child(2) {margin-top: 8px; width: 80%; margin-left: 10%; font-size: 15px;}
#footerLogo img {height: 44px;}

}


@media screen and (max-width: 740px) {
    
#topLine2Body > div:nth-child(3) {display: none !important;}
#topLine2Body > div:last-child {width: 100%; margin-top: 16px;}
#topLine2Body > div:last-child .button {
    height: 42px;
    padding: 0 16px;
    font-size: 16px;
    width: calc((100% - 10px) / 2); margin-left: 10px;
}
#topLine2Body > div:last-child .button:first-child {margin-left: 0;}
#topLine3 {margin-top: 10px;}
#topSearchBody {margin-top: calc(20px + 42px);}
#topLine2Body > div:last-child .button {padding: 0 0;}

}

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

/*.logoFlex > div:first-child {width: 50px;}
.logoFlex > div:last-child {align-items: flex-end; padding-left: 12px; width: calc(100% - 50px);}
.logoFlex > div:last-child p:first-child {line-height: 1; font-size: 12px; font-weight: 500; color: #1E1F1D; margin-bottom: 0; letter-spacing: 0.05px; margin-bottom: 4px;}
.logoFlex > div:last-child p:nth-child(2) {line-height: 1; font-size: 23px; font-weight: 600; margin-bottom: 4px; letter-spacing: 0.2px;}
.logoFlex > div:last-child p:nth-child(2) span {color: #FF6A2A;}
.logoFlex > div:last-child p:last-child {line-height: 1; font-size: 11px; color: #1E1F1D; margin-bottom: -1px;}
#topLine2Body > div:first-child {width: 290px;}*/
/*#topLine2Body > div:nth-child(3) {width: calc(100% - (290px + 110px));}*/
/*#topLine2Body > div:nth-child(3) p:first-child {font-size: 18px;}*/

}

@media screen and (max-width: 680px) {
  
.marginTop-80 {margin-top: 64px;}
/*#mpBlock1 .txt p {margin-top: 24px; font-size: 17px;}*/
.marginTop-56 {margin-top: 40px;}
.marginTop-64 {margin-top: 48px;}
.marginTop-48 {margin-top: 32px;}
.padding-80 {padding: 64px 0;}
.paddingTop-80 {padding-top: 64px;}
.paddingBottom-80 {padding-bottom: 64px;}
.block:last-child {margin-bottom: 88px;}
#topSearchBody {padding: 20px;}
.topSearchBodyEl {margin-top: 16px; padding-top: 16px;}
.topSearchBodyEl:first-child {margin-top: 0; padding-top: 0; border-top: none;}
.marginTop-120 {margin-top: 72px;}
#innerNavigation {margin-top: 30px;}

.block1WhyEl > div:first-child {width: 88px;}
.bwEl {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 24px;}
.bwEl:nth-child(1), .bwEl:nth-child(5) {margin-left: 0;}
.bwEl:nth-child(1), .bwEl:nth-child(3) {margin-top: 0;}

#topLine2Body > div:nth-child(3) p:first-child {font-size: 22px;}
#topLine2Body > div:nth-child(3) p:last-child {font-size: 14px; margin-bottom: 2px;}
/**/
.allWrpBodyElInfo p:nth-child(2) {display: block; margin-top: 6px; color: #656565; font-size: 12px; font-weight: normal;}
/**/
#fformBottomFlex > div {align-items: flex-start;}

#mpBlock1NewBodyLeft > div:first-child .txt h1 {width: 100%;}
/*#topLine2BodyNew > div:nth-child(2) {display: none;}*/
#topLine2BodyNew > div:first-child {width: auto; flex: 1 1 0;}
.demoTabsEl p:nth-child(2) {width: 90%;}
.marginTop-100 {margin-top: 72px;}

}

@media screen and (max-width: 660px) {
 
/*#topLine2Body > div:last-child {width: 120px;}*/
/*#topLine2Body > div:first-child img {height: 56px;}*/
#topLine2Body > div:first-child {width: 100%;}
#topLine2Body > div:nth-child(3) p:first-child {font-size: 22px;}
#topLine2Body > div:nth-child(3) p:last-child {font-size: 15px;}
/*#footerBodyLogo img {height: 56px;}*/

#footerBody > div:first-child {margin-left: 0; padding-right: 10px;}
#footerMenu {display: none;}
#footerBody > div:first-child {width: calc(100% - (42px + 20px));}
#footerBody > div:last-child {width: 42px;}
#footerBody {position: relative;}
.button--icon {padding: 0 0; width: 42px;}
footer {min-height: 320px; margin-top: -320px;}
#main {padding-bottom: 320px;}

#topLine2Body > div:nth-child(3) {display: none !important;}
#topLine2Body > div:last-child {width: 100%; margin-top: 16px;}
#topLine2Body > div:last-child .button {
    height: 42px;
    padding: 0 16px;
    font-size: 16px;
    width: calc((100% - 10px) / 2); margin-left: 10px;
}
#topLine2Body > div:last-child .button:first-child {margin-left: 0;}
#topLine3 {margin-top: 10px;}
#topSearchBody {margin-top: calc(20px + 42px);}

#topLine2Body > div:nth-child(3) {width: calc(100% - (230px + 110px));}
#topLine2Body > div:last-child {width: 110px;}
#topLine2Body > div:first-child img {height: 56px;}
#topLine2Body > div:first-child {width: 230px;}
#topLine2Body > div:nth-child(3) p:first-child {font-size: 22px;}
#topLine2Body > div:nth-child(3) p:last-child {font-size: 15px;}
#footerBodyLogo img {height: 56px;}

}

@media screen and (max-width: 620px) {
  
/*#topLine2Body > div:nth-child(3) {padding: 0 0 0 0; width: calc(100% - (230px + 140px));}
#topLine2Body > div:nth-child(3) > div {display: none;}*/
/*#topLine2Body > div:first-child {width: calc(100% - 120px);}
#topLine2Body > div:last-child {width: 120px;}*/
.thesis > div {width: calc((100% - 16px) / 2); margin-left: 16px; margin-top: 20px;}
.thesis > div:nth-child(3n+1) {margin-left: 16px;}
.thesis > div:nth-child(-n+3) {margin-top: 20px;}
.thesis > div:nth-child(2n+1) {margin-left: 0;}
.thesis > div:nth-child(-n+2) {margin-top: 0;}
/*#mpBlock1 .txt p {font-size: 16px;}*/
.txt h1, .thesis p:first-child, #innerTop .txt h1 {font-size: min(max(26px, calc(1.625rem + (32 - 26) * ((100vw - 320px) / (620 - 320)))), 32px); min-height: 0vw;} 
.txt h2, .likeH2 {font-size: min(max(24px, calc(1.5rem + (28 - 24) * ((100vw - 320px) / (620 - 320)))), 28px); min-height: 0vw;}
.txt h3, .likeH3 {font-size: min(max(21px, calc(1.3125rem + (24 - 21) * ((100vw - 320px) / (620 - 320)))), 24px); min-height: 0vw;}

#mpBlock1 .txt h2 {font-size: min(max(21px, calc(1.3125rem + (24 - 21) * ((100vw - 320px) / (620 - 320)))), 24px); min-height: 0vw; margin-top: 20px;}
/*#mpBlock1 .txt h1 {font-size: min(max(21px, calc(1.3125rem + (24 - 21) * ((100vw - 320px) / (620 - 320)))), 24px); min-height: 0vw;}*/
#mpBlock1 .txt h1 {font-size: clamp(1.5rem, 1.2333rem + 1.3333vw, 1.75rem);}
/*#mpBlock1 .txt ul {margin-top: 28px;}
#mpBlock1 .txt p {margin-top: 20px;}*/

#topLine2Body > div:nth-child(2) {margin-top: 16px;}
#topBody {padding: 4px 0;}
#topBody > div:first-child p {font-size: 14px;}
.button {font-size: 16px; height: 42px; border-radius: 6px;}
.input {font-size: 16px; height: 42px; padding: 0 16px;}
.textarea {height: 88px; font-size: 16px; padding: 12px 16px;}
#topSearch {height: 42px; padding: 0 12px; border-radius: 6px;}
#topSearch > div:last-child {padding-left: 8px;}
#topSearch > div:last-child input {font-size: 14px;}
#topSearch svg {width: 16px; height: 16px;}
.faqEl .faqElTop > div:first-child {padding-right: 32px;}
.faqElTop {padding: 16px 0;}
.ccatsBody > div {width: calc((100% - 8px) / 2); margin-left: 8px; margin-top: 8px;}
.ccatsBody > div:nth-child(4n+1) {margin-left: 8px;}
.ccatsBody > div:nth-child(-n+4) {margin-top: 8px;}
.ccatsBody > div:nth-child(3n+1) {margin-left: 8px;}
.ccatsBody > div:nth-child(-n+3) {margin-top: 8px;}
.ccatsBody > div:nth-child(2n+1) {margin-left: 0;}
.ccatsBody > div:nth-child(-n+2) {margin-top: 0;}
.faqElBodyDir .txt p {font-size: 16px;}
.faqEl .faqElTop > div:first-child {font-size: 17px;}
.thesis2 > div {width: calc((100% - 16px) / 2); margin-left: 16px; margin-top: 20px; position: relative;}
.thesis2 > div:nth-child(3n+1) {margin-left: 16px;}
.thesis2 > div:nth-child(-n+3) {margin-top: 20px;}
.thesis2 > div:nth-child(2n+1) {margin-left: 0;}
.thesis2 > div:nth-child(-n+2) {margin-top: 0;}
.cards > div {width: 100%; margin-left: 0; margin-top: 8px; position: relative;}
.cards > div:nth-child(2n+1) {margin-left: 0;}
.cards > div:nth-child(-n+2) {margin-top: 10px;}
.cards > div:nth-child(-n+1) {margin-top: 0;}
#documents {width: 360px;}
.docWrp .documentsEl {width: 100%; float: none; margin-left: 0;}
.cardsEl {padding: 20px;}
.cardsEl > div:last-child a {margin-top: 20px;}
.tabsTop > div {width: calc((100% - 8px) / 2); margin-left: 8px;}
.tabsTop > div:first-child {margin-left: 0;}
.steps {width: calc(100% + 8px); margin-left: -4px; justify-content: center;}
.steps > div {width: calc((100% - 16px) / 2); margin-left: 4px; margin-right: 4px; margin-top: 8px; position: relative;}
.steps > div:nth-child(-n+3) {margin-top: 8px;}
.steps > div:nth-child(-n+2) {margin-top: 0;}
.tabsTopEl {min-height: 42px; padding: 6px 20px; font-size: 16px; border-radius: 6px;} 
.stepsEl {padding: 20px;}
.blogEl {padding: 20px;}
#blog > div {width: 100%; margin-left: 0; margin-top: 8px;}
#blog > div:nth-child(2n+1) {margin-left: 0;}
#blog > div:nth-child(-n+2) {margin-top: 8px;}
#blog > div:nth-child(-n+1) {margin-top: 0;}
.blogEl p:nth-child(2) {width: 95%; margin-top: 8px;}
.blogElDate {font-size: 14px;}
.faqElBody {font-size: 15px;}

#footerBody > div:first-child {margin-left: 0; padding-right: 10px;}
#footerMenu {display: none;}
#footerBody > div:first-child {width: calc(100% - (42px + 20px));}
#footerBody > div:last-child {width: 42px;}
#footerBody {position: relative;}
.button--icon {padding: 0 0; width: 42px;}
footer {min-height: 320px; margin-top: -320px;}
#main {padding-bottom: 320px;}
#footerBodyInfo {margin-top: 24px;}
.marginTop-24 {margin-top: 20px;}
#footerBody > div:first-child .txt {margin-top: 24px;}
.topSearchBodyEl p {font-size: 16px;}
.label {margin-right: 4px; margin-top: 4px; float: left; padding: 6px 8px; font-size: 12px;}
#topSearchBody {/*margin-top: 8px;*/ border-radius: 6px;}
#breadcrumbs {list-style: none; margin-bottom: 10px;}
#breadcrumbs > li {margin-right: 4px; margin-bottom: 4px; font-size: 13px;}
#innerBlog > div {width: 100%; margin-left: 0; margin-top: 8px;}
#innerBlog > div:nth-child(-n+2) {margin-top: 8px;}
#innerBlog > div:nth-child(2n+1) {margin-left: 0;}
#innerBlog > div:nth-child(-n+1) {margin-top: 0;}
.sidePrice {padding: 20px; border-radius: 6px;}
#sidePriceButtons {margin-top: 20px;}
#sidePriceButtonsBottom .button:first-child {width: calc(100% - 50px);}
.button {margin-left: 8px;}
.button:first-child {margin-left: 0;}
#sidePriceButtons > div {width: calc((100% - 8px) / 2); float: left; margin-left: 8px;}
#sidePriceButtons > div:first-child {margin-left: 0;}
#sidePriceButtons .button:not(.button--icon) {padding: 0 16px;}
.sidePriceEl {margin-top: 8px; border-radius: 6px;}
.sidePrice > .txt {margin-bottom: 16px;}
#innerNavigation .button {margin-right: 8px; margin-top: 8px; height: 34px; padding: 0 10px; font-size: 14px;}
#courseSearch svg {width: 16px; height: 16px;}
#courseSearch {height: 42px; padding: 0 12px; border-radius: 6px;}
#courseSearch > div:last-child {padding-left: 8px;}
#courseSearch > div:last-child input {font-size: 14px;}
#courses {margin-top: 16px;}
.coursesEl {border-radius: 6px; margin-top: 8px;}
.coursesEl:first-child {margin-top: 0;}
.coursesEl .labels {margin-top: 8px;}
#sliderTextBlock {width: 100%;}
.blockTop > div:first-child {padding-right: 24px;}
#systemLeft {padding: 20px;}
#systemRight .ratio, #systemLeft {border-radius: 6px;}
#innerTextMenu {padding: 20px;}
#innerTextMenu p {margin-top: 12px;}
#innerTextMenu p:first-child {margin-top: 0;}
#panelTop {height: 40px;}
#panelBody {height: calc(100% - (40px + 128px));}
#panelBodyContent > div p {font-size: 18px; line-height: 1.2;}
#panelTop > div:last-child {justify-content: flex-end; padding-right: 4px;}

.stepsWrpEl > div:first-child > div {width: 20px; height: 20px; font-size: 13px; /*line-height: 1; padding-left: 0; padding-top: 1px;*/}
.stepsWrpEl > div:last-child {width: calc(100% - 20px); padding-left: 10px;}
.stepsWrpEl:after {content: ''; width: 2px; height: 50%; position: absolute; left: 9px; margin-left: 0; bottom: 0; background-color: #ff691e; z-index: 1;}
.stepsWrpEl:last-child:after {display: none;}
.stepsWrpEl:before {content: ''; width: 2px; height: 50%; position: absolute; left: 9px; margin-left: 0; top: 0; background-color: #ff691e; z-index: 1;}
.stepsWrpEl:first-child:before {display: none;}
.txt table td {padding: 8px; font-size: 14px; line-height: 1.2;}

#cmap {width: 100%; height: 280px;}

.block1WhyEl > div:first-child {width: 72px;}
.bwEl {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px;}
.bwEl:nth-child(1), .bwEl:nth-child(5) {margin-left: 0;}
.bwEl:nth-child(1), .bwEl:nth-child(3) {margin-top: 0;}
.block1WhyEl > div:last-child {padding-left: 16px;}
.block1WhyEl > div:first-child > div {padding: 4px;}
.block1WhyEl > div:last-child br {display: none !important;}
#block1Why {margin: 40px 0 32px;}
/*.txt h1 br {display: none !important;}*/

/*.mpB1Text {font-size: 16px;}*/
.mpB1Num {font-size: 22px; line-height: 16px;}
.txt .videoWrp {margin-top: 32px; margin-bottom: 24px;}

#mpBlock1TextFlex > div:first-child {flex: auto; padding-right: 0; width: 100%;}
#mpBlock1TextFlex > div:last-child .button {padding-top: 0; padding-bottom: 0; height: 42px;}
#mpBlock1TextFlex > div:last-child .button br {display: none !important;}
#mpBlock1TextFlex {margin-top: 32px;}
#mpBlock1TextFlex > div:last-child {margin-top: 24px;}

#catalogBottom > div:first-child {width: 100%;}
#catalogBottom > div:last-child {flex: auto; width: 100%; padding-left: 0; margin-top: 24px;}

#cookie {width: calc(100% - 20px); bottom: 10px; left: 10px; padding: 16px; font-size: 13px;}

.txt blockquote {margin-top: 20px; margin-bottom: 20px; padding-left: 16px; border-left: 2px solid #FF691E;}
.txt blockquote:first-child {margin-top: 0;}
.txt blockquote:last-child {margin-bottom: 0;}
.nsourse {font-weight: 500; font-style: italic; font-size: 13px;}
/**/
.itwo {margin-top: 10px;}
.itwo:first-child {margin-top: 0;}
.itwo > .input {width: 100%; float: left; margin-left: 0; margin-top: 10px;}
.itwo > .input:nth-child(-n+2) {margin-top: 10px;}
.itwo > .input:nth-child(-n+1) {margin-top: 0;}
.itwo > .input:nth-child(2n+1) {margin-left: 0;}
#dDrop > div p:nth-child(2) {font-size: 14px;}
#dDrop > div svg {width: 20px;}
#dDrop > div p:nth-child(3) {font-size: 11px;}
#fform .call {display: none;}
#allWrpTopHeader {height: 40px; padding: 0 12px; border-radius: 6px;}
.allWrpBodyEl {padding: 10px 12px; border-radius: 6px;}
.allWrpBodyElWrp:before {/*top: -50px;*/ height: 50px;}
.allWrpBodyElWrp {margin-top: -51px;}
#allWrpTopHeader > div {font-size: 13px;}
.allWrpBodyEl > div {font-size: 13px;}
#allWrpTopHeader > div:nth-child(5), .allWrpBodyEl > div:nth-child(5) {width: 34px;}

.allWrpBodyEl:hover > div:nth-child(3) {color: #1E1F1D !important;}

.cmaxP {margin-top: 16px !important;}
/**/
.allWrpBodyEl3 > div:nth-child(3) {width: calc(100% - (24px + 40px + 150px)); margin-left: 40px; align-items: flex-start; padding-right: 0; margin-top: 14px;}
.allWrpBodyEl3 > div:nth-child(4) {align-items: flex-start; width: 150px; margin-left: 24px; margin-top: 14px;}
#allWrpTopHeader2, .allWrpBodyEl2, .allWrpBodyEl3 {border-radius: 6px;}
#allWrpTopHeader2 {padding: 12px 12px;}
.allWrpBodyEl2 {padding: 12px 12px;}
.allWrpBodyEl3 {padding: 12px 12px;}
/**/
#fformBottomFlex > div:first-child {width: 100%;}
#fformBottomFlex > div:last-child {width: 100%; padding-left: 0;}
#fformBottomFlex > div:last-child .conf {margin-top: 20px;}

#mpBlock1NewBodyLeft > div:last-child p {margin-right: 16px; margin-bottom: 16px; font-size: 16px; padding-left: 28px;}
#topBody > div:first-child > div p {font-size: 14px;}
#mpBlock1NewBodyLeftBtn > div:last-child {padding-left: 20px;}
#mpBlock1NewBodyTabs {padding: 32px 20px;}
#mpBlock1NewBodyLeftBtn > div:last-child p {width: 80%; font-size: 14px;}
.mpb1mbtbEl > .flex > div a > div:first-child h2 {font-size: 15px;}
.mpb1mbtbEl > .flex > div a > div:first-child {width: 100%; padding-right: 0; position: relative; z-index: 2;}
.mpb1mbtbEl > .flex > div a {padding: 16px 16px 26px; border-radius: 6px;}
.mpb1mbtbEl > .flex > div a > div:last-child {width: 100%; justify-content: flex-end; position: absolute; bottom: 4px; right: 10px; z-index: 1;}
#topLine2BodyNew {margin-top: 20px;}
#mpBlock1New {margin-top: 56px;}
.demoTabsEl p:nth-child(2) {width: 100%;}
#fformBottomFlex > div:last-child {padding-left: 20px;}
.conf {font-size: 13px;}
#says {padding: 0 0;}
#says .slickWrp {z-index: 1;}
#saysPrev, #saysNext {top: calc(100% - 44px); margin-top: 0; z-index: 2;}
.saysElBottom p:first-child {font-size: 18px; width: calc(100% - (72px * 2)); margin-left: 72px;}
.saysElBottom p:nth-child(2) {margin-top: 8px; width: calc(100% - (72px * 2)); margin-left: 72px; font-size: 14px;}
.saysElBottom {margin-top: 24px;}
#saysPrev, #saysNext {top: calc(100% - 42px); margin-top: 0;}
.thesisNewEl > p:first-child {font-size: 19px; width: 100%;}
.thesisNewEl > p:nth-child(2) {width: 100%; margin-top: 12px;}
.select {height: 42px; padding: 0 16px; font-size: 14px; border-radius: 6px;}
#mpBlock1NewBodyTabsTop > div {border-radius: 6px;}
.thesis2New .thesis2El p {font-weight: normal;}

.blogEl .ratio .ratio-inner {padding-top: 40%;}
.emptyPic img {width: 40%; height: auto;} 
#innerArticleCover {margin-bottom: 24px;}
#innerArticleCover .ratio-inner {padding-top: 48%;}

#mpBlock1NewBodyTabsTop {border-radius: 6px;}

}

@media screen and (max-width: 560px) {
    
.block1WhyEl > div:first-child {width: 64px;}
.bwEl {width: calc((100% - 16px) / 2); margin-left: 16px; margin-top: 16px;}
.bwEl:nth-child(1), .bwEl:nth-child(5) {margin-left: 0;}
.bwEl:nth-child(1), .bwEl:nth-child(3) {margin-top: 0;}
.block1WhyEl > div:last-child {padding-left: 12px;}
.block1WhyEl > div:first-child > div {padding: 4px;}
.block1WhyEl > div:last-child br {display: none !important;}

#topBody > div:first-child p:last-child {display: none !important;}

}

@media screen and (max-width: 520px) {
  
.thesis > div {width: 90%; margin-left: 0; margin-top: 20px;}
.thesis > div:nth-child(3n+1) {margin-left: 0;}
.thesis > div:nth-child(-n+3) {margin-top: 20px;}
.thesis > div:nth-child(2n+1) {margin-left: 0;}
.thesis > div:nth-child(-n+2) {margin-top: 20px;}
.thesis > div:nth-child(-n+1) {margin-top: 0;}
.ccatsBody > div {width: 100%; margin-left: 0; margin-top: 8px;}
.ccatsBody > div:nth-child(4n+1) {margin-left: 0;}
.ccatsBody > div:nth-child(-n+4) {margin-top: 8px;}
.ccatsBody > div:nth-child(3n+1) {margin-left: 0;}
.ccatsBody > div:nth-child(-n+3) {margin-top: 8px;}
.ccatsBody > div:nth-child(2n+1) {margin-left: 0;}
.ccatsBody > div:nth-child(-n+2) {margin-top: 8px;}
.ccatsBody > div:nth-child(-n+1) {margin-top: 0;}
.thesis2 > div {width: 100%; margin-left: 0; margin-top: 20px;}
.thesis2 > div:nth-child(3n+1) {margin-left: 0;}
.thesis2 > div:nth-child(-n+3) {margin-top: 20px;}
.thesis2 > div:nth-child(2n+1) {margin-left: 0;}
.thesis2 > div:nth-child(-n+2) {margin-top: 20px;}
.thesis2 > div:nth-child(-n+1) {margin-top: 0;}
.thesis2El > div:first-child {width: 56px; justify-content: center;}
.thesis2El > div:first-child img {height: 44px;}
.thesis2El > div:last-child {width: calc(100% - 56px); padding-left: 12px;}
.thesis2El > div:last-child p {margin-top: 0;}
.tabsTop > div {width: 100%; margin-left: 0; margin-top: 8px;}
.tabsTop > div:first-child {margin-left: 0; margin-top: 0;}

#sidePriceButtons > div:first-child {width: 100%;}
#sidePriceButtons > div:last-child:not(.txt) {width: 100%; margin-top: 8px; margin-left: 0;}

.block1WhyEl > div:first-child {width: 68px;}
.bwEl {width: 100%; margin-left: 0; margin-top: 16px;}
.bwEl:nth-child(1), .bwEl:nth-child(5) {margin-left: 0;}
.bwEl:nth-child(1) {margin-top: 0;}
.bwEl:nth-child(3) {margin-top: 16px;}
.block1WhyEl > div:last-child {padding-left: 16px;}
.block1WhyEl > div:first-child > div {padding: 4px;}
.block1WhyEl > div:last-child br {display: none !important;}
.block1WhyEl > div:last-child p {width: 70%;}

/*#topLine2Body > div:first-child {width: calc(100% - 100px);}
#topLine2Body > div:last-child {width: 100px;}*/

.thesis2El > div:first-child {height: 100%;}
.thesis2El > div:last-child {height: 100%;}
/**/
.input, .textarea {margin-top: 8px;}
.input:first-child, .textarea:first-child {margin-top: 8px;}
#allWrpTopHeader, #allWrpBody {margin-top: 8px;}
.allWrpBodyEl::before {top: -48px; height: 48px;}
.itwo {margin-top: 8px;}
.itwo:first-child {margin-top: 0;}
.itwo > .input {width: 100%; float: left; margin-left: 0; margin-top: 8px;}
.itwo > .input:nth-child(-n+2) {margin-top: 8px;}
.itwo > .input:nth-child(-n+1) {margin-top: 0;}
.itwo > .input:nth-child(2n+1) {margin-left: 0;}
#dDrop {padding: 16px;}
#fformBody > div:last-child {margin-top: 8px;}
#sidePriceButtonsBottom {margin-left: 0 !important; margin-top: 8px !important; width: 100% !important;}
.sidePrice .txt:last-child {margin-top: 20px;}
/**/
.allWrpBodyElWrp {margin-top: -45px;}
.allWrpBodyElWrp:before {height: 45px; width: 100%;}
#allWrpTopHeader2 {margin-top: 8px;}
.allWrpBodyEl2 {margin-top: 8px;}
.allWrpBodyElWrp:first-child .allWrpBodyEl2 {margin-top: 0;}
.allWrpBodyEl3 > div:nth-child(3) {width: 100%; margin-left: 40px; align-items: flex-start; padding-right: 0; margin-top: 12px;}
.allWrpBodyEl3 > div:nth-child(4) {width: 100%; margin-left: 40px; margin-top: 12px;}

#mpBlock1NewBodyLeftBtn > div:last-child p {width: 95%;}
#mpBlock1NewBodyLeft > div:last-child p {margin-right: 12px; margin-bottom: 10px; font-size: 15px; padding-left: 24px;}
#mpBlock1NewBodyLeft > div:last-child p:before {width: 18px; height: 18px; top: 50%; margin-top: -9px; background: url('../img/bullet.svg') no-repeat; background-size: 18px 18px;}
#topLine2BodyNew > div:first-child img {height: 40px;}
#mpBlock1NewBodyLeft > div:last-child {margin-bottom: 4px;}
#mpBlock1NewBodyTabs {width: calc(100% + (32px * 2)); margin-left: -32px; border-radius: 0; padding: 40px 32px;}
#topLine2BodyNew > div:last-child {padding-top: 1px;}
#fformBottomFlex > div:first-child {flex: auto; width: 100%;}
#fformBottomFlex > div:last-child {width: 100%; margin-top: 12px; padding-left: 0;}
.saysElBottom p:first-child {font-size: 17px; width: calc(100% - (64px * 2)); margin-left: 64px;}
.saysElBottom p:nth-child(2) {margin-top: 6px; width: calc(100% - (64px * 2)); margin-left: 64px; font-size: 14px;}
.thesisNew > div {width: 100%; margin-left: 0; margin-top: 24px;}
.thesisNew > div:nth-child(-n+3) {margin-top: 24px;}
.thesisNew > div:nth-child(3n+1) {margin-left: 0;}
.thesisNew > div:nth-child(-n+2) {margin-top: 24px;}
.thesisNew > div:nth-child(2n+1) {margin-left: 0;}
.thesisNew > div:nth-child(-n+1) {margin-top:0;}
.thesisNewEl > p:first-child {font-size: 19px; width: 80%;}
#footerLogo img {height: 40px;}
#allWrpTopFlex > div:first-child {width: 100%;}
/*#allWrpTopFlex > div:nth-child(2) {flex: auto; width: 100%; padding-left: 0; margin-top: 4px;}*/
#allWrpTopFlex > div:nth-child(2) {padding-left: 0; margin-top: 4px;}
#allWrpTopFlex > div:nth-child(3) {display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 4px; padding-left: 4px;}
#allWrpTopFlex > div:nth-child(3) .button {font-size: 14px; padding: 0 12px;}
#allWrpTopFlex > div:nth-child(3) .button svg {width: 16px;}
#allWrpTopFlex > div:nth-child(3) .button > div:nth-child(2) {padding-left: 6px;}

#topLine2BodyNew > div:nth-child(2) p:first-child {font-size: 20px;}
#topLine2BodyNew > div:nth-child(2) p:last-child {font-size: 15px; margin-top: 3px;}
#topLine2BodyNew > div:nth-child(2) {padding-top: 0;}


}

@media screen and (max-width: 480px) {
  
.thesis > div {width: 95%;}
.marginTop-80 {margin-top: 56px;}
.padding-80 {padding: 56px 0;}
.paddingTop-80 {padding-top: 56px;}
.paddingBottom-80 {padding-bottom: 56px;}
.marginTop-56 {margin-top: 32px;}
.marginTop-64 {margin-top: 40px;}
#innerNavigation {margin-top: 22px;}
.centered {padding: 0 24px;}
/*#topLine2Body > div:first-child img {height: 54px;}*/
.centered2 .pd48 {padding: 40px 24px;}
.marginTop-40 {margin-top: 24px;}
.faqEl .faqElTop > div:first-child {padding-right: 24px;}
.faqElTop > div:last-child svg {display: block; width: 14px; height: 14px;}
.faqElTop > div:last-child {width: 14px;}
.columns-2 > div {margin-top: 32px;}
.columns-2 > div:first-child {margin-top: 0;}
.marginTop-48 {margin-top: 24px;}
.marginTop-32 {margin-top: 20px;}
#iconThesis {padding-top: 32px; margin-top: 32px;}
.thesis2 > div {width: 95%;}
#documents {width: 80%; margin-left: 10%;}
.columns-2-text > div {margin-top: 14px;}
.steps {width: 100%; margin-left: 0; justify-content: center;}
.steps > div {width: 100%; margin-left: 0; margin-right: 0; margin-top: 8px; position: relative;}
.steps > div:nth-child(-n+3) {margin-top: 8px;}
.steps > div:nth-child(-n+2) {margin-top: 8px;}
.steps > div:nth-child(-n+1) {margin-top: 0;}
.block:last-child {margin-bottom: 72px;}
#footerBodyLogo img {height: 54px;}
.topSearchBodyEl .labels {display: none;}
#topSearchBody {left: 24px; width: calc(100% - (24px * 2));}
.marginTop-120 {margin-top: 64px;}
.columns-2-2 > div:last-child {margin-top: 32px;}
.sidePriceEl {padding: 16px;}
.coursesEl > div:first-child .flex2 .txt h2, .coursesEl > div:first-child .flex2 .txt .likeH2 {font-size: 16px;}
.propsEl > div:last-child {width: calc(100% - 18px); padding-left: 8px; font-size: 14px;}
.props {margin-top: 16px;}
.coursesEl > div:first-child .flex2 > div:last-child {padding-top: 24px;}
.propsEl {margin-top: 5px;}
.propsEl:first-child {margin-top: 0;}
.blockTop > div:first-child {width: 100%; padding-right: 0;}
.blockTop > div:last-child {display: none;}
#systemLeft > div:last-child .flex {justify-content: center; width: 100%;}
#panelBottom p:first-child {font-size: 22px;}
#panelBody {height: calc(100% - (40px + 127px));}
#mdl {padding: 32px; width: 100%;}

.block1WhyEl > div:first-child {width: 64px;}
.bwEl {width: 100%; margin-left: 0; margin-top: 10px;}
.bwEl:nth-child(1), .bwEl:nth-child(5) {margin-left: 0;}
.bwEl:nth-child(1) {margin-top: 0;}
.bwEl:nth-child(3) {margin-top: 10px;}
.block1WhyEl > div:last-child {padding-left: 14px;}
.block1WhyEl > div:first-child > div {padding: 4px;}
.block1WhyEl > div:last-child br {display: none !important;}
.block1WhyEl > div:last-child p {width: 75%;}

.logoFlex > div:first-child {width: 48px;}
.logoFlex > div:last-child {align-items: flex-end; padding-left: 10px; width: calc(100% - 48px);}
.logoFlex > div:last-child p:first-child {line-height: 1; font-size: 11.5px; font-weight: 500; color: #1E1F1D; margin-bottom: 0; letter-spacing: 0.05px; margin-bottom: 4px;}
.logoFlex > div:last-child p:nth-child(2) {line-height: 1; font-size: 22px; font-weight: 600; margin-bottom: 4px; letter-spacing: 0.2px;}
.logoFlex > div:last-child p:nth-child(2) span {color: #FF6A2A;}
.logoFlex > div:last-child p:last-child {line-height: 1; font-size: 10.5px; color: #1E1F1D; margin-bottom: -1px;}

#mpBlock1 .txt h2/*, #mpBlock1 .txt h1*/ {font-size: 20px;}
#mpBlock1 .txt h1 {font-size: clamp(1.375rem, 1rem + 1.875vw, 1.5625rem);}

#topLine2Body > div:last-child .button {font-size: 15px; height: 40px; padding: 0 0 !important;}
/**/
.conf {font-size: 13px;}

#mpBlock1NewBodyLeft > div:first-child .txt p {margin-top: 24px;}
.mpb1mbtbEl > .flex > div a > div:first-child h2 {font-size: 14px;}
#mpBlock1NewBodyTabs {padding: 24px 10px;}
.mpb1mbtbEl > .flex > div a > div:last-child svg {width: 16px;}
.mpb1mbtbEl > .flex > div a > div:last-child {bottom: 4px; right: 10px;}
.mpb1mbtbEl > .flex > div a {padding: 16px 16px 22px;}
#mpBlock1NewBodyTabsBody {margin-top: 16px;}
#mpBlock1NewBodyTabsBottom {margin-top: 24px;}
#mpBlock1NewBodyTabs {width: calc(100% + (24px * 2)); margin-left: -24px; border-radius: 0; padding: 32px 24px;}
#mpBlock1NewBody > div:last-child {margin-top: 32px;}
#mpBlock1NewBodyLeftBtn > div:last-child {padding-left: 16px;}
#mpBlock1NewBodyLeftBtn > div:last-child p {width: 100%; font-size: 13px;}
.marginTop-100 {margin-top: 64px;}
.thesis2New {padding-top: 32px; margin-top: 32px;}

.blogEl .ratio .ratio-inner {padding-top: 48%;}
.emptyPic img {width: 48%; height: auto;}

#allWrpTopFlex > div:nth-child(3) .button > div:nth-child(1) {display: none;}
#allWrpTopFlex > div:nth-child(3) .button > div:nth-child(2) {padding-left: 0;}

#topLine2BodyNew > div:nth-child(2) p:first-child {font-size: 19px;}
#topLine2BodyNew > div:nth-child(2) p:last-child {font-size: 14px; margin-top: 3px;}

}

@media screen and (max-width: 460px) {
    
#topLine2Body > div:nth-child(2) {width: calc(100% - 100px); order: 2; padding-right: 10px;}
#topLine2Body > div:first-child {width: 100%; order: 1;}
#topLine2Body > div:last-child {order: 3;} 

#cookie {font-size: 12px; bottom: 0; left: 0; width: 100%; border-radius: 8px 8px 0 0;}

.centered {padding: 0 20px;}
#mpBlock1NewBodyTabs {width: calc(100% + (20px * 2)); margin-left: -20px; border-radius: 0; padding: 32px 20px;}
.mpb1mbtbEl > .flex > div a {padding: 12px 12px 22px;}
#mpBlock1NewBodyTabsTop > div {margin: 0 2px;}
.mpb1mbtbEl > .flex > div {width: calc((100% - 4px) / 2); margin-left: 4px; margin-top: 4px;}
.mpb1mbtbEl > .flex > div:nth-child(-n+2) {margin-top: 0;}
.mpb1mbtbEl > .flex > div:nth-child(2n+1) {margin-left: 0;}
#mpBlock1NewBodyTabsTop > div {width: 170px; font-size: 13px;}
#topLine2BodyNew > div:last-child .button > div {text-indent: -9999px; line-height: 0;}
#topLine2BodyNew > div:last-child .button > div:after {content: "К обучению"; text-indent: 0; display: block; line-height: initial;} 
.demoTabsEl.demoTabsEl--active .demoTabsElBottom {margin-top: 20px;}
.demoTabsEl {padding: 12px 20px;}
.demoTabsEl.demoTabsEl--active {padding: 20px 20px;}
.thesisNewEl > p:first-child {font-size: 19px; width: 85%;}

#mpBlock1NewBodyTabsTop {padding: 4px 4px;}

}

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

body {font-size: 15px;}
/*#topLine2Body > div:first-child img {height: 50px;}
#topLine2Body > div:first-child {width: 204px;}
#topLine2Body > div:last-child {width: calc(100% - 204px); padding-left: 20px;}
#topLine2Body > div:nth-child(3) {display: none;}*/
.button {height: 40px; padding: 0 16px;}
.input {height: 40px;}
.textarea {height: 88px;}
#topSearch {height: 40px;}
.centered {padding: 0 20px;}
.thesis > div {width: 100%;}
#topLine2Body > div:last-child .button {padding: 0 0;}
.buttonWrp:not(.no100) > div, .buttonWrp:not(.no100) > div .clearfix {width: 100%;}
.buttonWrp:not(.no100) > div .button {width: 100%; margin-left: 0; margin-right: 0; margin-top: 8px;}
.buttonWrp:not(.no100) > div .button:first-child {margin-top: 0;}
.faqEl .faqElTop > div:first-child {padding-right: 16px;}
.centered2 .pd48 {padding: 40px 20px;}
.thesis2 > div {width: 100%;}
#documents {width: 100%; margin-left: 0;}
/*#mpBlock1 .txt p {font-size: 15px;} */
.thesis2El > div:first-child img {height: 40px;}
.thesis2El > div:first-child {width: 52px;}
.thesis2El > div:last-child {width: calc(100% - 52px); padding-left: 12px;}
.documentsEl .txt {margin-top: 8px; width: 100%; padding: 0 20px;}
.tabsTopEl {font-size: 15px;}
/*#footerBodyLogo img {height: 50px;}*/
#topSearchBody {left: 20px; width: calc(100% - (20px * 2));}
.topSearchBodyEl p {font-size: 15px;}
#bbottom #loader {margin: 0 auto;}
.listEl > div:first-child {width: 100%; padding-right: 0;}
.listEl > div:last-child {width: 100%; margin-top: 6px;}
.listEl {padding: 12px 0;}
.listEl:first-child {padding-top: 0;}
.listEl:last-child {padding-bottom: 0;}
#courseSearch {height: 40px;}
#block-document .columns-2-2 .documentsEl {width: 100%; margin-left: 0;}
#innerTextButton .button {width: 100%; justify-content: center;}
#panelBodyContent > div p {font-size: 17px;}
#panel {width: 100%; right: -100%;}
.panel--open #panel {right: 0;}
.input, .textarea {font-size: 15px;}
#mdl {padding: 24px;}
#mdlCallBtn {width: 100%; justify-content: center;}
.button--icon {padding: 0 0; width: 40px;}
#footerButtons > div, #footerButtons > div > div, #panelButtons > div, #panelButtons > div > div {width: 100%;}
#footerButtons .button:first-child {/*width: calc(100% - 48px);*/ width: calc(100% + (42px + 20px + 10px));}
#panelButtons .button:first-child {width: 100%;} 
.columns-2 .flex2 .buttonWrp {width: 100%;}

.block1WhyEl > div:first-child {width: 64px;}
.bwEl {width: 100%; margin-left: 0; margin-top: 10px;}
.bwEl:nth-child(1), .bwEl:nth-child(5) {margin-left: 0;}
.bwEl:nth-child(1) {margin-top: 0;}
.bwEl:nth-child(3) {margin-top: 10px;}
.block1WhyEl > div:last-child {padding-left: 14px;}
.block1WhyEl > div:first-child > div {padding: 4px;}
.block1WhyEl > div:last-child br {display: block !important;}
.block1WhyEl > div:last-child p {width: 100%;}
#block1Why {margin: 40px 0 32px;}
.mpB1Text {font-size: 15px;}

.txt .videoWrp {margin-top: 24px; margin-bottom: 20px;}

#mpBlock1TextFlex > div:last-child {margin-top: 20px; width: 100%;}
#mpBlock1TextFlex > div:last-child .clearfix {width: 100%;}
#mpBlock1TextFlex > div:last-child .button {width: 100%;}
#catalogBottom > div:last-child {margin-top: 20px;}
#catalogBottom > div:first-child .clearfix {width: 100%;}
#catalogBottom > div:first-child .button {width: 100%;}
/**/
#fformBottom .clearfix .button {width: 100%;}
#fformBody .input, #fformBody .textarea {font-size: 15px;}
#dDrop > div p:nth-child(2) {font-size: 13px;}
#dDrop > div svg {width: 20px;}
#dDrop > div p:nth-child(3) {font-size: 10px;}
#fform .call {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 0; margin-top: 10px;}
#topLine2Body > div:last-child .button {height: 40px;}
.button {font-size: 15px;}
#topLine2Body > div:last-child .button {font-size: 15px; padding: 0 0;}
#topSearchBody {margin-top: calc(20px + 40px);}

#mpBlock1TextFlexLeft h2 {font-size: 15px !important;}
.mpB1Num {font-size: 20px;}
/**/
.allWrpBodyEl3 > div:nth-child(2) {font-size: 15px;}
.allWrpBodyEl3 > div:first-child {font-size: 14px; width: 36px;}
.allWrpBodyEl3 > div:nth-child(3) {width: 100%; margin-left: 36px; align-items: flex-start; padding-right: 0; margin-top: 12px;}
.allWrpBodyEl3 > div:nth-child(4) {width: 100%; margin-left: 36px; margin-top: 12px;}
/**/
#fformBody .textarea {height: 88px;}

#mpBlock1New {margin-top: 48px;}
#saysPrev, #saysNext {top: calc(100% - 40px); margin-top: 0;}
.saysElBottom p:first-child {font-size: 17px; width: calc(100% - (56px * 2)); margin-left: 56px;}
.saysElBottom p:nth-child(2) {margin-top: 6px; width: calc(100% - (56px * 2)); margin-left: 56px; font-size: 14px;}
.thesisNewEl > p:first-child {font-size: 19px; width: 90%;}
.thesisNewEl > p:nth-child(2) {font-size: 15px; margin-top: 10px;}
.demoTabsEl.demoTabsEl--active p:nth-child(2) {margin-top: 10px; font-size: 15px;}
.demoTabsEl p:first-child {font-size: 19px;}

#allWrpTopFlex > div:nth-child(3) .button {height: 42px;}

}

@media screen and (max-width: 400px) {
  
.mpb1mbtbEl > .flex > div {width: 100%; margin-left: 0; margin-top: 4px;}
.mpb1mbtbEl > .flex > div:nth-child(-n+2) {margin-top: 4px;}
.mpb1mbtbEl > .flex > div:nth-child(-n+1) {margin-top: 0;}
#mpBlock1NewBodyTabsTop > div {width: 120px; height: auto; padding: 6px 0; font-size: 13px;}
#mpBlock1NewBodyLeftBtn > div:first-child {flex: auto; width: 100%;}
#mpBlock1NewBodyLeftBtn > div:last-child {padding-left: 0; width: 100%; margin-top: 12px;}
#mpBlock1NewBodyLeftBtn > div:last-child p {width: 240px;}
.mpb1mbtbEl > .flex > div a {padding: 12px 12px 12px;}
.mpb1mbtbEl > .flex > div a > div:first-child {width: calc(100% - 20px); padding-right: 10px;}
.mpb1mbtbEl > .flex > div a > div:last-child {width: 20px; justify-content: flex-end; position: relative; bottom: auto; right: auto; z-index: 1;}

#topLine2BodyNew > div:nth-child(2) p:first-child {font-size: 18px;}
#topLine2BodyNew > div:nth-child(2) p:last-child {font-size: 13px; margin-top: 3px;}

}

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

/*#topLine2Body > div:first-child img {height: 48px;}
#topLine2Body > div:first-child {width: 196px;}
#topLine2Body > div:last-child {width: calc(100% - 196px); padding-left: 16px;}
#footerBodyLogo img {height: 48px;}*/
/*#topLine2Body > div:last-child {width: 88px;}
#topLine2Body > div:nth-child(2) {width: calc(100% - 88px); padding-right: 10px;}*/
/**/
#allWrpTopHeader > div:nth-child(5), .allWrpBodyEl > div:nth-child(5) {display: none;}
#allWrpTopHeader > div:nth-child(3), .allWrpBodyEl > div:nth-child(3) {padding-right: 0;}
#allWrpTopFlex > div:nth-child(2) {flex: auto; width: 100%; padding-left: 0; margin-top: 4px;}
#allWrpTopFlex > div:nth-child(3) {display: none;}

#topLine2BodyNew > div:nth-child(2) div {display: none;}

}

@media screen and (max-width: 360px) {
  
#topLine2BodyNew > div:last-child {display: none !important;}

}

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

/*#topLine2Body > div:first-child img {height: 44px;}
#topLine2Body > div:first-child {width: 178px;}
#topLine2Body > div:last-child {width: calc(100% - 178px); padding-left: 16px;}
#footerBodyLogo img {height: 44px;}*/

}