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

    .centered {width: 1420px; margin: 0 auto;}
    #mpBlock1SliderWrp {
        padding-left: calc((100% - 1420px) / 2);
    }
    #innerTopCoverBodyText {width: 75%;}
    .bigCardContacts > div:first-child > div {padding-left: calc((100vw - 1420px) / 2);}

    .blogElBigInfo .txt h3, .blogElBigInfo .txt .likeH3 {font-size: 36px;}

    #headerPanelSearchWrp .blogEl > div:last-child {width: 72px;}
    #headerPanelSearchWrp .blogEl > div:first-child {width: calc(100% - 72px); padding-left: 20px;}
    #headerPanelSearchWrp .blogElBody.txt h3, #headerPanelSearchWrp .blogElBody.txt .likeH3 {
        margin-bottom: 0;
        font-size: 20px;
    }
    .thesisEl p:first-child {
        font-size: 64px;
    }
    .thesisEl p:nth-child(2) {
        font-size: 18px;
        width: 95%;
    }
    .thesisEl > div:last-child {
        height: 100px;
        margin-top: 32px;
    }
    .bigCard .flex3 {
        position: relative;
        z-index: 3;
        min-height: 80vh;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        padding-left: calc((100vw - 1420px) / 2);
        padding-right: 56px;
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .bigCardBg .txt h2, .bigCardBg .txt .likeH2 {
        width: 75%;
    }
    .eventsElDate > div:first-child span {
        font-size: 48px;
    }
    .eventsElDate > div:last-child span {
        font-size: 19px;
    }
    .eventsElDate > div:first-child {
        width: 64px;
    }
    .eventsEl > div:first-child {width: 160px;}
    .eventsEl > div:nth-child(2) {
        width: calc(100% - (160px + 120px));
        padding: 0 32px 0 8px;
    }
    .eventsEl > div:nth-child(2) .txt {width: 100%;}
    #footerTop > div:first-child > div {
        width: 85%;
    }
    #footerTopMenu > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 32px;}
    #footerTopMenu > div:nth-child(-n+3) {margin-top: 32px;}
    #footerTopMenu > div:nth-child(3n+1) {margin-left: 20px;}
    #footerTopMenu > div:nth-child(-n+2) {margin-top: 0;}
    #footerTopMenu > div:nth-child(2n+1) {margin-left: 0;}
}

@media screen and (max-width: 1580px) {
    .blogEl {padding: 48px;}
    .blogEl > div:first-child {padding-right: 32px; width: 68%;}
    .blogEl > div:last-child {width: 32%;}
    .blogElBig > div:last-child {padding: 48px;}
    .blogElBigInfo {width: 100%;}
    .blogElSmall {
        padding: 24px;
        height: 100%;
    }
    .blogEl.blogElSmall > div:first-child {
        padding-right: 0;
        width: 100%;
    }
    .faqElTop > div:first-child {font-size: 22px;}
}

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

    .centered {width: 100%; padding: 0 48px;}
    header > div:last-child {width: 240px;}
    #headerPanelSearch {padding-left: calc(24px + 18px + 12px);}
    #headerPanelSearch:before {left: 24px;}
    #headerMenu {padding: 8px 24px;}
    .headerMenuEl {margin-right: 24px;}
    #headerLogo > div:last-child {width: calc(100% - 94px); padding-left: 20px; font-size: 22px;}
    #headerLogo > div:first-child {width: 94px;}
    #headerLogo {width: 345px;}
    .headerMenuElBody {left: -24px;}
    .headerMenuElBody p a, .headerMenuElBody p a:visited {padding: 8px 24px;}
    .txt h1 {font-size: calc(1.75rem + ((1vw - 3.2px) * 2.069)); min-height: 0vw;}
    #mpBlock1 .centered .txt {width: 85%;}
    #mpBlock1SliderWrp {padding-left: 48px;}
    .mb1swEl > .flex > div:last-child {width: 88px;}
    .mb1swEl > .flex > div:first-child {padding-right: 32px;}
    .mpb1s2wEl > p {font-size: 22px;}
    .mpb1s2wEl {width: 560px;}
    .mb1swEl > .flex > div:first-child h2, .mb1swEl > .flex > div:first-child .likeH2 {font-size: calc(1.5rem + ((1vw - 3.2px) * 1.3793)); min-height: 0vw;}
    #headerPanelSearchWrp .blogEl {padding: 12px 24px;}
    #headerPanelSearchWrp .txt:not(.blogElBody) {
        padding: 0 24px;
        margin: 16px 0 12px;
    }
    #mpBlock1SliderWrp .slick-slide {
        margin-right: 40px;
    }
    .txt h2, .txt .likeH2 {font-size: calc(1.5rem + ((1vw - 3.2px) * 1.7241)); min-height: 0vw;}
    .txt h3, .txt .likeH3 {
        font-size: calc(1.375rem + ((1vw - 3.2px) * 0.8621));
        min-height: 0vw;
    }
    .blogElBody.txt h3, .blogElBody.txt .likeH3 {
        font-size: calc(1.125rem + ((1vw - 3.2px) * 0.5172));
        min-height: 0vw;
    }
    .blogElBigInfo .txt h3, .blogElBigInfo .txt .likeH3 {
        font-size: calc(1.25rem + ((1vw - 3.2px) * 1.0345));
        min-height: 0vw;
    }
    #headerPanelSearchWrp .blogElBody.txt h3, #headerPanelSearchWrp .blogElBody.txt .likeH3 {
        font-size: calc(1rem + ((1vw - 3.2px) * 0.3448));
        min-height: 0vw;
    }
    .blogEl .beteDate, .blogElBigInfo .beteDate, #innerArticleBodyTop .beteDate {
        margin-right: 12px;
    }
    .blogElTopEl {line-height: 16px; font-size: 12px;}
    .beteIcon {padding-left: 20px;}
    .beteIcon:before {width: 16px; height: 16px;}
    .beteViews:before {background: url('../img/icon-eye.svg') no-repeat; background-size: 16px 16px;}
    .beteSays:before {background: url('../img/icon-says.svg') no-repeat; background-size: 16px 16px;}
    .label {margin: 8px 12px 0 0; font-size: 12px;}
    .blogElBigInfo .beteViews:before {background: url('../img/icon-eye2.svg') no-repeat; background-size: 16px 16px;}
    .blogElBigInfo .beteSays:before {background: url('../img/icon-says2.svg') no-repeat; background-size: 16px 16px;}
    .blogElSmall .blogElBody h3, .blogElSmall .blogElBody .likeH3 {
        font-size: calc(1.0625rem + ((1vw - 3.2px) * 0.2586));
        min-height: 0vw;
    }
    .width-50 {
        width: 60%;
    }
    .thesisEl p:first-child {
        font-size: calc(1.75rem + ((1vw - 3.2px) * 2.4138));
        min-height: 0vw;
    }
    .thesisEl p:nth-child(2) {
        font-size: 18px;
        width: 100%;
    }
    .thesisEl > div:last-child {
        height: 80px;
        margin-top: 24px;
    }
    .bigCard .flex3 {
        position: relative;
        z-index: 3;
        min-height: 80vh;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        padding-left: 48px;
        padding-right: 48px;
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .thesis2El p:nth-child(2) {
        font-size: 16px;
    }
    .thesis2El {padding: 20px;}
    .thesis2El p:first-child {
        font-size: 19px;
    }
    .bigCard .txt h2, .bigCard .txt .likeH2, .bigCardItems .txt h2, .bigCardItems .txt .likeH2 {
        font-size: calc(1.5rem + ((1vw - 3.2px) * 1.3793));
        min-height: 0vw;
    }
    .eventsEl > div:nth-child(2) .txt h3, .eventsEl > div:nth-child(2) .txt .likeH3 {
        font-size: calc(1.0625rem + ((1vw - 3.2px) * 0.431));
        min-height: 0vw;
    }
    .eventsElDate > div:first-child span {
        font-size: 40px;
    }
    .eventsElDate > div:last-child span {
        font-size: 16px; margin-top: 1px;
    }
    .eventsElDate > div:last-child {
        padding-left: 8px;
    }
    .eventsElDate > div:first-child {
        width: 56px;
    }
    .eventsEl > div:first-child {
        width: 136px;
    }
    .eventsEl > div:nth-child(2) {
        width: calc(100% - (136px + 120px));
        padding: 0 24px 0 8px;
    }
    .bigCardItems > div:first-child {padding: 48px;}
    #innerText > div:first-child {
        width: 32%;
        padding-right: 6%;
    }
    .faqElTop > div:first-child {
        font-size: calc(1.125rem + ((1vw - 3.2px) * 0.3448));
        min-height: 0vw;
    }
    #innerBlogBody .blogElBody.txt h3, #innerBlogBody .blogElBody.txt .likeH3 {
        font-size: calc(1.0625rem + ((1vw - 3.2px) * 0.431));
        min-height: 0vw;
    }
    #team > div {width: calc((100% - 20px) / 2); position: relative; margin-left: 20px; margin-top: 40px;}
    #team > div:nth-child(3n+1) {margin-left: 20px;}
    #team > div:nth-child(-n+3) {margin-top: 40px;}
    #team > div:nth-child(2n+1) {margin-left: 0;}
    #team > div:nth-child(-n+2) {margin-top: 0;}
    .officesEl > div:last-child {
        width: calc(100% - 64px);
        padding-left: 20px;
        padding-right: 32px;
    }
    .officesEl > div:last-child .likeH3 {
        font-size: calc(1rem + ((1vw - 3.2px) * 0.3448));
        min-height: 0vw;
    }
    .bigCardContacts > div:first-child > div {
        padding-top: 48px;
        padding-bottom: 48px;
        padding-right: 48px;
        padding-left: 48px;
    }
    .bigCardForm > div {
        padding: 48px; width: 100%;
    }
    .txt h4, .txt .likeH4 {
        font-size: calc(1.0625rem + ((1vw - 3.2px) * 0.6034));
        min-height: 0vw;
    }
    .innerAlbumsEl .flex {
        padding: 24px;
    }
    .innerAlbumsEl .flex .txt .likeH3, #mediaVideo .txt .likeH3 {
        font-size: calc(1rem + ((1vw - 3.2px) * 0.1724));
        min-height: 0vw;
    }
    #innerTopCover .mb1swEl > .flex > div:first-child .likeH2 {
        font-size: calc(1.25rem + ((1vw - 3.2px) * 0.6897));
        min-height: 0vw;
    }
    #innerTopCover .marginTop-32 {
        margin-top: 24px;
    }
    #innerTopCoverBodyText {
        width: 80%;
    }
    .thesisBody .txt h3, .thesisBody .txt .likeH3 {
        font-size: calc(1.125rem + ((1vw - 3.2px) * 0.5172));
        min-height: 0vw;
    }
    .bigCardFaq > div {
        width: 100%;
        margin: 0 auto;
        padding: 48px;
    }
    /*.faqEl:first-child .faqElTop {padding-top: 0;}
    .faqEl:last-child .faqElTop {
        padding-bottom: 0;
    }*/
    #loginWrp > div:last-child {
        width: 32%;
        padding-left: 6%;
    }
    .innerCard {
        padding: 40px;
    }
    #accountBody > div:first-child {
        width: 32%;
        padding-right: 6%;
    }
    .saysBodyElTop > div:last-child p:first-child {
        font-size: 19px;
    }
    .saysBodyElTop > div:last-child p:last-child {
        font-size: 12px;
    }
    #innerBlogTop > div:first-child {width: auto; flex: 1 1 0;}
    #innerBlogTop > div:last-child {width: auto;}
    #innerArticle > div:last-child {
        width: 40%;
        padding-left: 6%;
    }
    #innerArticleBodyTop > div:first-child {width: 100%; order: 2;}
    #innerArticleBodyTop > div:last-child {
        justify-content: flex-start; order: 1;
        width: 100%; margin-bottom: 16px;
    }
    #innerArticleBody .txt h2, #innerArticleBody .txt .likeH2 {
        font-size: calc(1.5rem + ((1vw - 3.2px) * 1.0345));
        min-height: 0vw;
    }
    #innerArticleBottomLeft {
        padding: 48px 0;
    }
    #innerArticleBottomLeft > div {
        width: 100%; padding: 0 48px;
    }
    #innerArticleBottomBlog {
        width: 100%; padding: 0 48px;
    }
    .saysBodyElTree {
        padding-left: 48px;
    }
    #innerArticleBottomLeftTop > div:first-child .txt h3, #innerArticleBottomLeftTop > div:first-child .txt .likeH3 {
        font-size: 22px;
    }
    #innerArticleBottomLeftTop > div:last-child select {
        width: 170px;
        height: 22px;
    }
    .sbebControl span {font-size: 12px;}
    .sbebAnswer > span:before {
        width: 16px;
        height: 16px;
        background: url('../img/icon-says.svg') no-repeat;
        background-size: 16px 16px;
    }
    .sbebAnswer > span:after {
        width: 16px;
        height: 16px;
        background: url('../img/icon-says3.svg') no-repeat;
        background-size: 16px 16px;
    }
    .saysBodyElBottom > div, .saysBodyElBottom > a {
        margin-right: 24px;
    }
    .sbebOptions span {
        display: block;
        width: 16px;
        height: 16px;
        padding: 5px 0;
        cursor: pointer;
        transition: all 0.1s linear;
        text-align: center;
        line-height: 0.01;
        font-size: 19px;
    }
    .sbebAnswer > span {font-size: 12px; padding-left: 22px; height: 16px}
    #calendarTop > div:first-child {
        width: 130px;
    }
    #calendarBodyHeader > div, #calendarBodyMonth > div {
        font-size: calc(1.125rem + ((1vw - 3.2px) * 0.5172));
        min-height: 0vw;
    }
    #calendarTop > div:last-child {
        width: calc(100% - 130px);
        padding-left: 32px;
    }
    #innerEventsBody .eventsElDate > div:first-child span, #mdlEvents .eventsElDate > div:first-child span {
        font-size: 40px;
    }
    #innerEventsBody .eventsElDate > div:last-child {
        padding-left: 8px;
    }
    #innerEventsBody .eventsElDate > div:last-child span {
        font-size: 16px;
        margin-top: 1px;
    }
    #innerEventsBody .eventsElDate > div:first-child {
        width: 56px;
    }
}

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

    body, #headerPanelSearch input {font-size: 17px;}
    .button {font-size: 17px; padding: 0 20px;}
    .tabsTopEl {font-size: 17px; padding: 0 20px;}
    .marginTop-80 {margin-top: 72px;}
    #headerContacts > div:first-child p:first-child {font-size: 20px;}
    header > div:last-child {width: 216px;}
    #headerContacts > div:first-child p:last-child {font-size: 16px; margin-top: 5px;}
    #headerLogo > div:last-child {
        width: calc(100% - 88px);
        padding-left: 16px;
        font-size: 21px;
    }
    #headerLogo > div:first-child {
        width: 88px;
    }
    #headerLogo {
        width: 325px;
    }
    header > div:first-child {width: 360px;}
    .headerMenuElBody p a, .headerMenuElBody p a:visited {
        padding: 6px 24px;
    }
    #headerMenu {min-height: 56px; height: calc(100% - (2px + 56px));}
    header > div:last-child .button {
        width: 32px; height: 32px; padding: 0 0;
    }
    .button--hollow svg {width: 18px;}
    #headerPanel .button {
        height: 56px;
    }
    #headerContacts {padding: 0 20px;}
    .headerMenuEl > p a, .headerMenuEl p a:visited {padding: 6px 0;}
    .mpb1s2wEl > p {font-size: 20px;}
    .mpb1s2wEl {
        width: 520px;
    }
    #headerPanel .button--icon {
        width: 56px;
    }
    #mpBlock1 .link {
        font-size: 20px;
    }
    .headerMenuElBody {top: 28px;}
    .headerMenuElBody p a, .headerMenuElBody p a:visited {font-size: 17px;}
    .button--icon {padding: 0 0;}
    .hmeParent > p:after {bottom: calc(7px + 3px);}
    #headerPanelSearchBody {top: 48px;}
    .blogElBody p {font-size: 16px;}
    .thesisEl p:nth-child(2) {
        font-size: 17px;
        width: 100%;
    }
    .bigCardBg .txt h2, .bigCardBg .txt .likeH2 {
        width: 80%;
    }
    .bigCardBg .thesis2 {
        margin-top: 48px;
    }
    #footerTop > div:first-child {
        width: 360px;
    }
    #footerTop > div:nth-child(2) {
        width: calc(100% - (360px + 260px));
        padding-right: 20px;
        padding-left: 20px;
    }
    #footerTop > div:last-child {
        width: 260px;
    }
    #footerTop > div:first-child > div > p {
        font-size: 19px;
    }
    .footerTopMenuEl > p {
        font-size: 19px;
    }
    .documentsBody > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 24px;}
    .documentsBody > div:nth-child(4n+1) {margin-left: 20px;}
    .documentsBody > div:nth-child(-n+4) {margin-top: 24px;}
    .documentsBody > div:nth-child(3n+1) {margin-left: 0;}
    .documentsBody > div:nth-child(-n+3) {margin-top: 0;}
    .input, .textarea {font-size: 17px;}
    .input {padding: 0 20px;}
    .textarea {padding: 16px 20px;}
    #innerTopCover .mpb1s2wEl > p {
        font-size: 18px;
    }
    .link {font-size: 17px;}
    #innerTopCover .link {font-size: 18px;}
    .thesisBody > .flex > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 40px;}
    .thesisBody > .flex > div:nth-child(-n+4) {margin-top: 40px;}
    .thesisBody > .flex > div:nth-child(4n+1) {margin-left: 20px;}
    .thesisBody > .flex > div:nth-child(-n+3) {margin-top: 0;}
    .thesisBody > .flex > div:nth-child(3n+1) {margin-left: 0;}
    #innerTopCoverBody > div:last-child {
        padding-bottom: 72px;
    }
    #loginWrp .conf .txt {
        width: 85%;
    }
    .saysBodyElText {
        width: 95%;
        margin-top: 12px;
        font-size: 15px;
    }
    .saysBodyElBottom {
        margin-top: 12px;
    }
    .saysBodyElBottom > div, .saysBodyElBottom > a {
        margin-right: 24px;
    }
    .popupTop {
        padding: 0 16px 0 20px;
    }
    .datepicker input {
        padding: 0 0 0 20px;
    }
    .popupBody {padding: 20px;}
    #innerArticleBottomLeftTop > div:first-child .txt h3, #innerArticleBottomLeftTop > div:first-child .txt .likeH3 {
        font-size: 22px;
    }
    #innerArticleBottomLeftTop > div:last-child select {
        width: 170px;
        height: 22px;
        font-size: 17px;
    }
    .select2 {
        padding: 0 32px 0 20px;
    }
    #calendarTop > div:last-child {
        width: calc(100% - 130px);
        padding-left: 24px;
    }
    .nav-scroller__item {
        margin-left: 24px;
    }
    .nav-scroller__item:first-child {
        margin-left: 0px;
    }
    .calendarTopEl {
        font-size: 15px;
    }
    .select2 {
        font-size: 17px;
    }
    #innerEventsBody .eventsEl > div:first-child {width: 130px;}
    #innerEventsBody .eventsEl > div:nth-child(2) {
        width: calc(100% - (130px + 120px));
        padding: 0 24px 0 16px;
    }
    #innerEventsBody .eventsEl > div:nth-child(2) .txt h3, #innerEventsBody .eventsEl > div:nth-child(2) .txt .likeH3 {
        font-size: calc(1.0625rem + ((1vw - 3.2px) * 0.431));
        min-height: 0vw;
    }

}

@media screen and (max-width: 1280px) {
    #headerPanelSearchWrp .blogEl > div:first-child {
        width: 100%;
        padding-left: 0;
    }
    #headerPanelSearchWrp .blogEl > div:last-child {display: none;}
    .blogEl {
        padding: 40px;
    }
    .blogEl > div:last-child {
        width: 160px;
    }
    .blogEl > div:first-child {
        padding-right: 24px;
        width: calc(100% - 160px);
    }
    .blogElBig > div:last-child {
        padding: 40px;
    }
    .marginTop-48 {
        margin-top: 40px;
    }
    .blogElBody {
        margin-top: 20px;
    }
    .blogElSmall {
        padding: 24px;
    }
    .eventsEl > div:last-child {
        width: 100px;
    }
    .eventsEl > div:nth-child(2) {
        width: calc(100% - (136px + 100px));
        padding: 0 24px 0 8px;
    }
    .eventsEl > div:first-child {width: calc(100% - 140px); order: 1; display: none;}
    .eventsEl > div:nth-child(2) {
        width: calc(100% - 140px);
        padding: 0 24px 0 0; order: 1; margin-top: 0;
    }
    .eventsEl > div:last-child {width: 140px; order: 2;}
    .eventsEl .blogElTop {
        display: block; margin-bottom: 20px;
    }
    #innerText > div:first-child {
        width: 320px;
        padding-right: 56px;
    }
    #innerText > div:last-child {
        width: calc(100% - 320px);
        padding-left: 0;
    }
    #mapWrp {
        height: 200px;
    }
    #dDrop > div img {
        width: 20px;
    }
    #dDrop > div p:nth-child(2) {
        font-size: 15px;
        margin-top: 10px;
        width: 96%;
        margin-left: 2%;
    }
    #dDrop > div p:nth-child(3) {
        font-size: 11px;
        width: 100%;
        margin-left: 0;
        margin-top: 7px;
    }
    #innerAlbums > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px;}
    #innerAlbums > div:nth-child(3n+1) {margin-left: 20px;}
    #innerAlbums > div:nth-child(-n+3) {margin-top: 20px;}
    #innerAlbums > div:nth-child(2n+1) {margin-left: 0;}
    #innerAlbums > div:nth-child(-n+2) {margin-top: 0;}
    #loginWrp > div:last-child {
        width: 320px;
        padding-left: 56px;
    }
    #loginWrp > div:first-child {
        width: calc(100% - 320px);
        padding-right: 0;
    }
    #accountBody > div:first-child {
        width: 320px;
        padding-right: 56px;
    }
    #accountBody > div:last-child {
        width: calc(100% - 320px);
        padding-left: 0;
    }
    #innerArticle > div:last-child {
        width: 360px;
        padding-left: 56px;
    }
    #innerArticle > div:first-child {
        width: calc(100% - 360px);
        padding-right: 0;
    }
    #calendarBodyHeader {
        padding: 24px 0;
    }
    #innerEventsBody .eventsEl > div:nth-child(2) {
        width: 70%;
        padding-right: 6%;
        padding-left: 0;
    }
    #innerEventsBody .eventsEl > div:last-child {
        width: 30%;
    }
}

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

    header > div:last-child {display: none;}
    #headerLogo > div:last-child {
        width: calc(100% - 80px);
        padding-left: 16px;
        font-size: 20px;
    }
    #headerLogo > div:first-child {
        width: 80px;
    }
    #headerLogo {
        width: 308px;
    }
    header > div:first-child {
        width: 340px;
    }
    #mpBlock1 .centered .txt {
        width: 90%;
    }
    header > div:nth-child(2) {padding: 0 0 0 2px;}
    .blogEl > div:first-child {padding-right: 20px; width: calc(100% - 140px);}
    .blogEl > div:last-child {width: 140px;}
    .width-50 {
        width: 70%;
    }
    .thesis > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 32px; position: relative;}
    .thesis > div:nth-child(-n+4) {margin-top: 32px;}
    .thesis > div:nth-child(4n+1) {margin-left: 20px;}
    .thesis > div:nth-child(-n+2) {margin-top: 0;}
    .thesis > div:nth-child(2n+1) {margin-left: 0;}
    .thesisEl > div:last-child {display: none;}
    #mpThesis {padding-bottom: 56px;}
    .thesisEl p:nth-child(2) {
        width: 80%;
    }
    .thesis2 > div {width: 100%; margin-left: 0; margin-top: 2px;}
    .thesis2 > div:nth-child(2n+1) {margin-left: 0;}
    .thesis2 > div:nth-child(-n+2) {margin-top: 2px;}
    .thesis2 > div:nth-child(-n+1) {margin-top: 0;}
    .bigCardBg .txt h2, .bigCardBg .txt .likeH2 {
        width: 100%;
    }
    #footerTop > div:first-child {
        width: 340px;
    }
    #footerTop > div:nth-child(2) {
        width: calc(100% - 340px);
        padding-right: 0;
        padding-left: 20px;
    }
    #footerTop > div:last-child {
        display: none;
    }
    #footerBottom a img {width: 100px;}
    #innerBlogBody .blogEl > div:last-child {
        width: 120px;
    }
    #innerBlogBody .blogEl > div:first-child {
        width: calc(100% - 120px);
        padding-right: 24px;
    }
    #loginWrp .conf .txt {
        width: 90%;
    }
    #innerArticleBottom > div:first-child {width: calc(100% - 440px);}
    #innerArticleBottom > div:last-child {width: 440px;}
    .saysBodyElTree {
        padding-left: 40px;
    }
    #innerEventsBody .eventsEl > div:nth-child(2) {
        width: calc(100% - 120px);
        padding-right: 24px;
    }
    #innerEventsBody .eventsEl > div:last-child {
        width: 120px;
    }
}

@media screen and (max-width: 1080px) {
    .blogEl {
        padding: 32px;
    }
    .blogElBody p {
        font-size: 15px;
    }
    .blogElBig > div:last-child {
        padding: 32px;
    }
    .blogElSmall {
        padding: 24px;
    }
    .thesisEl p:nth-child(2) {
        width: 85%;
    }
    .blogElBody {
        margin-top: 16px;
    }
    .eventsEl .blogElTop {
        margin-bottom: 16px;
    }
    .eventsEl .labels {
        margin-top: 20px;
    }
    #innerText > div:first-child {
        width: 310px;
        padding-right: 48px;
    }
    #innerText > div:last-child {
        width: calc(100% - 310px);
        padding-left: 0;
    }
    .documentsBodyEl > div:last-child {
        margin-top: 5px;
        font-size: 15px;
    }
    .faqElTop > div:first-child {
        padding-right: 24px;
    }
    .faqElBody {
        width: 90%;
    }
    .officesEl > div:last-child {
        padding-right: 0;
    }
    #innerTopCoverBodyText {
        width: 85%;
    }
    #loginWrp > div:last-child {
        width: 310px;
        padding-left: 48px;
    }
    #loginWrp > div:first-child {
        width: calc(100% - 310px);
        padding-right: 0;
    }
    #loginWrp .conf .txt {
        width: 100%;
    }
    #accountBody > div:first-child {
        width: 310px;
        padding-right: 48px;
    }
    #accountBody > div:last-child {
        width: calc(100% - 310px);
        padding-left: 0;
    }
    #navigation > div {
        margin-right: 4px;
    }
    #innerArticle > div:last-child {
        width: 340px;
        padding-left: 48px;
    }
    #innerArticle > div:first-child {
        width: calc(100% - 340px);
        padding-right: 0;
    }
    #calendarBodyMonth > div {
        height: 72px;
    }
    .withEvent div > span {
        width: 8px;
        height: 8px;
        margin-right: 4px;
        margin-bottom: 4px;
    }
    #innerSearchTop {
        width: 100%;
        padding-right: 0;
    }
}

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

    body {font-size: 16px;}
    #headerPanel > div:last-child .button {
        font-size: 0;
        justify-content: center; padding: 0 0; width: 48px;
    }
    #headerPanel > div:last-child .button:before {
        content: '+';
        font-size: 22px;
        line-height: 1;
    }
    .headerMenuElBody p a, .headerMenuElBody p a:visited {font-size: 16px;}
    .headerMenuElBody {padding: 6px 0;}
    .centered {padding: 0 40px;}
    #mpBlock1SliderWrp {
        padding-left: 40px;
    }
    .marginTop-40 {
        margin-top: 32px;
    }
    .marginTop-80 {
        margin-top: 64px;
    }
    .mpb1s2wEl > p, #mpBlock1 .link {
        font-size: 19px;
    }
    #mpBlock1Slider2Wrp .marginTop-40 {margin-top: 24px;}
    #mpBlock1 .centered .txt {
        width: 100%;
    }
    #headerPanelSearch input {font-size: 16px;}
    #headerPanel .button--icon {
        width: 48px;
    }
    #headerPanel .button {
        height: 48px;
    }
    #headerPanel .button svg {max-width: 28px; max-height: 20px;}
    #headerMenu {
        min-height: 48px;
        height: calc(100% - (2px + 48px));
        padding: 8px 20px;
    }
    #headerPanelSearch {
        padding-left: calc(20px + 16px + 10px);
    }
    #headerPanelSearch::before {
        content: '';
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        left: 20px;
        top: 50%;
        margin-top: -7px;
        background: url('../img/icon-search.svg') no-repeat;
        background-size: 14px 14px;
    }
    .headerMenuElBody {
        left: -20px;
    }
    .marginTop-100 {
        margin-top: 88px;
    }
    .mb1swEl > .flex > div:last-child {
        width: 72px;
    }
    #mpBlogBody > div {width: 100%;}
    #mpBlogBody > div:first-child {
        padding: 0 2px 0 2px;
    }
    .blogElBigInfo {width: 70%;}
    .blogElBig > div:last-child {justify-content: flex-start;}
    .blogElBig {height: auto;}
    .blogElBigBg {height: 420px;}
    #mpBlogBody > div:last-child {
        padding: 2px 2px 0 2px;
    }
    .blogEl > div:first-child {
        padding-right: 32px;
        width: calc(100% - 240px);
    }
    .blogEl > div:last-child {
        width: 240px;
    }
    .blogElBody p {
        font-size: 16px;
    }
    .blockTop > div:last-child {margin-top: 32px;}
    .link {font-size: 17px;}
    .columns-2-50 > div {margin-left: 0;}
    .columns-2-50 > div:first-child {width: 80%; padding-right: 0;}
    .columns-2-50 > div:last-child {margin-top: 32px; width: 100%;}
    .width-50 {
        width: 80%;
    }
    .thesisEl p:nth-child(2) {
        width: 90%;
    }
    .thesisEl p:nth-child(2) {
        font-size: 16px;
    }
    .bigCard .flex3 {padding: 40px;}
    .columns-2-cards > div {
        width: 100%;
    }
    .columns-2-cards > div:first-child {
        padding: 0 2px 0 2px;
    }
    .bigCard .flex3 {min-height: auto;}
    .thesis2 > div {width: calc((100% - 2px) / 2); margin-left: 2px; margin-top: 2px; position: relative;}
    .thesis2 > div:nth-child(2n+1) {margin-left: 0;}
    .thesis2 > div:nth-child(-n+2) {margin-top: 0;}
    .bigCardItems > div:first-child {
        padding: 40px 40px;
    }
    .eventsEl > div:last-child {
        width: 240px;
    }
    .eventsEl > div:nth-child(2) {
        width: calc(100% - 240px);
    }
    .eventsEl > div:nth-child(2) .txt h3, .eventsEl > div:nth-child(2) .txt .likeH3 {
        font-size: calc(1.125rem + ((1vw - 3.2px) * 0.5172));
        min-height: 0vw;
    }
    .block:last-child {
        margin-bottom: 88px;
    }
    #footerTop > div {padding: 88px 0;}
    #footerTop > div:first-child > div > p, .footerTopMenuEl > p {
        font-size: 18px;
    }
    .marginTop-32 {
        margin-top: 24px;
    }
    #footerBody {
        padding-bottom: 24px;
    }
    #footerBottom {
        padding: 20px 0 32px;
    }
    #footerLogo > div:last-child p:first-child {
        font-size: 15px;
    }
    #footerLogo > div:last-child p:nth-child(2) {
        font-size: 14px;
    }
    #footerLogo > div:first-child {
        width: 72px;
    }
    #footerLogo > div:last-child {
        width: calc(100% - 72px);
    }
    #innerText > div:first-child {
        width: 100%;
        padding-right: 0;
    }
    #innerText > div:last-child {
        width: 100%; margin-top: 32px;
        padding-left: 0;
    }
    #sideWrpControl {display: block;}
    #sideWrpControl > div, #sideWrpControl .button {width: 100%;}
    #sideWrpControl .button {justify-content: center;}
    #sideWrp .sws {display: none; margin-top: 8px;}
    #sideWrp.open .sws {display: block !important;}
    #innerCabinetSide #sideMenu {
        margin-top: 8px;
    }
    #accountBody #sideWrpControl {margin-top: 8px;}
    #sideWrp.open .button {background-color: #CDD1DF !important; border-color: #CDD1DF !important; transition: all 0.1s linear;}
    #innerBlogBody > .flex:not(#navigation) > div {width: 100%; margin-left: 0; margin-top: 2px;}
    #innerBlogBody > .flex:not(#navigation) > div:nth-child(2n+1) {margin-left: 0;}
    #innerBlogBody > .flex:not(#navigation) > div:nth-child(-n+2) {margin-top: 2px;}
    #innerBlogBody > .flex:not(#navigation) > div:nth-child(-n+1) {margin-top: 0;}
    #innerBlogBody .blogEl > div:last-child {
        width: 240px;
    }
    #innerBlogBody .blogEl > div:first-child {
        width: calc(100% - 240px);
        padding-right: 24px;
    }
    #innerBlogBody .blogElBody.txt {
        width: 100%;
    }
    #innerBlogBody .blogEl > div:first-child .flex3 > div:first-child, .eventsEl .flex3 > div:first-child {width: 85%;}
    #innerBlogBody .blogElBody.txt h3, #innerBlogBody .blogElBody.txt .likeH3 {
        font-size: calc(1.125rem + ((1vw - 3.2px) * 0.5172));
        min-height: 0vw;
    }
    #team > div {width: calc((100% - 40px) / 3); position: relative; margin-left: 20px; margin-top: 40px;}
    #team > div:nth-child(2n+1) {margin-left: 20px;}
    #team > div:nth-child(-n+2) {margin-top: 40px;}
    #team > div:nth-child(3n+1) {margin-left: 0;}
    #team > div:nth-child(-n+3) {margin-top: 0;}
    .teamEl .txt h2, .teamEl .likeH2 {
        font-size: calc(1.375rem + ((1vw - 3.2px) * 1.5625));
        min-height: 0vw;
    }
    .teamEl .txt h3, .teamEl .likeH3 {
        font-size: calc(1.125rem + ((1vw - 3.2px) * 0.9375));
        min-height: 0vw;
    }
    .teamElInfo p.teamElInfoPosition {
        font-size: 15px;
    }
    .bigCardContacts > div:first-child > div {
        padding: 40px;
    }
    #mapWrp {
        height: 240px;
    }
    .bigCardForm > div {
        padding: 40px;
    }
    .input {font-size: 16px; height: 48px;}
    .textarea {font-size: 16px; /*height: 88px;*/ padding: 12px 20px;}
    #dDrop > div p:nth-child(2) {
        font-size: 15px;
        margin-top: 10px;
        width: 100%; margin-left: 0;
    }
    .marginTop-64 {
        margin-top: 56px;
    }
    #breadcrumbs > li {
        margin-right: 8px;
        margin-bottom: 8px;
        font-size: 15px;
    }
    #innerTopCoverBodyText {
        width: 90%;
    }
    #mpBlock1Slider2 > div:first-child {
        flex: auto; width: calc(100% - 120px);
        padding-right: 24px;
    }
    #innerTopCover .mpb1s2wEl {width: 90%;}
    .thesisBody > .flex > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 40px;}
    .thesisBody > .flex > div:nth-child(-n+4) {margin-top: 40px;}
    .thesisBody > .flex > div:nth-child(4n+1) {margin-left: 20px;}
    .thesisBody > .flex > div:nth-child(-n+3) {margin-top: 40px;}
    .thesisBody > .flex > div:nth-child(3n+1) {margin-left: 20px;}
    .thesisBody > .flex > div:nth-child(-n+2) {margin-top: 0;}
    .thesisBody > .flex > div:nth-child(2n+1) {margin-left: 0;}
    .width-70 {
        width: 80%;
    }
    #innerTopCoverBody > div:first-child {
        padding-top: 64px;
    }
    #innerTopCoverBody > div:last-child {
        padding-bottom: 64px;
    }
    .bigCardFaq > div {padding: 40px;}
    #loginWrp > div:last-child {
        width: 440px;
        padding-left: 0; margin-top: 32px;
    }
    #loginWrp > div:first-child {
        width: 100%;
        padding-right: 0;
    }
    .innerCard {
        padding: 32px;
    }
    #loginWrp .conf .txt {
        width: 85%;
    }
    .tabsTopEl {font-size: 16px;}
    #accountBody > div:first-child {
        width: 100%;
        padding-right: 0;
    }
    #accountBody > div:last-child {
        width: 100%;
        padding-left: 0;
        margin-top: 32px;
    }
    .datepicker {
        height: 56px;
        width: 200px;
    }
    #innerBlogTop .popup {width: calc(100% - (200px + 8px));}
    #navigation > div a:not(.navigationForward) {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 15px;
    }
    #navigation > div p {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 15px;
    }
    .navigationForward {
        height: 36px;
        width: 36px;
        line-height: 36px;
    }
    #innerArticle > div:last-child {display: none;}
    #innerArticle > div:first-child {
        width: 100%;
        padding-right: 0;
    }
    .txt ul li::before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background-color: #29488E;
        border-radius: 2px;
        position: absolute;
        left: 0;
        top: 5px;
    }
    .txt ul li {padding-left: 18px;}
    #innerArticleCover {display: block; margin-bottom: 32px; border-radius: 4px; overflow: hidden;}
    #innerArticleBottom > div:first-child {width: 100%;}
    #innerArticleBottom > div:last-child {width: 100%; margin-top: 40px;}
    #innerArticleBottomLeft {
        padding: 40px 0;
    }
    #innerArticleBottomLeft > div {
        padding: 0 40px;
    }
    #innerArticleBottomBlog {
        padding: 0 40px;
    }
    #otherArticlesSide > div {width: calc((100% - 2px) / 2); margin-top: 2px; margin-left: 2px; position: relative;}
    #otherArticlesSide > div:first-child {margin-top: 0;}
    #otherArticlesSide > div:nth-child(-n+2) {margin-top: 0;}
    #otherArticlesSide > div:nth-child(2n+1) {margin-left: 0;}
    #innerArticleBottomLeftTop > div:first-child .txt h3, #innerArticleBottomLeftTop > div:first-child .txt .likeH3 {
        font-size: 20px;
    }
    #innerArticleBottomLeftTop > div:last-child select {
        width: 150px;
        height: 20px;
        font-size: 16px;
    }
    .select2 {
        font-size: 16px;
        padding: 0 24px 0 16px;
        height: 40px;
    }
    #calendarTop > div:first-child {
        width: 120px;
    }
    #calendarTop > div:last-child {
        width: calc(100% - 120px);
        padding-left: 20px;
    }
    .nav-scroller__item {
        margin-left: 20px;
    }
    .nav-scroller__item:first-child {
        margin-left: 0px;
    }
    .reloadHereItems > div {width: 100%; margin-left: 0; margin-top: 2px;}
    .reloadHereItems > div:nth-child(2n+1) {margin-left: 0;}
    .reloadHereItems > div:nth-child(-n+2) {margin-top: 2px;}
    .reloadHereItems > div:nth-child(-n+1) {margin-top: 0;}
    #innerEventsBody .eventsEl > div:last-child {
        width: 240px;
    }
    #innerEventsBody .eventsEl > div:nth-child(2) {
        width: calc(100% - 240px);
        padding-right: 24px;
    }
    #innerEventsBody .eventsEl > div:nth-child(2) .txt h3, #innerEventsBody .eventsEl > div:nth-child(2) .txt .likeH3 {
        font-size: calc(1.125rem + ((1vw - 3.2px) * 0.5172));
        min-height: 0vw;
    }
    #mdl .conf .txt {
        width: 100%;
    }
    #headerPanelSearchWrp .blogEl {
        padding: 12px 20px;
    }
    #headerPanelSearchWrp .txt:not(.blogElBody) {
        padding: 0 20px;
    }
    #headerPanelSearchBody {
        top: 44px;
    }
    #innerSearchTop .button {height: 48px;}
    #innerArticleBodyTop > div:last-child {margin-bottom: 12px;}
}

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

    #headerLogo > div:last-child {
        width: calc(100% - 72px);
        padding-left: 16px;
        font-size: 19px;
    }
    #headerLogo > div:first-child {
        width: 72px;
    }
    #headerLogo {
        width: 288px;
    }
    header > div:first-child {
        width: 320px;
    }
    .blogElBigInfo {
        width: 80%;
    }
    .blogElBigBg {
        height: 360px;
    }
    #footerTop > div:first-child {
        width: 320px;
    }
    #footerTop > div:nth-child(2) {
        width: calc(100% - 320px);
    }
    #mdl {
        width: 620px;
        padding: 40px;
    }
}

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

    #headerLogo > div:last-child {
        width: calc(100% - 64px);
        padding-left: 16px;
        font-size: 18px;
    }
    #headerLogo > div:first-child {
        width: 64px;
    }
    #headerLogo > div:first-child img {
        width: auto;
        height: 60px;
    }
    #headerLogo {
        width: 288px; padding: 12px 0;
    }
    header > div:first-child {
        width: calc(100% - (204px + 2px)); order: 1; justify-content: flex-start; padding: 4px 20px;
    }
    header > div:nth-child(2) {
        padding: 2px 0 0 0; order: 3;
    }
    #headerPanel > div:last-child {display: none;}
    header > div:last-child {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        order: 2; margin-left: 2px; width: 204px;
    }
    #headerContacts > div:last-child {display: none;}
    #headerContacts > div:first-child {height: 100%;}
    #headerContacts > div:first-child p:first-child {
        font-size: 19px;
    }
    #headerMenu, #headerPanelPersonal {display: none;}
    #headerPanelMenu {display: -webkit-flex; display: -ms-flexbox; display: flex;}
    #headerPanelMenu svg {width: 22px;}
    .mpb1s2wEl {
        width: 460px;
    }
    .mpb1s2wEl > p, #mpBlock1 .link {
        font-size: 18px;
    }
    .columns-2-50 > div:first-child {width: 90%;}
    .width-50 {
        width: 90%;
    }
    #footerBottom a img {
        width: 88px;
    }
    #footerTop > div:first-child {width: 100%; padding: 64px 0 0 0;}
    #footerTop > div:nth-child(2) {
        width: 100%; padding: 48px 0;
    }
    #mediaVideo > div {width: 100%; position: relative; margin-left: 0; margin-top: 20px;}
    #mediaVideo > div:nth-child(2n+1) {margin-left: 0;}
    #mediaVideo > div:nth-child(-n+2) {margin-top: 20px;}
    #mediaVideo > div:nth-child(-n+1) {margin-top: 0;}

    #panel {width: calc(100% - 4px); top: calc(92px + 4px); z-index: 1000; position: fixed; display: block; height: auto; max-height: calc(100dvh - (92px + 6px));
        right: -100%;
        transition: right .4s ease-in-out;
        background-color: #fff; border-radius: 4px;
    }
    .panel--open #panel {
        right: 2px;
        transition: right .4s ease-in-out;
    }
    .panel--open #overlay {
        opacity: 1;
        visibility: visible;
        transition: all .25s ease-in-out;
    }
    #panelTop {width: 100%; justify-content: flex-end;}
    #panelTop .button {width: 48px; height: 48px;}
    #panelBody {
        width: 100%;
        max-height: calc(100dvh - (92px + 4px + 48px));
        height: auto;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
    }
    #panelBody > div {width: 100%; padding: 40px; height: auto;}
    #panelBodyMenu > div {width: calc((100% - 32px) / 2); margin-left: 32px; margin-top: 40px;}
    #panelBodyMenu > div:nth-child(2n+1) {margin-left: 0;}
    #panelBodyMenu > div:nth-child(-n+2) {margin-top: 0;}
    #panelBodyMenu .footerTopMenuEl > div p a, #panelBodyMenu .footerTopMenuEl > div p a:visited {color: #434244; font-size: 16px;}
    #panelBodyMenu .footerTopMenuEl > div p a:hover {color: #20376d;}
    #panelBodyMenu .footerTopMenuEl > div p:first-child {
        margin-top: 0;
    }
    #panelBodyMenu .footerTopMenuEl > div p {
        margin-top: 12px;
    }
    #panelBodyMenu .footerTopMenuEl {
        width: 100%;
        padding-right: 0;
    }
    #overlay {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        position: absolute;
        background: rgba(0,0,0,.3);
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all .25s ease-in-out;
    }
    #panelTop .button svg {width: 18px; height: 18px;}
}

@media screen and (max-width: 760px) {
    .centered {
        padding: 0 32px;
    }
    #mpBlock1SliderWrp {
        padding-left: 32px;
    }
    .marginTop-80 {
        margin-top: 56px;
    }
    .button {height: 48px;}
    .button--icon {width: 48px;}
    .mb1swEl > .flex > div:first-child {
        padding-right: 24px;
    }
    .mb1swEl > .flex > div:last-child {
        width: 64px;
    }
    #mpBlock1SliderWrp .slick-slide {
        margin-right: 24px;
    }
    .mpb1s2wEl {
        width: 100%;
    }
    .blogElBigInfo {
        width: 100%;
    }
    .blogEl > div:last-child {
        width: 200px;
    }
    .blogEl > div:first-child {
        padding-right: 24px;
        width: calc(100% - 200px);
    }
    .blockTop > div:nth-child(2) {width: 104px;}
    .blockTop > div:first-child {padding-right: 24px;}
    .columns-2-50 > div:first-child {width: 100%;}
    .width-50 {
        width: 100%;
    }
    .thesisEl p:nth-child(2) {
        width: 95%;
    }
    .bigCard .flex3 {
        padding: 40px 32px;
    }
    .eventsEl > div:last-child {
        width: 200px;
    }
    .eventsEl > div:nth-child(2) {
        width: calc(100% - 200px);
    }
    .bigCardItems > div:first-child {
        padding: 40px 32px;
    }
    .eventsEl {padding: 20px 0;}
    .eventsEl:first-child {padding-top: 0;}
    .eventsEl:last-child {padding-bottom: 0; border-bottom: none;}
    #footerBottom a {width: calc((100% - (8px * 6)) / 7); margin-left: 8px; margin-top: 8px; margin-right: 0; position: relative;}
    #footerBottom a img {width: 100%; height: auto;}
    #footerBottom a:nth-child(7n+1) {margin-left: 0;}
    #footerBottom a:nth-child(-n+7) {margin-top: 0;}
    .documentsBodyElExe > div {font-size: 19px;}
    #innerBlogBody .blogEl > div:last-child {
        width: 200px;
    }
    #innerBlogBody .blogEl > div:first-child {
        width: calc(100% - 200px);
        padding-right: 24px;
    }
    #innerBlogBody .blogEl > div:first-child .flex3 > div:first-child, .eventsEl .flex3 > div:first-child {width: 90%;}
    #team > div {width: calc((100% - 20px) / 2); position: relative; margin-left: 20px; margin-top: 40px;}
    #team > div:nth-child(3n+1) {margin-left: 20px;}
    #team > div:nth-child(-n+3) {margin-top: 40px;}
    #team > div:nth-child(2n+1) {margin-left: 0;}
    #team > div:nth-child(-n+2) {margin-top: 0;}
    .bigCardContacts > div:first-child > div {
        padding: 40px 32px;
    }
    #mapWrp {
        height: 220px;
    }
    .bigCardForm > div {
        padding: 40px 32px;
    }
    #innerAlbums > div {width: 100%; margin-left: 0; margin-top: 20px;}
    #innerAlbums > div:nth-child(3n+1) {margin-left: 0;}
    #innerAlbums > div:nth-child(-n+3) {margin-top: 20px;}
    #innerAlbums > div:nth-child(2n+1) {margin-left: 0;}
    #innerAlbums > div:nth-child(-n+2) {margin-top: 20px;}
    #innerAlbums > div:nth-child(-n+1) {margin-top: 0;}
    #innerAlbums .ratio-2-3 {padding-top: 40%;}
    .innerAlbumsEl .flex .txt .likeH3 {
        font-size: calc(1rem + ((1vw - 3.2px) * 0.4545));
        min-height: 0vw;
    }
    #mpBlock1Slider2 > div:first-child {
        flex: auto; width: calc(100% - 104px);
        padding-right: 24px;
    }
    #innerTopCover .mpb1s2wEl {width: 95%;}
    #innerTopCoverBodyText {
        width: 100%;
    }
    .width-70 {
        width: 90%;
    }
    #innerTopCoverBody > div:first-child {
        padding-top: 56px;
    }
    #innerTopCoverBody > div:last-child {
        padding-bottom: 56px;
    }
    .bigCardFaq > div {padding: 40px 32px;}
    #loginWrp .conf .txt {
        width: 100%;
    }
    .tabsTopEl {height: 48px;}
    .popupTop {
        height: 48px;
        padding: 0 16px 0 20px;
    }
    .datepicker input {
        height: 48px;
    }
    .datepicker {
        height: 48px;
        width: 190px;
    }
    #innerBlogTop .popup {
        width: calc(100% - (190px + 8px));
    }
    .popupTop {padding: 0 12px 0 20px;}
    .popupBody {top: 52px;}
    #innerArticleBottomLeft > div {
        padding: 0 32px;
    }
    #innerArticleBottomBlog {
        padding: 0 32px;
    }
    #calendarBodyHeader {
        padding: 20px 0;
    }

    #calendarBodyMonth > div {
        width: calc((100% - (6 * 4px)) / 7);
        margin-left: 4px;
        margin-top: 4px;
        height: 64px;
        border-radius: 4px;
    }
    #calendarBodyMonth > div:nth-child(7n+1) {margin-left: 0;}
    #calendarTop > div:first-child {
        width: 100px;
    }
    #calendarTop > div:last-child {
        width: calc(100% - 100px);
        padding-left: 20px;
    }
    #calendarBodyHeader > div, #calendarBodyMonth > div {
        font-size: calc(1rem + ((1vw - 3.2px) * 0.4545));
        min-height: 0vw;
    }
    #innerEventsBody .eventsEl > div:last-child {
        width: 200px;
    }
    #innerEventsBody .eventsEl > div:nth-child(2) {
        width: calc(100% - 200px);
        padding-right: 24px;
    }
    #panelBody > div {
        padding: 32px;
    }
    #panelBodyMenu > div {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 32px;}
    #panelBodyMenu > div:nth-child(2n+1) {margin-left: 0;}
    #panelBodyMenu > div:nth-child(-n+2) {margin-top: 0;}
    
    #cookie {left: 8px; bottom: 8px; padding: 20px; width: calc(100% - 16px);}
    .cookieClose, .cookieClose2 {margin-top: 8px; margin-right: 8px; font-size: 14px;}
    #cookie .txt p:not(.likeH3) {margin-top: 8px; font-size: 13px;}
    #cookie .txt p.likeH3 {font-size: 18px;}
}

@media screen and (max-width: 680px) {
    #mdl {
        width: 100%;
        padding: 32px;
    }
}

@media screen and (max-width: 620px) {
    .mpb1s2wEl > p, #mpBlock1 .link {
        font-size: 17px;
    }
    #mpBlock1Slider2 > div:first-child {
        flex: 1 1 0;
        padding-right: 24px;
    }
    .marginTop-100 {
        margin-top: 72px;
    }
    .marginTop-40 {
        margin-top: 24px;
    }
    #mpBlock1Slider2Wrp .marginTop-40 {
        margin-top: 20px;
    }
    .marginTop-80 {
        margin-top: 48px;
    }
    .marginTop-48 {
        margin-top: 32px;
    }
    .blogElBody p {
        font-size: 15px;
    }
    .txt p {margin-top: 14px;}
    .blogElBody p {display: none;}
    .blogEl .labels {
        padding-top: 16px;
    }
    .blogEl > div:last-child {
        width: 180px;
    }
    .blogEl > div:first-child {
        padding-right: 20px;
        width: calc(100% - 180px);
    }
    .blogElBody {
        margin-top: 16px;
    }
    .blogEl .beteDate, .blogElBigInfo .beteDate, #innerArticleBodyTop .beteDate {
        margin-right: 8px;
    }
    .blogElBigInfo .txt h3, .blogElBigInfo .txt .likeH3 {margin-bottom: 16px;}
    .blogElBigBg {
        height: 320px;
    }
    .button {font-size: 16px;}
    .txt h3, .txt .likeH3 {margin-bottom: 16px;}
    .txt h3:last-child, .txt .likeH3:last-child {margin-bottom: 0;}
    .blockTop > div:last-child {
        margin-top: 24px;
    }
    .thesis > div {width: calc((100% - 16px) / 2); margin-left: 16px; margin-top: 32px; position: relative;}
    .thesis > div:nth-child(-n+4) {margin-top: 32px;}
    .thesis > div:nth-child(4n+1) {margin-left: 16px;}
    .thesis > div:nth-child(-n+2) {margin-top: 0;}
    .thesis > div:nth-child(2n+1) {margin-left: 0;}
    .paddingTop-56 {
        padding-top: 48px;
    }
    #mpThesis {
        padding-bottom: 48px;
    }
    .thesis2El p:first-child {
        font-size: 18px;
    }
    .eventsEl > div:last-child {
        width: 180px;
    }
    .eventsEl > div:nth-child(2) {
        width: calc(100% - 180px); padding-right: 20px;
    }
    .eventsEl .labels {
        margin-top: 16px;
    }
    .block:last-child {
        margin-bottom: 72px;
    }
    #footerTop > div:nth-child(2) {display: none;}
    #footerTop > div:first-child {
        padding: 64px 0;
    }
    #footerBottom a {width: calc((100% - (8px * 4)) / 5); margin-left: 8px; margin-top: 8px; margin-right: 0; position: relative;}
    #footerBottom a img {width: 100%; height: auto;}
    #footerBottom a:nth-child(7n+1) {margin-left: 8px;}
    #footerBottom a:nth-child(-n+7) {margin-top: 8px;}
    #footerBottom a:nth-child(5n+1) {margin-left: 0;}
    #footerBottom a:nth-child(-n+5) {margin-top: 0;}
    #footerLogo > div:first-child {
        width: 64px; display: none;
    }
    #footerLogo > div:last-child {
        width: 100%; padding-left: 0;
    }
    #footerLogo > div:last-child p:first-child {
        font-size: 14px;
    }
    #footerLogo > div:last-child p:nth-child(2) {
        font-size: 13px;
    }
    #innerText > div:last-child {
        margin-top: 24px;
    }
    .documentsBody > div {width: calc((100% - 16px) / 2); margin-left: 16px; margin-top: 20px;}
    .documentsBody > div:nth-child(4n+1) {margin-left: 16px;}
    .documentsBody > div:nth-child(-n+4) {margin-top: 20px;}
    .documentsBody > div:nth-child(3n+1) {margin-left: 16px;}
    .documentsBody > div:nth-child(-n+3) {margin-top: 20px;}
    .documentsBody > div:nth-child(2n+1) {margin-left: 0;}
    .documentsBody > div:nth-child(-n+2) {margin-top: 0;}
    .documentsBodyEl > div:last-child {
        margin-top: 5px;
        font-size: 14px;
    }
    .faqElBody {
        width: calc(100% - 24px);
    }
    #innerBlogBody .blogEl > div:last-child {
        width: 140px;
    }
    #innerBlogBody .blogEl > div:first-child {
        width: calc(100% - 140px);
        padding-right: 24px;
    }
    #innerBlogBody .blogEl > div:first-child .flex3 > div:first-child, .eventsEl .flex3 > div:first-child {width: 95%;}
    #innerBlogBody .blogEl {
        padding: 20px;
    }
    #team > div {width: calc((100% - 16px) / 2); position: relative; margin-left: 16px; margin-top: 32px;}
    #team > div:nth-child(3n+1) {margin-left: 16px;}
    #team > div:nth-child(-n+3) {margin-top: 32px;}
    #team > div:nth-child(2n+1) {margin-left: 0;}
    #team > div:nth-child(-n+2) {margin-top: 0;}
    .teamElInfo p.teamElInfoPosition {
        font-size: 14px; width: 90%;
    }
    #mdlEventBody {
        margin-top: 24px;
    }
    .gallery > a {display: block; width: calc((100% - 6px) / 3); margin-left: 2px; margin-top: 2px;}
    .gallery > a:nth-child(4n+1) {margin-left: 2px;}
    .gallery > a:nth-child(-n+4) {margin-top: 2px;}
    .gallery > a:nth-child(3n+1) {margin-left: 0;}
    .gallery > a:nth-child(-n+3) {margin-top: 0;}
    .input--two {
        width: 100%; margin-left: 0;
    }
    #dDrop > div p:nth-child(2) {
        font-size: 14px;
    }
    #dDrop > div p:nth-child(3) {
        font-size: 10px;
    }
    .txt h2, .txt .likeH2 {margin-bottom: 24px;}
    .txt h2:last-child, .txt .likeH2:last-child {margin-bottom: 0;}
    .marginTop-64 {
        margin-top: 48px;
    }
    #breadcrumbs > li {
        margin-right: 6px;
        margin-bottom: 6px;
        font-size: 14px;
    }
    #breadcrumbs {
        margin-bottom: 6px;
    }
    #innerAlbums .ratio-2-3 {padding-top: 48%;}
    #innerAlbums > div {width: 100%; margin-left: 0; margin-top: 16px;}
    #innerAlbums > div:nth-child(3n+1) {margin-left: 0;}
    #innerAlbums > div:nth-child(-n+3) {margin-top: 16px;}
    #innerAlbums > div:nth-child(2n+1) {margin-left: 0;}
    #innerAlbums > div:nth-child(-n+2) {margin-top: 16px;}
    #innerAlbums > div:nth-child(-n+1) {margin-top: 0;}
    .innerAlbumsEl .flex {
        padding: 20px;
    }
    #innerAlbums, #mediaVideo {
        margin-top: 24px;
    }
    #mediaVideo > div {width: 100%; position: relative; margin-left: 0; margin-top: 20px;}
    #mediaVideo > div:nth-child(2n+1) {margin-left: 0;}
    #mediaVideo > div:nth-child(-n+2) {margin-top: 20px;}
    #mediaVideo > div:nth-child(-n+1) {margin-top: 0;}
    #innerTopCover .mpb1s2wEl > p {
        font-size: 17px;
    }
    #innerTopCover .marginTop-32 {
        margin-top: 20px;
    }
    #innerTopCover .link {
        font-size: 17px;
    }
    .width-70 {
        width: 100%;
    }
    #innerTopCoverBody > div:first-child {
        padding-top: 48px;
    }
    #innerTopCoverBody > div:last-child {
        padding-bottom: 48px;
    }
    .thesisBody > .flex > div {width: calc((100% - 16px) / 2); margin-left: 16px; margin-top: 32px;}
    .thesisBody > .flex > div:nth-child(-n+4) {margin-top: 32px;}
    .thesisBody > .flex > div:nth-child(4n+1) {margin-left: 16px;}
    .thesisBody > .flex > div:nth-child(-n+3) {margin-top: 32px;}
    .thesisBody > .flex > div:nth-child(3n+1) {margin-left: 16px;}
    .thesisBody > .flex > div:nth-child(-n+2) {margin-top: 0;}
    .thesisBody > .flex > div:nth-child(2n+1) {margin-left: 0;}
    .blogElSmall {
        padding: 20px;
    }
    #loginWrp > div:last-child {
        width: 100%;
        padding-left: 0;
        margin-top: 24px;
    }
    .innerCard {
        padding: 24px;
    }
    #accountBody > div:last-child {
        margin-top: 24px;
    }
    .conf p {
        font-size: 12px;
    }
    .saysBodyElTop > div:last-child p:first-child {
        font-size: 18px;
    }
    .saysBodyElTop > div:last-child p:last-child {
        font-size: 11px; margin-top: 5px;
    }
    .saysBodyElTop > div:first-child {
        width: 40px;
    }
    .saysBodyElTop > div:last-child {
        width: calc(100% - 40px);
        padding-left: 14px;
    }
    .saysBodyElTop > div:first-child span {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 4px;
        background-color: #E6E8EF;
        text-align: center;
        line-height: 40px;
        color: #A6AFC4;
        font-size: 17px;
        font-weight: normal;
        text-transform: uppercase;
    }
    .saysBodyEl {
        margin-top: 24px;
    }
    .saysBodyEl:first-child {
        margin-top: 0;
    }
    .saysBodyElText {
        font-size: 14px;
    }
    .saysBodyEl .saysBodyElTop > div:last-child p:first-child {
        font-size: 17px;
    }
    #navigation > div {margin-top: 4px;}
    #navigation > div a:not(.navigationForward) {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
    }
    #navigation > div p {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
    }
    .navigationForward {
        height: 32px;
        width: 32px;
        line-height: 32px;
    }
    #navigation {
        margin-top: 20px;
    }
    .nf {display: none !important;}
    #innerArticleCover {
        margin-bottom: 24px;
    }
    #otherArticlesSide > div {width: 100%; margin-top: 2px; margin-left: 0;}
    #otherArticlesSide > div:nth-child(-n+2) {margin-top: 2px;}
    #otherArticlesSide > div:first-child {margin-top: 0;}
    #otherArticlesSide > div:nth-child(2n+1) {margin-left: 0;}
    .saysBodyElTree {
        padding-left: 24px;
    }
    #saysPanel > div:last-child .txt p, #saysPanel2 > div:last-child .txt p {
        font-size: 13px;
    }
    #saysPanel > div:last-child, #saysPanel2 > div:last-child {
        padding-left: 16px; width: calc(100% - 150px);
    }
    #saysBodyWrp, .saysBodyWrp {margin-top: 40px;}
    .saysBodyElText {width: 100%;}
    .tabsTop {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .withEvent div {
        width: calc(100% - 8px);
        left: 4px;
        top: 4px;
    }
    .withEvent div > span {
        width: 6px;
        height: 6px;
        margin-right: 3px;
        margin-bottom: 3px;
    }
    #calendarTop {
        padding: 16px;
    }
    #calendarTop > div:first-child {
        width: 88px;
    }
    #calendarTop > div:last-child {
        width: calc(100% - 88px);
        padding-left: 16px;
    }
    .select2 {
        font-size: 15px;
    }
    .nav-scroller__item {
        margin-left: 16px;
    }
    .nav-scroller__item:first-child {
        margin-left: 0;
    }
    .calendarTopEl {
        font-size: 14px;
    }
    #calendarBodyMonth > div {
        height: 56px;
    }
    #innerEventsBody .eventsEl > div:last-child {
        width: 140px;
    }
    #innerEventsBody .eventsEl > div:nth-child(2) {
        width: calc(100% - 140px);
        padding-right: 24px;
    }
    #innerEventsBody .eventsEl {
        padding: 20px;
    }
    #innerSearchBody {
        margin-top: 20px;
        padding-top: 20px;
    }
    .blogEl {
        padding: 24px;
    }
    .teamElInfo .likeH2 {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 560px) {
    #innerBlogBody .blogEl > div:last-child {
        width: 120px;
    }
    #innerBlogBody .blogEl > div:first-child {
        width: calc(100% - 120px);
        padding-right: 20px;
    }
    .settingsFormElInput > div:first-child {
        width: 100%;
    }
    .settingsFormElInput > div:last-child {
        width: 100%;
        padding-left: 0;
    }
    .settingsFormElInput {margin-top: 12px;}
    #innerEventsBody .eventsEl > div:last-child {
        width: 120px;
    }
    #innerEventsBody .eventsEl > div:nth-child(2) {
        width: calc(100% - 120px);
        padding-right: 20px;
    }
    #innerArticleBodyTop > div:last-child {margin-bottom: 10px;}
}

@media screen and (max-width: 520px) {
    header > div:last-child, #headerPanelVisibility {display: none;}
    header > div:first-child {width: 100%; order: 1; justify-content: center; padding: 4px 20px;}
    #headerPanelSearch {
        padding-left: calc(20px + 20px);
    }
    #headerPanelSearch::before {left: 16px;}
    #mpBlock1Slider2 > div:first-child {
        flex: auto; width: 100%;
        padding-right: 0;
    }
    #mpBlock1Slider2 > div:last-child {display: none;}
    .blogEl > div:last-child {
        width: 160px;
    }
    .blogEl > div:first-child {
        padding-right: 20px;
        width: calc(100% - 160px);
    }
    .blockTop > div:first-child {
        padding-right: 0;
    }
    .blockTop > div:nth-child(2) {width: 100%; justify-content: flex-end; order: 3; margin-top: 16px;}
    .blockTop > div:last-child {order: 2; margin-top: 20px;}
    .thesis > div {width: 100%; margin-left: 0; margin-top: 24px; position: relative;}
    .thesis > div:nth-child(-n+4) {margin-top: 24px;}
    .thesis > div:nth-child(4n+1) {margin-left: 0;}
    .thesis > div:nth-child(-n+2) {margin-top: 24px;}
    .thesis > div:nth-child(2n+1) {margin-left: 0;}
    .thesis > div:nth-child(-n+1) {margin-top: 0;}
    .thesis2 > div {width: 100%; margin-left: 0; margin-top: 2px;}
    .thesis2 > div:nth-child(2n+1) {margin-left: 0;}
    .thesis2 > div:nth-child(-n+2) {margin-top: 2px;}
    .thesis2 > div:nth-child(-n+1) {margin-top: 0;}
    .bigCardBg .thesis2 {
        margin-top: 40px;
    }
    .eventsEl > div:last-child {
        width: 160px;
    }
    .eventsEl > div:nth-child(2) {
        width: calc(100% - 160px); padding-right: 20px;
    }
    #innerBlogBody .blogEl > div:first-child .flex3 > div:first-child, .eventsEl .flex3 > div:first-child {
        width: 100%;
    }
    #innerTopCover .mpb1s2wEl {
        width: 100%;
    }
    .thesisBody > .flex > div {width: 100%; margin-left: 0; margin-top: 24px;}
    .thesisBody > .flex > div:nth-child(-n+4) {margin-top: 24px;}
    .thesisBody > .flex > div:nth-child(4n+1) {margin-left: 0;}
    .thesisBody > .flex > div:nth-child(-n+3) {margin-top: 24px;}
    .thesisBody > .flex > div:nth-child(3n+1) {margin-left: 0;}
    .thesisBody > .flex > div:nth-child(-n+2) {margin-top: 24px;}
    .thesisBody > .flex > div:nth-child(2n+1) {margin-left: 0;}
    .thesisBody > .flex > div:nth-child(-n+1) {margin-top: 0;}
    .thesisBodyEl::before {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        background: url('../img/icon-mark.svg') no-repeat;
        background-size: 20px 20px;
        margin-bottom: 12px;
    }
    #panelBodyMenu > div {width: 100%; margin-left: 0; margin-top: 32px;}
    #panelBodyMenu > div:nth-child(2n+1) {margin-left: 0;}
    #panelBodyMenu > div:nth-child(-n+2) {margin-top: 32px;}
    #panelBodyMenu > div:nth-child(-n+1) {margin-top: 0;}
    #panelBodyMenu .footerTopMenuEl, #panelBodyMenu .footerTopMenuEl > div p:first-child {text-align: center;}
    #headerPanelSearchWrp .blogEl {
        padding: 12px 16px;
    }
    #headerPanelSearchWrp .txt:not(.blogElBody) {
        padding: 0 16px;
    }
    #panelBody {
        height: calc(100dvh - (92px + 4px + 48px));
    }
}

@media screen and (max-width: 480px) {
    .mpb1s2wEl > p, #mpBlock1 .link {
        font-size: 16px;
    }
    .centered {
        padding: 0 24px;
    }
    #mpBlock1SliderWrp {
        padding-left: 24px;
    }
    .mb1swEl > .flex > div:first-child {
        padding-right: 20px;
    }
    #mpBlock1SliderWrp .slick-slide {
        margin-right: 20px;
    }

    .blogEl {
        padding: 20px;
    }
    .blogElBody p {
        font-size: 15px;
    }
    .blogElBig > div:last-child {
        padding: 24px;
    }
    .blogElBigBg {
        height: 320px;
    }
    .blogEl > div:last-child {width: 100%; order: 1;}
    .blogEl > div:first-child {
        padding-right: 0;
        width: 100%; order: 2; margin-top: 24px;
    }
    .blogElBigBg {
        height: 300px;
    }
    .blogElBody {
        margin-top: 12px;
    }
    .blogElBody.txt h3, .blogElBody.txt .likeH3 {margin-bottom: 0;}
    .blogElTopEl {line-height: 14px; font-size: 11px;}
    .beteIcon {padding-left: 18px;}
    .beteIcon:before {width: 14px; height: 14px;}
    .beteViews:before {background: url('../img/icon-eye.svg') no-repeat; background-size: 14px 14px;}
    .beteSays:before {background: url('../img/icon-says.svg') no-repeat; background-size: 14px 14px;}
    .label {margin: 6px 12px 0 0; font-size: 11px; line-height: 1.1;}
    .blogElBigInfo .beteViews:before {background: url('../img/icon-eye2.svg') no-repeat; background-size: 14px 14px;}
    .blogElBigInfo .beteSays:before {background: url('../img/icon-says2.svg') no-repeat; background-size: 14px 14px;}
    .blogEl .beteIcon, .blogElBigInfo .beteIcon, #innerArticleBodyTop .beteIcon {
        margin-left: 12px;
    }
    .blogElSmall {
        padding: 20px;
    }
    .columns-2-50 > div:last-child {
        margin-top: 24px;
    }
    .bigCard .flex3 {
        padding: 40px 24px;
    }
    .eventsEl > div:last-child {
        width: 100%; order: 1;
    }
    .eventsEl > div:nth-child(2) {
        width: 100%; padding-right: 0; order: 2; margin-top: 24px;
    }
    .bigCardItems > div:first-child {
        padding: 40px 24px;
    }
    .block:last-child {
        margin-bottom: 64px;
    }
    .marginTop-100 {
        margin-top: 64px;
    }
    #footerTop > div:first-child {
        padding: 56px 0 48px 0;
    }
    #footerBody > div:first-child {flex: auto; width: 100%; padding-right: 0;}
    #footerBody > div:last-child {width: 0; position: relative;}
    #footerBody > div:last-child > div {position: absolute; top: -88px; right: 0;}
    #footerBody > div:last-child .button {width: 40px; height: 40px;}
    .documentsBodyElExe > div {font-size: 18px;}
    .faqElBody {
        width: 100%;
    }
    #innerBlogBody .blogEl > div:last-child {
        width: 100%;
    }
    #innerBlogBody .blogEl > div:first-child {
        width: 100%;
        padding-right: 0;
    }
    .blogEl > div:first-child, .eventsEl > div:nth-child(2) {
        margin-top: 20px;
    }
    #innerBlogBody .blogEl > div:first-child .flex3 > div:first-child, .eventsEl .flex3 > div:first-child {
        width: 95%;
    }
    #team > div {width: 100%; position: relative; margin-left: 0; margin-top: 24px;}
    #team > div:nth-child(3n+1) {margin-left: 0;}
    #team > div:nth-child(-n+3) {margin-top: 24px;}
    #team > div:nth-child(2n+1) {margin-left: 0;}
    #team > div:nth-child(-n+2) {margin-top: 24px;}
    #team > div:nth-child(-n+1) {margin-top: 0;}
    .teamElInfo p.teamElInfoPosition {
        font-size: 14px; width: 100%;
    }
    .teamElInfo .likeH3 {margin-top: 6px;}
    .officesEl > div:first-child {
        width: 56px;
    }
    .officesEl > div:last-child {
        width: calc(100% - 56px);
        padding-left: 16px;
    }
    .officesEl > div:last-child .likeH3 {
        font-size: calc(0.875rem + ((1vw - 3.2px) * 1.25));
        min-height: 0vw;
    }
    .bigCardContacts > div:first-child > div, .bigCardForm > div {
        padding: 40px 24px;
    }
    #innerAlbums .ratio-2-3 {padding-top: 56%;}
    #innerTopCover .mpb1s2wEl > p {
        font-size: 16px;
    }
    #innerTopCover .marginTop-32 {
        margin-top: 20px;
    }
    #innerTopCover .link {
        font-size: 16px;
    }
    .bigCardFaq > div {padding: 40px 24px;}
    .innerCard .button {margin-right: 0; margin-bottom: 8px; width: 100%; justify-content: center;}
    .innerCard .btnWrp, .innerCard .btnWrp > div, .innerCard .btnWrp .clearfix {width: 100%;}
    .innerCard .button:last-child {margin-bottom: 0;}
    #loginWrp > div:last-child .button {width: 100%; justify-content: center;}
    #innerBlogTop .popup {width: 100%; z-index: 2; margin-right: 0;}
    .datepicker {width: 100%; margin-top: 8px; z-index: 1;}
    #saysPanel > div:first-child, #saysPanel2 > div:first-child {order: 2;}
    #saysPanel > div:first-child, #saysPanel > div:first-child > div, #saysPanel2 > div:first-child, #saysPanel2 > div:first-child > div {width: 100%;}
    #saysPanel .button, #saysPanel2 .button {width: 100%; justify-content: center;}
    #saysPanel > div:last-child, #saysPanel2 > div:last-child {
        padding-left: 0; order: 1;
        width: 100%; margin-bottom: 8px;
    }
    #saysPanel > div:last-child .txt p, #saysPanel2 > div:last-child .txt p {
        font-size: 12px; margin-top: 2px;
    }
    #saysPanel, #saysPanel2 {
        width: 100%;
        margin-top: 8px;
    }
    .saysBodyElTree {
        padding-left: 16px;
    }
    #innerArticleBottomLeft > div {
        padding: 0 24px;
    }
    #innerArticleBottomBlog {
        padding: 0 24px;
    }
    .calendarTopEl {
        font-size: 13px;
    }
    #innerEventsBody .eventsEl > div:last-child {
        order: 1;
        width: 100%;
    }
    #innerEventsBody .eventsEl > div:nth-child(2) {
        width: 100%;
        padding-right: 0;
        order: 2;
    }
    .eventsEl .blogElTop {
        margin-bottom: 12px;
    }
    #panelBody > div {
        padding: 24px 24px 32px;
    }
    #panelBodyMenu > div:nth-child(-n+2) {
        margin-top: 32px;
    }
    #panelBodyMenu > div:nth-child(-n+1) {
        margin-top: 0;
    }
    #headerPanelSearchBody .blogEl > div:first-child {
        margin-top: 0;
    }
    .teamEl .txt h2, .teamEl .likeH2 {
        font-size: calc(1.5rem + ((1vw - 3.2px) * 1.7241));
        min-height: 0vw;
    }
    .teamEl.txt h3, .teamEl .txt .likeH3 {
        margin-bottom: 12px;
        
    }
}

@media screen and (max-width: 420px) {
    #headerLogo > div:last-child {
        width: calc(100% - 56px);
        padding-left: 16px;
        font-size: 17px;
    }
    #headerLogo > div:first-child {
        width: 56px;
    }
    #headerLogo {
        width: 256px; padding: 8px 0;
    }
    .marginTop-100 {
        margin-top: 56px;
    }
    .centered {
        padding: 0 24px;
    }
    #mpBlock1SliderWrp {
        padding-left: 24px;
    }
    .mb1swEl > .flex > div:first-child {
        padding-right: 20px;
    }
    #mpBlock1SliderWrp .slick-slide {
        margin-right: 20px;
    }
    .mb1swEl > .flex > div:last-child {
        width: 48px;
    }
    .marginTop-48 {
        margin-top: 24px;
    }
    .blogElBigBg {
        height: 260px;
    }
    .paddingTop-56 {
        padding-top: 40px;
    }
    #mpThesis {
        padding-bottom: 40px;
    }
    .thesisEl p:nth-child(2) {
        width: 100%;
    }
    .block:last-child {
        margin-bottom: 56px;
    }
    #footerBottom a {width: calc((100% - (8px * 3)) / 4); margin-left: 8px; margin-top: 8px;}
    #footerBottom a:nth-child(7n+1) {margin-left: 8px;}
    #footerBottom a:nth-child(-n+7) {margin-top: 8px;}
    #footerBottom a:nth-child(5n+1) {margin-left: 8px;}
    #footerBottom a:nth-child(-n+5) {margin-top: 8px;}
    #footerBottom a:nth-child(4n+1) {margin-left: 0;}
    #footerBottom a:nth-child(-n+4) {margin-top: 0;}
    #footerBottom {
        padding: 20px 0 24px;
    }
    #footerTop > div:first-child {
        padding: 48px 0 40px 0;
    }
    #footerBody > div:last-child > div {top: -80px;}
    /*.faqElTop {
        padding: 16px 0;
    }*/
    #innerBlogBody .blogEl > div:first-child .flex3 > div:first-child, .eventsEl .flex3 > div:first-child {
        width: 100%;
    }
    /*#mdlEventBody .blogElTop {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }*/
    #mdl {
        padding: 24px;
    }
    .gallery > a {display: block; width: calc((100% - 2px) / 2); margin-left: 2px; margin-top: 2px;}
    .gallery > a:nth-child(4n+1) {margin-left: 2px;}
    .gallery > a:nth-child(-n+4) {margin-top: 2px;}
    .gallery > a:nth-child(3n+1) {margin-left: 2px;}
    .gallery > a:nth-child(-n+3) {margin-top: 2px;}
    .gallery > a:nth-child(2n+1) {margin-left: 0;}
    .gallery > a:nth-child(-n+2) {margin-top: 0;}
    .marginTop-64 {
        margin-top: 40px;
    }
    #breadcrumbs > li {
        margin-right: 6px;
        margin-bottom: 6px;
        font-size: 13px;
    }
    #breadcrumbs {
        margin-bottom: 6px;
    }
    #innerAlbums .ratio-2-3 {padding-top: 64%;}
    #innerAlbums, #mediaVideo {
        margin-top: 20px;
    }
    .innerAlbumsEl .flex .txt .likeH3 {
        font-size: calc(0.875rem + ((1vw - 3.2px) * 2));
        min-height: 0vw;
    }
    .innerAlbumsEl .flex {
        padding: 16px;
    }
    /*#innerBlogTop {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
    #innerArticleBodyTop {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
    #innerArticleBottomLeftTop {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }*/
    #saysBodyWrp, .saysBodyWrp {margin-top: 32px;}
    #innerArticleBottomLeftTop > div:last-child {display: none;}
    #mdlCommentAnswer {
        margin-top: 16px;
        padding-top: 16px;
    }
    /*.tabsTop {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }*/
    #headerLogo > div:first-child img {
        width: auto;
        height: 56px;
    }
    #panel {
        top: calc(80px + 4px);
        max-height: calc(100dvh - (80px + 6px));
    }
    #panelBody {
        height: calc(100dvh - (80px + 4px + 48px));
    }
}

@media screen and (max-width: 380px) {
    .officesEl > div:first-child {
        width: 48px;
    }
    .officesEl > div:last-child {
        width: calc(100% - 48px);
        padding-left: 16px;
    }
    #innerAlbums .ratio-2-3 {padding-top: 80%;}
}

@media screen and (max-width: 360px) {
    #footerBottom a {width: calc((100% - (8px * 2)) / 3); margin-left: 8px; margin-top: 8px;}
    #footerBottom a:nth-child(7n+1) {margin-left: 8px;}
    #footerBottom a:nth-child(-n+7) {margin-top: 8px;}
    #footerBottom a:nth-child(5n+1) {margin-left: 8px;}
    #footerBottom a:nth-child(-n+5) {margin-top: 8px;}
    #footerBottom a:nth-child(4n+1) {margin-left: 8px;}
    #footerBottom a:nth-child(-n+4) {margin-top: 8px;}
    #footerBottom a:nth-child(3n+1) {margin-left: 0;}
    #footerBottom a:nth-child(-n+3) {margin-top: 0;}
    .documentsBody > div {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .documentsBody > div:nth-child(4n+1) {
        margin-left: 0;
    }

    .documentsBody > div:nth-child(-n+4) {
        margin-top: 20px;
    }

    .documentsBody > div:nth-child(3n+1) {
        margin-left: 0;
    }

    .documentsBody > div:nth-child(-n+3) {
        margin-top: 20px;
    }

    .documentsBody > div:nth-child(2n+1) {
        margin-left: 0;
    }

    .documentsBody > div:nth-child(-n+2) {
        margin-top: 20px;
    }
    .documentsBody > div:nth-child(-n+1) {
        margin-top: 0;
    }
}