.hide-lg {
    display: none !important;
}
@media (max-width: 1139px) {
    .hide-md {
        display: none !important;
    }
    .show-md {
        display: block !important;
    }
    .show-md-flex {
        display: flex !important;
    }
    .show-md-grid {
        display: grid !important;
    }
    .show-md-inline {
        display: inline !important;
    }
    .content-wrap {
        width: 768px;
        padding: 0 45px;
    }
    html.popup {
        padding-right: 0;
    }
    .header {
        padding-top: 50px;
    }
    .header .top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
    .header .top .content-wrap {
        position: relative;
        height: 50px;
    }
    .header .top .logo img {
        width: 57px;
    }
    .header .top .time-wrap .time {
        font-size: 30px;
    }
    .header .top .search-wrap {
        position: absolute;
        top: 65px;
        right: 45px;
        left: 45px;
        margin-left: 0;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-15px);
        transition: 0.25s;
    }
    .header .top .search-wrap input {
        width: 100%;
        opacity: 1;
        pointer-events: unset;
    }
    .header .top .search-wrap .search-btn {
        margin-left: auto;
    }
    .header .top .search-wrap.focus {
        opacity: 1;
        pointer-events: all;
        transform: none;
    }
    .header .breadcrumbs {
        margin-top: 25px;
    }
    .header .page-title {
        font-size: 36px;
        margin-top: 10px;
    }
    .header.alt-2 .page-title {
        width: 368px;
    }
    .footer {
        background-size: cover;
    }
    .footer .content-wrap {
        position: relative;
        height: 330px;
    }
    .footer .logo-column {
        position: absolute;
        left: 45px;
        bottom: 35px;
        width: auto;
        display: flex;
        align-items: flex-end;
        padding-top: 0;
    }
    .footer .logo-column .logo {
        margin-bottom: 4px;
    }
    .footer .logo-column .emblem-wrap {
        margin-top: 0;
        margin-left: 50px;
    }
    .footer .logo-column .emblem-wrap img {
        width: 44px;
        height: 48px;
    }
    .footer .logo-column .emblem-wrap .text {
        font-size: 10px;
        margin-bottom: -2px;
    }
    .footer .menu-column {
        margin-left: 0;
    }
    .footer .menu-column + .menu-column {
        margin-left: 30px;
    }
    .footer .copy-wrap {
        flex-direction: column-reverse;
        align-items: flex-end;
    }
    .footer .copy-wrap .personal-data {
        font-size: 12px;
        margin-bottom: 15px;
    }
    .popup-wrap {
        padding-left: 0;
    }
    .popup-wrap .popup.gallery {
        width: 678px;
    }
    .popup-wrap .x {
        right: 0;
    }
    /* ========================================
       HERO BANNER - TABLET RESPONSIVE
       ======================================== */
    /* Modern Hero Banner - Tablet */
    .mainpage .block-1 {
        min-height: 90vh;
        padding-top: 100px;
    }
    
    .hero-blob {
        filter: blur(50px);
        opacity: 0.35;
    }
    
    .hero-modern-layout {
        grid-template-columns: 1fr;
        gap: 3rem;
        padding: 3rem 2rem;
    }
    
    .hero-main-title {
        text-align: center;
    }
    
    .hero-badge {
        display: block;
        text-align: center;
    }
    
    .hero-main-description {
        text-align: center;
        margin: 0 auto 32px;
    }
    
    .hero-cta-group {
        justify-content: center;
    }
    
    .hero-bento-grid {
        max-width: 500px;
        margin: 0 auto;
    }
    /* Advantages Block - Tablet */
    .mainpage .advantages-block {
        padding: 60px 0;
        margin-top: 80px;
    }
    
    .mainpage .advantages-block .content-wrap {
        width: 678px;
    }
    
    .mainpage .advantages-block .advantages-header {
        margin-bottom: 40px;
    }
    
    .mainpage .advantages-block .page-subtitle {
        font-size: 32px;
    }
    
    .mainpage .advantages-block .advantages-description {
        font-size: 16px;
    }
    
    .mainpage .advantages-block .columns-wrap .left {
        width: 240px;
        padding: 16px 0;
    }
    
    .mainpage .advantages-block .columns-wrap .left .item {
        min-height: 65px;
        font-size: 18px;
        padding: 16px 20px;
    }
    
    .mainpage .advantages-block .columns-wrap .right {
        width: 438px;
        padding: 30px 24px;
    }
    
    .mainpage .advantages-block .columns-wrap .right .content-header h3 {
        font-size: 20px;
    }
    
    .mainpage .advantages-block .columns-wrap .right .content-stats {
        flex-direction: column;
        gap: 16px;
    }
    
    .mainpage .advantages-block .columns-wrap .right .content-stats .stat-item {
        padding: 16px;
    }
    
    .mainpage .advantages-block .columns-wrap .right .content-stats .stat-value {
        font-size: 28px;
    }
    /* Menu Block - Tablet */
    .mainpage .menu-block {
        padding: 60px 0;
        margin-top: 80px;
    }
    
    .mainpage .menu-block .menu-header {
        margin-bottom: 40px;
    }
    
    .mainpage .menu-block .menu-title {
        font-size: 32px;
    }
    
    .mainpage .menu-block .menu-description {
        font-size: 16px;
    }
    
    .mainpage .menu-block .menu-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .mainpage .menu-block .menu-column-inner {
        padding: 32px 24px;
        min-height: auto;
    }
    
    .mainpage .menu-block .menu-icon {
        width: 56px;
        height: 56px;
        margin-bottom: 20px;
    }
    
    .mainpage .menu-block .menu-title-text {
        font-size: 22px;
        margin-bottom: 20px;
    }
    
    .mainpage .menu-block .menu-links {
        gap: 10px;
    }
    
    .mainpage .menu-block .menu-link {
        padding: 10px 14px;
        font-size: 14px;
    }
    
    .mainpage .menu-block .menu-highlight {
        margin-top: 20px;
        padding: 16px;
    }
    
    /* Hide old columns */
    .mainpage .menu-block .column {
        display: none;
    }
    .mainpage .news-block .news-slider .swiper-slide {
        width: 324px;
        height: auto;
    }
    .mainpage .news-block .news-slider .swiper-slide .img-wrap {
        height: auto;
    }
    .mainpage .news-block .news-slider .swiper-slide .img-wrap img {
        width: 100%;
    }
    .mainpage .news-block .news-slider .swiper-slide .desc {
        padding-bottom: 26px;
    }
    .mainpage .news-block {
        padding: 40px 0;
        border-radius: 16px;
    }
    .mainpage .news-block .news-slider-modern .swiper-slide {
        width: 300px;
    }
    .mainpage .news-block .news-card-content {
        padding: 20px;
        min-height: 180px;
    }
    .mainpage .news-block .news-card-image {
        height: 160px;
    }
    .mainpage .links-block .content-wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .mainpage .links-block .item {
        height: 90px;
        border-radius: 12px;
        padding: 16px;
    }
    .mainpage .links-block .item img {
        max-height: 50px;
    }
    .mainpage .links-block .item.item-gossluzhba {
        padding: 8px 12px;
    }
    .mainpage .links-block .item.item-gossluzhba .item-text {
        font-size: 9px;
        line-height: 1.3;
    }
    .mainpage .links-block .item.item-gossluzhba .item-text .title {
        font-size: 10px;
        margin-bottom: 3px;
    }
    .mainpage .links-block .item.item-gossluzhba .item-img {
        width: 60px;
    }
    .feedback-block .content-wrap {
        height: 374px;
        flex-direction: column;
        justify-content: center;
        background: url(img/svg/feedback-block-bg-md.svg) no-repeat calc(50% - 69px) calc(50% - 5px);
        padding: 0;
        text-align: center;
    }
    .feedback-block .content-wrap .right {
        margin-top: 38px;
        text-align: center;
    }
    .news-page .news-list {
        grid-template-columns: repeat(2, auto);
    }
    .news-page .news-list .item {
        width: 324px;
    }
    .news-page .news-list .item .img-wrap {
        height: auto;
    }
    .news-page .news-list .item .img-wrap img {
        width: 100%;
        height: 186px;
    }
    .news-page .news-list .item .img-wrap img.placeholder {
        width: 109px;
    }
    .news-page .pages {
        top: -55px;
        right: 45px;
    }
    .news-single-page .img-block {
        display: block;
    }
    .news-single-page .img-block .img-wrap {
        float: left;
        margin-bottom: 20px;
    }
    .news-single-page .img-block .img-wrap img {
        width: 324px;
    }
    .culture-page .gallery-wrap {
        flex-direction: column;
    }
    .culture-page .gallery-wrap .gallery-list {
        width: 100%;
        height: 40px;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        overflow: hidden;
    }
    .culture-page .gallery-wrap .gallery-list .item {
        position: relative;
        height: auto;
        font-size: 14px;
        background: #fff;
        border: 1px solid rgba(24, 41, 104, 0.1);
        border-bottom-color: transparent;
        padding: 11px 54px 10px 19px;
    }
    .culture-page .gallery-wrap .gallery-list .item.current {
        order: -1;
    }
    .culture-page .gallery-wrap .gallery-list .item.current::before {
        content: "";
        position: absolute;
        top: 17px;
        right: 23px;
        width: 10px;
        height: 6px;
        background: url(img/svg/chevron-d.svg) no-repeat center;
        background-size: 100%;
        filter: brightness(0) invert(1);
        transition: 0.25s;
    }
    .culture-page .gallery-wrap .gallery-list .item:not(.current):hover {
        background: #fff;
    }
    .culture-page .gallery-wrap .gallery-list .item:last-child {
        border-bottom-color: rgba(24, 41, 104, 0.1);
    }
    .culture-page .gallery-wrap .gallery-list.opened {
        overflow: visible;
    }
    .culture-page .gallery-wrap .gallery-list.opened .item::before {
        transform: rotate(180deg);
    }
    .culture-page .gallery-wrap .photo-list {
        grid-column-gap: 11px;
        grid-row-gap: 11px;
        padding: 30px;
    }
    .culture-page .gallery-wrap .photo-list::after {
        height: 19px;
    }
    .culture-page .gallery-wrap ::-webkit-scrollbar {
        width: initial;
    }
    .culture-page .gallery-wrap ::-webkit-scrollbar-track {
        background: initial;
    }
    .culture-page .gallery-wrap ::-webkit-scrollbar-thumb {
        background: initial;
    }
    .culture-page .faq-wrap {
        margin-top: 40px;
    }
    .gallery-page {
        margin-top: 20px;
    }
    .gallery-page .img-block .text {
        font-size: 16px;
        line-height: 22px;
    }
    .gallery-page .img-block .img-wrap {
        margin-top: -60px;
    }
    .gallery-page .img-block .img-wrap img {
        width: 354px;
    }
    .gallery-page .page-subtitle {
        margin-top: 100px;
    }
    .gallery-page .gallery-wrap {
        flex-direction: column;
    }
    .gallery-page .gallery-wrap .employees-list {
        width: 100%;
        grid-template-columns: repeat(3, 206px);
        grid-auto-rows: 206px;
        margin-top: 20px;
    }
    .gallery-page .gallery-wrap .employees-list .item {
        background-size: cover;
    }
    .gallery-page .gallery-wrap .employees-list .item .name span {
        font-size: 16px;
    }
    .gallery-page .gallery-wrap .employees-list .item .additional .text {
        font-size: 14px;
    }
    .profile-page .left {
        width: 206px;
    }
    .profile-page .right {
        width: 442px;
    }
    .profile-page .right .profile {
        flex-direction: column;
    }
    .profile-page .right .profile .photo-wrap + .info-wrap {
        width: 768px;
        margin-left: -281px;
    }
    .profile-page .right .profile .photo-wrap + .info-wrap .table {
        margin-top: 40px;
    }
    .profile-page .right .profile .photo-wrap + .info-wrap .table .row {
        padding-right: 114px;
    }
    .profile-page .right .profile .photo-wrap + .info-wrap .table .row .param {
        width: 206px;
    }
    .profile-page .right .profile .photo-wrap + .info-wrap .table .row .value {
        width: 363px;
    }
    .profile-page .right .profile .photo-wrap + .info-wrap .table .row .edit-field {
        left: 271px;
        width: 403px;
    }
    .profile-page .right .profile .info-wrap {
        margin-top: 30px;
    }
    .profile-page .right .profile .info-wrap .name {
        padding: 0 45px 0 281px;
    }
    .profile-page .right .profile .info-wrap .table .row {
        padding-left: 45px;
    }
    .profile-page .right .profile .info-wrap .table .row .edit-btn {
        right: 45px;
        opacity: 1;
    }
    .profile-page .right .profile .info-wrap .table .row:hover {
        background: none;
    }
    .profile-page .right .profile .info-wrap .table .row:nth-child(2n+1) {
        background: rgba(24, 41, 104, 0.1);
    }
    .profile-page .right .forms-list {
        grid-template-columns: auto;
        grid-auto-rows: 50px;
        grid-row-gap: 15px;
    }
    .profile-page .right .forms-list .item {
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        padding: 0 19px;
    }
    .profile-page .right .forms-list .item .subtitle {
        display: none;
    }
    .profile-page .right .forms-list .item .title {
        width: auto;
        font-size: 14px;
        margin-top: 0;
    }
    .profile-page .right .forms-list .item .amount {
        position: relative;
        right: auto;
        bottom: auto;
        margin-left: auto;
    }
    .profile-page .right .forms-list .item svg:first-child {
        display: none;
    }
    .profile-page .right .forms-list .item svg:first-child + svg {
        display: block;
    }
    .profile-page.data-form {
        flex-direction: column;
    }
    .profile-page.data-form .left {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .profile-page.data-form .left .sidebar-wrap {
        width: 206px;
    }
    .profile-page.data-form .left .forms-list {
        width: 442px;
        margin-top: 0;
    }
    .profile-page.data-form .right {
        width: 100%;
    }
    .profile-page.data-form .right .profile .info-wrap {
        margin-top: 40px;
    }
    .profile-page.data-form .right .profile .info-wrap .table {
        margin-left: -45px;
        margin-right: -45px;
    }
    .profile-page.data-form .right .profile .info-wrap .table .row {
        padding-right: 114px;
    }
    .profile-page.data-form .right .profile .info-wrap .table .row .param {
        width: 206px;
    }
    .profile-page.data-form .right .profile .info-wrap .table .row .value {
        width: 363px;
    }
    .profile-page.data-form .right .profile .info-wrap .table .row .edit-field {
        left: 271px;
        width: 403px;
    }
    .lifehack-page .bg-wrap {
        height: 368px;
        margin-top: -94px;
        padding-top: 114px;
        background-size: cover;
        background-position-x: calc(50% - 52px);
    }
    .lifehack-page .bg-wrap .subtitle {
        width: 324px;
    }
    .lifehack-page .bg-wrap .steps {
        margin-top: 50px;
    }
    .lifehack-page .step .img {
        display: none;
    }
    .lifehack-page .step .title {
        align-items: flex-start;
        padding-top: 8px;
    }
    .lifehack-page .step .title .num {
        flex-shrink: 0;
        margin-top: -8px;
    }
    .lifehack-page .step .text {
        padding-right: 0;
    }
    .lifehack-page .step .text p br {
        display: none;
    }
    .lifehack-page .step .text .scroll-wrap {
        overflow: scroll;
    }
    .lifehack-page .step .text .hint-wrap .bordered {
        padding-right: 53px;
    }
    .lifehack-page .step .text .hint-wrap .hint {
        left: auto;
        right: 0;
        top: calc(100% + 2px);
    }
    .lifehack-page .step .text .hint-wrap .hint::before {
        top: -16px;
        right: 15px;
        left: auto;
        border-width: 0 16px 16px 16px;
        border-color: transparent transparent #eee transparent;
    }
    .lifehack-page .step .text .hint-wrap .hint::after {
        top: -14px;
        right: 16px;
        left: auto;
        border-width: 0 15px 14px 15px;
        border-color: transparent transparent #fff transparent;
    }
    .declare-yourself-page .bg-wrap {
        height: 377px;
        margin-top: -94px;
        padding-top: 114px;
        background-size: 276px;
        background-position-x: calc(50% + 137px);
    }
    .declare-yourself-page .bg-wrap .content-wrap {
        flex-direction: column;
        align-items: flex-start;
    }
    .declare-yourself-page .bg-wrap .content-wrap .subtitle {
        width: 290px;
        font-size: 12px;
        line-height: 20px;
    }
    .declare-yourself-page .bg-wrap .content-wrap .fillform {
        width: 290px;
        font-size: 12px;
        line-height: 20px;
    }
    .declare-yourself-page .bg-wrap .content-wrap .btn {
        margin-top: 50px;
    }
    .declare-yourself-page .text-block .left {
        width: auto;
    }
    .declare-yourself-page .text-block .left p {
        font-size: 14px;
        line-height: 20px;
    }
    .declare-yourself-page .text-block .right {
        width: 324px;
        flex-shrink: 0;
        font-size: 14px;
        line-height: 20px;
        margin-left: 30px;
    }
    .leaders-page .bg-wrap {
        height: 418px;
        background-size: cover;
        margin-top: -138px;
        padding-top: 158px;
    }
    .leaders-page .bg-wrap .subtitle {
        width: 388px;
    }
    .leaders-page .bg-wrap .subtitle br {
        display: none;
    }
    .leaders-page .bg-wrap .btn {
        margin-top: 50px;
    }
    .leaders-page .columns-wrap {
        flex-direction: column;
    }
    .leaders-page .columns-wrap .left {
        width: 100%;
    }
    .leaders-page .columns-wrap .left .steps-wrap .step {
        max-width: 196px;
    }
    .leaders-page .columns-wrap .left .steps-wrap .step + .step {
        margin-left: 40px;
    }
    .leaders-page .columns-wrap .left .steps-wrap .step::before {
        right: -40px;
    }
    .leaders-page .columns-wrap .right-bordered {
        grid-template-columns: repeat(2, 290px);
        grid-row-gap: 30px;
        justify-content: space-between;
        margin-bottom: 100px;
    }
    .leaders-page .columns-wrap .right-bordered .item + .item {
        margin-top: 0;
    }
    .leaders-page .columns-wrap .right-bordered .item:last-child {
        grid-column: span 2;
    }
    .leaders-page .columns-wrap .result-table .cell:nth-child(2) {
        width: 421px;
    }
    .leaders-page .columns-wrap .result-table .cell:nth-child(3) {
        margin-left: 30px;
    }
    .leaders-page .columns-wrap .result-table .head {
        padding-right: 20px;
    }
    .leaders-page .columns-wrap .result-table .body {
        padding-right: 20px;
    }
    .leaders-page .columns-wrap .result-table .body .row::before {
        right: -20px;
    }
    .leaders-page .faq-block .faq-wrap {
        height: auto;
        flex-direction: column;
    }
    .leaders-page .faq-block .faq-wrap .q-list {
        width: 100%;
        height: 40px;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        overflow: hidden;
        z-index: 1;
    }
    .leaders-page .faq-block .faq-wrap .q-list .item {
        position: relative;
        height: auto;
        font-size: 14px;
        background: #fff;
        border: 1px solid rgba(24, 41, 104, 0.1);
        border-bottom-color: transparent;
        padding: 11px 54px 10px 19px;
    }
    .leaders-page .faq-block .faq-wrap .q-list .item.current {
        order: -1;
    }
    .leaders-page .faq-block .faq-wrap .q-list .item.current::before {
        content: "";
        position: absolute;
        top: 17px;
        right: 23px;
        width: 10px;
        height: 6px;
        background: url(img/svg/chevron-d.svg) no-repeat center;
        background-size: 100%;
        filter: brightness(0) invert(1);
        transition: 0.25s;
    }
    .leaders-page .faq-block .faq-wrap .q-list .item:not(.current):hover {
        background: #fff;
    }
    .leaders-page .faq-block .faq-wrap .q-list .item:last-child {
        border-bottom-color: rgba(24, 41, 104, 0.1);
    }
    .leaders-page .faq-block .faq-wrap .q-list.opened {
        overflow: visible;
    }
    .leaders-page .faq-block .faq-wrap .q-list.opened .item::before {
        transform: rotate(180deg);
    }
    .leaders-page .faq-block .faq-wrap .q-list .item {
        background: #fff;
    }
    .leaders-page .news-block .news-slider .swiper-slide {
        width: 324px;
        height: auto;
    }
    .leaders-page .news-block .news-slider .swiper-slide .img-wrap {
        height: auto;
    }
    .leaders-page .news-block .news-slider .swiper-slide .img-wrap img {
        width: 100%;
    }
    .leaders-page .news-block .news-slider .swiper-slide .desc {
        padding-bottom: 26px;
    }
    .best-employee-page .bg-wrap {
        height: 330px;
        background-size: 462px;
        background-position: calc(50% + 245px) 49px;
        margin-top: -138px;
        padding-top: 158px;
    }
    .best-employee-page .bg-wrap .subtitle {
        width: 321px;
    }
    .best-employee-page .bg-wrap .subtitle br {
        display: none;
    }
    .best-employee-page .faq-wrap .item .q .toggle-btn {
        flex-shrink: 0;
    }
    .best-employee-page .faq-wrap .item .a .news-wrap .news-item {
        width: 324px;
        height: auto;
    }
    .best-employee-page .faq-wrap .item .a .news-wrap .news-item .img-wrap {
        height: auto;
    }
    .best-employee-page .faq-wrap .item .a .news-wrap .news-item .img-wrap img {
        width: 100%;
    }
    .best-employee-page .faq-wrap .item .a .news-wrap .news-item .desc {
        padding-bottom: 26px;
    }
    .best-employee-page .faq-wrap .item .a .news-wrap .news-item:last-child {
        display: none;
    }
    .best-employee-page .request-block {
        background: rgba(24, 41, 104, 0.1);
    }
    .best-employee-page .request-block .content-wrap {
        padding: 0 45px;
    }
    .best-employee-page .request-block .content-wrap .text {
        width: 324px;
    }
    .best-employee-page .request-block .content-wrap .btn {
        height: 40px;
        line-height: 38px;
    }
    .best-employee-page .gallery-wrap {
        flex-direction: column;
    }
    .best-employee-page .gallery-wrap .employees-list {
        width: 100%;
        grid-template-columns: repeat(3, 206px);
        grid-auto-rows: 206px;
        margin-top: 20px;
    }
    .best-employee-page .gallery-wrap .employees-list .item {
        background-size: cover;
    }
    .best-employee-page .gallery-wrap .employees-list .item .name span {
        font-size: 16px;
    }
    .best-employee-page .gallery-wrap .employees-list .item .additional .text {
        font-size: 14px;
    }
    .open-selection-page .bg-wrap {
        height: 368px;
        background-image: url(img/open-selection-page/bg-md.png);
        margin-top: -94px;
        padding-top: 114px;
    }
    .open-selection-page .bg-wrap .subtitle {
        width: 365px;
    }
    .open-selection-page .bg-wrap .subtitle br {
        display: none;
    }
    .open-selection-page .vacancies-block .vacancies-list {
        grid-template-columns: 100%;
    }
    .contests-page .bg-wrap {
        height: 423px;
        background-size: 490px;
        background-position-x: calc(50% + 122px);
        margin-top: -138px;
        padding-top: 158px;
    }
    .contests-page .bg-wrap .subtitle {
        width: 395px;
    }
    .contests-page .bg-wrap .subtitle br {
        display: none;
    }
    .contests-page .filters-wrap {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 70px;
    }
    .contests-page .filters-wrap .columns-wrap {
        flex-wrap: wrap;
        margin-top: 20px;
        margin-bottom: 0;
    }
    .contests-page .filters-wrap .columns-wrap .dd-filter {
        width: 324px;
    }
    .contests-page .filters-wrap .columns-wrap .dd-filter:last-child {
        margin-top: 20px;
    }
    .contests-page .filters-wrap .btns-wrap .slider-wrap {
        width: 100%;
    }
    .contests-page .filters-wrap .btns-wrap .slider-wrap .slider {
        width: 100%;
        margin: 0 37px;
    }
    .contests-page .filters-wrap .btns-wrap .btn {
        position: absolute;
        right: 124px;
        bottom: 0;
    }
    .contests-page .filters-wrap .btns-wrap .btn + .btn {
        right: 0;
    }
    .contests-page .filters-wrap > .label {
        order: 1;
    }
    .contests-page .filters-wrap .columns-wrap .dd-filter:last-child {
        margin-top: 0;
    }
    .contests-page .contests-block .vacancies-list {
        grid-template-columns: 100%;
    }
    .practice-page .bg-wrap {
        height: 572px;
        background-size: 746px;
        background-position-x: calc(50% + 226px);
        margin-top: -138px;
        padding-top: 158px;
    }
    .practice-page .bg-wrap .subtitle {
        width: 324px;
    }
    .practice-page .bg-wrap .subtitle + .subtitle {
        margin-top: 0;
    }
    .practice-page .bg-wrap .btn {
        margin-top: 50px;
    }
    .practice-page .columns-wrap {
        flex-direction: column-reverse;
    }
    .practice-page .columns-wrap .left {
        width: 100%;
        margin-top: 100px;
    }
    .practice-page .columns-wrap .right {
        width: 100%;
    }
    .practice-page .columns-wrap .right .reasons-block .title {
        width: 290px;
        margin: 0 auto;
    }
    .practice-page .columns-wrap .right .reasons-block ul {
        columns: 2;
        column-gap: 60px;
        padding: 0 41px;
    }
    .practice-page .columns-wrap .right .reasons-block ul li {
        width: 238px;
        break-inside: avoid-column;
    }
    .searching-page .bg-wrap {
        height: 484px;
        margin-top: -138px;
        padding-top: 158px;
        background-image: url(img/searching-page/bg-md.png);
    }
    .searching-page .bg-wrap .subtitle {
        width: 361px;
    }
    .searching-page .filters-wrap {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }
    .searching-page .filters-wrap .columns-wrap {
        flex-wrap: wrap;
        margin-top: 20px;
        margin-bottom: 0;
    }
    .searching-page .filters-wrap .columns-wrap .dd-filter {
        width: 324px;
    }
    .searching-page .filters-wrap .columns-wrap .dd-filter:last-child {
        margin-top: 20px;
    }
    .searching-page .filters-wrap .btns-wrap .slider-wrap {
        width: 100%;
    }
    .searching-page .filters-wrap .btns-wrap .slider-wrap .slider {
        width: 100%;
        margin: 0 37px;
    }
    .searching-page .filters-wrap .btns-wrap .btn {
        position: absolute;
        right: 124px;
        bottom: 0;
    }
    .searching-page .filters-wrap .btns-wrap .btn + .btn {
        right: 0;
    }
    .searching-page .filters-wrap > .label {
        order: 1;
    }
    .searching-page .vacancy-block .item {
        padding: 55px 30px 30px;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc {
        width: 368px;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .text {
        min-height: 126px;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .anim-wrap {
        margin-left: -250px;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .anim-wrap .columns-wrap {
        grid-template-columns: repeat(2, 294px);
        grid-column-gap: 30px;
        margin: 40px 0 0;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .anim-wrap .text {
        min-height: auto;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .more-wrap {
        margin: 30px 0 0 -250px;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .more-wrap .btn {
        height: 40px;
        line-height: 38px;
    }
    .searching-page .vacancy-block .item-2 {
        padding: 30px;
    }
    .searching-page .vacancy-block .item-2 .desc-wrap .columns-wrap {
        grid-template-columns: repeat(2, 269px);
        grid-column-gap: 20px;
        grid-row-gap: 13px;
    }
    .searching-page .vacancy-block .item-3 {
        padding: 30px;
    }
    .searching-page .vacancy-block .item-3 .img-wrap {
        width: 40px;
        height: 40px;
    }
    .searching-page .vacancy-block .item-3 .desc-wrap {
        padding-top: 0;
    }
    .searching-page .vacancy-block .item-3 .desc-wrap .desc {
        width: 100%;
    }
    .searching-page .vacancy-block .item-3 .fav-btn {
        top: 90px;
        left: 30px;
    }
    .searching-page .vacancy-block .item-3 .more-btn {
        right: 30px;
        bottom: 30px;
    }
    .profile-searching-page .create-btn {
        top: 0;
        right: 45px;
        width: 442px;
        justify-content: center;
    }
    .profile-searching-page .create-btn img {
        margin-left: 20px;
    }
    .profile-searching-page .left {
        width: 206px;
    }
    .profile-searching-page .right {
        width: 442px;
    }
    .profile-searching-page .right .items-list .item .toggle-btn .hover-text {
        display: none;
    }
    .profile-searching-page .right .items-list .item .toggle-btn.disabled:hover {
        border-color: #aaa;
    }
    .profile-searching-page .right .items-list .item .toggle-btn:hover {
        border-color: #139b6a;
    }
    .profile-searching-page .right .items-list .item .toggle-btn:hover .text {
        opacity: 1;
    }
    .profile-searching-page .right .items-list .item + .item {
        margin-top: 20px;
    }
    .profile-searching-form-page .left {
        width: 206px;
    }
    .profile-searching-form-page .right {
        width: 442px;
    }
    .profile-searching-form-page .right .row-input {
        margin-left: -236px;
    }
    .profile-searching-form-page .right .row-input .label {
        width: 206px;
    }
    .profile-searching-form-page .right .row-input .input-wrap {
        width: 452px;
    }
    .profile-searching-form-page .right .btns-wrap {
        margin-left: -236px;
    }
    .profile-contests-form-page .right .img-select {
        width: 136px;
    }
    .profile-contests-form-page .right .img-select .img-wrap {
        height: 116px;
    }
    .profile-contests-form-page .right .img-select .img-wrap img {
        width: 60px;
    }
    .profile-contests-form-page .right .img-select .btn {
        font-size: 14px;
    }
    .profile-contests-form-page .right .labeled-input {
        width: 286px;
        margin-left: auto;
    }
    .profile-contests-form-page .right .labeled-input .input-wrap .units {
        left: calc(100% + 10px);
    }
    .profile-contests-form-page .right .labeled-input.with-unit {
        width: 249px;
        margin-right: 37px;
    }
    .vacancy-single-page .desc {
        width: 100%;
    }
    .vacancy-single-page .grid {
        grid-template-columns: repeat(2, 324px);
        grid-column-gap: 0;
        justify-content: space-between;
    }
    .profile-favorites-page {
        flex-direction: column;
        padding-top: 40px;
    }
    .profile-favorites-page .right {
        width: 100%;
        margin-top: 40px;
    }
    .profile-favorites-page .right .item-3 .desc-wrap {
        padding-top: 0;
    }
    .profile-favorites-page .right .item-3 .desc-wrap .desc {
        width: 100%;
        margin-top: 10px;
    }
    .profile-favorites-page .right .item-3 .desc-wrap .salary {
        margin-top: 38px;
    }
    .profile-favorites-page .right .item-3 .archived-wrap {
        top: 26px;
    }
}
@media (max-width: 767px) {
    .hide-sm {
        display: none !important;
    }
    .show-sm {
        display: block !important;
    }
    .show-sm-flex {
        display: flex !important;
    }
    .show-sm-grid {
        display: grid !important;
    }
    .show-sm-inline {
        display: inline !important;
    }
    .content-wrap {
        width: 100%;
        max-width: 500px;
        padding: 0 15px;
    }
    .header {
        padding-top: 0px;
    }
    .header .top .content-wrap {
        padding: 0;
    }
    .header .top .mobile-menu-btn {
        width: 52px;
    }
    .header .top .mobile-search-btn {
        margin-left: auto;
    }
    .header .top .mobile-auth-btn {
        width: 52px;
        margin-left: 10px;
    }
    .header .top .search-wrap {
        left: 15px;
        right: 15px;
    }
    .header .breadcrumbs .content-wrap {
        flex-wrap: wrap;
    }
    .header .page-title {
        font-size: 30px;
        margin-top: 5px;
    }
    .header.alt .page-title,
    .header.alt-2 .page-title {
        width: 290px;
    }
    .footer .content-wrap {
        height: 421px;
        padding-top: 40px;
    }
    .footer .contactscolumn {
        align-items: center;
        margin: 0 auto;
    }
    .footer .contactscolumn .social-wrap {
        margin-top: 30px;
    }
    .footer .contactscolumn .address {
        margin-top: 30px;
        text-align: center;
    }
    .footer .logo-column {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        margin-top: 11px;
        order: 2;
    }
    .footer .logo-column .logo {
        margin-bottom: 2px;
    }
    .footer .logo-column .emblem-wrap {
        margin-left: auto;
        padding-right: 1px;
    }
    .footer .logo-column .emblem-wrap .text {
        margin-bottom: 0;
    }
    .footer .copy-wrap {
        align-items: flex-start;
        order: 3;
    }
    /* ========================================
       HERO BANNER - MOBILE RESPONSIVE
       ======================================== */
    /* Modern Hero Banner - Mobile */
    .mainpage .block-1 {
        min-height: auto;
        padding-top: 110px;
        padding-bottom: 1px;
        position: relative;
    }
    
    .hero-blob {
        filter: blur(80px);
        opacity: 0.2;
    }
    
    .hero-blob-1 {
        width: 250px;
        height: 250px;
    }
    
    .hero-blob-2 {
        width: 200px;
        height: 200px;
    }
    
    .hero-blob-3 {
        display: none;
    }
    
    .hero-modern-layout {
        display: flex !important;
        flex-direction: column;
        gap: 1.25rem;
        padding: 0;
        position: relative;
        z-index: 1;
    }
    
    /* Main Content Section - Always Visible */
    .hero-main-content {
        display: flex !important;
        flex-direction: column;
        order: 1;
        padding: 0 0.875rem;
        padding-top: 105px;
        position: relative;
        z-index: 2;
    }
    
    .hero-badge {
        display: inline-block !important;
        align-self: center;
        margin-bottom: 10px;
        font-size: 10px;
        padding: 4px 12px;
        position: relative;
        z-index: 3;
    }
    
    .hero-main-title {
        display: block !important;
        font-size: 1.75rem !important;
        line-height: 1.15 !important;
        text-align: center;
        margin-bottom: 10px;
        position: relative;
        z-index: 3;
        margin-top: 0;
        padding-top: 0;
    }
    
    .hero-accent {
        display: inline !important;
    }
    
    .hero-main-description {
        display: block !important;
        text-align: center;
        max-width: 100%;
        font-size: 0.875rem !important;
        line-height: 1.45 !important;
        margin-bottom: 18px;
        padding: 0;
    }
    
    .hero-cta-group {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        margin-bottom: 25px;
    }
    
    .hero-btn-primary,
    .hero-btn-secondary {
        display: flex !important;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 13px 18px;
        font-size: 14px;
        white-space: nowrap;
    }
    
    .hero-btn-secondary {
        display: none !important;
    }
    
    .hero-btn-primary svg {
        flex-shrink: 0;
        margin-left: 6px;
        width: 16px;
        height: 16px;
    }
    
    /* Bento Grid - Minimalist Mobile Version */
    .hero-bento-grid {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 8px;
        order: 2;
        padding: 0 0.875rem;
    }
    
    .bento-card {
        display: flex !important;
        flex-direction: column;
        padding: 14px;
        border-radius: 12px;
    }
    
    .bento-card-1,
    .bento-card-2,
    .bento-card-3 {
        grid-column: span 1;
    }
    
    .bento-card-icon {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        margin-bottom: 8px;
    }
    
    .bento-card-icon svg {
        width: 19px;
        height: 19px;
    }
    
    .bento-card-title {
        font-size: 15px;
        margin-bottom: 3px;
        font-weight: 600;
    }
    
    .bento-card-text {
        font-size: 12px;
        line-height: 1.35;
        opacity: 0.85;
    }
    
    .bento-card-stat {
        display: none !important;
    }
    
    .stat-number {
        font-size: 26px;
        margin-bottom: 3px;
        font-weight: 700;
    }
    
    .stat-label {
        font-size: 11px;
        opacity: 0.9;
    }
    
    .hero-scroll-indicator {
        display: none;
    }
    
    /* Menu Block - Mobile */
    .mainpage .menu-block {
        padding: 50px 0;
        margin-top: 50px;
    }
    
    .mainpage .menu-block .menu-header {
        margin-bottom: 30px;
        padding: 0 15px;
    }
    
    .mainpage .menu-block .menu-title {
        font-size: 26px;
        line-height: 1.2;
    }
    
    .mainpage .menu-block .menu-description {
        font-size: 14px;
        line-height: 1.5;
    }
    
    .mainpage .menu-block .menu-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 0 15px;
    }
    
    .mainpage .menu-block .menu-column {
        border-radius: 14px;
        box-shadow: 0px 4px 16px rgba(24, 41, 104, 0.08);
    }
    
    .mainpage .menu-block .menu-column-inner {
        padding: 24px 18px;
        min-height: auto;
    }
    
    .mainpage .menu-block .menu-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 14px;
        border-radius: 12px;
    }
    
    .mainpage .menu-block .menu-icon svg {
        width: 24px;
        height: 24px;
    }
    
    .mainpage .menu-block .menu-title-text {
        font-size: 19px;
        margin-bottom: 14px;
        line-height: 1.3;
    }
    
    .mainpage .menu-block .menu-links {
        gap: 6px;
    }
    
    .mainpage .menu-block .menu-link {
        padding: 10px 12px;
        font-size: 13px;
        border-radius: 8px;
        line-height: 1.3;
    }
    
    .mainpage .menu-block .menu-link .link-icon {
        font-size: 15px;
    }
    
    .mainpage .menu-block .menu-link .link-text {
        line-height: 1.4;
    }
    
    .mainpage .menu-block .menu-highlight {
        margin-top: 14px;
        padding: 14px 16px;
        border-radius: 10px;
        font-size: 12px;
        line-height: 1.5;
    }
    
    /* Hover effects still work on mobile browsers */
    .mainpage .menu-block .menu-column:active {
        transform: translateY(-2px);
    }
    
    /* Hide old structure */
    .mainpage .menu-block .column {
        display: none;
    }
    .mainpage .news-block .block-title {
        align-items: center;
        font-size: 24px;
    }
    .mainpage .news-block .news-slider {
        margin-top: 32px;
    }
    .mainpage .news-block .news-slider .swiper-slide {
        width: 250px;
    }
    .mainpage .news-block .news-slider .swiper-slide .desc-wrap {
        padding: 15px;
    }
    .mainpage .news-block .news-slider .swiper-slide .desc-wrap .title {
        font-size: 14px;
        line-height: normal;
    }
    .mainpage .news-block .news-slider .swiper-slide .desc-wrap .text {
        font-size: 12px;
        line-height: 17px;
        margin-top: 10px;
    }
    .mainpage .news-block .news-slider .swiper-slide .desc-wrap .more-wrap {
        margin-top: 20px;
    }
    .mainpage .news-block {
        margin-top: 40px;
        padding: 30px 0;
        border-radius: 12px;
    }
    .mainpage .news-block .news-header {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 24px;
    }
    .mainpage .news-block .news-section-title {
        font-size: 24px;
    }
    .mainpage .news-block .news-section-subtitle {
        font-size: 14px;
    }
    .mainpage .news-block .news-arrow {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }
    .mainpage .news-block .news-slider-modern .swiper-slide {
        width: 260px;
    }
    .mainpage .news-block .news-card {
        border-radius: 16px;
    }
    .mainpage .news-block .news-card-image {
        height: 140px;
    }
    .mainpage .news-block .news-card-content {
        padding: 16px;
        min-height: 160px;
    }
    .mainpage .news-block .news-card-title {
        font-size: 15px;
    }
    .mainpage .news-block .news-card-text {
        font-size: 13px;
        -webkit-line-clamp: 2;
    }
    .mainpage .news-block .news-card-footer {
        margin-top: 14px;
        padding-top: 12px;
    }
    .mainpage .news-block .news-card-date {
        font-size: 12px;
    }
    .mainpage .news-block .news-card-link {
        font-size: 13px;
    }
    .mainpage .links-block {
        margin-top: 40px;
        padding: 30px 0;
    }
    .mainpage .links-block .content-wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .mainpage .links-block .item {
        height: 80px;
        border-radius: 10px;
        padding: 12px;
    }
    .mainpage .links-block .item img {
        max-height: 40px;
    }
    .mainpage .links-block .item.item-gossluzhba {
        grid-column: span 2;
        padding: 8px 12px;
        height: auto;
        min-height: 70px;
    }
    .mainpage .links-block .item.item-gossluzhba .item-text {
        font-size: 9px;
        line-height: 1.3;
    }
    .mainpage .links-block .item.item-gossluzhba .item-text .title {
        font-size: 10px;
        margin-bottom: 3px;
    }
    .mainpage .links-block .item.item-gossluzhba .item-img {
        width: 70px;
    }
    .feedback-block .content-wrap {
        background: url(img/svg/feedback-block-bg-sm.svg) no-repeat calc(50% - 14px) calc(50% - 3px);
        padding: 0 15px;
    }
    .feedback-block .content-wrap .left {
        font-size: 14px;
    }
    .feedback-block .content-wrap .left span {
        font-size: 24px;
        margin-bottom: 7px;
    }
    .feedback-block .content-wrap .right {
        font-size: 14px;
        margin-top: 34px;
    }
    .feedback-block .content-wrap .right p {
        font-size: 24px;
        margin-top: 3px;
    }
    .news-page {
        margin-top: 70px;
    }
    .news-page .news-list {
        grid-template-columns: auto;
        justify-content: center;
    }
    .news-page .news-list .item {
        width: 250px;
        height: auto;
    }
    .news-page .news-list .item .img-wrap img {
        height: 144px;
    }
    .news-page .news-list .item .img-wrap img.placeholder {
        width: 84px;
    }
    .news-page .news-list .item .desc-wrap {
        padding: 15px;
    }
    .news-page .news-list .item .desc-wrap .title {
        font-size: 14px;
        line-height: normal;
    }
    .news-page .news-list .item .desc-wrap .text {
        font-size: 12px;
        line-height: 17px;
        margin-top: 10px;
    }
    .news-page .news-list .item .desc-wrap .more-wrap {
        margin-top: 20px;
    }
    .news-page .pages {
        top: -40px;
        right: 35px;
    }
    .news-single-page .date {
        font-size: 12px;
        line-height: 17px;
    }
    .news-single-page p {
        font-size: 14px;
        line-height: 20px;
    }
    .news-single-page p + p {
        margin-top: 5px;
    }
    .news-single-page ul li {
        font-size: 14px;
        line-height: 20px;
    }
    .news-single-page .img-block .img-wrap {
        float: none;
        margin: 0 0 30px 0;
    }
    .news-single-page .img-block .img-wrap img {
        width: 250px;
        margin: 0 auto;
    }
    .culture-page .gallery-wrap {
        height: 160px;
    }
    .culture-page .gallery-wrap .photo-list {
        display: flex;
        grid-column-gap: 0;
        grid-row-gap: 0;
        overflow: scroll;
        padding: 15px;
    }
    .culture-page .gallery-wrap .photo-list .item {
        width: 90px;
        height: 90px;
        flex-shrink: 0;
    }
    .culture-page .gallery-wrap .photo-list .item img {
        width: 100%;
    }
    .culture-page .gallery-wrap .photo-list .item + .item {
        margin-left: 10px;
    }
    .culture-page .gallery-wrap .photo-list::after {
        height: auto;
        width: 15px;
        flex-shrink: 0;
    }
    .culture-page .gallery-wrap ::-webkit-scrollbar {
        display: none;
    }
    .culture-page .page-subtitle {
        font-size: 24px;
    }
    .culture-page .faq-wrap .item .q {
        font-size: 16px;
    }
    .culture-page .faq-wrap .item .q .toggle-btn {
        flex-shrink: 0;
        margin-left: 15px;
    }
    .culture-page .faq-wrap .item .a p {
        font-size: 14px;
        line-height: 20px;
    }
    .culture-page .faq-wrap .item .a p + p {
        margin-top: 5px;
    }
    .culture-page .faq-wrap .item .a .list-wrap ul li {
        font-size: 14px;
        line-height: 20px;
    }
    .culture-page .faq-wrap .item::after {
        width: 100%;
    }
    .gallery-page .img-block {
        flex-direction: column;
    }
    .gallery-page .img-block .text {
        font-size: 12px;
        line-height: 20px;
    }
    .gallery-page .img-block .img-wrap {
        margin: 20px 0 0;
    }
    .gallery-page .img-block .img-wrap img {
        max-width: 100%;
        margin: 0 auto;
    }
    .gallery-page .page-subtitle {
        font-size: 24px;
    }
    .gallery-page .gallery-wrap .employees-list {
        display: flex;
        grid-column-gap: 0;
        padding-bottom: 500px;
        margin-bottom: -500px;
        overflow-x: scroll;
    }
    .gallery-page .gallery-wrap .employees-list .item {
        width: 206px;
        height: 206px;
        flex-shrink: 0;
    }
    .gallery-page .gallery-wrap .employees-list .item + .item {
        margin-left: 20px;
    }
    .gallery-page .faq-wrap {
        position: relative;
        z-index: 1;
    }
    .gallery-page .faq-wrap .item .q {
        font-size: 16px;
    }
    .gallery-page .faq-wrap .item .q .toggle-btn {
        flex-shrink: 0;
        margin-left: 15px;
    }
    .gallery-page .faq-wrap .item .a p {
        font-size: 14px;
        line-height: 20px;
    }
    .gallery-page .faq-wrap .item .a p + p {
        margin-top: 5px;
    }
    .gallery-page .faq-wrap .item .a .list-wrap ul li {
        font-size: 14px;
        line-height: 20px;
    }
    .gallery-page .faq-wrap .item::after {
        width: 100%;
    }
    .auth-page .form-wrap {
        width: 100%;
        padding: 60px 15px 15px;
    }
    .auth-page .form-wrap .title {
        font-size: 20px;
    }
    .auth-page .form-wrap .input-wrap .label {
        font-size: 10px;
    }
    .auth-page .form-wrap .input-wrap input,
    .auth-page .form-wrap .input-wrap select,
    .auth-page .form-wrap .input-wrap textarea {
        font-size: 14px;
        padding: 0 9px;
    }
    .auth-page .form-wrap .input-wrap .captcha-wrap input {
        width: 183px;
    }
    .auth-page .form-wrap .input-wrap .captcha-wrap .captcha {
        width: 68px;
    }
    .auth-page .form-wrap .input-wrap .captcha-wrap .captcha img {
        width: 100%;
    }
    .auth-page .form-wrap .input-wrap .columns-wrap .select-wrap .chevron {
        right: 10px;
    }
    .auth-page .form-wrap .input-wrap .columns-wrap .select-wrap:nth-child(1) {
        width: 27.67123%;
    }
    .auth-page .form-wrap .input-wrap .columns-wrap .select-wrap:nth-child(2) {
        width: 38.35616%;
    }
    .auth-page .form-wrap .input-wrap .columns-wrap .select-wrap:nth-child(3) {
        width: 28.49315%;
    }
    .auth-page .form-wrap .personal-data {
        padding: 0;
    }
    .profile-page {
        flex-direction: column;
    }
    .profile-page .left {
        width: 100%;
    }
    .profile-page .left .sidebar-wrap {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        z-index: 5;
    }
    .profile-page .left .sidebar {
        position: relative;
        display: flex;
    }
    .profile-page .left .sidebar .item {
        width: 50%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        padding: 0 10px;
        text-align: center;
    }
    .profile-page .left .sidebar .item:last-child {
        position: absolute;
        top: 40px;
        left: 0;
        background: #fff;
    }
    .profile-page .left .sidebar .item:last-child:hover,
    .profile-page .left .sidebar .item:last-child.current {
        background: #182968;
    }
    .profile-page .left .link {
        font-size: 12px;
        margin: 0 0 20px 0;
    }
    .profile-page .right {
        width: 100%;
        margin-top: 80px;
    }
    .profile-page .right .profile .photo-wrap {
        margin: 0 auto;
    }
    .profile-page .right .profile .photo-wrap + .info-wrap {
        width: 100%;
        margin-left: 0;
    }
    .profile-page .right .profile .photo-wrap + .info-wrap .table {
        margin-top: 47px;
    }
    .profile-page .right .profile .photo-wrap + .info-wrap .table .row {
        padding-right: 0;
    }
    .profile-page .right .profile .photo-wrap + .info-wrap .table .row .param {
        width: 100%;
    }
    .profile-page .right .profile .photo-wrap + .info-wrap .table .row .value {
        width: 100%;
    }
    .profile-page .right .profile .photo-wrap + .info-wrap .table .row .edit-field {
        top: 34px;
        left: -7px;
        bottom: -9px;
        width: calc(100% + 14px);
        font-size: 14px;
        line-height: 20px;
        padding-left: 6px;
        padding-right: 6px;
    }
    .profile-page .right .profile .info-wrap .name {
        font-size: 16px;
        padding: 0;
        text-align: center;
    }
    .profile-page .right .profile .info-wrap .table .row {
        flex-direction: column;
        padding: 0;
    }
    .profile-page .right .profile .info-wrap .table .row .param {
        font-size: 12px;
        line-height: 17px;
        padding-right: 45px;
    }
    .profile-page .right .profile .info-wrap .table .row .value {
        font-size: 14px;
        line-height: 20px;
        margin-top: 26px;
    }
    .profile-page .right .profile .info-wrap .table .row .edit-btn {
        top: -7px;
        right: 0;
        width: 30px;
        height: 30px;
    }
    .profile-page .right .profile .info-wrap .table .row .edit-btn svg {
        width: 18px;
        height: 18px;
    }
    .profile-page .right .profile .info-wrap .table .row .edit-btn svg:last-child {
        top: calc(50% - 9px);
        left: calc(50% - 9px);
    }
    .profile-page .right .profile .info-wrap .table .row + .row {
        margin-top: 46px;
    }
    .profile-page .right .profile .info-wrap .table .row:nth-child(2n+1) {
        background: none;
    }
    .profile-page.data-form .left {
        flex-direction: column;
    }
    .profile-page.data-form .left .sidebar-wrap {
        width: 100%;
    }
    .profile-page.data-form .left .forms-list {
        width: 100%;
        margin-top: 80px;
    }
    .profile-page.data-form .right {
        margin-top: 47px;
    }
    .profile-page.data-form .right .profile .info-wrap {
        margin-top: 0;
    }
    .profile-page.data-form .right .profile .info-wrap .table {
        margin-left: 0;
        margin-right: 0;
    }
    .profile-page.data-form .right .profile .info-wrap .table .row {
        padding-right: 0;
    }
    .profile-page.data-form .right .profile .info-wrap .table .row .param {
        width: 100%;
        padding-right: 45px;
    }
    .profile-page.data-form .right .profile .info-wrap .table .row .value {
        width: 100%;
    }
    .profile-page.data-form .right .profile .info-wrap .table .row .edit-field {
        top: 34px;
        left: -7px;
        bottom: -9px;
        width: calc(100% + 14px);
        font-size: 14px;
        line-height: 20px;
        padding-left: 6px;
        padding-right: 6px;
    }
    .lifehack-page .bg-wrap {
        height: 589px;
        margin-top: -82px;
        padding-top: 103px;
        background: url(img/lifehack-page/bg-sm.png) no-repeat center;
    }
    .lifehack-page .bg-wrap .subtitle {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }
    .lifehack-page .bg-wrap .steps {
        font-size: 18px;
        margin-top: 39px;
    }
    .lifehack-page .bg-wrap .steps span {
        font-size: 48px;
    }
    .lifehack-page .step .title {
        font-size: 24px;
        padding-top: 5px;
    }
    .lifehack-page .step .title .num {
        width: 40px;
        height: 40px;
        font-size: 10px;
        margin-top: -5px;
        margin-right: 17px;
        padding-top: 24px;
    }
    .lifehack-page .step .title .num span {
        font-size: 24px;
    }
    .lifehack-page .step .title .num::before {
        left: calc(100% - 3px);
    }
    .lifehack-page .step .text {
        padding: 0;
    }
    .lifehack-page .step .text p,
    .lifehack-page .step .text ul li {
        font-size: 14px;
        line-height: 20px;
    }
    .lifehack-page .step .text .subtitle {
        font-size: 16px;
    }
    .lifehack-page .step .text .subtitle br {
        display: none;
    }
    .lifehack-page .step .text .hint-wrap .bordered {
        padding-right: 60px;
    }
    .lifehack-page .step .text .hint-wrap .hint {
        width: 290px;
    }
    .lifehack-page .step::before {
        display: none;
    }
    .lifehack-page.loaded .bg-wrap {
        background-image: url(img/lifehack-page/bg-2-sm.png);
    }
    .declare-yourself-page .bg-wrap {
        height: 551px;
        margin-top: -82px;
        padding-top: 103px;
        background-size: 215px;
        background-position-x: calc(50% + 72px);
    }
    .declare-yourself-page .bg-wrap .content-wrap .subtitle {
        width: 100%;
    }
    .declare-yourself-page .bg-wrap .content-wrap .fillform {
        width: 100%;
        margin-top: 20px;
    }
    .declare-yourself-page .bg-wrap .content-wrap .btn {
        margin-top: 40px;
    }
    .declare-yourself-page .text-block {
        flex-direction: column;
    }
    .declare-yourself-page .text-block .left p + p {
        margin-top: 5px;
    }
    .declare-yourself-page .text-block .right {
        width: 100%;
        margin-top: 30px;
        margin-left: 0;
    }
    .leaders-page .bg-wrap {
        height: 351px;
        background-position-x: calc(50% + 100px);
        margin-top: -156px;
        padding-top: 177px;
    }
    .leaders-page .bg-wrap .subtitle {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }
    .leaders-page .bg-wrap .btn {
        margin-top: 40px;
    }
    .leaders-page .page-subtitle {
        font-size: 24px;
    }
    .leaders-page .columns-wrap .left .steps-wrap {
        flex-direction: column;
        margin-top: 55px;
    }
    .leaders-page .columns-wrap .left .steps-wrap .step {
        max-width: 100%;
    }
    .leaders-page .columns-wrap .left .steps-wrap .step .num {
        width: 40px;
        height: 40px;
        font-size: 36px;
        color: #182968;
    }
    .leaders-page .columns-wrap .left .steps-wrap .step .num span {
        top: -15px;
        left: 0;
        font-size: 12px;
    }
    .leaders-page .columns-wrap .left .steps-wrap .step .num + .item {
        margin-top: -40px;
    }
    .leaders-page .columns-wrap .left .steps-wrap .step .num::before {
        top: calc(50% - 10px);
        left: 100%;
        border-width: 10px 0 10px 7px;
        border-color: transparent transparent transparent rgba(24, 41, 104, 0.1);
    }
    .leaders-page .columns-wrap .left .steps-wrap .step .item {
        font-size: 14px;
        line-height: 20px;
        padding-left: 57px;
    }
    .leaders-page .columns-wrap .left .steps-wrap .step + .step {
        margin-top: 45px;
        margin-left: 0;
    }
    .leaders-page .columns-wrap .left .steps-wrap .step::before {
        top: 40px;
        left: 18px;
        right: auto;
        bottom: -45px;
        width: 4px;
        height: auto;
    }
    .leaders-page .columns-wrap .left p {
        font-size: 14px;
        line-height: 20px;
    }
    .leaders-page .columns-wrap .left p + p {
        margin-top: 5px;
    }
    .leaders-page .columns-wrap .left ul li {
        font-size: 14px;
        line-height: 20px;
    }
    .leaders-page .columns-wrap .right-bordered {
        grid-template-columns: 100%;
        padding: 10px;
    }
    .leaders-page .columns-wrap .right-bordered .item .title {
        font-size: 16px;
        line-height: 22px;
    }
    .leaders-page .columns-wrap .right-bordered .item .text {
        font-size: 14px;
        line-height: 20px;
    }
    .leaders-page .columns-wrap .right-bordered .item:last-child {
        grid-column: auto;
    }
    .leaders-page .columns-wrap .right-social-wrap {
        justify-content: center;
    }
    .leaders-page .columns-wrap .right-warn-block {
        margin-left: -15px;
        margin-right: -15px;
        padding: 15px;
    }
    .leaders-page .columns-wrap .warn-block-wrap {
        flex-direction: column-reverse;
    }
    .leaders-page .columns-wrap .warn-block-wrap .column {
        width: 100%;
    }
    .leaders-page .columns-wrap .warn-block-wrap .column:first-child {
        margin-top: 50px;
    }
    .leaders-page .columns-wrap .result-table {
        margin-left: -15px;
        margin-right: -15px;
    }
    .leaders-page .columns-wrap .result-table .cell:nth-child(1) {
        width: 6.89655%;
    }
    .leaders-page .columns-wrap .result-table .cell:nth-child(2) {
        width: 53.44827%;
        margin-left: 0;
    }
    .leaders-page .columns-wrap .result-table .cell:nth-child(3) {
        width: 32.75862%;
        margin-left: 0;
    }
    .leaders-page .columns-wrap .result-table .head {
        justify-content: space-between;
        padding: 10px 15px;
    }
    .leaders-page .columns-wrap .result-table .head .cell {
        font-size: 12px;
        line-height: 15px;
    }
    .leaders-page .columns-wrap .result-table .head .cell span {
        display: inline;
        font-size: 10px;
        line-height: normal;
    }
    .leaders-page .columns-wrap .result-table .head .cell:nth-child(2) {
        line-height: 13px;
    }
    .leaders-page .columns-wrap .result-table .body {
        padding: 15px 15px 5px;
    }
    .leaders-page .columns-wrap .result-table .body .subtitle {
        font-size: 14px;
        line-height: 17px;
    }
    .leaders-page .columns-wrap .result-table .body .row {
        justify-content: space-between;
    }
    .leaders-page .columns-wrap .result-table .body .row .cell {
        font-size: 14px;
        line-height: 17px;
    }
    .leaders-page .faq-block .faq-wrap .a-wrap {
        padding: 15px;
    }
    .leaders-page .faq-block .faq-wrap .a-wrap .heading {
        font-size: 10px;
    }
    .leaders-page .faq-block .faq-wrap .a-wrap .title {
        font-size: 16px;
    }
    .leaders-page .faq-block .faq-wrap .a-wrap p {
        font-size: 14px;
        line-height: 20px;
    }
    .leaders-page .faq-block .faq-wrap .a-wrap p + p {
        margin-top: 5px;
    }
    .leaders-page .faq-block .faq-wrap .a-wrap ul li {
        font-size: 14px;
        line-height: 20px;
    }
    .leaders-page .faq-block .faq-wrap .a-wrap ul li + li {
        margin-top: 25px;
    }
    .leaders-page .news-block .block-title {
        align-items: center;
        font-size: 24px;
    }
    .leaders-page .news-block .news-slider {
        margin-top: 32px;
    }
    .leaders-page .news-block .news-slider .swiper-slide {
        width: 250px;
    }
    .leaders-page .news-block .news-slider .swiper-slide .desc-wrap {
        padding: 15px;
    }
    .leaders-page .news-block .news-slider .swiper-slide .desc-wrap .title {
        font-size: 14px;
        line-height: normal;
    }
    .leaders-page .news-block .news-slider .swiper-slide .desc-wrap .text {
        font-size: 12px;
        line-height: 17px;
        margin-top: 10px;
    }
    .leaders-page .news-block .news-slider .swiper-slide .desc-wrap .more-wrap {
        margin-top: 20px;
    }
    .leaders-page .table-title {
        font-size: 16px;
        line-height: 19px;
    }
    .best-employee-page .bg-wrap {
        height: 481px;
        background-size: 347px;
        background-position: calc(50% + 50px) calc(100% - 22px);
        margin-top: -119px;
        padding-top: 140px;
    }
    .best-employee-page .bg-wrap .subtitle {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }
    .best-employee-page .bg-wrap .subtitle br {
        display: none;
    }
    .best-employee-page .faq-wrap .item .q {
        font-size: 16px;
    }
    .best-employee-page .faq-wrap .item .q .toggle-btn {
        margin-left: 15px;
    }
    .best-employee-page .faq-wrap .item .a p {
        font-size: 14px;
        line-height: 20px;
    }
    .best-employee-page .faq-wrap .item .a p + p {
        margin-top: 5px;
    }
    .best-employee-page .faq-wrap .item .a ul li {
        font-size: 14px;
        line-height: 20px;
    }
    .best-employee-page .faq-wrap .item .a .news-wrap {
        align-items: center;
        flex-direction: column;
    }
    .best-employee-page .faq-wrap .item .a .news-wrap .news-item {
        width: 250px;
    }
    .best-employee-page .faq-wrap .item .a .news-wrap .news-item .desc-wrap {
        padding: 15px;
    }
    .best-employee-page .faq-wrap .item .a .news-wrap .news-item .desc-wrap .title {
        font-size: 14px;
        line-height: normal;
    }
    .best-employee-page .faq-wrap .item .a .news-wrap .news-item .desc-wrap .text {
        font-size: 12px;
        line-height: 17px;
        margin-top: 10px;
    }
    .best-employee-page .faq-wrap .item .a .news-wrap .news-item .desc-wrap .more-wrap {
        margin-top: 20px;
    }
    .best-employee-page .faq-wrap .item .a .news-wrap .news-item + .news-item {
        margin-top: 20px;
    }
    .best-employee-page .faq-wrap .item::after {
        width: 100%;
    }
    .best-employee-page .request-block .content-wrap {
        height: 208px;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .best-employee-page .request-block .content-wrap .text {
        width: 100%;
        font-size: 16px;
        margin-bottom: 30px;
        text-align: center;
    }
    .best-employee-page .page-subtitle {
        font-size: 24px;
    }
    .best-employee-page .gallery-wrap .employees-list {
        display: flex;
        grid-column-gap: 0;
        padding-bottom: 500px;
        margin-bottom: -500px;
        overflow-x: scroll;
    }
    .best-employee-page .gallery-wrap .employees-list .item {
        width: 206px;
        height: 206px;
        flex-shrink: 0;
    }
    .best-employee-page .gallery-wrap .employees-list .item + .item {
        margin-left: 20px;
    }
    .open-selection-page .bg-wrap {
        height: 622px;
        background-image: url(img/open-selection-page/bg-sm.png);
        margin-top: -82px;
        padding-top: 103px;
    }
    .open-selection-page .bg-wrap .subtitle {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }
    .open-selection-page .vacancies-block .block-title-wrap {
        position: relative;
        align-items: flex-start;
        font-size: 24px;
        padding-bottom: 70px;
    }
    .open-selection-page .vacancies-block .block-title-wrap .print {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .open-selection-page .vacancies-block .vacancies-list {
        margin-top: 25px;
    }
    .open-selection-page .vacancies-block .vacancies-list .item {
        padding: 15px;
    }
    .open-selection-page .vacancies-block .vacancies-list .item .title-wrap {
        font-size: 14px;
        line-height: 20px;
    }
    .open-selection-page .vacancies-block .vacancies-list .item .title-wrap .img-wrap {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .open-selection-page .vacancies-block .vacancies-list .item .title-wrap .img-wrap img {
        width: 100%;
    }
    .open-selection-page .vacancies-block .vacancies-list .item .subtitle {
        font-size: 12px;
        line-height: 17px;
    }
    .open-selection-page .vacancies-block .vacancies-list .item .text {
        font-size: 14px;
        line-height: 20px;
    }
    .open-selection-page .vacancies-block .vacancies-list .item .more-wrap {
        align-items: flex-start;
        flex-direction: column;
    }
    .open-selection-page .vacancies-block .vacancies-list .item .more-wrap .salary {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .open-selection-page .vacancies-block .vacancies-list .item .more-wrap .salary span {
        font-size: 16px;
    }
    .contests-page .bg-wrap {
        height: 380px;
        background-size: 290px;
        background-position-x: center;
        margin-top: -119px;
        padding-top: 139px;
    }
    .contests-page .bg-wrap .subtitle {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }
    .contests-page .contests-block .block-title-wrap {
        position: relative;
        align-items: flex-start;
        font-size: 24px;
        padding-bottom: 70px;
    }
    .contests-page .contests-block .block-title-wrap .print {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .contests-page .contests-block .vacancies-list {
        margin-top: 25px;
    }
    .contests-page .contests-block .vacancies-list .item {
        padding: 15px;
    }
    .contests-page .contests-block .vacancies-list .item .title-wrap {
        font-size: 14px;
        line-height: 20px;
    }
    .contests-page .contests-block .vacancies-list .item .title-wrap .img-wrap {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .contests-page .contests-block .vacancies-list .item .title-wrap .img-wrap img {
        width: 100%;
    }
    .contests-page .contests-block .vacancies-list .item .subtitle {
        font-size: 12px;
        line-height: 17px;
    }
    .contests-page .contests-block .vacancies-list .item .text {
        font-size: 14px;
        line-height: 20px;
    }
    .contests-page .contests-block .vacancies-list .item .more-wrap {
        align-items: flex-start;
        flex-direction: column;
    }
    .contests-page .contests-block .vacancies-list .item .more-wrap .salary {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .contests-page .contests-block .vacancies-list .item .more-wrap .salary span {
        font-size: 16px;
    }
    .contests-page .contests-block .block-title-wrap {
        padding-bottom: 0;
    }
    .contests-page .contests-block .block-title-wrap .print {
        top: 418px;
        bottom: auto;
    }
    .contests-page .contests-block .vacancies-list {
        margin-top: 100px;
    }
    .contests-page .filters-wrap {
        padding-bottom: 65px;
    }
    .contests-page .filters-wrap .label {
        font-size: 10px;
    }
    .contests-page .filters-wrap .columns-wrap .dd-filter {
        width: 100%;
    }
    .contests-page .filters-wrap .columns-wrap .dd-filter .filter {
        font-size: 14px;
    }
    .contests-page .filters-wrap .columns-wrap .dd-filter .list .list-item {
        font-size: 14px;
        line-height: 20px;
    }
    .contests-page .filters-wrap .columns-wrap .dd-filter .list .list-item::before {
        top: 4px;
    }
    .contests-page .filters-wrap .columns-wrap .dd-filter .list .list-item::after {
        top: 7px;
    }
    .contests-page .filters-wrap .columns-wrap .dd-filter + .dd-filter {
        margin-top: 20px;
    }
    .contests-page .filters-wrap .btns-wrap .slider-wrap {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .contests-page .filters-wrap .btns-wrap .slider-wrap .slider {
        margin: 0 6px 14px;
        order: -1;
    }
    .contests-page .filters-wrap .btns-wrap .slider-wrap .input {
        font-size: 10px;
    }
    .contests-page .filters-wrap .btns-wrap .slider-wrap .input input {
        margin: 0 10px;
    }
    .contests-page .filters-wrap .btns-wrap .btn {
        left: 0;
        right: auto;
    }
    .contests-page .filters-wrap .btns-wrap .btn + .btn {
        left: auto;
        right: 0;
        width: 157px;
        margin-left: 0;
    }
    .contests-page .filters-wrap > .label {
        margin-bottom: 41px;
    }
    .contests-page .filters-wrap .columns-wrap .dd-filter + .dd-filter {
        margin-left: 0;
    }
    .contests-page .filters-wrap > .label {
        margin-bottom: 20px;
    }
    .contests-page .date {
        font-size: 14px;
        line-height: 20px;
    }
    .practice-page .bg-wrap {
        height: 656px;
        background-size: 380px;
        background-position-x: calc(50% - 18px);
        margin-top: -119px;
        padding-top: 139px;
    }
    .practice-page .bg-wrap .subtitle {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }
    .practice-page .bg-wrap .subtitle + .subtitle {
        margin-top: 5px;
    }
    .practice-page .bg-wrap .btn {
        margin-top: 40px;
    }
    .practice-page .columns-wrap .left .page-subtitle {
        font-size: 16px;
    }
    .practice-page .columns-wrap .left .step .num {
        width: 40px;
        height: 40px;
        font-size: 36px;
        margin-right: 17px;
    }
    .practice-page .columns-wrap .left .step .num::before {
        top: calc(50% - 10px);
        border-width: 10px 0 10px 7px;
    }
    .practice-page .columns-wrap .left .step .text p,
    .practice-page .columns-wrap .left .step .text ul li {
        font-size: 14px;
        line-height: 20px;
    }
    .practice-page .columns-wrap .right .reasons-block {
        padding-left: 26px;
        padding-right: 26px;
    }
    .practice-page .columns-wrap .right .reasons-block .title {
        width: 100%;
    }
    .practice-page .columns-wrap .right .reasons-block ul {
        columns: 1;
        padding: 0;
    }
    .practice-page .note {
        font-size: 14px;
        line-height: 20px;
    }
    .searching-page .bg-wrap {
        height: 622px;
        margin-top: -119px;
        padding-top: 139px;
        background-image: url(img/searching-page/bg-sm.png);
    }
    .searching-page .bg-wrap .subtitle {
        width: 178px;
        font-size: 12px;
        line-height: 20px;
    }
    .searching-page .filters-wrap {
        padding-bottom: 65px;
    }
    .searching-page .filters-wrap .label {
        font-size: 10px;
    }
    .searching-page .filters-wrap .columns-wrap .dd-filter {
        width: 100%;
    }
    .searching-page .filters-wrap .columns-wrap .dd-filter .filter {
        font-size: 14px;
    }
    .searching-page .filters-wrap .columns-wrap .dd-filter .list .list-item {
        font-size: 14px;
        line-height: 20px;
    }
    .searching-page .filters-wrap .columns-wrap .dd-filter .list .list-item::before {
        top: 4px;
    }
    .searching-page .filters-wrap .columns-wrap .dd-filter .list .list-item::after {
        top: 7px;
    }
    .searching-page .filters-wrap .columns-wrap .dd-filter + .dd-filter {
        margin-top: 20px;
    }
    .searching-page .filters-wrap .btns-wrap .slider-wrap {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .searching-page .filters-wrap .btns-wrap .slider-wrap .slider {
        margin: 0 6px 14px;
        order: -1;
    }
    .searching-page .filters-wrap .btns-wrap .slider-wrap .input {
        font-size: 10px;
    }
    .searching-page .filters-wrap .btns-wrap .slider-wrap .input input {
        margin: 0 10px;
    }
    .searching-page .filters-wrap .btns-wrap .btn {
        left: 0;
        right: auto;
    }
    .searching-page .filters-wrap .btns-wrap .btn + .btn {
        left: auto;
        right: 0;
        width: 157px;
        margin-left: 0;
    }
    .searching-page .filters-wrap > .label {
        margin-bottom: 41px;
    }
    .searching-page .vacancy-block .page-subtitle {
        font-size: 24px;
    }
    .searching-page .vacancy-block .item {
        padding: 15px;
    }
    .searching-page .vacancy-block .item .title-wrap {
        position: relative;
        align-items: flex-start;
        font-size: 16px;
        padding-top: 54px;
    }
    .searching-page .vacancy-block .item .title-wrap .print-btn {
        position: absolute;
        top: 0;
        right: 0;
    }
    .searching-page .vacancy-block .item .desc-wrap {
        flex-direction: column;
        margin-top: 30px;
    }
    .searching-page .vacancy-block .item .desc-wrap .img-wrap {
        width: 90px;
        height: 90px;
    }
    .searching-page .vacancy-block .item .desc-wrap .img-wrap img {
        width: 100% !important;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc {
        width: 100%;
        margin-top: 40px;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .title {
        font-size: 16px;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .subtitle {
        font-size: 12px;
        line-height: 17px;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .text {
        min-height: auto;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .text p {
        font-size: 14px;
        line-height: 20px;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .anim-wrap {
        margin-left: 0;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .anim-wrap .columns-wrap {
        margin-top: 25px;
        grid-template-columns: 100%;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .more-wrap {
        align-items: flex-start;
        flex-direction: column;
        margin-left: 0;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .more-wrap .salary {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .searching-page .vacancy-block .item .desc-wrap .desc .more-wrap .salary span {
        font-size: 16px;
    }
    .searching-page .vacancy-block .item-2 {
        padding: 15px;
    }
    .searching-page .vacancy-block .item-2 .title-wrap .img-wrap {
        margin-right: 15px;
    }
    .searching-page .vacancy-block .item-2 .title-wrap .title {
        padding-top: 13px;
    }
    .searching-page .vacancy-block .item-2 .title-wrap .title .salary {
        font-size: 12px;
        line-height: 15px;
    }
    .searching-page .vacancy-block .item-2 .title-wrap .title .org {
        font-size: 16px;
        font-weight: bold;
        line-height: 19px;
        margin-left: -85px;
        margin-top: 67px;
        padding-right: 0;
    }
    .searching-page .vacancy-block .item-2 .title-wrap .title .shortdesc {
        font-size: 14px;
        line-height: 20px;
        margin-left: -85px;
    }
    .searching-page .vacancy-block .item-2 .desc-wrap {
        flex-direction: column;
        margin-top: 20px;
    }
    .searching-page .vacancy-block .item-2 .desc-wrap .print-btn {
        margin-left: auto;
        margin-bottom: 10px;
    }
    .searching-page .vacancy-block .item-2 .desc-wrap .columns-wrap {
        grid-template-columns: 100%;
        grid-row-gap: 25px;
        margin-left: 0;
    }
    .searching-page .vacancy-block .item-2 .desc-wrap .columns-wrap .column .subtitle {
        font-size: 12px;
        line-height: 17px;
    }
    .searching-page .vacancy-block .item-2 .desc-wrap .columns-wrap .column .text p {
        font-size: 14px;
        line-height: 20px;
    }
    .searching-page .vacancy-block .item-2 .desc-wrap .columns-wrap .salary {
        grid-column: auto;
        font-size: 14px;
        padding-top: 5px;
    }
    .searching-page .vacancy-block .item-2 .desc-wrap .columns-wrap .salary span {
        font-size: 16px;
    }
    .searching-page .vacancy-block .item-2 .salary {
        padding-left: 0;
    }
    .searching-page .vacancy-block .item-3 {
        flex-direction: column;
        padding: 15px;
    }
    .searching-page .vacancy-block .item-3 .desc-wrap {
        margin-top: 15px;
    }
    .searching-page .vacancy-block .item-3 .desc-wrap .title {
        font-size: 16px;
        line-height: 19px;
    }
    .searching-page .vacancy-block .item-3 .desc-wrap .desc {
        font-size: 14px;
        line-height: 20px;
    }
    .searching-page .vacancy-block .item-3 .desc-wrap .salary {
        font-size: 16px;
        line-height: 19px;
        margin-top: 30px;
    }
    .searching-page .vacancy-block .item-3 .fav-btn {
        top: 15px;
        left: 65px;
    }
    .searching-page .vacancy-block .item-3 .more-btn {
        top: 15px;
        right: 15px;
        bottom: auto;
    }
    .profile-searching-page {
        flex-direction: column;
    }
    .profile-searching-page .create-btn {
        top: 198px;
        left: 15px;
        right: 15px;
        width: auto;
        justify-content: space-between;
        font-size: 12px;
    }
    .profile-searching-page .left {
        width: 100%;
    }
    .profile-searching-page .left .sidebar-wrap {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        z-index: 5;
    }
    .profile-searching-page .left .sidebar {
        position: relative;
        display: flex;
    }
    .profile-searching-page .left .sidebar .item {
        width: 50%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        padding: 0 10px;
        text-align: center;
    }
    .profile-searching-page .left .sidebar .item:last-child {
        position: absolute;
        top: 40px;
        left: 0;
        background: #fff;
    }
    .profile-searching-page .left .sidebar .item:last-child:hover,
    .profile-searching-page .left .sidebar .item:last-child.current {
        background: #182968;
    }
    .profile-searching-page .left .link {
        font-size: 12px;
        margin: 0 0 20px 0;
    }
    .profile-searching-page .left .sidebar-wrap .sidebar {
        position: relative;
    }
    .profile-searching-page .left .sidebar-wrap .sidebar .subitem {
        position: absolute;
        top: 40px;
        right: 0;
        width: 50%;
        font-size: 12px;
        padding: 7px 10px;
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
    }
    .profile-searching-page .left .sidebar-wrap .sidebar .subitem + .subitem {
        top: 69px;
    }
    .profile-searching-page .right {
        width: 100%;
        padding-top: 98px;
    }
    .profile-searching-page .right .items-list .item {
        padding: 15px;
    }
    .profile-searching-page .right .items-list .item .date {
        font-size: 12px;
    }
    .profile-searching-page .right .items-list .item .title {
        font-size: 14px;
        line-height: 17px;
        margin-top: 17px;
    }
    .profile-searching-page .right .items-list .item .desc {
        font-size: 14px;
        line-height: 17px;
        margin-top: 10px;
    }
    .profile-searching-page .right .items-list .item + .item {
        margin-top: 10px;
    }
    .profile-contests-page .right .items-list .item .flex-wrap {
        margin-top: 17px;
    }
    .profile-contests-page .right .items-list .item .flex-wrap .img-wrap {
        width: 30px;
        margin-right: 10px;
    }
    .profile-searching-form-page {
        flex-direction: column;
    }
    .profile-searching-form-page .left {
        width: 100%;
    }
    .profile-searching-form-page .left .sidebar-wrap {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        z-index: 5;
    }
    .profile-searching-form-page .left .sidebar {
        position: relative;
        display: flex;
    }
    .profile-searching-form-page .left .sidebar .item {
        width: 50%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        padding: 0 10px;
        text-align: center;
    }
    .profile-searching-form-page .left .sidebar .item:last-child {
        position: absolute;
        top: 40px;
        left: 0;
        background: #fff;
    }
    .profile-searching-form-page .left .sidebar .item:last-child:hover,
    .profile-searching-form-page .left .sidebar .item:last-child.current {
        background: #182968;
    }
    .profile-searching-form-page .left .link {
        font-size: 12px;
        margin: 0 0 20px 0;
    }
    .profile-searching-form-page .left .sidebar-wrap .sidebar {
        position: relative;
    }
    .profile-searching-form-page .left .sidebar-wrap .sidebar .subitem {
        position: absolute;
        top: 40px;
        right: 0;
        width: 50%;
        font-size: 12px;
        padding: 7px 10px;
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
    }
    .profile-searching-form-page .left .sidebar-wrap .sidebar .subitem + .subitem {
        top: 69px;
    }
    .profile-searching-form-page .right {
        width: 100%;
        padding-top: 98px;
    }
    .profile-searching-form-page .right .labeled-input {
        width: 100%;
    }
    .profile-searching-form-page .right .labeled-input .label {
        font-size: 10px;
    }
    .profile-searching-form-page .right .labeled-input .input-wrap input,
    .profile-searching-form-page .right .labeled-input .input-wrap select {
        font-size: 14px;
    }
    .profile-searching-form-page .right .labeled-input .input-wrap .units {
        left: calc(100% + 10px);
        font-size: 14px;
    }
    .profile-searching-form-page .right .labeled-input.with-unit {
        width: calc(100% - 33px);
    }
    .profile-searching-form-page .right .labeled-input + .labeled-input {
        margin-top: 23px;
    }
    .profile-searching-form-page .right .row-input {
        flex-direction: column;
        margin-left: 0;
    }
    .profile-searching-form-page .right .row-input .label {
        width: 100%;
        font-size: 12px;
        margin-top: 0;
    }
    .profile-searching-form-page .right .row-input .input-wrap {
        width: 100%;
        margin-top: 15px;
    }
    .profile-searching-form-page .right .row-input .input-wrap .radio-btn .text {
        font-size: 14px;
    }
    .profile-searching-form-page .right .btns-wrap {
        margin-left: 0;
    }
    .profile-contests-form-page .right .img-select {
        position: relative;
        margin-bottom: 30px;
    }
    .popup-wrap .popup.gallery {
        width: calc(100% - 30px);
        max-width: 500px;
        padding: 55px 15px 15px;
    }
    .popup-wrap .popup.gallery .desc {
        font-size: 14px;
    }
    .vacancy-single-page .grid {
        grid-template-columns: 100%;
    }
    .profile-favorites-page {
        padding-top: 40px;
    }
    .profile-favorites-page .left {
        width: 100%;
    }
    .profile-favorites-page .left .sidebar-wrap {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        z-index: 5;
    }
    .profile-favorites-page .left .sidebar {
        position: relative;
        display: flex;
    }
    .profile-favorites-page .left .sidebar .item {
        width: 50%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        padding: 0 10px;
        text-align: center;
    }
    .profile-favorites-page .left .sidebar .item:last-child {
        position: absolute;
        top: 40px;
        left: 0;
        background: #fff;
    }
    .profile-favorites-page .left .sidebar .item:last-child:hover,
    .profile-favorites-page .left .sidebar .item:last-child.current {
        background: #182968;
    }
    .profile-favorites-page .left .link {
        font-size: 12px;
        margin: 0 0 20px 0;
    }
    .profile-favorites-page .left .sidebar-wrap .sidebar {
        position: relative;
    }
    .profile-favorites-page .left .sidebar-wrap .sidebar .item:last-child {
        position: absolute;
        top: 40px;
        left: 0;
    }
    .profile-favorites-page .right {
        margin-top: 80px;
    }
    .profile-favorites-page .right .item-3 {
        flex-direction: column;
        padding: 15px;
    }
    .profile-favorites-page .right .item-3 .desc-wrap {
        margin-top: 15px;
    }
    .profile-favorites-page .right .item-3 .desc-wrap .title {
        font-size: 16px;
        line-height: 19px;
    }
    .profile-favorites-page .right .item-3 .desc-wrap .desc {
        font-size: 14px;
        line-height: 20px;
    }
    .profile-favorites-page .right .item-3 .desc-wrap .salary {
        font-size: 16px;
        line-height: 19px;
        margin-top: 30px;
    }
    .profile-favorites-page .right .item-3 .fav-btn {
        top: 15px;
        left: 65px;
    }
    .profile-favorites-page .right .item-3 .more-btn {
        top: 15px;
        right: 15px;
        bottom: auto;
    }
    .profile-favorites-page .right .item-3 .img-wrap {
        width: 40px;
        height: 40px;
    }
    .profile-favorites-page .right .item-3 .desc-wrap .desc {
        margin-top: 20px;
    }
    .profile-favorites-page .right .item-3 .archived-wrap {
        top: auto;
        left: 15px;
        bottom: 15px;
    }
    .profile-favorites-page .right .item-3.archived {
        padding-bottom: 52px;
    }

    .novice-page .bg-wrap {
        height: 1418px;
        background-size: 350px;
        background-position-x: calc(50%);
        margin-top: -138px;
        padding-top: 158px;
    }
    .novice-page .bg-wrap .content-wrap {
        flex-direction: column-reverse;
    }
    .novice-page .bg-wrap .content-wrap .chat{
        width: 100%;
    }
    .novice-page .bg-wrap .content-wrap .subtitle {
        margin-bottom: 35px;
    }
    .novice-page .content-wrap .columns-wrap {
        flex-direction: column-reverse;
    }
    .novice-page .content-wrap .columns-wrap .left {
        width: 100%;
        margin-top: 10px;
    }
    .novice-page .content-wrap .columns-wrap .right {
        width: 100%;
    }


    .rezerv-page .bg-wrap {
        height: 1818px;
        background-size: 350px;
        background-position-x: calc(50%);
        margin-top: -138px;
        padding-top: 158px;
    }
    .rezerv-page .bg-wrap .content-wrap {
        flex-direction: column-reverse;
    }
    .rezerv-page .bg-wrap .content-wrap .chat{
        width: 100%;
    }
    .rezerv-page .bg-wrap .content-wrap .subtitle {
        margin-bottom: 35px;
    }
    .rezerv-page .content-wrap .columns-wrap {
        flex-direction: column-reverse;
    }
    .rezerv-page .content-wrap .columns-wrap .left {
        width: 100%;
        margin-top: 10px;
    }
    .rezerv-page .content-wrap .columns-wrap .right {
        width: 100%;
    }

    .regional-studies-page .bg-wrap {
        height: 750px;
    }

    .regional-studies-page .news-list .item {
        flex-direction: column;
    }
    .regional-studies-page .news-list .item .img-wrap {
        width: 100%;
    }
    .regional-studies-page .news-list .item .img-wrap img {
        width: 100%;
    }

    .mentor-page .content-wrap .columns-wrap{
        flex-direction: column
    }

    .mentor-page .content-wrap .columns-wrap .left{
        width:100% !important;
    }

    .mentor-page .content-wrap .columns-wrap .right{
        width:100% !important;
    }
}
/*# sourceMappingURL=responsive.css.map */
/* ========================================
   EXTRA SMALL SCREENS - HERO BANNER FIX
   ======================================== */
@media (max-width: 480px) {
    .mainpage .block-1 {
        padding-top: 80px;
    }
    
    .mainpage .block-1 .content-wrap {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    
    .hero-content {
        padding-top: 10px;
    }
    
    .hero-title {
        margin-bottom: 1rem;
    }
    
    .hero-title-line {
        font-size: clamp(1.5rem, 7vw, 2rem) !important;
        line-height: 1.3;
    }
    
    .hero-subtitle {
        margin-bottom: 1.25rem;
    }
    
    .hero-subtitle-text {
        font-size: clamp(0.85rem, 3.2vw, 1rem) !important;
        line-height: 1.5;
    }
    
    .hero-cta {
        margin-bottom: 1.5rem;
    }
    
    .hero-btn {
        padding: 12px 24px !important;
        font-size: 0.95rem;
    }
    
    .hero-cards {
        gap: 0.875rem;
        margin-bottom: 60px;
    }
    
    .hero-card {
        padding: 0.875rem;
    }
    
    .hero-card-icon {
        font-size: 1.5rem;
        margin-bottom: 0.375rem;
    }
    
    .hero-card-title {
        font-size: 0.95rem;
    }
    
    .hero-card-text {
        font-size: 0.8rem;
    }
}