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

    aside {
        width: 100vw;
        z-index: 2;
        transform: translateX(-100%);
    }

    .open-sidebar {
        transform: translateX(0%);
    }

    header span {
        position: relative;
        margin: 0 auto;
    }

    header i {
        position: absolute;
        display: block !important;
    }

    main {
        width: 90vw;
        left: 0px;
        padding-bottom: 2vh;
    }

    section {
        width: 90vw;
        max-height: fit-content;
        padding: 5%;
    }

    .test {
        flex-direction: column;
    }

    .questions {
        width: 100%;
        border-radius: 0px;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
    }

    .question-number {
        margin-bottom: 2vh;
    }

    .answer {
        width: 100%;
        border-radius: 0px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .text {
        width: 70vw;
    }

    .bx-log-out {
        margin-left: 90vw;
    }

    .bx-plus {
        margin-left: auto;
    }

    .buttons {
        flex-direction: column;
    }

    .add-test {
        position: relative;
        bottom: 0;
        margin-right: 5%;
        margin: 0 auto;
        margin-top: 1vh;
        display: block;
    }
    
    .selector {
        width: 70%;
    }

    .form_1, .popup {
        width: 90vw;
    }

    .table {
        width: 80vw;
    }

    .teacher-nav-btns {
        margin: 2vh 0;
    }

    .teacher-btn {
        margin-top: 0;
    }

    .module-name {
        margin-left: 5%;
        width: 80vw;
    }

    .abstract {
        margin-left: 5%;
    }

    .task-name {
        margin-left: 5%;
        width: 70vw;
    }

    .urls {
        width: 70vw;
    }

    .registration {
        width: 90vw;
        height: fit-content;
    }

    #msform {
        width: auto;
    }

    .popup span {
        margin-left: 50vw;
    }

    .mail-support {
        flex-direction: column;
    }

    .subject-detail-task-name {
        width: 75vw;
    }

    .subject-detail-task-btns {
        align-items: end;
    }

    .test-settings {
        margin-left: 0px;
    }

    #manage {
        display: none;
    }

    .profile-fio {
        width: 100%;
        margin-right: 0;
    }

    .test-title {
        width: 70%;
    }

    .auth_test {
        top: 20%;
        transform: translateY(-20%);
    }

    .department-name {
        width: 75%;
    }

    .test-settings {
        width: 100%;
    }

    .book {
        align-self: start;
    }
    
    .bx-support {
        margin-left: 80vw;
    }

    .choose-task-container {
        flex-direction: column;
        gap: 10px;
    }

    .choose-lecture, .choose-test {
        width: 100%;
        
    }

    .file-block {
        width: 46%;
    }
}