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

body {/*font-size: 19px;*/}
.centered {width: 1300px;}
#topBody > div:nth-child(2) {padding: 0 4%;}
/*#topBody > div:first-child, #topBody > div:first-child img, #mdlMenuTop img {width: 340px;}*/
#focusBody {padding: 64px 5% 0;}
#focusBodyTop > div:nth-child(2) h1 {font-size: 60px; text-indent: 180px;}
.flex2 > div:last-child > .flex > div:first-child p, .corporateBody--inner .columns-2--padding > div:first-child .txt p {font-size: 22px;}
#focusBodyTop > div:first-child .button {top: 8px; height: 64px; padding: 0 32px; font-size: 26px; width: 230px;}
#focusBodyTop > div:first-child .button > .tbl {height: 64px;}
#focusLines {width: 620px;}
#focusLines > div {width: 620px; height: 620px;}
.flex2 > div:last-child > .flex > div {height: 350px;}
#mpAbout .columns-2-32-68 > div:last-child .flex > div {width: calc((100% - 4.5%) / 2); margin-left: 4.5%; float: left;}
#mpAbout .columns-2-32-68 > div:last-child .flex > div:nth-child(2n+1) {margin-left: 0px;}
#mpAbout h2 {width: 100%;}
.txt h2 {font-size: 44px; margin-bottom: 48px;}
.howItWorks > div:last-child p {font-size: 28px;}
.howItWorks > div:first-child div {width: 72px; height: 72px;}
.howItWorks > div:first-child {width: 72px;}
.h2Big {font-size: 60px !important;}
#courses .accordeonTop > div:first-child .txt h3 {font-size: 38px;}
.margin-140 {margin-top: 120px;} 
.margin-100 {padding-top: 80px;}
#mpWhyBody {padding: 64px 5% 0;}
.txt h3 {font-size: 28px;}
.padding-140 {padding-top: 120px;}

.thesisEl > div:first-child {font-size: 42px;}
#mpWhy .thesisEl > div:first-child {width: 180px;}
#corporateBody {padding: 64px 0;}
.columns-2--padding > div:first-child {padding-left: 5%;} 
.columns-2--padding > div:last-child {padding-right: 5%;} 
#corporateBody .columns-2--padding > div:first-child {padding-left: 5%; padding-right: 0%;}
#corporateBody .columns-2--padding > div:last-child {padding-right: 5%;}
.blockSliderBodyEl .tbl > div:first-child {width: 65%; padding: 32px;} 
.blockSliderBodyEl .tbl > div:last-child img {width: 290px; height: 290px;}
.blockSliderBodyEl .tbl {min-height: 350px;}
.blockSliderBody {min-height: 350px;}
#formBody {padding: 64px 0;}
.margin-56 {margin-top: 48px;}
.phone {font-size: 38px;}
.email {font-size: 24px; margin-top: 12px;}
.columns-2-50-50 > div:first-child {width: 50%; padding-right: 5%;}
.columns-2-50-50 > div:last-child {width: 50%; padding-left: 0px;}
.footerTopMenuEl .txt > p, #footerTopLinks p {font-size: 18px;}
.margin-64 {margin-top: 56px;}
#mpWhyBody > .txt h2 {width: 65%;}
#mpAbout .columns-2-32-68 > div:first-child {padding-bottom: 142px;}
#mpWhy .columns-2-50-50 > div:first-child {padding-left: 5%;}
#mpWhy .columns-2-50-50 > div:last-child {padding-right: 5%;}
/*#formBodyBottom {left: 10%;}*/
#partners .columns-2-50-50 > div:last-child {padding-right: 5%;}
#mpWhy .columns-2-32-68 > div:last-child {padding-right: 5%;} 
.columns-2-32-68 > div:last-child {padding-left: 2%;}
.accordeonTop > div:last-child {width: 5%;}
#innerTop h1 {font-size: 60px;}
#h1Small {font-size: 44px !important;}
#blockSingleInfo .accordeonTop .txt h3 {font-size: 36px;}
#loginWrpBody h1 {font-size: 44px;}
#loginWrpBody {padding: 64px 0;}
.columns-2-68-32.columns-2--padding > div:first-child {padding-left: 5%;} 
#loginWrpBody .columns-2-68-32 > div:first-child {padding-right: 7%;} 
.columns-2-68-32.columns-2--padding > div:last-child {padding-right: 5%;}
#cartBody .blockSmall.bg-F6F6F6 {display: none;}
.columns-2-49-32 > div:first-child {padding-right: 15%;}
#calculatorBodyTotalPrice, #cartBodyTotalPrice {font-size: 52px;}
#cartBodyTotalPrice .rub, #calculatorBodyTotalPrice .rub {font-size: 51px;}
.corporateBody--inner h1 {font-size: 60px;}
.columns-1-50 {width: 70%; padding-right: 0px;}
#cabinetBlock1Top h1 {font-size: 52px;}
#cabinetBlock1Main {padding-right: 15%;}
.themeFlex > div, .fileFlex > div {width: 100%; margin-left: 0px; margin-top: 24px; position: relative;}
.themeFlex > div:nth-child(-n+2), .fileFlex > div:nth-child(-n+2) {margin-top: 24px;}
.themeFlex > div:nth-child(-n+1), .fileFlex > div:nth-child(-n+1) {margin-top: 0px;}
#cabinetBlock1Course .blockSmall h1 {font-size: 34px;}
#totalTestBody > .flex > div:first-child > div {padding: 0 5%;}
#totalTestBody > .flex > div:last-child {width: 32%; padding-right: 5%;}
.cabinetCourseModulesTop > div:first-child {width: 71.5%;}
#totalTestBody {padding: 64px 0;}
#tariffInfoTblAccountsStat > div:last-child {width: 60px;}
#tariffInfoTblAccountsStat .progressRing .tbl {width: 56px; height: 56px;}
#tariffInfoTblAccountsStat .progressRing .tbl > div p:first-child {font-size: 20px; line-height: 1; padding-top: 2px;}
#tariffInfoTblAccountsStat .progressRing .tbl > div p:nth-child(2) {font-size: 12px; line-height: 1; margin-top: 1px;}
#tariffInfoTblAccountsStat .pie {--w: 60px;}
#tariffInfoTblAccountsStat > div:first-child {padding-right: 16px;}
.tariffInfoBlockTab2 {padding: 64px 5%;}
.cabinetTariffModulesTop > div:first-child {padding-right: 5%;}
.tariffInfoBlockTab2Body .accordeonTop > div:first-child .txt h3 {font-size: 24px;}
#studyLayerBodyContent {padding: 64px 32px 32px 64px;}
#studyLayerBodyPanelWrp .txt h3 {font-size: 24px;}
#studyLayerBodyContentTestBottom {position: fixed; width: 1300px; left: 50%; margin-left: -650px; bottom: 32px;}
#studyLayerBodyContentTestBottom > .tbl {width: 68%; padding: 32px 64px 0px 64px;}

}

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

body {font-size: 19px;}
.centered {width: 100%; padding: 0 40px;}
/*#topBody > div:first-child, #topBody > div:first-child img, #mdlMenuTop img {width: 320px;}*/
#focusBodyTop > div:nth-child(2) h1 {text-indent: 14%; font-size: min(max(36px, calc(2.25rem + (54 - 36) * ((100vw - 320px) / (1340 - 320)))), 54px); min-height: 0vw;}
#focusBodyTop > div:first-child .button {top: 4px; height: 56px; padding: 0 24px; font-size: 22px; width: 190px;}
#focusBodyTop > div:first-child .button > .tbl {height: 56px;}
#focusBodyTop > div:first-child .button > .tbl > div:nth-child(2) {width: 36px; padding-left: 16px;}
#focusBodyTop > div:first-child .button > .tbl > div:nth-child(2) svg {display: block; width: 20px; height: 20px;}
#focusBodyTop > div:first-child {width: 140px;}
#focusBody {padding: 56px 56px 0;}
.flex2 > div:last-child > .flex > div:first-child {padding-bottom: 56px; width: 30%;}
#focusLines {width: 560px;}
#focusLines > div {width: 560px; height: 560px;}
.flex2 > div:last-child > .flex > div {height: 300px;}
.slickLine:first-child {margin-top: 40px;} 
#focus {padding-bottom: 32px;}
#mpWhyBody > .txt h2 {width: 70%;}
.txt h2, #loginWrpBody h1 {font-size: min(max(32px, calc(2rem + (44 - 32) * ((100vw - 320px) / (1340 - 320)))), 44px); min-height: 0vw;}
#mpAbout .columns-2-32-68 > div:first-child {padding-bottom: 136px;}
.h2Big {font-size: min(max(38px, calc(2.375rem + (60 - 38) * ((100vw - 320px) / (1340 - 320)))), 60px) !important; min-height: 0vw;}
#courses .accordeonTop > div:first-child .txt h3, #blockSingleInfo .accordeonTop .txt h3 {font-size: min(max(28px, calc(1.75rem + (38 - 28) * ((100vw - 320px) / (1340 - 320)))), 38px); min-height: 0vw;}
.txt h4 {font-size: min(max(20px, calc(1.25rem + (24 - 20) * ((100vw - 320px) / (1340 - 320)))), 24px); min-height: 0vw;}
.accordeonTop {padding: 24px 0;}
.coursesFlexEl {padding: 24px;}
#mpWhyBody {padding: 56px 56px 0;}
.masonryItem {padding: 64px 24px 24px; margin: 24px 0 0;}
.masonry {column-count: 2; column-gap: 24px;}
.coursesFlex > div {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 24px;}
.coursesFlex > div:nth-child(-n+2) {margin-top: 8px;} 
.coursesFlex > div:nth-child(2n+1) {margin-left: 0px;}
.masonryItem:before {left: 24px; top: 24px;}
.txt p {margin-top: 20px}
.txt p:first-child {margin-top: 0px}
.button {padding: 0 24px; font-size: 19px;}
#topBody > div:last-child {width: 210px;}
#topBody > div:nth-child(2) {padding: 0 40px;}
.txt h3 {font-size: min(max(24px, calc(1.5rem + (28 - 24) * ((100vw - 320px) / (1340 - 320)))), 28px); min-height: 0vw;}
#mpWhyBody2, #blockSingleWhy2 {padding-bottom: 56px;}
#mpWhyBody2 .columns-2-50-50 > div:first-child img {width: 85%;}
.thesisEl > div:first-child {font-size: 36px;}
#mpWhy .thesisEl > div:first-child {width: 150px;}
#mpWhy .columns-2-50-50 > div:first-child {padding-left: 56px;}
#mpWhy .columns-2-50-50 > div:last-child {padding-right: 56px;}
.thesisEl > div:last-child {padding-left: 24px;}
#mpWhy .columns-2-32-68 > div:last-child h3 {font-size: min(max(32px, calc(2rem + (42 - 32) * ((100vw - 320px) / (1340 - 320)))), 42px); min-height: 0vw;}
#main {padding-bottom: 400px; margin-bottom: 200px;}
#formBodyBottom .clearfix .button {margin-right: 24px;}
#corporateBody .columns-2-50-50 > div:first-child .clearfix .button {margin-right: 24px;}
#corporateBody .columns-2-50-50 > div:first-child .clearfix .button:last-child {margin-right: 0px;}
.blockSliderBodyEl .tbl > div:first-child .txt p {font-size: 17px;}
.blockSliderBodyEl .tbl > div:first-child {width: 70%; padding: 24px;}
.blockSliderBodyEl .tbl > div:last-child img {width: 260px; height: 260px;}
.blockSliderBodyEl .tbl {min-height: 320px;}
.blockSliderBody {min-height: 320px;}
#formBody .columns-2-50-50 > div:first-child .txt p {font-size: 22px;}
#formBody {padding: 56px 0;}
.columns-2-50-50 > div:first-child {width: 50%; padding-right: 56px;}
.columns-2-50-50 > div:last-child {width: 50%; padding-left: 0px;}
.input {padding: 0 24px;}
.textarea {padding: 16px 24px}
.masonryItem .clearfix {margin-top: 24px;}
#footerTopMenu > div {width: calc((100% - 24px) / 2); margin-left: 24px;}
#footerTopMenu > div:nth-child(2n+1) {margin-left: 0px;}
.footerTopMenuEl {padding-right: 0px;}
.phone {font-size: 36px;}
.email {font-size: 22px; margin-top: 12px;}
.columns-2--padding > div:first-child {padding-left: 56px;}
/*#formBodyBottom {left: 56px;}*/
#courses .accordeonBody {padding-bottom: 0px;}
.howItWorks > div:last-child p {font-size: 26px;}
#top {margin-bottom: 0px;}
.coursesFlexElBottom > div:last-child p {font-size: 22px;}
.oldPrice {font-size: 16px !important;}
#corporateBody .columns-2--padding > div:first-child {padding-left: 56; padding-right: 0%;}
#corporateBody .columns-2--padding > div:last-child {padding-right: 56px;}
#partners .columns-2-50-50 > div:last-child {padding-right: 56px;}
#partnersBodySlick {padding-top: 48px;}
#faqBody {width: 70%;}
#mpWhy .columns-2-32-68 > div:last-child {padding-right: 56px;} 
.columns-2-32-68 > div:last-child {padding-left: 0px;}
.accordeonTop > div:last-child {width: 56px;}
#corporateBody {padding: 56px 0;}
.input, .select {font-size: 19px;}
.textarea {font-size: 19px;}
#blockCatalogFilterBody > .flex > div {width: calc((100% - 24px) / 2); margin-left: 24px;}
#blockCatalogFilterBody > .flex > div:nth-child(2n+1) {margin-left: 0px;}
#blockCatalogFilterBody > .flex > div:nth-child(2) .flex > div {width: calc((100% - 24px) / 2); margin-left: 24px;}
#blockCatalogFilterBody > .flex > div:nth-child(2) .flex > div:nth-child(2n+1) {margin-left: 0px;}
#innerTop h1:not(#h1Small) {font-size: min(max(38px, calc(2.375rem + (60 - 38) * ((100vw - 320px) / (1340 - 320)))), 60px) !important; min-height: 0vw;}
#h1Small {font-size: min(max(32px, calc(2rem + (44 - 32) * ((100vw - 320px) / (1340 - 320)))), 44px) !important; min-height: 0vw;}
#blockSingleTopInfo .txt {width: 100%;}
.blockSmallInfo > div:last-child {font-size: 32px;}
.blockSmallInfo > div:last-child {width: 160px;}
#blockSingleTop .centered > .flex > div:first-child {width: 50%; padding-right: 12px;}
#blockSingleTop .centered > .flex > div:last-child {width: 50%; padding-left: 12px;}
/*.blockSmall {margin-top: 24px;}*/
.blockSmall:first-child {margin-top: 0px;}
#blockSingleBottom .flex > div:first-child {width: 50%; padding-right: 12px;}
#blockSingleBottom .flex > div:last-child {width: 50%; padding-left: 12px;}
.blockSmall {padding: 24px;}
#blockSingleTopStat .flex > div {width: calc((100% - 24px) / 2); margin-left: 24px;}
#blockSingleTopStat .flex > div:nth-child(2n+1) {margin-left: 0px;}
.blockSmall .button {margin-right: 24px;}
.blockSmall .button:last-child {margin-right: 0px;}
#blockSingleTopFlex > div:nth-child(2) {margin-top: 24px;}
#blockSingleWhy .masonryItem {width: 80%;}
#blockSingleWhy .masonryItem:nth-child(2n) {margin-left: 20%;}
.txt ul > li:before {top: 12px;}
#loginWrpBody {padding: 56px 0;}
.columns-2-68-32.columns-2--padding > div:first-child {padding-left: 56px;} 
#loginWrpBody .columns-2-68-32 > div:first-child {padding-right: 56px;} 
.columns-2-68-32.columns-2--padding > div:last-child {padding-right: 56px;}
.select {padding: 0 20px;}
#calculatorBodyBottom {padding-right: 0px;} 
#calculatorBodyTotalPrice, #cartBodyTotalPrice {font-size: 48px;}
#cartBodyTotalPrice .rub, #calculatorBodyTotalPrice .rub {font-size: 47px;}
.columns-2-49-32 > div:first-child {padding-right: 10%;}
.corporateBody--inner h1 {font-size: min(max(36px, calc(2.25rem + (54 - 36) * ((100vw - 320px) / (1340 - 320)))), 54px); min-height: 0vw;}
#calculatorBodyBottom .tbl:not(.chkbx) > div:first-child {padding-right: 10%;}
#cabinetBlock1Top h1 {font-size: min(max(38px, calc(2.375rem + (48 - 38) * ((100vw - 320px) / (1340 - 320)))), 48px); min-height: 0vw;}
#cabinetBlock1Info > .flex:first-child > div:first-child {padding-right: 32px;}
#cabinetBlock1Main {padding-right: 10%;}
#cabinetBlock1Info .buttonWidth > div:last-child {display: none;}
#cabinetBlock1Info .buttonWidth > div:first-child {width: 100%; padding-right: 0px; text-align: center;}
.buttonWidth {padding: 0 20px 0 20px; font-size: 19px;}
#cabinetBlock1Course .blockSmall h1 {font-size: min(max(26px, calc(1.625rem + (32 - 26) * ((100vw - 320px) / (1340 - 320)))), 32px); min-height: 0vw;}
.themeEl, .fileEl, .tariffThemeEl {padding: 24px;}
 {padding: 24px;}
.cabinetCourseModulesBodyNav > a {width: calc((100% - 24px) / 2);}
.cabinetCourseModulesBodyNav > a:nth-child(2) {margin-left: 24px;}
#totalTestBody > .flex > div:first-child > div {padding: 0 56px;}
#totalTestBody > .flex > div:last-child {width: 32%; padding-right: 56;}
#totalTestBodyInfo {width: 90%;}
#totalTestBody {padding: 56px 0;}
.coursesFlexEl .button {margin-top: 16px; float: left; margin-right: 24px; margin-left: 0px;}
.coursesFlexEl .button:last-child {margin-left: 0px; margin-right: 0px;}
#tariffInfoTbl > div:first-child {width: 280px;}
#tariffInfoTbl > div:nth-child(2) {width: calc(100% - (280px + 24px)); margin-left: 24px;}
.tariffInfoBlockTab1 .clearfix .button {margin-right: 24px;}
.tariffInfoBlockTab1 .clearfix .button:last-child {margin-right: 0px;}
#tariffInfoTblCoursesList .blockSmall .tbl > div:first-child .txt {width: 100%;}
#cabinetBlock1CourseBottom {padding-top: 24px;}
.tariffInfoBlockTab2 {padding: 56px 56px;}
.cabinetTariffModulesTop > div:first-child {padding-right: 56px;}
.tariffInfoBlockTab2Body .accordeonTop > div:first-child {width: calc(100% - 56px);}
#studyLayerBody {height: calc(100vh - 48px); margin-top: 48px;}
#studyLayerBodyContent {padding: 56px 32px 32px 56px;}
#studyLayerBodyPanel {width: 360px;}
#studyLayerBodyContent {width: calc(100% - 360px);}
#studyLayerBodyPanelMenu .buttonWidth > div:last-child {display: none;}
#studyLayerBodyPanelMenu .buttonWidth > div:first-child {width: 100%; padding-right: 0px; line-height: 1.3;}
#studyLayerBodyClose {display: block; width: 48px; height: 48px; background-color: #ffffff; right: 24px; top: -24px; border-radius: 50%; cursor: pointer; transition: all 0.2s linear; padding: 14px; position: fixed; z-index: 5; 
-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.08);
-moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.08);
box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.08);
}
#studyLayerBodyPanelWrp .txt h3 {font-size: 22px;}
#studyLayerBodyContentTestBottom {position: fixed; width: 100%; padding: 0 40px; left: 0px; margin-left: 0px; bottom: 28px;}
#studyLayerBodyContentTestBottom > .tbl {width: calc(100% - 360px); padding: 32px 56px 0px 56px;}
/*#studyLayerBodyContentTestBottom > .tbl > div:first-child {padding-right: 56px;}*/
#studyLayerBodyContentTestBottom .flex > div:nth-child(2) {padding-left: 24px;}
#studyLayerBodyPanelTop .flex > div:first-child {padding-right: 48px;}

}

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

.chkbx > div:last-child .txt p {font-size: 14px;}
#calculatorBodyTotalBottomInfo .txt:last-child p {font-size: 14px;}
#studyLayerBodyContentTest .sideTestBottomProgress {width: 80%;}
#studyLayerBodyContentTestBottom > .tbl {width: calc(100% - 320px); padding: 32px 56px 0px 56px;}
#studyLayerBodyPanelTop .flex > div:first-child {padding-right: 40px;}

}

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

.columns-2-32-68 > div .howItWorks {width: 90%;}
#mpAbout .columns-2-32-68 > div:last-child .flex > div {width: 100%; margin-left: 0px; float: none; margin-top: 20px;}
#mpAbout .columns-2-32-68 > div:last-child .flex > div:first-child {margin-top: 0px;}
#mpAbout .columns-2-32-68 > div:first-child {padding-bottom: 80px;}
.flex2 > div:last-child > .flex > div:first-child {width: 32%;}
#focusBodyTop > div:nth-child(2) h1 {text-indent: 100px; font-size: min(max(32px, calc(2rem + (48 - 32) * ((100vw - 320px) / (1340 - 320)))), 48px); min-height: 0vw;}
#focusBodyTop > div:first-child .button {top: 2px;}
.flex2 > div:last-child > .flex > div:first-child p/*, .corporateBody--inner .columns-2--padding > div:first-child .txt p*/ {font-size: 20px;}
.corporateBody--inner .columns-2--padding > div:first-child .txt p {width: 70%;}
#topBody > div:nth-child(2) ul > li {float: left; margin-right: 32px;}
#topBody > div:nth-child(2) {padding: 0 32px;}
#formBody .columns-2-50-50 > div:first-child .txt p {font-size: 21px;}
#focusLines {width: 520px;}
#focusLines > div {width: 520px; height: 520px;}
.flex2 > div:last-child > .flex > div {height: 280px;}
#corporateBody .columns-2-50-50 {display: block !important;}
#corporateBody .columns-2--padding > div:first-child {display: block; width: 85%; padding: 0 56px;}
#corporateBody .columns-2--padding > div:last-child {display: block !important; padding: 0 56px; margin-top: 80px; width: 100%;}
.blockSliderBodyEl .tbl > div:first-child {width: 70%; padding: 32px;}
.blockSliderBodyEl .tbl > div:first-child .txt p {font-size: 18px;}
.blockSliderBodyEl .tbl > div:last-child img {width: 320px; height: 320px;}
.blockSliderBody {overflow: hidden; min-height: 280px;}
.blockSliderBodyEl .tbl {min-height: 280px;}
#corporateBody .columns-2-50-50 > div:first-child .txt {padding-right: 0;}
#partners .columns-2-50-50 > div:last-child {padding-right: 0px;}
.form .clearfix .input, .input--two {width: 100%; margin-left: 0px; margin-top: 24px;}
#footerTopMenu > div {width: 100%; margin-left: 0px; margin-top: 12px;}
#footerTopMenu > div:first-child {margin-top: 0px;}
.footerTopMenuEl > p {display: none;}
.footerTopMenuEl > .txt {margin-top: 0px;}
#footerTopMenu > div:nth-child(-n+2) {margin-top: 12px;}
.columns-1-74 {width: 85%;}
#innerTop h1 {width: 85%; margin-top: 64px; /*font-size: min(max(32px, calc(2rem + (48 - 32) * ((100vw - 320px) / (1340 - 320)))), 48px); min-height: 0vw;*/}
#blockSingleTop .centered > .flex > div:first-child {width: 100%; padding-right: 0px;}
#blockSingleTop .centered > .flex > div:last-child {width: 100%; padding-left: 0px; margin-top: 32px;}
#blockSingleTopFlex > div {width: calc((100% - 24px) / 2); margin-left: 24px; position: relative;}
#blockSingleTopFlex > div:first-child {margin-left: 0px;}
#blockSingleTopFlex > div .blockSmall {height: 100%;}
#blockSingleTopFlex > div:nth-child(2) {margin-top: 0px;}
.blockSmallInfo > div:last-child {width: 140px; font-size: 28px;} 
#blockSingleTopInfo .txt {width: 80%; margin-bottom: 80px;}
#blockSingleWhy .masonryItem {width: 90%;}
#blockSingleWhy .masonryItem:nth-child(2n) {margin-left: 10%;}
.form .clearfix:first-child .input:nth-child(-n+2) {margin-top: 24px;} 
.form .clearfix:first-child .input:nth-child(-n+1) {margin-top: 0px;} 
/*#loginWrpBody .form.margin-32 {margin-top: 0px;}
.loginEl .clearfix:first-child .input:nth-child(-n+1) {margin-top: 0px;}*/
#calculatorBodyTotalPrice, #cartBodyTotalPrice {font-size: 38px; margin-top: 16px;}
#cartBodyTotalPrice .rub, #calculatorBodyTotalPrice .rub {font-size: 37px;}
#cartBodyTotalBottom, #calculatorBodyTotalBottom {margin-top: 64px;}
.columns-2-49-32 > div:last-child {width: 320px;}
.columns-2-49-32 > div:first-child {padding-right: 56px; width: calc(100% - 320px);}
#cartBodyTotalBottomInfo {padding-top: 24px;}
#calculatorBodyTotalPrice .rub:after {content: '*'; font-size: 20px; line-height: 1; position: absolute; top: 4px; right: 0px; color: #DD303A; line-height: 24px;} 
.corporateBody--inner h1 {font-size: min(max(32px, calc(2rem + (48 - 32) * ((100vw - 320px) / (1340 - 320)))), 48px); min-height: 0vw;}
#cabinetBlock1 > div:last-child {width: 320px;}
#cabinetBlock1 > div:first-child {width: calc(100% - 320px);}
#cabinetBlock1Main {padding-right: 56px;}
#cabinetBlock1Top h1 {font-size: min(max(32px, calc(2rem + (48 - 32) * ((100vw - 320px) / (1340 - 320)))), 48px); min-height: 0vw;}
#cabinetBlock1InfoMenu {display: none;}
#cabinetBlock1InfoMenu2 {display: block;}
#cabinetBlock1InfoMenu2 .txt p {margin-top: 16px;}
#cabinetBlock1InfoMenu2 .txt p:first-child {margin-top: 0px;}
#cabinetBlock1Course .blockSmall {height: auto !important;}
.cabinetCourseModulesBody > div:last-child {width: 320px;}
.cabinetCourseModulesBody > div:first-child {width: calc(100% - 320px);}
.cabinetCourseModulesTop > div:last-child .flex > div:first-child {display: none;}
.cabinetCourseModulesTop > div {width: calc(320px - 56px);}
.cabinetCourseModulesTop > div:first-child {width: auto;} 
#totalTestBody > .flex > div:last-child {width: 320px;}
#totalTestBody > .flex > div:first-child {width: calc(100% - 320px);}
#totalTestBodyInfo {width: 80%;}
.tariffInfoBlockTab2Body .accordeonTop > div:first-child .txt h3 {font-size: 22px;}
#studyLayerBodyPanel {width: 320px;}
#studyLayerBodyContent {width: calc(100% - 320px);}
#studyLayerBodyPanelMenu2 {display: block; margin-top: 32px;}
#studyLayerBodyPanelMenu2 p {margin-top: 16px;}
#studyLayerBodyPanelMenu2 p:first-child {margin-top: 0px;}
.coursesFlexElBottomInfo > div:last-child {padding-left: 8px;}


}

@media screen and (max-width: 1120px) {
  
#topBody > div:nth-child(2) > .clearfix {display: none;}
#topBody > div:nth-child(2) {/*padding: 0 0;*/ display: none;}
.hdn {display: block; width: 100%; height: 1px;}
#topBody > div:last-child {width: calc(100% - 320px); padding-left: 32px;}
.button--icon .tbl > div:first-child {display: none;}
.button--icon .tbl> div:last-child {padding-left: 0px; width: 100%;}
.button--icon {padding: 0 18px;}
#topBody > div:last-child .button--icon {display: block; margin-left: 24px;}
#topBody > div:last-child .button--icon svg path {stroke: none; fill: #222;}
#topBody > div:last-child .button--icon:hover svg path {stroke: none; fill: #fff;}
#focusLines {width: 440px;}
#focusLines > div {width: 440px; height: 440px;}
.flex2 > div:last-child > .flex > div {height: 230px;}
.flex2 > div:last-child > .flex > div:first-child {width: 40%;}
.slickLine:first-child {margin-top: 24px;}
/*.masonry {column-count: 1; column-gap: 24px;}*/
#mpAbout .columns-2-32-68  > div:first-child {display: none;}
#mpAbout .columns-2-32-68  > div:last-child {padding-left: 0px; width: 100%;}
#mpAbout .columns-2-32-68  > div:last-child .txt h2 {width: 75%;}
#mpAbout .columns-2-32-68 > div:last-child .flex > div {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 0px;}
#mpAbout .columns-2-32-68 > div:last-child .flex > div:nth-child(2n+1) {margin-left: 0px;}
#mpAbout .columns-2-32-68 > div:last-child .flex > div:nth-child(2) {margin-top: 0px;}
/*.masonryItem {padding: 72px 32px 32px; margin: 24px 0 0;}
.masonryItem:before {left: 32px; top: 32px;}*/
/*.coursesFlexEl {padding: 32px;}
.coursesFlex > div {width: 100%; margin-left: 0px;}
.coursesFlex > div:nth-child(-n+2) {margin-top: 24px;}
.coursesFlex > div:nth-child(-n+1) {margin-top: 8px;}*/
/*#mpWhyBody2 .columns-2-50-50 > div:first-child {display: none;}
#mpWhyBody2 .columns-2-50-50 > div:last-child {padding-right: 56px; padding-left: 56px; width: 100%;}*/
#mpWhyBody2 .columns-2-50-50 > div:first-child, #blockSingleWhy2 .columns-2-50-50 > div:first-child {width: 40%;}
#mpWhyBody2 .columns-2-50-50 > div:first-child img {width: 100%;}
#blockSingleWhy2 .columns-2-50-50 > div:first-child .howItWorks {width: 100%;}
.thesisEl {display: block;}
#mpWhy .thesisEl > div:first-child {display: block; width: 100%; margin-bottom: 8px;}
.thesisEl > div:last-child {padding-left: 0px; display: block; width: 100%;}
#partnersBodySlick {padding-top: 40px;}
#faqBody {width: 70%;}
#blockCatalogFilterBody > .flex > div:nth-child(2) {display: none;}
#blockCatalogFilterTop {display: none;}
#blockCatalogFilterBody > .flex > div:nth-child(2n+1) {width: 100%;}
#blockCatalogFilterBody .select {margin-top: 0px;}
#blockSingleTopFlex > div {width: 100%; margin-left: 0px;}
#blockSingleTopFlex > div:nth-child(2) {margin-top: 32px;}
.blockSmallInfo > div:last-child {width: 180px; font-size: 36px;}
.blockSmall .tbl > div:first-child .txt {width: 80%;}
#blockSingleBottom .flex > div:first-child {width: 100%; padding-right: 0px;}
#blockSingleBottom .flex > div:last-child {width: 100%; padding-left: 0px; margin-top: 32px;}
#basket {width: 680px; left: 50%; margin-left: -340px; padding: 16px 24px;}
.cabinetBlock1BodyElForm > div:first-child {padding-right: 24px;}
.cabinetCourseModulesBodyNav .buttonWidth > div:last-child {display: none;}
.cabinetCourseModulesBodyNav .buttonWidth > div:first-child {width: 100%; padding-right: 0px;}
.tabsBodyEl {margin-top: 40px;}
#tariffInfoTbl .blockSmall .tbl > div:first-child .txt {width: 100% !important;}
#tariffInfoTbl > div:first-child {width: 100%;}
#tariffInfoTbl > div:nth-child(2) {width: 100%; margin-left: 0px; margin-top: 32px;}
/*.tariffInfoBlockTab2TopProgress > div:first-child {width: 60px;}
.tariffInfoBlockTab2TopProgress .progressRing .tbl {width: 56px; height: 56px;}
.tariffInfoBlockTab2TopProgress .progressRing .tbl > div p:first-child {font-size: 21px;}
.tariffInfoBlockTab2TopProgress .progressRing .tbl > div p:nth-child(2) {font-size: 12px;}
.tariffInfoBlockTab2TopProgress .pie {--w: 60px;}
.tariffInfoBlockTab2TopProgress > div:last-child {padding-left: 16px;}*/
.tariffInfoBlockTab2Top > div:last-child {width: 160px;}
.tariffInfoBlockTab2Top > div:first-child {width: calc(100% - 160px);}
.tariffInfoBlockTab2TopProgress {display: block;}
.tariffInfoBlockTab2TopProgress > div:first-child {display: block; width: 100%;}
.tariffInfoBlockTab2TopProgress > div:last-child {padding-left: 0px; display: block; width: 100%; margin-top: 16px;}
.cabinetTariffModulesTop > div:last-child {width: calc(160px - 56px)}
#studyLayerBodyContent .tabsBodyEl {margin-top: 0px;}
#studyLayerBodyContent {padding: 48px 24px 24px 48px;}
#studyLayerBodyContent > div {padding-right: 24px;}
#studyLayerBodyPanel {padding: 24px;}
#studyLayerBodyPanelBottom {padding-top: 24px;}
#studyLayerBodyContentTestBottom {bottom: 24px;}
#studyLayerBodyContentTestBottom > .tbl {width: calc(100% - 320px); padding: 24px 48px 0px 48px;}
/*#studyLayerBodyContentTestBottom > .tbl > div:first-child {padding-right: 48px;}*/

}

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

.columns-2-68-32 {display: block;}
.columns-2-68-32 > div:first-child {width: 100%; display: block;}
.columns-2-68-32.columns-2--padding > div:last-child {width: 100%; display: block; padding: 0 56px; margin-top: 56px;}
#sideHelp {margin-top: 40px;}
#loginWrpBody .form .clearfix .input {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 24px; float: left;}
#loginWrpBody .form .clearfix .input:nth-child(-n+2) {margin-top: 0px;}
#loginWrpBody .form .clearfix .input:nth-child(2n+1) {margin-left: 0px;}
.loginEl .clearfix .input {margin-top: 24px !important;}
.loginEl .clearfix:first-child .input:nth-child(-n+2) {margin-top: 0px !important;}
#calculatorBodyTotalPriceOld {text-decoration: line-through; font-size: 20px; line-height: 1; margin-top: 8px;}
#calculatorBodyTotalPriceOld .rub {font-size: 19px;}
#studyLayerBodyPanelTop .flex > div:first-child {padding-right: 32px;}
.innerGallery > div {width: calc((100% - 24px) / 2); margin-left: 24px; margin-bottom: 24px;}
.innerGallery > div:nth-child(3n+1) {margin-left: 24px;}
.innerGallery > div:nth-child(2n+1) {margin-left: 0px;}


}

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

#focusBody {padding: 0px 0px 0;} 
#focusBodyTop > div:first-child {width: 1px;}
#focusBody .flex2 > div:first-child {position: relative; z-index: 3; padding: 56px 56px 0;}
#focusBody .flex2 > div:last-child {position: relative; z-index: 1;}
#focusBody .flex2 > div:last-child > .flex {padding: 0 0 0 56px;}
#focusBody .flex2 > div:last-child > .flex > div:first-child {position: relative; z-index: 3; width: 50%;}
#focusBody .flex2 > div:last-child > .flex > div:last-child {position: relative; z-index: 1; width: 50%;}
#focusLines {width: 100%;}
#focusLines > div {width: 520px; height: 520px; left: 0; top: 0%;}
/*#focusLines > div {width: 840px; height: 840px; left: auto; right: -45%; top: 0%;}
#focusBody .flex2 {position: relative;}
#focusBody .flex2 > div:last-child > .flex:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 2; top: 0px; left: 0px; background-color: green;}*/
#focusBodyTop > div:first-child .button {padding: 0 18px; width: 56px; top: -2px;}
#focusBodyTop > div:first-child .button .tbl > div:first-child {display: none;}
#focusBodyTop > div:first-child .button .tbl > div:last-child {width: 20px; padding-left: 0px;}
#focusBodyTop > div:nth-child(2) h1 {text-indent: 88px;}
.margin-100 {padding-top: 72px;}
#mpWhyBody > .txt h2 {width: 80%;}
.focusLinesElA {display: block; padding: 16px; background-color: #fff; color: #222222; border-radius: 8px; text-decoration: none; min-height: 150px; height: auto; position: relative; width: 100%; float: left;}
.focusLinesElA .txt h4 {font-size: 16px; font-weight: 500;}
.focusLinesElA .txt {padding-bottom: 24px;}
.focusLinesElA > .flex {width: calc(100% - 32px); position: absolute; left: 16px; bottom: 16px;}
.focusLinesElA > .flex > div {width: 50%; position: relative; vertical-align: middle;}
.focusLinesElA > .flex > div:first-child p {font-size: 16px;}
.focusLinesElA > .flex > div:last-child .coursesFlexElBottomInfo > div:first-child {width: 14px;}
.focusLinesElA > .flex > div:last-child .coursesFlexElBottomInfo > div:first-child svg {width: 16px; height: 16px;}
.focusLinesElA > .flex > div:last-child .coursesFlexElBottomInfo > div:last-child {padding-left: 6px; font-size: 14px; line-height: 1;}
.columns-2-49-32 > div:first-child {padding-right: 48px; width: calc(100% - 300px);}
.columns-2-49-32 > div:last-child {width: 300px;}
.chkbx > div:last-child .txt p {font-size: 13px;}
#calculatorBodyTotalPrice, #cartBodyTotalPrice {font-size: 34px; margin-top: 16px;} 
#cartBodyTotalPrice .rub, #calculatorBodyTotalPrice .rub {font-size: 33px;}
#calculatorBodyTotalBottomInfo .txt:last-child p {font-size: 13px;}
#cabinetBlock1 > div:last-child {width: 300px;}
#cabinetBlock1 > div:first-child {width: calc(100% - 300px);}
#cabinetBlock1Main {padding-right: 48px;}
.cabinetCourseModulesBody > div:last-child {width: 300px;}
.cabinetCourseModulesBody > div:first-child {width: calc(100% - 300px);}
.cabinetCourseModulesTop > div {width: calc(300px - 56px);}
#totalTestBody > .flex > div:last-child {width: 300px;}
#totalTestBody > .flex > div:first-child {width: calc(100% - 300px);}
#totalTestBodyInfo {width: 90%;}
#studyLayer > .centered {padding: 0 0;}
#studyLayerBody {height: calc(100vh - 40px); margin-top: 40px;}
#studyLayerBodyContent {padding: 40px 20px 32px 40px;}
#studyLayerBodyContent > div {padding-right: 20px;}
#studyLayerBodyPanel {padding: 20px;}
#studyLayerBodyContentTestBottom {padding: 0 0px;}
#studyLayerBodyContentTestBottom > .tbl {width: calc(100% - 320px); padding: 24px 40px 0px 40px;}
/*#studyLayerBodyContentTestBottom > .tbl > div:first-child {padding-right: 40px;}*/

}

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

#blockSingleWhy .masonryItem {width: 100%;}
#blockSingleWhy .masonryItem:nth-child(2n) {margin-left: 0px;}
#cabinetBlock1Top h1 {font-size: min(max(28px, calc(1.75rem + (40 - 28) * ((100vw - 320px) / (1020 - 320)))), 40px); min-height: 0vw;}
#studyLayerBodyPanelTop .flex > div:first-child {padding-right: 24px;}


}

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

.coursesFlexEl {padding: 32px;}
.coursesFlexEl--noHover, #mdlCourses .coursesFlexEl, #cabinetBlock1Body .coursesFlexEl {padding: 24px;}
.coursesFlex > div {width: 100%; margin-left: 0px;}
.coursesFlex > div:nth-child(-n+2) {margin-top: 24px;}
.coursesFlex > div:nth-child(-n+1) {margin-top: 8px;}
.margin-140 {margin-top: 100px;}
.masonryItem {padding: 72px 32px 32px; margin: 24px 0 0;}
.masonryItem:before {left: 32px; top: 32px;}
.masonry {column-count: 1; column-gap: 24px;}
#mpAbout .columns-2-32-68 > div:last-child .txt h2 {width: 80%;}
#formBody > .flex > div {width: 100%; padding-left: 56px; padding-right: 56px;}
#formBody .flex2 .txt {width: 80%;}
#formBodyBottom {margin-top: 40px;}
#formBody > .flex > div:last-child {margin-top: 80px;}
#faqBody {width: 80%;}
/*#mpWhyBody2 .columns-2-32-68 > div:first-child {display: none !important;}
#mpWhyBody2 .columns-2-32-68 > div:last-child {width: 100%; padding-right: 0px; padding-left: 56px;}*/
#mpWhyBody2 .columns-2-32-68 > div:first-child, #blockSingleWhy2 .columns-2-32-68 > div:first-child {display: none;}
#mpWhyBody2 .columns-2-32-68 > div:last-child, #blockSingleWhy2 .columns-2-32-68 > div:last-child {padding: 0 56px;}
#mpWhyBody2 .columns-2-32-68 > div:last-child .txt, #blockSingleWhy2 .columns-2-32-68 > div:last-child .txt {width: 80%;}
#mpWhyBody2 .columns-2-50-50 > div:first-child, #blockSingleWhy2 .columns-2-50-50 > div:first-child {display: none;}
#mpWhyBody2 .columns-2-50-50 > div:last-child, #blockSingleWhy2 .columns-2-50-50 > div:last-child {padding-left: 56px; padding-right: 56px;}
#mpWhy .thesisEl > div:first-child {display: table-cell; width: 220px; margin-bottom: 0px; font-size: 48px;}
.thesisEl > div:last-child {padding-left: 24px; display: table-cell; width: calc(100% - 220px);}
#corporateBody .columns-2--padding > div:first-child {width: 80%; padding: 0 0 0 56px;}
.columns-2-32-68 > div:first-child {width: 25%;}
.masonryItem:first-child {margin: 0px 0 0;}
.blockSliderNav {margin-top: 32px !important;}
#blockCatalogBody .coursesFlex > div:nth-child(-n+2) {margin-top: 24px;}
#blockCatalogBody .coursesFlex > div:nth-child(-n+1) {margin-top: 8px;}
#innerTop h1 {width: 90%;}
.columns-1-74 {width: 90%;}
#blockCatalogBody {margin-top: 32px;}
#mpWhyBodyMansonry2 {margin-top: 32px;}
.columns-1-50 {width: 90%; padding-right: 0px;} 
.corporateBody--inner .columns-2--padding > div:first-child .txt p {width: 90%;}
.fileEl {padding: 24px;}

#cabinetBlock1 > div:first-child {order: 2; width: 100%; margin-top: 24px;}
#cabinetBlock1Main {padding-right: 0px;}
#cabinetBlock1 > div:last-child {order: 1; width: 100%;}
#cabinetBlock1InfoMenu2 {display: none;}
#cabinetBlock1InfoMenu3 {display: block; margin-top: 32px;}
#cabinetBlock1InfoMenu3 .accordeon {border-top: 1px solid #222;}
#cabinetBlock1InfoMenu3 .accordeonTop {padding-bottom: 16px; padding-top: 16px;}
#cabinetBlock1 > div:last-child #cabinetBlock1Info .flex .txt h3 {font-size: min(max(28px, calc(1.75rem + (32 - 28) * ((100vw - 320px) / (960 - 320)))), 32px); min-height: 0vw;}
#cabinetBlock1InfoMenu3 .accordeonTop .txt h3 {font-size: 24px;}
#cabinetBlock1InfoMenu3 .accordeonBody {padding-bottom: 0px; padding-top: 4px;}
#cabinetBlock1InfoMenu3 .accordeonBody .txt p {margin-top: 16px;}
#cabinetBlock1InfoMenu3 .accordeonBody .txt p:first-child {margin-top: 0px;}
#cabinetBlock1Info > .flex:first-child > div:first-child {padding-right: 24px;}
.themeFlex > div, .fileFlex > div {width: 100%;}
.themeEl .txt h4, .fileEl .txt h4, .tariffThemeEl .txt h4 {font-size: 20px;}
#cabinetBlock1Course {padding-right: 0px;}
#cabinetBlock1Course .blockSmall h1 {margin-top: 8px; margin-bottom: 64px;}
.cabinetCourseModulesTop > div {width: 100px;}
#totalTestBody > .flex > div:first-child {width: 100%;}
#totalTestBody > .flex > div:last-child {width: 80%; padding: 0 56px; margin-top: 100px;}
#totalTestBodyInfo {width: 80%;}
.cabinetCourseModulesBody > div:first-child {width: 100%;}
.cabinetCourseModulesBody > div:last-child {width: 100%; margin-top: 56px;}
.cabinetCourseModulesBody > div:first-child > div {padding-right: 0px; position: relative;}
#cabinetBlock1InfoMenu3 .buttonWidth {margin-top: 16px;}
#cabinetBlock1InfoMenu3 .buttonWidth:first-child {margin-top: 8px;}
#accountTabsBody > div:last-child {display: none;}
#innerTextColumns #cabinetBlock1InfoMenu3 {display: none;}

#ticketsBody .cabinetCourseModulesTop > div:nth-child(2) {width: 120px;}

}

@media screen and (max-width: 960px) {
  
#footerBottom .tbl {display: block;}
#footerBottom .tbl > div {width: 100%; display: block;}
#footerBottom .tbl > div:last-child {margin-top: 16px;}
#footerTop {display: block;}
#footerTop > div {display: block; width: 100%;}
#footerTop > div:last-child {margin-top: 48px;}
#footerTopMenu > div {width: calc((100% - 32px) / 2); margin-left: 32px;}
#footerTopMenu > div:first-child {margin-left: 0px;}
.footerTopMenuEl > p {display: block;}
.footerTopMenuEl > .txt {margin-top: 24px;}
.footerTopMenuEl .txt > p, #footerTopLinks p {font-size: 17px;}
.columns-2-50-50 > div:first-child {padding-right: 0px;}
#footerTopInfo {width: 100%;}
#innerTop h1 {width: 100%; margin-top: 56px;}
.columns-1-74 {width: 100%;}
#blockSingleWhy .masonryItem img {opacity: 0.24;}
#blockSingleWhy .masonryItem .txt {width: 70%;}
.accordeonBody .columns-2-50-50 {display: block;}
.accordeonBody .columns-2-50-50 > div:first-child {display: block; width: 100%; padding-right: 0px;}
.accordeonBody .columns-2-50-50 > div:last-child {width: 100%; display: block; padding-left: 0px; margin-top: 24px; margin-bottom: 40px;}
.accordeonBody .columns-2-50-50:last-child > div:last-child {margin-bottom: 0px;}
.columns-1-50 {width: 100%;} 
#studyLayerBodyPanel {width: 280px;}
#studyLayerBodyContent {width: calc(100% - 280px);}
#studyLayerBodyPanelWrp .txt h3 {font-size: 20px;}
#studyLayerBodyPanelMenu {margin-bottom: 32px; margin-top: 32px;}
#studyLayerBodyPanelMenu .buttonWidth {margin-top: 16px;}
#studyLayerBodyPanelMenu .buttonWidth:first-child {margin-top: 0px;}
#studyLayerBodyContentTestBottom > .tbl {width: calc(100% - 280px); padding: 20px 40px 0px 40px;}
#studyLayerBodyContentTestBottom {bottom: 20px;}



}

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

.columns-2-49-32 {display: block;}
.columns-2-49-32 > div:first-child {padding-right: 0px; display: block; width: 100%;}
.columns-2-49-32 > div:last-child {width: 70%; margin-left: 0px; display: block; margin-top: 56px;}
#calculatorBodyCourses {width: 70%;}
#payTypeTxt {width: 70%;}
#calculatorBodyBottom .input--two {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 24px; float: left;}
/*#calculatorBodyBottom .input--two:nth-child(-n+2) {margin-top: 24px;}*/
#calculatorBodyBottom .input--two:nth-child(2n+1) {margin-left: 0px;}
/*#calculatorBodyBottom .clearfix:first-child .input--two:nth-child(-n+2) {margin-top: 0px;}*/
#studyLayerBodyPanel {float: none; width: 100%; height: auto !important;
position: fixed; top: 0px; left: 0px; z-index: 3;
}
#studyLayerBodyContent {width: 100%; float: none;}
#studyLayerBodyPanel .flex2 > div:last-child {display: none;}
#studyLayerBodyPanelMenu {display: none;}
#studyLayerBodyPanel .txt {display: none;}
#studyLayerBodyClose {display: block; width: 44px; height: 44px; background-color: #ffffff; right: 20px; top: 20px; border-radius: 50%; cursor: pointer; transition: all 0.2s linear; padding: 14px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.08);
-moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.08);
box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.08);
}
#studyLayerBodyClose svg {width: 16px; height: 16px;}
#studyLayerBody {height: 100vh; margin-top: 0px;}
#studyLayerBodyPanelMobile {display: block; width: 100%; position: relative; margin-top: 0px;}
#studyLayerBodyPanelMobile .button {float: left; margin-top: 0px; margin-right: 16px;}
#studyLayerBodyPanelMobile .button {height: 40px; padding: 0 16px; font-size: 16px; border-radius: 10px;}
#studyLayerBodyPanelMobile .button .tbl {height: 40px;}
#studyLayerBodyPanelMobile .button .tbl > div:first-child {display: table-cell;}
#studyLayerBodyContent {/*height: calc(100% - 84px);*/ height: 100%;}
#studyLayerBodyPanel .flex2 {display: none;}
#studyLayerBodyContent {/*padding: 32px 0px 32px 24px;*/ padding: 110px 0px 32px 24px;}
#studyLayerBodyContent > div {padding-right: 24px;}
#studyLayerBodyContentTestBottom > .tbl {width: 100%; padding: 20px 24px 0px 24px;}
#studyLayerBodyContentTestBottom {bottom: 20px;}
/*#studyLayerBodyContentTestBottom > .tbl > div:first-child {padding-right: 24px;}*/
.studyLayerBodyContentTestAnswers {padding-bottom: 80px;}
.innerGallery > div {width: calc((100% - 48px) / 3); margin-left: 24px; margin-bottom: 24px;}
.innerGallery > div:nth-child(2n+1) {margin-left: 24px;}
.innerGallery > div:nth-child(3n+1) {margin-left: 0px;}
#innerTextColumns {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#innerTextColumns > div {display: -webkit-flex; display: -ms-flexbox; display: flex;}
#innerTextColumns > div:last-child {width: 100%; margin-top: 0px; order: 1;}
#innerTextColumns > div:last-child > div {width: 100%; position: relative;}
#innerTextColumns > div:last-child .stickySide {
  position: relative;
  top: 0px;
  min-height: 32px;
  margin: 0 0 0px;
}
#innerTextColumns > div:first-child {order: 2; width: 100%; margin-top: 56px;}
#innerTextColumns > div:first-child > div {width: 100%; position: relative;}
#innerTextColumns #cabinetBlock1InfoMenu3 {display: block; margin-top: 0px; padding-top: 0px; border-top: none;}
#innerTestSidemenu {display: none;}
#innerTextColumns #cabinetBlock1InfoMenu3 .accordeon {border-top: none;}
#innerTextColumns .blockSmall { padding-top: 8px; padding-bottom: 8px;}
#innerTextColumns .accordeonBody {padding-bottom: 24px;}

}

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

body {font-size: 18px;}
#mpAbout .columns-2-32-68 > div:last-child .flex > div {width: 100%; margin-left: 0px; float: none; margin-top: 20px;}
#mpAbout .columns-2-32-68 > div:last-child .flex > div:nth-child(2) {margin-top: 20px;} #mpAbout .columns-2-32-68 > div:last-child .flex > div:first-child {margin-top: 0px;}
#mpAbout .columns-2-32-68 > div:first-child {padding-bottom: 80px;}
#mpAbout .columns-2-32-68 > div:last-child .txt h2 {width: 90%;}
#focusBodyTop > div:first-child {display: none;}
#focusBodyTop > div:nth-child(2) h1 {text-indent: 0px;}
#focusBody .flex2 > div:first-child {padding: 48px 48px 0;}
#focusBody .flex2 > div:last-child > .flex {padding: 0 0 0 48px;}
.flex2 > div:last-child > .flex > div:first-child p {font-size: 19px; padding-right: 24px;}
.corporateBody--inner .columns-2--padding > div:first-child .txt p {font-size: 19px;}
.txt h2 {margin-bottom: 40px;}
.margin-64 {margin-top: 48px;}
.margin-140 {margin-top: 88px;}
#mpWhyBody {padding: 48px 48px 0;}
#mpWhyBody > .txt h2 {width: 90%;}
#mpWhy .columns-2-32-68 > div:last-child {padding-right: 48px;}
#mpWhy .thesisEl > div:first-child {width: 180px; font-size: 42px;}
.thesisEl > div:last-child {width: calc(100% - 180px);}
#corporateBody .columns-2--padding > div:first-child {width: 90%; padding-left: 48px;}
#corporateBody .columns-2--padding > div:last-child {padding: 0 48px; margin-top: 80px;}
#corporateBody, #formBody {padding: 48px 0;}
#formBody > .flex > div {width: 100%; padding-left: 48px; padding-right: 48px;}
#formBody .flex2 .txt {width: 90%;}
#faqBody {width: 100%;}
#mpWhyBody2 .columns-2-32-68 > div:last-child .txt, #blockSingleWhy2 .columns-2-32-68 > div:last-child .txt {width: 90%;}
#focusLines > div {width: 420px; height: 420px;}
.flex2 > div:last-child > .flex > div:first-child {padding-bottom: 48px;}
#mpWhyBody2 .columns-2-32-68 > div:last-child, #blockSingleWhy2 .columns-2-32-68 > div:last-child {padding: 0 48px;}
#mpWhyBody2, #blockSingleWhy2 {padding-bottom: 48px; padding-top: 80px;}
#mpWhyBody2 .columns-2-50-50 > div:last-child, #blockSingleWhy2 .columns-2-50-50 > div:last-child {padding-left: 48px; padding-right: 48px;}
#formBody .columns-2-50-50 > div:first-child .txt p {font-size: 20px;}
.txt ul > li:before {top: 11px;}
#loginWrpBody {padding: 48px 0;}
.columns-2-68-32 > div:first-child {width: 100%; display: block; padding: 0 48px;}
.columns-2-68-32.columns-2--padding > div:last-child {padding: 0 48px; margin-top: 56px;}
#loginWrpBody .columns-2-68-32 > div:first-child {padding-right: 48px;}
.columns-2-68-32.columns-2--padding > div:first-child {padding-left: 48px;}
#basket {width: calc(100% - 80px); left: 40px; margin-left: 0px; padding: 16px 24px;}
#basket > .tbl > div:nth-child(2) {width: 160px; padding-right: 16px;}
#basket > .tbl > div:first-child {padding-right: 24px;}
#basket > .tbl > div:last-child {width: 126px;}
.columns-2-49-32 > div:last-child {width: 80%; margin-top: 56px;}
#calculatorBodyCourses {width: 80%;}
#payTypeTxt {width: 80%;}
.themeFlex > div, .fileFlex > div {width: 100%;}
#totalTestBody > .flex > div:first-child > div {padding: 0 48px;}
#totalTestBody > .flex > div:last-child {width: 90%; padding: 0 48px; margin-top: 100px;}
#totalTestBodyInfo {width: 90%;}
#totalTestBody {padding: 56px 0;} 
.cabinetCourseModulesTop > div {width: 80px;}
.cabinetCourseModulesBody > div:last-child {margin-top: 56px;}
.tariffInfoBlockTab2 {padding: 48px 48px;}
.cabinetTariffModulesTop > div:first-child {padding-right: 48px;}
.txt ul > li {margin-top: 12px;}
.txt ul > li:first-child {margin-top: 0px;}


}

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

.button {height: 48px; font-size: 18px;}
.button .tbl {height: 48px;}
#topPersonalBtn .tbl > div:first-child {display: none;}
#topPersonalBtn {padding: 0 14px;}
#topPersonalBtn .tbl > div:last-child {padding-left: 0px; width: 20px;}
.button--icon {padding: 0 14px;}
#topBody > div:last-child .button--icon {margin-left: 16px;}
#mpAbout .columns-2-32-68 > div:last-child .txt h2, #mpWhyBody > .txt h2, #formBody .flex2 .txt {width: 100%;}
#focusBody .flex2 > div:first-child {padding: 40px 40px 0;}
#focusBody .flex2 > div:last-child > .flex {padding: 0 0 0 40px;}
.flex2 > div:last-child > .flex > div:first-child {padding-bottom: 40px;}
#mpWhyBody {padding: 40px 40px 0;}
#mpWhyBody2 .columns-2-32-68 > div:last-child, #blockSingleWhy2 .columns-2-32-68 > div:last-child {padding: 0 40px;}
#mpWhyBody2, #blockSingleWhy2 {padding-bottom: 40px;}
#corporateBody, #formBody {padding: 40px 0;}
#corporateBody .columns-2--padding > div:first-child {width: 100%; padding-left: 40px; padding-right: 40px;}
.input, .select {height: 48px; font-size: 18px;}
.textarea {font-size: 18px;}
#corporateBody .columns-2-50-50 .clearfix .button, #mpAbout .clearfix .button {float: left; margin-top: 16px;}
#corporateBody .columns-2-50-50 .clearfix, #mpAbout .clearfix {margin-top: 0px;}
.margin-56 {margin-top: 40px;}
.margin-64 {margin-top: 48px;}
#mpWhyBody2 .columns-2-50-50 > div:last-child, #blockSingleWhy2 .columns-2-50-50 > div:last-child {padding-left: 40px; padding-right: 40px;}
#mpWhy .thesisEl > div:first-child {width: 150px; font-size: 36px;}
.thesisEl > div:last-child {width: calc(100% - 150px);}
.blockSliderBodyEl .tbl > div:first-child {width: 85%; padding: 32px;}
.blockSliderBodyEl .tbl > div:last-child img {width: 290px; height: 290px; opacity: 0.24;}
#corporateBody .columns-2--padding > div:last-child {padding: 0 40px; margin-top: 80px;}
#formBody > .flex > div {padding-left: 40px; padding-right: 40px;}
.input, .textarea, .select {margin-top: 16px;}
.form .clearfix .input:nth-child(-n+2), .input--two:nth-child(-n+2) {margin-top: 16px;} 
#mpWhyBody2 .columns-2-32-68 > div:last-child .txt, #blockSingleWhy2 .columns-2-32-68 > div:last-child .txt {width: 100%;}
.partnersBodyNavEl {margin-right: 16px;}
.partnersBodyNavEl:last-child {margin-right: 0px;}
#h1Small {font-size: min(max(28px, calc(1.75rem + (32 - 28) * ((100vw - 320px) / (760 - 320)))), 32px) !important; min-height: 0vw;}
.blockSmallInfo > div:first-child {padding-right: 16px;}
.blockSmallInfo > div:last-child {width: 140px; font-size: 32px;}
.blockSmall .tbl > div:first-child .txt {width: 90%;}
#blockSingleWhy .masonryItem .txt {width: 90%;} 
#blockSingleWhy .masonryItem img {opacity: 0.12;} 

#loginWrpBody .form .clearfix .input, .input--two {width: 100%; margin-left: 0px; margin-top: 16px; float: left;}
#loginWrpBody .form .clearfix .input:nth-child(-n+2) {margin-top: 16px;}
#loginWrpBody .form .clearfix .input:nth-child(-n+1) {margin-top: 16px;}
#loginWrpBody .form .clearfix .input:nth-child(2n+1) {margin-left: 0px;}
#loginWrpBody {padding: 40px 0;}
.columns-2-68-32 > div:first-child {padding: 0 40px;}
.columns-2-68-32.columns-2--padding > div:last-child {padding: 0 40px; margin-top: 56px;}
#loginWrpBody .columns-2-68-32 > div:first-child {padding-right: 40px;}
.columns-2-68-32.columns-2--padding > div:first-child {padding-left: 40px;}
#loginWrpBody .form.margin-32 {margin-top: 8px;}
.loginEl .clearfix .input {margin-top: 16px !important;}
.loginEl .clearfix:first-child .input:nth-child(-n+2) {margin-top: 16px !important;}
.loginEl .clearfix:first-child .input:nth-child(-n+1) {margin-top: 0px !important;}
#basket .round--dashed {display: none;}
#basket > .tbl > div:first-child {padding-right: 0px;}
#basket {width: calc(100% - 80px); left: 40px; margin-left: 0px; padding: 16px 24px; } 
#calculatorBodyBottom .input--two {width: calc((100% - 16px) / 2); margin-top: 16px; margin-left: 16px;}
#calculatorBodyBottom .input--two:nth-child(2n+1) {margin-left: 0px;}
#cabinetBlock1CourseBottomProgress > div:first-child {width: 60px;}
#cabinetBlock1CourseBottomProgress .pie {
  --p: 20;
  --b: 4px;
  --c: #ffffff;
  --w: 60px;
}
#cabinetBlock1CourseBottomProgress .progressRing .tbl {width: 56px; height: 56px;}
#cabinetBlock1CourseBottomProgress .progressRing .tbl > div p:first-child {font-size: 20px; line-height: 1; padding-top: 2px;}
#cabinetBlock1CourseBottomProgress .progressRing .tbl > div p:nth-child(2) {font-size: 12px; line-height: 1; margin-top: 1px;}
#cabinetBlock1CourseBottomProgress > div:last-child {padding-left: 16px;}
.accordeonTop > div:last-child {width: 48px;}
.cabinetCourseModulesTop > div {width: 60px;}
.cabinetCourseModulesTop > div:first-child {padding-right: 24px;}
#totalTestBody > .flex > div:first-child > div {padding: 0 40px;}
#totalTestBody {padding: 40px 0;}
#totalTestBody > .flex > div:last-child {padding: 0 40px;}
.accordeonTop .txt h3 {font-size: min(max(22px, calc(1.375rem + (26 - 22) * ((100vw - 320px) / (680 - 320)))), 26px); min-height: 0vw;}
.buttonWidth {height: 48px;}
.cabinetTariffModulesTop > div:last-child {display: none;}
.cabinetTariffModulesTop > div:first-child {padding-right: 24px;}
.tariffInfoBlockTab2Top > div:first-child {width: 100%;}
.tariffInfoBlockTab2Top > div:last-child {width: 100%; margin-top: 16px;}
.tariffInfoBlockTab2TopProgress {display: table;}
.tariffInfoBlockTab2TopProgress > div:first-child {display: table-cell; width: 60px;}
.tariffInfoBlockTab2TopProgress .progressRing .tbl {width: 56px; height: 56px;}
.tariffInfoBlockTab2TopProgress .progressRing .tbl > div p:first-child {font-size: 21px;}
.tariffInfoBlockTab2TopProgress .progressRing .tbl > div p:nth-child(2) {font-size: 12px;}
.tariffInfoBlockTab2TopProgress .pie {--w: 60px;}
.tariffInfoBlockTab2TopProgress > div:last-child {padding-left: 16px; display: table-cell; width: calc(100% - 60px); margin-top: 0px;}
.tariffInfoBlockTab2 {padding: 40px 40px;}
.tariffInfoBlockTab2Body .accordeonTop > div:first-child .txt h3 {font-size: min(max(20px, calc(1.25rem + (24 - 20) * ((100vw - 320px) / (680 - 320)))), 24px);
  min-height: 0vw;}
.tariffInfoBlockTab2Body .accordeonTop > div:first-child {width: calc(100% - 40px);}

}

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

#mdl {width: 480px; padding: 32px;}
.mdlMenuBodyEl .txt p {font-size: 20px;}
#blockSingleTopInfo .txt {width: 90%; margin-bottom: 64px;} 
.columns-2-49-32 > div:last-child {width: 100%; margin-top: 56px;}
#calculatorBodyCourses {width: 100%;}
#payTypeTxt {width: 100%;}
.themeFlex > div, .fileFlex > div {width: 100%;}
#totalTestBody > .flex > div:last-child {margin-top: 88px; width: 100%;}
#totalTestBodyInfo {width: 100%;}
#cabinetCourseModules .buttonWidth {width: 100%; margin-left: 0px; margin-top: 16px;}
#cabinetCourseModules .buttonWidth:first-child {margin-top: 0px;}
.cabinetCourseModulesTop > div:last-child .flex > div:last-child .pie {--w: 48px;}
.cabinetCourseModulesTop > div:last-child .flex > div:last-child .progressRing .tbl {width: 44px; height: 44px;}
.cabinetCourseModulesTop > div:last-child .flex > div:last-child .progressRing .tbl > div p:first-child {font-size: 17px; line-height: 1; padding-top: 2px;}
.cabinetCourseModulesTop > div:last-child .flex > div:last-child .progressRing .tbl > div p:nth-child(2) {font-size: 10px; line-height: 1; margin-top: 1px;}
.accordeonTop > div:last-child {width: 40px;}
.cabinetCourseModulesTop > div {width: 48px;}
#cabinetBlock1CourseBottom {margin-top: 24px; padding-top: 24px; display: block;}
#cabinetBlock1CourseBottom > div:first-child {width: 100%; padding-right: 0px; display: block;}
#cabinetBlock1CourseBottom > div:last-child {width: 100%; padding-left: 0px; display: block; margin-top: 24px;}
#accountTabsBody .buttonWidth {width: 100%; margin-left: 0px; margin-top: 16px;}
#accountTabsBody .buttonWidth:first-child {margin-top: 0px;}

}

@media screen and (max-width: 620px) {
  
.centered {padding: 0 32px;}
#focusBodyTop > div:nth-child(2) h1 {font-size: min(max(26px, calc(1.625rem + (34 - 26) * ((100vw - 320px) / (620 - 320)))), 34px); min-height: 0vw;}
#innerTop h1 {font-size: min(max(26px, calc(1.625rem + (34 - 26) * ((100vw - 320px) / (620 - 320)))), 34px); min-height: 0vw;}
#mpAbout .columns-2-32-68 > div:last-child .txt h2 {font-size: min(max(26px, calc(1.625rem + (34 - 26) * ((100vw - 320px) / (620 - 320)))), 34px); min-height: 0vw;}
.h2Big, #innerTop h1, .corporateBody--inner h1 {font-size: min(max(30px, calc(1.875rem + (42 - 30) * ((100vw - 320px) / (620 - 320)))), 42px); min-height: 0vw;}
.txt h3 {font-size: min(max(24px, calc(1.5rem + (30 - 24) * ((100vw - 320px) / (620 - 320)))), 30px); min-height: 0vw;}
.accordeonTop > div:last-child span {font-size: 34px;}
.coursesFlexEl {padding: 24px;}
.txt h2, #loginWrpBody h1 {font-size: min(max(28px, calc(1.75rem + (36 - 28) * ((100vw - 320px) / (620 - 320)))), 36px); min-height: 0vw;}
.masonryItem {padding: 64px 24px 24px;}
.masonryItem::before {left: 24px; top: 24px;}
#mpWhyBody {padding: 32px 32px 0;}
#focusBody .flex2 > div:first-child {padding: 32px 32px 0;}
#focusBody .flex2 > div:last-child > .flex {padding: 0 0 0 32px;}
.flex2 > div:last-child > .flex > div:first-child {padding-bottom: 32px;}
#mpWhyBody2 .columns-2-32-68 > div:last-child, #blockSingleWhy2 .columns-2-32-68 > div:last-child {padding: 0 32px;}
.thesisEl {display: block;}
.thesisEl > div:last-child {margin-bottom: 8px;}
#mpWhy .thesisEl > div:first-child {display: block; width: 100%; margin-bottom: 8px;}
.thesisEl > div:last-child {padding-left: 0px; display: block; width: 100%;}
#corporateBody, #formBody {padding: 32px 0;}
#corporateBody .columns-2--padding > div:first-child {width: 100%; padding-left: 32px; padding-right: 32px;}
.txt h2 {margin-bottom: 32px;}
#mpWhyBody2 .columns-2-50-50 > div:last-child, #blockSingleWhy2 .columns-2-50-50 > div:last-child {padding-left: 32px; padding-right: 32px;}
#corporateBody .columns-2--padding > div:last-child {padding: 0 32px; margin-top: 80px;}
.blockSliderBodyEl .tbl > div:first-child {width: 80%; padding: 24px;}
#formBody > .flex > div {padding-left: 32px; padding-right: 32px;}
.columns-2-32-68 > div:first-child {display: none;}
.columns-2-32-68 > div:last-child {padding-left: 0px;}
#partnersBody {margin-top: 32px;}
#partners .columns-2-50-50 > div:first-child {display: none;}
.accordeonTop .txt h3, #blockSingleInfo .accordeonTop .txt h3 {font-size: min(max(22px, calc(1.375rem + (26 - 22) * ((100vw - 320px) / (620 - 320)))), 26px); min-height: 0vw;}
.coursesFlexEl .txt h4 {font-size: min(max(21px, calc(1.3125rem + (23 - 21) * ((100vw - 320px) / (620 - 320)))), 23px); min-height: 0vw;}
.partnersBodyNavEl:last-child {margin-right: 0px;}
.partnersBodyNavEl:first-child {margin-left: calc(100% - 120px);}
.flex2 > div:last-child > .flex > div:first-child {align-items: center;}
#focusBody .flex2 > div:last-child > .flex > div:first-child {width: 90%; padding-bottom: 0px;}
#focusBody .flex2 > div:last-child > .flex {padding: 0 32px;}
#focusLines > div {width: 420px; height: 420px; left: 50%; margin-left: -210px; top: 0px;}
#focusBody .flex2 {/*min-height: calc(100vh - 180px);*/ min-height: 200px; height: auto;}
.margin-32 {margin-top: 24px;}
.flex2 > div:last-child > .flex > div {height: 180px;}
#focusBodyTop > div:nth-child(2) h1 {margin-bottom: 0px; padding-bottom: 32px;}
#topBody > div:first-child, #topBody > div:first-child img {width: 290px;}
.flex2 > div:last-child > .flex > div:first-child p {padding-right: 0px;}
#focus {padding-bottom: 0px;}
#topBody > div:last-child {width: calc(100% - 290px); padding-left: 24px;}
.coursesFlexElBottom > div:last-child {width: 120px;}

.focusLinesElA {display: block; padding: 10px; background-color: #fff; color: #222222; border-radius: 8px; text-decoration: none; min-height: 130px; height: auto; position: relative; width: 100%; float: left;}
.focusLinesElA .txt h4 {font-size: 15px; font-weight: 500;}
.focusLinesElA .txt {padding-bottom: 24px;}
.focusLinesElA > .flex {width: calc(100% - 32px); position: absolute; left: 10px; bottom: 10px;}
.focusLinesElA > .flex > div {width: 50%; position: relative; vertical-align: middle;}
.focusLinesElA > .flex > div:first-child p {font-size: 13px;}
.focusLinesElA > .flex > div:last-child .coursesFlexElBottomInfo > div:first-child {width: 14px;}
.focusLinesElA > .flex > div:last-child .coursesFlexElBottomInfo > div:first-child svg {width: 14px; height: 14px;}
.focusLinesElA > .flex > div:last-child .coursesFlexElBottomInfo > div:last-child {padding-left: 6px; font-size: 13px; line-height: 1;}
#innerTop ul > li {margin: 0 10px 0 0; font-size: 14px;}
#blockSingleTopStat .flex > div {width: 100%; margin-left: 0px;}
.blockSmallInfo > div:last-child {width: 120px; font-size: 28px;}
.blockSmall .tbl > div:first-child .txt {width: 100%;}
#blockSingleTopInfo .txt {width: 100%; margin-bottom: 56px;}
#blockSingleWhy .masonryItem .txt {width: 100%;} 
#blockSingleWhy .masonryItem img {opacity: 0;} 
#mpWhyBody2, #blockSingleWhy2 {padding-bottom: 32px;}
.columns-2-68-32 > div:first-child {padding: 0 32px;}
.columns-2-68-32.columns-2--padding > div:last-child {padding: 0 32px; margin-top: 48px;}
#loginWrpBody .columns-2-68-32 > div:first-child {padding-right: 32px;}
.columns-2-68-32.columns-2--padding > div:first-child {padding-left: 32px;}
#loginWrpBody {padding: 32px 0;}
#basket {width: calc(100% - 64px); left: 32px; margin-left: 0px; padding: 16px 24px;}
#basket > .tbl > div:nth-child(2) {width: 140px; padding-right: 16px;}
#calculatorBodyBottom .input--two {width: 100%; margin-top: 16px; margin-left: 0px;}
#calculatorBodyBottom .input--two:nth-child(2n+1) {margin-left: 0px;}
#inner {margin-top: 40px;}
.columns-2-49-32 > div:last-child {width: 100%; margin-top: 48px;} 
#cartBodyTotalBottom {margin-top: 48px;} 
.corporateBody--inner .columns-2--padding > div:first-child .txt p {width: 100%;}
#cabinetBlock1 > div:last-child #cabinetBlock1Info .flex .txt h3 {font-size: min(max(24px, calc(1.5rem + (30 - 24) * ((100vw - 320px) / (620 - 320)))), 30px); min-height: 0vw;}
#cabinetBlock1Top {display: block;}
#cabinetBlock1Top.tbl > div:first-child {padding-right: 0px; width: 100%; display: block;}
#cabinetBlock1Top.tbl > div:last-child {width: 100%;  display: block; margin-top: 24px;}
.cabinetBlock1BodyElForm > div:first-child {width: 100%; padding-right: 0px;}
.cabinetBlock1BodyElForm > div:last-child {width: 100%; align-items: left; margin-top: 8px;}
.margin-40 {margin-top: 32px;}
#cabinetBlock1 > div:first-child {margin-top: 16px;}
.themeEl .txt h4, .fileEl .txt h4, .tariffThemeEl .txt h4 {font-size: 19px;}
.coursesFlexElBottomInfo > div:last-child {padding-left: 8px; font-size: 15px;}
#totalTestBody > .flex > div:first-child > div {padding: 0 32px;}
#totalTestBody {padding: 32px 0;}
#totalTestBody > .flex > div:last-child {margin-top: 72px; padding: 0 32px}
#cabinetBlock1Course .blockSmall h1 {margin-top: 6px; margin-bottom: 48px;}
#cabinetBlock1Course .blockSmall h1 {font-size: 24px;}
#tariffInfoTbl > div:nth-child(2) {margin-top: 24px;}
#accountMessage {margin-top: 64px;}
.tariffInfoBlockTab2 {padding: 32px 32px;}
.cabinetTariffModulesTop > div:first-child {padding-right: 16px;}
.tariffThemeElInfo {width: 100%;}
#cabinetBlock1BodyAccounts {margin-top: 24px; padding-top: 32px;}
.rdbtnEl > div:last-child .txt p {font-size: 16px;}
.rdbtnEl > div:first-child {width: 18px; padding-top: 3px;}
.rdbtnEl > div:first-child span {width: 18px; height: 18px;}
.rdbtnEl > div:last-child {padding-left: 12px;}
.rdbtnEl {margin-top: 16px;}
.rdbtnEl:first-child {margin-top: 0px;}
.studyLayerBodyContentTestAnswers {padding-bottom: 64px;}
.margin-80 {margin-top: 64px;}
#innerTextColumns > div:first-child {margin-top: 48px;}

#ticketsBody .cabinetCourseModulesTop > div:nth-child(2) {display: none;}
#ticketsBody .ticketsBodyEl {margin-top: 24px;}
#ticketsBody .ticketsBodyEl:first-child {margin-top: 0px;}

}

@media screen and (max-width: 580px) {
  
#basket > .tbl > div:first-child p {display: none;}
#basket .round--solid {margin-left: 0px;}
#basket > .tbl > div:nth-child(2) p {font-size: 20px;}
#basket > .tbl > div:nth-child(2) {width: 160px; padding-right: 16px;}



}

@media screen and (max-width: 560px) {
  
#partners .slick-slide .ratio {width: calc(100% - 16px); margin: 0 8px;}
#topPersonalBtn {display: none;}
#topBody {padding: 24px 0 32px; min-height: 100px;}
#mdl {width: 360px; padding: 24px;}
.mdlMenuBodyEl .txt p {font-size: 20px;}
#mdlMenuTop img {width: 100%; height: auto;}
#mdlMenu .txt h3 {font-size: 24px !important;}
.blockSmallInfo {display: block;}
.blockSmallInfo > div:first-child {padding-right: 0px; width: 100%; display: block;}
.blockSmallInfo > div:last-child {width: 100%; display: block; margin-top: 16px; font-size: 26px;}
.margin-56 {margin-top: 32px;}
#mdlCourses .coursesFlexEl {padding: 16px;}
#mdlCourses .coursesFlexEl .lbl {display: none;}
#mdlCourses .coursesFlexEl .coursesFlexElTop > div:first-child .txt {margin-top: 0px; padding-right: 8px;} 
.cabinetBlock1BodyEl .margin-24 {margin-top: 16px;}
#cabinetBlock1Body {margin-top: 40px;}
#totalTestBodyBottom > div:first-child {width: 100%;}
#totalTestBodyBottom > div:nth-child(2) {padding-left: 0px; align-items: flex-start; margin-top: 16px;}
#accountMessage {margin-top: 56px;}
/*#studyLayerBodyPanelMobile .button {height: 32px; padding: 0 10px; font-size: 15px; border-radius: 8px;}
#studyLayerBodyPanelMobile .button .tbl {height: 32px;}*/
#layerTab-2Btn2 {display: none;}
/*#studyLayerBodyContent {height: calc(100% - 84px);}*/
#studyLayerBodyClose {display: block; width: 40px; height: 40px; background-color: #ffffff; right: 20px; top: 22px; border-radius: 50%; cursor: pointer; transition: all 0.2s linear; padding: 12px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.08);
-moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.08);
box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.08);
}
#studyLayerBodyClose svg {width: 16px; height: 16px;}
#studyLayerBodyPanelMobile {padding-right: 56px;}
#studyLayerBodyContentTest .sideTestBottomProgress {width: 100%;}
.innerGallery > div {width: calc((100% - 24px) / 2); margin-left: 24px; margin-bottom: 24px;}
.innerGallery > div:nth-child(3n+1) {margin-left: 24px;}
.innerGallery > div:nth-child(2n+1) {margin-left: 0px;}

.ticketsBodyElTop > div:first-child {width: 100%;}
.ticketsBodyElTop > div:last-child {width: 100%;}
.ticketsBodyElTop > div:last-child p {text-align: left; margin-top: 6px; font-size: 14px;}

}

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

#studyLayerBodyContentTestBottom .flex > div:nth-child(2) {display: none;}

}

@media screen and (max-width: 480px) {
  
#focusLines > div {width: 360px; height: 360px; left: 50%; margin-left: -180px; top: 10px;}
#focusBody .flex2 {min-height: calc(100vh - 180px); height: auto;}
.centered {padding: 0 24px;}
#footerBottom .columns-2-50-50 > div:last-child .flex > div:first-child {width: 100%;}
#footerBottom .columns-2-50-50 > div:last-child .flex > div:last-child {width: 100%; align-items: flex-start; margin-top: 32px;}
footer {padding: 48px 0 24px;}
#footerTopMenu > div {width: 100%; margin-left: 0px; margin-top: 30px;}
#footerTopMenu > div:nth-child(-n+2) {margin-top: 40px;}
#footerTopMenu > div:first-child {margin-top: 8px;}
.footerTopMenuEl > .txt {margin-top: 16px;} 
#focusBody .flex2 > div:first-child {padding: 32px 24px 0;}
#focusBody .flex2 > div:last-child > .flex {padding: 0 24px;}
.h2Big, #innerTop h1, .corporateBody--inner h1 {font-size: min(max(32px, calc(2rem + (48 - 32) * ((100vw - 320px) / (620 - 320)))), 48px);min-height: 0vw;}
.margin-140 {margin-top: 80px;}
.blockSliderBodyEl .tbl > div:first-child {width: 100%; padding: 24px;}
.blockSliderBodyEl .tbl > div:last-child img {width: 260px; height: 260px; opacity: 0.16;}
#footerBottomApps {width: auto;}
#footerBottomApps > a:last-child {margin-left: 0px;}
.coursesFlexElBottom {display: block;}
.coursesFlexElBottom > div:first-child {width: 100%; display: block;}
.coursesFlexElBottom > div:last-child {width: 100%; display: block; margin-top: 16px;}
.button:not(.button--icon) {margin-left: 0px; width: 100%; float: none !important;}
.button p {text-align: center;}
.txt h4 {font-size: 19px;}
#innerCourseWrp {margin-top: 32px !important;}
#innerTop h1 {margin-top: 48px;}
.txt ul > li {padding-left: 32px;}
.txt ul > li:before {width: 16px; height: 2px;}
.columns-2-68-32 > div:first-child {padding: 0 24px;}
.columns-2-68-32.columns-2--padding > div:last-child {padding: 0 24px; margin-top: 56px;}
#loginWrpBody .columns-2-68-32 > div:first-child {padding-right: 24px;}
.columns-2-68-32.columns-2--padding > div:first-child {padding-left: 24px;}
#basket {width: calc(100% - 48px); left: 24px; margin-left: 0px; padding: 16px 16px;}
#basket > .tbl > div:last-child .button {float: right !important;}
#inner, #cabinetBlock1Body {margin-top: 32px;}
.themeEl .txt h4, .fileEl .txt h4, .tariffThemeEl .txt h4 {font-size: 18px;}
#totalTestBody > .flex > div:first-child > div {padding: 0 24px;}
#totalTestBody {padding: 32px 0;}
#totalTestBody > .flex > div:last-child {margin-top: 64px; padding: 0 24px}
.cabinetCourseModulesTop > div:last-child {display: none;}
#cabinetBlock1Course .blockSmall h1 {margin-top: 6px; margin-bottom: 40px;}
.tabsBodyEl {margin-top: 32px;}
#accountMessage {margin-top: 48px;}
.buttonWidth > div:first-child {justify-content: center;}
.tariffInfoBlockTab2 {padding: 32px 24px;}
/*#studyLayerBodyPanelMobile .button {height: 32px; padding: 0 10px; font-size: 15px; border-radius: 8px; margin-top: 10px; margin-right: 12px;}
#studyLayerBodyPanelMobile .button:last-child {margin-right: 0px;}
#studyLayerBodyPanelMobile {margin-top: -12px;}
#studyLayerBodyPanelMobile {padding-right: 48px;}
#studyLayerBodyClose {width: 32px; height: 32px; right: 20px; top: 20px; transition: all 0.2s linear; padding: 9px;}
#studyLayerBodyClose svg {width: 14px; height: 14px;}*/
#studyLayerBodyPanelMobile .button:last-child {margin-right: 0px;}
.studyLayerBodyContentTestAnswersElInfo .lbl {margin-bottom: 6px;}
.studyLayerBodyContentTestAnswersEl .txt h4 {margin-top: -6px;}
#innerTextColumns > div:first-child {margin-top: 40px;}
#innerTextColumns .blockSmall { padding-top: 4px; padding-bottom: 4px;}
#innerTextColumns .accordeonBody {padding-bottom: 20px;}

}

@media screen and (max-width: 420px) {
  
#topBody > div:first-child a > img {display: none;}
#topBody > div:first-child a {display: block; width: 80px; height: 40.41px; background: url('../img/logo2.svg') no-repeat; background-size: 80px 40.41px;}
#topBody > div:first-child {width: 80px;} 
#topBody > div:last-child {width: calc(100% - 80px); padding-left: 0px;}
#focusLines > div {width: 400px; height: 400px; left: 50%; margin-left: -200px; top: 16px;}
#focusBody .flex2 {min-height: calc(100vh - 180px); height: auto;}
#mpAbout .columns-2-32-68 > div:last-child .txt h2 {font-size: 26px;}
.h2Big, #innerTop h1:not(#h1Small) {font-size: 34px !important;}
#courses .accordeonTop > div:first-child .txt h3 {font-size: 26px;}
.coursesFlexEl .txt h4 {font-size: 21px;}
.coursesFlexElBottom > div:last-child p {font-size: 21px;}
.txt h2, #loginWrpBody h1 {font-size: 29px;}
.txt h3 {font-size: 25px;}
#mpWhyBody {padding: 32px 24px 0;}
#mpWhy .columns-2-32-68 > div:last-child h3 {font-size: 26px;}
#corporateBody .columns-2--padding > div:first-child {padding-left: 24px; padding-right: 24px;}
.accordeonTop .txt h3 {font-size: 22px;}
#corporateBody .columns-2--padding > div:first-child {padding-left: 24px; padding-right: 24px;}
#mpWhyBody {padding: 32px 24px 0;}
#mpWhyBody2 .columns-2-50-50 > div:last-child, #blockSingleWhy2 .columns-2-50-50 > div:last-child {padding-left: 24px; padding-right: 24px;}
#mpWhyBody2 .columns-2-32-68 > div:last-child, #blockSingleWhy2 .columns-2-32-68 > div:last-child {padding: 0 24px;}
#focusBodyTop > div:nth-child(2) h1 {font-size: 29px;}
#formBody > .flex > div {padding-left: 24px; padding-right: 24px;}
#main {padding-bottom: 320px; margin-bottom: 200px;}
#focusBody .flex2 > div:last-child > .flex > div:first-child {width: 100%;}
#focusLines:before {width: 400px; left: 50%; margin-left: -200px;}
#focusBody {border-radius: 16px 16px 0 0;}
.lbl {padding: 6px 14px; line-height: 1; margin-right: 6px; margin-bottom: 6px; border-radius: 16px; font-size: 12px;}
.coursesFlexElTop > div:last-child {width: 24px;} 
.phone {font-size: 28px;} 
.email {font-size: 18px; margin-top: 10px;}
#formBodyBottom .email {margin-bottom: 16px;}
.accordeonTop > div:last-child {width: 40px;}
.accordeonTop > div:last-child span {font-size: 28px;}
.accordeonBody {padding-bottom: 40px;}
.footerTopMenuEl > p {font-size: 18px;}
.slickLine:first-child {margin-top: 16px;} 
#mdlMenuBody {margin-top: 32px; padding-top: 24px;}
#mdl {width: 320px; padding: 24px;}
.mdlMenuBodyEl .txt p {font-size: 18px;}
#mdlMenu .txt h3 {font-size: 22px !important;}
#innerTop ul > li {margin: 0 8px 0 0; font-size: 12px;}
#basket > .tbl > div:first-child {display: none;}
#basket > .tbl > div:nth-child(2) {width: calc(100% - 126px);}
#basket #basketTotalP {text-align: left;}
#calculatorBodyCourses .coursesFlexEl .lbl {display: none;}
#calculatorBodyCourses .coursesFlexEl .coursesFlexElTop > div:first-child .txt {margin-top: 0px; padding-right: 8px;} 
#calculatorBodyTotalPrice, #cartBodyTotalPrice {font-size: 32px; margin-top: 12px;} 
#cartBodyTotalPrice .rub {font-size: 31px;}
#calculatorBodyBottomNum {display: block;}
#calculatorBodyBottom .tbl:not(.chkbx) > div:first-child {padding-right: 0; display: block; width: 100%;}
#calculatorBodyBottom .tbl:not(.chkbx) > div:last-child {width: 50%; display: block; margin-top: 16px; margin-left: 50%;}
#calculatorBodyBottom .tbl:not(.chkbx) > div:last-child .input {width: 100%;}
#cabinetBlock1InfoMenu3 .accordeonTop .txt h3 {font-size: 22px;}
#cabinetBlock1Course .blockSmall h1 {font-size: 22px;}
#accountMessage {margin-top: 40px; margin-bottom: 40px;}
.tariffInfoBlockTab2Body .accordeonTop > div:first-child .txt h3 {font-size: 20px;}
#studyLayerBodyPanelMobile {padding-right: 40px;}
#studyLayerBodyContent {/*padding: 32px 0px 32px 16px;*/ padding: 100px 0px 32px 16px;}
#studyLayerBodyContent > div {padding-right: 16px;}
.studyLayerBodyContentTestAnswersEl {padding: 16px;}
.studyLayerBodyContentTestAnswersEl {padding: 16px;}
.studyLayerBodyContentTestAnswersEl .margin-32 {margin-top: 16px;}
#studyLayerBodyContentTestBottom > .tbl {width: 100%; padding: 20px 16px 0px 16px;}
#studyLayerBodyContentTestBottom {bottom: 20px;}

}

@media screen and (max-width: 400px) {
  
#studyLayerBodyPanelMobile .button {height: 32px; padding: 0 10px; font-size: 15px; border-radius: 8px;}
#studyLayerBodyPanelMobile .button .tbl {height: 32px;}
#studyLayerBodyClose {width: 32px; height: 32px; right: 16px; top: 18px; transition: all 0.2s linear; padding: 9px;}
#studyLayerBodyClose svg {width: 14px; height: 14px;}
#studyLayerBodyPanel {padding: 16px 16px;}
/*#studyLayerBodyContent {height: calc(100% - 68px);}*/
#studyLayerBodyContentTestBottom > .tbl > div:first-child {width: calc(100% - 80px);}
#studyLayerBodyContentTestBottom > .tbl > div:last-child {width: 80px;}
#studyLayerBodyContent {padding: 88px 0px 32px 16px;}

#ticketsBody .ticketsBodyEl {margin-top: 24px;}
#ticketsBody .ticketsBodyEl:first-child {margin-top: 0px;}
.ticketsBodyElTop {margin-bottom: 12px;} 

}

@media screen and (max-width: 380px) {
  
.button:not(.button--icon) > .tbl > div:nth-child(2) {display: none;}
#focusBodyTop > div:nth-child(2) h1, .txt h2, #loginWrpBody h1 {font-size: min(max(24px, calc(1.5rem + (28 - 24) * ((100vw - 320px) / (380 - 320)))), 28px); min-height: 0vw;}
/*#focusLines > div {width: 400px; height: 400px; left: 50%; margin-left: -200px; top: 32px;}*/
#focusBody .flex2 {min-height: calc(100vh - 240px); height: auto;}
.flex2 > div:last-child > .flex > div:first-child p {font-size: 18px;}
body {font-size: 16px;}
#mpAbout .columns-2-32-68 > div:last-child .txt h2, #courses .accordeonTop > div:first-child .txt h3, #mpWhy .columns-2-32-68 > div:last-child h3 {font-size: min(max(22px, calc(1.375rem + (26 - 22) * ((100vw - 320px) / (380 - 320)))), 26px); min-height: 0vw;}
.h2Big, #innerTop h1, .corporateBody--inner h1 {font-size: min(max(28px, calc(1.75rem + (32 - 28) * ((100vw - 320px) / (380 - 320)))), 32px) !important; min-height: 0vw;}
.coursesFlexEl {padding: 16px;}
.coursesFlexElBottom {padding-top: 24px;}
.coursesFlexEl .txt h4, .accordeonTop .txt h3 {font-size: 19px;}
.margin-140 {margin-top: 72px;}
.masonryItem {padding: 24px 16px;}
.masonryItem:before {display: none;}
.txt h3 {font-size: min(max(21px, calc(1.3125rem + (25 - 21) * ((100vw - 320px) / (380 - 320)))), 25px); min-height: 0vw;}
.button {font-size: 17px; padding: 0 16px;}
.centered {padding: 0 16px;}
#mpWhy .thesisEl > div:first-child {font-size: 32px;}
#corporateBody .columns-2--padding > div:last-child {display: none !important;}
#formBody .columns-2-50-50 > div:first-child .txt p {font-size: 18px;}
.input, .select {height: 48px; font-size: 17px;}
.textarea {font-size: 17px;}
/*.chkbx > div:last-child .txt p {font-size: 14px;}*/
#footerTopInfo p {font-size: 14px;}
#formBody > .flex > div:last-child {margin-top: 64px;}
#mpWhyBody2, #blockSingleWhy2 {padding-top: 64px;}
.footerTopMenuEl .txt > p, #footerTopLinks p {font-size: 16px;}
.txt h4 {font-size: 18px;}
#h1Small {font-size: min(max(24px, calc(1.5rem + (28 - 24) * ((100vw - 320px) / (380 - 320)))), 28px) !important; min-height: 0vw;}
#basket {width: calc(100% - 32px); left: 16px; margin-left: 0px; padding: 16px 16px;}
#basket > .tbl > div:nth-child(2) p {font-size: 19px;} 
#calculatorBodyTotalPrice, #cartBodyTotalPrice {font-size: 30px; margin-top: 10px;} 
#cartBodyTotalPrice .rub, #calculatorBodyTotalPrice .rub {font-size: 29px;}
#cabinetBlock1Info > .flex:first-child > div:first-child .txt p {margin-top: 8px; font-size: 16px;}
.buttonWidth {font-size: 17px;}
.tariffInfoBlockTab2TopProgress > div:last-child p {font-size: 16px;}
#cabinetBlock1CourseBottom .coursesFlexElBottomInfo > div:last-child {font-size: 16px;}
.tariffInfoBlockTab2Body .accordeonTop > div:first-child .txt h3 {font-size: 19px;}
.tariffThemeElInfo p {font-size: 16px;}
.studyLayerBodyContentTestAnswersElInfo .txt p {font-size: 16px;}
.innerGallery > div {width: calc((100% - 16x) / 2); margin-left: 16px; margin-bottom: 16px;}
.innerGallery > div:nth-child(3n+1) {margin-left: 16px;}
.innerGallery > div:nth-child(2n+1) {margin-left: 0px;}

}

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

#mdl {width: 280px; padding: 16px;}
#mdlMenuTopInfo {margin-top: 32px;}
.mdlMenuBodyEl .margin-24 {margin-top: 16px;}
.mdlMenuBodyEl {margin-top: 32px;}
.mdlMenuBodyEl:first-child {margin-top: 0px;}
.mdlMenuBodyEl .txt p {margin-top: 12px; font-size: 18px !important;}
.mdlMenuBodyEl .txt p:first-child {margin-top: 0px;}


}

@media screen and (max-width: 340px) {
  
#basket > .tbl > div:nth-child(2) {display: none;}
#studyLayerBodyPanelMobile .button {padding: 0 8px; font-size: 15px; margin-right: 10px;}
#studyLayerBodyPanelMobile .button:last-child {margin-right: 0px;}


}