@media screen and (max-width: 1200px) {
    .hall { padding: 30px; }
    .student-life-prev { padding: 40px 0 40px 20px; }
    .footer-top, .footer-bottom {
        gap: 0;
        justify-content: space-between;
    }

    .footer-contact, .creator { margin-left: 0; } 
    
    .staff-grid, .publications-list { grid-template-columns: repeat(3, 1fr); }
    .lab-members > div { grid-template-columns: repeat(5, 1fr); }

    .polylab-text a { margin-left: 30px; }
    .governors {
        flex-direction: column;
        gap: 30px;
    }
    .governor-card { width: 100%; }
    .governor-card:nth-child(2)::after { content: none; }
    
    .hall-head, .halls-nav { padding-left: 20px; }

    .history-video::after { content: none; }
    .rector-page { 
        padding: 0; 
        &::after { left: 445px; }
    }

    .library-grid {
        grid-template-columns: repeat(3, 265px);
        justify-content: center;
    }
}

@media screen and (max-width: 1023px) {
    .menu, .header-content > .socials,
    .logo img:first-child, .header-actions { display: none; }
    #menu-toggle-button { display: flex; }

    .banner-swiper img { height: 450px; }

    .important-links { padding: 40px 20px; }

    .links-form {
        justify-content: center;
        label {
            font-size: 15px;
            line-height: 20px;
        }
        &::before { right: 37%; }
        &::after { left: 30%; }
    }

    .events-prev { 
        padding-left: 0; 
        justify-content: space-between;
        gap: 0;
    }

    .hall div {
        p {
            font-size: 20px;
            line-height: 25px;
        }
        img { height: 300px; }
    }

    .news-prev .content, .main-news-prev {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .news-left { width: 600px; }
    .news-right { width: 100%; gap: 15px; }

    .faq-swiper-cont { 
        padding: 40px 20px; 
        .title { margin-bottom: 30px; }
        &::after {
            width: 79px;
            height: 153px;
            top: 40px;
        }
    }

    .members-grid {
        column-gap: 40px;
        row-gap: 30px;
    }
    .member-card:nth-child(3n+2)::after { left: -20px; }
    .member-card:nth-child(3n+2)::before { right: -20px; }
    .member-card img { height: 200px; }

    .admin-member {
        flex-direction: column;
        gap: 30px;
        .contact-info { width: 100%; }
    }

    .lab-members > div { grid-template-columns: repeat(4, 1fr); gap: 20px; }
    .administration-links, .departments-grid { grid-template-columns: repeat(3, 1fr); }
    .partner-links1, .media-grid { grid-template-columns: repeat(2, 1fr); }

    .media { flex-direction: column; }
    .curr-media { width: 100%; }
    .other-media {
        width: 100%;
        > div {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .halls-contact {
        flex-direction: column;
        gap: 40px;
        > div:first-child {
            border-right: none;
            padding-right: 0;
        }
    }

    .hall-plan {
        flex-direction: column;
        align-items: center;
    }

    .seats { width: 400px; }

    .history-cont, .history-cont1 { padding: 40px 20px; }
    .history-intro { flex-direction: column-reverse; }
    .history-intro .desc {
        padding-top: 0;
        width: 100%;
    }

    .history-imgs { display: none; }
    .history-video {
        padding: 40px 20px;
        iframe { margin: 0 auto; }
    }

    .history-content1 {
        flex-direction: column;
        gap: 60px;
        margin-bottom: 40px;
        .page-title1, .history-text { width: 100%; }
    }

    .history-content2 { margin-bottom: 40px; }
    .museum-team { grid-template-columns: repeat(2, 1fr); }

    .mission-page { 
        flex-direction: column-reverse;
        > img { width: 500px; }
    }
    .mission { width: 100%; }

    .museum-links { grid-template-columns: repeat(3, 1fr); }

    .projects-list { 
        padding: 0; 
        gap: 20px;
    }

    .projects > div:first-child {
        margin-bottom: 30px;
        padding-left: 30px;
    }

    .projects-page::before {
        top: 140px;
        height: calc(100% - 140px);
    }

    .curr-publication {
        flex-direction: column;
        > img { width: 200px; height: unset; }
    }
    .pub-desc { width: 100%; }

    .sacredmusiclab-team {
        flex-direction: column;
    }

    .news-head {
        .content {
            flex-direction: column-reverse;
            align-items: unset;
            gap: 10px;
        }
        .page-title { 
            margin-left: 0; 
            text-align: unset;
        }
    }

    .datepicker { width: 265px; }
}

@media screen and (max-width: 950px) {
    .rector-grid {
        width: 100%;
        .rector { 
            width: 100%;
            img { height: unset; }
        }
    }
}

@media screen and (max-width: 900px) {
    .links-form {
        gap: 30px;
        margin-bottom: 30px;
        &::after, &::before { content: none; }
    }

    .event-calendar-cont {
        padding: 40px 20px;
        .content1 > p:first-child { margin-bottom: 30px; }
        &::after { width: 100%; height: 55%; }
        &::before { width: 100%; }
    }

    .events-prev {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .events-swiper { 
        width: 440px !important;
        padding-bottom: 40px !important; 
    }

    footer { padding: 40px 20px !important; }

    .footer-top {
        flex-direction: column;
        gap: 30px;
    }

    .footer-logo { order: 1; margin: 0 auto; }
    .footer-menu:first-child { order: 2; }
    .footer-menu:nth-child(2) { order: 3; }
    .footer-contact { order: 4; }

    .staff-grid { grid-template-columns: repeat(2, 1fr); }
    .conferences {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .department-link { margin: -20px 0 20px 0; }

    .department-link + .page-head { 
        span {
            font-size: 12px;
            line-height: 16px;
        }
    }
    
    .publications-list { grid-template-columns: repeat(2, 1fr); }

    .rector-page {
        flex-direction: column;
        gap: 40px;
        &::after {
            width: 100%; height: 1px;
            left: 0; top: 555px;
        }
    }

    .rector-desc { width: 100%; }
    .library-grid { grid-template-columns: repeat(2, 265px); }
}

@media screen and (max-width: 767px) {
    .banner-swiper img { height: 350px; }
    .links-form {
        gap: 0;
        justify-content: space-between;
        label {
            font-size: 12px;
            line-height: 16px;
        }
    }

    .hall div img { height: 200px; }

    .student-life-prev { flex-direction: column; }
    .student-life-intro { 
        width: 100%; 
        padding-right: 20px;
        > div:first-of-type { margin-bottom: 20px; }
    }

    .student-life-cont { width: 100%; }

    footer .content1 { gap: 40px; }
    .footer-bottom {
        flex-direction: column;
        align-items: unset;
        .socials { order: 1; margin-bottom: 40px; }
    }
    .copyright { order: 2; }
    .creator { order: 3; } 

    .academic-calendar-cont, .cons-container,
    .contact-cont, .main-events { padding: 40px 20px 80px; }

    .publication-nav { margin-bottom: 40px; }

    .halls-nav { padding-top: 40px; }

    .academic-table-cont { overflow-x: scroll; }
    .academic-table { width: 720px !important; }

    .staff-page { flex-direction: column; }
    .staff-filter { width: 100%; }
    .staff-content { width: 100%; }

    .members-grid { grid-template-columns: repeat(2, 1fr); }
    .member-card:nth-child(3n+2)::after, .member-card:nth-child(3n+2)::before { content: none; }
    .member-card:nth-child(odd)::after {
        content: '';
        background: #D2D2D2;
        position: absolute;
        top: 0; 
        right: -20px;
        width: 1px; height: 100%;
    }

    .page-nav { flex-wrap: wrap; }
    .governor-card { width: 100%; }

    .administration-links, .departments-grid { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px;
    }

    .page-head {
        padding: 20px 15px;
        height: unset;
        margin-bottom: 20px;
        span {
            font-size: 16px;
            line-height: 20px;
        }
        div { gap: 10px; }
    }

    .go-back {
        -webkit-text-stroke: 0.5px transparent;
        p { display: none; }
        div {
            background: var(--secondary-color);
            border-radius: 50%;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 35px; height: 35px;
        }
        &:hover { -webkit-text-stroke-color: transparent; }
    }

    .inner-contact {
        flex-direction: column;
        > div:first-child,  .contact-info { width: 100%; }
        iframe { width: 100%; }
    }

    .faculty-links {
        flex-direction: column;
        gap: 10px;
    }

    .conference, .contact-page, .partners-page { flex-direction: column; }

    .conference-nav, .conference-content,
    .contact-left, .map, .filter-partners, .country-partners  { width: 100%; }

    .partner-links1, .partner-links { grid-template-columns: repeat(1, 1fr); }

    .choose-events {
        gap: 10px;
        flex-wrap: wrap;
        &::after { content: none; }
    }

    .lab-members > div { grid-template-columns: repeat(3, 1fr); }

    .hall-imgs {
        flex-direction: column;
        > img:first-child { width: 100%; }
        div {
            flex-direction: row; 
            width: 100%;
            img:first-child { height: 245px; }
        }
    }

    .hall-links { 
        flex-direction: column;
        .innerlink-card { width: 100% !important; }
    }

    .history-video iframe { width: 100%; }
    .page-title1 {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 20px !important;
        &::after { bottom: -10px; }
    } 

    .history-content1 { gap: 0; }
    .museum-team { 
        grid-template-columns: repeat(1, 1fr); 
        margin-bottom: 40px;
    }

    .research-links, .museum-links { grid-template-columns: repeat(2, 1fr); }

    .publications-page .content { flex-direction: column; }
    .publications-nav, .publications-list-cont { width: 100%; }
    .publications-list { grid-template-columns: repeat(3, 1fr); }

    .projects-page {
        flex-direction: column;
        &::before { content: none; }
    }

    .projects { 
        width: 100%; 
        > div:first-child {
            height: 70px;
        }
    }

    .inner-page-head {
        height: unset !important;
        padding: 20px 15px;
    }

    .publication-rule, .curr-publication { width: 100%; }

    .inner-contact1 > div:last-child { width: 100%; }
    .inner-contact .contact-info1 > div {
        flex-direction: column;
        gap: 15px;
    }

    .exchange-info { width: 100%; }
    .exchange-head {
        flex-direction: column;
        align-items: unset;
    }
}

@media screen and (max-width: 650px) {
    .news-left { width: 100%; }
    .faq-slide { width: 330px !important; }
}

@media screen and (max-width: 600px) {
    .governors { margin-bottom: 40px; }
    .governor-card {
        flex-direction: column;
        align-items: unset;
        gap: 15px;
        div { width: 100%; }
        p:first-child {
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 20px;
        }
        p:last-child {
            font-size: 14px;
            line-height: 19px;
        }
    }

    .administration-members {
        margin-bottom: 40px;
        gap: 30px;
    }

    .media-grid, .other-media > div { grid-template-columns: repeat(1, 1fr); }
    .lab-members > div, .publications-list { grid-template-columns: repeat(2, 1fr); } 

    .rector-grid {
        gap: 30px;
    }

    .rector-grid .rector:nth-child(2n) { margin-top: 70px; }

    .library-contact-info > div {
        flex-direction: column;
        gap: 15px;
    }

    .library-grid { grid-template-columns: repeat(1, 265px); }
}

@media screen and (max-width: 550px) {
    header { min-height: 80px; }
    .dropdownMenu.visible, .dropdownMenu.active { height: calc(100vh - 80px); }
    .side-nav { top: 100px; }

    .banner-swiper img { height: 250px; }
    .links-form, .choose-events {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        label {
            font-size: 14px;
            line-height: 19px;
        }
    }
    .choose-events { margin-bottom: 30px; }

    .links-form label, .choose-events label {
        background: var(--grey-bg);
        border-radius: 5px;
        color: var(--primary-color);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 40px;
        &.active, &:hover {
            background: var(--secondary-color);
            color: white;
        }
    }

    .logo {
        gap: 10px;
        > img:nth-child(2) {
            width: 50px;
        }
        > p {
            font-size: 10px;
            line-height: 13px;
            max-width: 180px;
        }
    }

    .halls-cont { padding: 20px 20px 40px; }
    .halls-cont .content, .halls {
        flex-direction: column;
        gap: 30px;
    }
    .hall { width: 100%; }

    .news-left {
        > img:first-child { height: 250px; }
        .title {
            font-size: 14px;
            line-height: 19px;
        }
    }

    .news-prev { padding-bottom: 40px; }
    .news-prev-item {
        border: 1px solid #EEEEEE;
        border-radius: 15px;
        padding: 24px 21px 27px;
        flex-direction: column;
        > img:first-child {
            width: 100%;
            height: 250px;
        }
    }

    .news-desc { width: 100%; }

    .student-life-intro > p:first-child {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .faq-swiper-cont .title {
        font-size: 16px;
        line-height: 20px;
    }

    .academic-cal-intro {
        font-size: 12px; 
        line-height: 16px;
    }

    .page-title, .staff-members > p:first-child,
    .departments > p:first-child, .halls-title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .administration-links a {
        font-size: 10px;
        line-height: 13px;
    }

    .department-item {
        padding: 20px;
        > p:first-of-type {
            font-size: 12px;
            line-height: 15px;
            height: 30px;
            margin-bottom: 15px;
        }
        svg { margin-bottom: 15px; }
    }

    .conferences { grid-template-columns: repeat(1, 1fr); }
    .map iframe { height: 250px; }

    .curr-media > img { height: unset; border-radius: 10px; }
    .media-head > span, .media-desc .title {
        font-size: 14px;
        line-height: 19px;
    }
    .media-desc { 
        padding: 15px 20px 30px; 
        hr { margin: 30px 0; }
    }

    .share {
        flex-direction: column;
        align-items: unset;
        gap: 10px;
    }

    .hall-plan > img, .seats { width: 100%; }

    .mission-page > img {
        width: 100%;
        height: auto;
    }


    .sacredmusiclab-team {
        gap: 30px;
        > div {
            flex-direction: column;
            align-items: unset;
            gap: 15px;
        }
        p:first-child {
            font-size: 14px;
            line-height: 19px;
            margin-bottom: 5px;
        }
        p:last-child {
            font-size: 12px;
            line-height: 15px;
        }
    }
}

@media screen and (max-width: 500px) {
    .event-calendar-cont .content1 > p:first-child {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .event-calendar-cont::after { height: 52%; }

    .event-calendar-cont .flatpickr-calendar, .events-swiper { 
        width: 100% !important;
    }

    .event-calendar-cont .flatpickr-current-month { font-size: 15px; }
    .event-calendar-cont .flatpickr-current-month input.cur-year { margin-left: 30px; }
 
    .news-left > img:first-child, 
    .news-prev-item > img:first-child { height: 170px; }

    .news-left .title, .news-desc .title {
        font-size: 12px;
        line-height: 16px;
        height: 48px;
    }

    .faculties {
        flex-direction: column;
        gap: 20px;
        .innerlink-card { width: 100% !important; }
    }

    .hall-imgs {
        > img:first-child { height: 245px; }
        div { flex-direction: column; }
    }

    .research-links { grid-template-columns: repeat(1, 1fr); }

    .electronic-system {
        height: 300px;
        gap: 15px;
        p {
            font-size: 20px;
            line-height: 25px;
        }
    }

    .publications-head {
        flex-direction: column;
        align-items: unset;
        gap: 15px;
        a { width: 100%; }
    }

    .rector-page {
        gap: 20px;
        &::after { content: none; }
    }

    .rector {
        width: 100%;
        img { height: unset; }
        .name { margin-bottom: 5px; }
    }

    .rector-grid {
        grid-template-columns: repeat(1, 1fr);
        &::before { content: none; }
    }

    .rector-grid .rector:nth-child(2n) { margin-top: 0; }
}

@media screen and (max-width: 450px) {
    .page-nav {
        margin-bottom: 25px;
        gap: 5px;
        a {
            font-size: 10px;
            line-height: 13px;
            -webkit-text-stroke: 0.3px black;
        }
    }

    .staff-grid, .members-grid,
    .departments-grid, .lab-members > div,
    .museum-links { grid-template-columns: repeat(1, 1fr); }

    .members-grid { gap: 40px; }
    .staff img, .member-card img { height: 250px; }

    .member-card:nth-child(odd)::after, .member-card:nth-child(even)::after {
        content: '';
        background: #D2D2D2;
        position: absolute;
        width: 100%; height: 1px;
        bottom: -20px; left: 0; top: unset;
    }

    .governor-card img {
        width: 100%;
        height: auto;
    }

    .contact-info {
        gap: 15px;
        padding: 20px;
    }

    .polylab-text, .archive-text, .departments-text,
    .hall-history .text, .publication-rule .text {
        font-size: 14px !important;
        line-height: 19px !important;
        margin-bottom: 40px;
    }

    .admission-links div {
        gap: 10px;
        .link { width: 100%; }
    }

    .inner-contact iframe { min-height: 250px; }
    
    .information { gap: 10px; }
    .info-head {
        padding-left: 10px;
        font-size: 12px;
        line-height: 13px;
    }
    .answer-content { 
        font-size: 12px;
        line-height: 14px;
        padding: 10px 15px 15px 10px; 
    }
    .library-content { padding: 10px 0; }
    .departments-grid.adm-grid { margin-bottom: 40px; }

    .conference-nav {
        p { margin-bottom: 0; }
        padding: 20px;
        gap: 10px;
    }

    .conference-content { 
        font-size: 14px;
        line-height: 19px;
        padding: 20px 20px 40px; 
    }

    .contact-items1 {
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 30px;
        .contact-item:last-child { grid-column: unset; }
        .contact-item { padding: 20px 15px; }
    }

    .submit-btn { width: 100%; }
    .side-nav { display: none; }

    .page-head img { width: 25px; }
    .library-head img { height: 25px; }
    .page-head div span { 
        font-size: 12px;
        line-height: 13px;
    } 

    .country-partners { gap: 30px; }
    .partner-item {
        p {
            font-size: 16px;
            line-height: 18px;
        }
        a {
            font-size: 12px;
            line-height: 16px;
        }
    }

    .partner-links, .partner-links1 { margin-bottom: 50px; }
    .partner-link {
        font-size: 20px;
        line-height: 25px;
        height: 230px;
        padding: 0 10px;
    }

    .lab-members > div {
        margin-bottom: 40px;
        img { height: 230px; }
    }

    .hall-head {
        padding-top: 38px;
        font-size: 20px;
        line-height: 25px;
        height: 100px;
    }

    .halls-contact div {
        flex-direction: column;
        gap: 20px;
        div { padding-top: 0; }
    }

    .history-video iframe { height: 250px; }
    .department-link { 
        padding: 0 10px;
        text-align: center;
        margin-top: 0;
        width: 100%; 
    }

    .partners-page, .departments { margin-bottom: 50px; }
    .electronic-system { height: 250px; }

    .publications-list { 
        grid-template-columns: repeat(1, 191px); 
        justify-content: center;
    } 

    .file { padding: 17px; }
    .library-grid { 
        grid-template-columns: repeat(1, 1fr); 
        .innerlink-card { width: 100% !important; }
    }
    
    #rangeDate, .datepicker { width: 100%; }
    .swiper-btns { justify-content: center; }

    .page-title1 { -webkit-text-stroke: 0.5px black; }
}