@media (max-width: 1940px) {
    .user {
        width: 40%;
    }
}

@media (max-width: 1500px) {
    .popup_main {
        width: 75%;
    }
}

@media (max-width: 1300px) {
    .user {
        width: 42%;
    }
    .users_block_list {
        width: 80%;
    }
}

@media (max-width: 1000px) {
    .users_block_list {
        width: 90%;
    }

    .popup_main h3 {
        font-size: 44px;
    }

    .form .label_field {
        font-size: 24px;
    }

    .select {
        font-size: 24px;
    }

    .select label {
        font-size: 20px;
    }

    input[type="checkbox"] {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
    }
}

@media (max-width: 800px) {
    .user {
        width: 43%;
    }
    .users_block_list {
        width: 100%;
    }
}

@media (max-width: 750px) {
    .popup_main {
        width: 90%;
        padding: 25px 15px;
    }

    .popup_main h3 {
        font-size: 32px;
    }

    .form .label_field {
        font-size: 20px;
    }

    .select {
        font-size: 20px;
    }

    .select label {
        font-size: 18px;
    }
}

@media (max-width: 645px) {
    .user {
        width: 80%;
    }
    .user_block_header h3 {
        font-size: 56px !important;
    }
}

@media (max-width: 560px) {
    .popup_main {
        width: 95%;
    }

    .popup_main h3 {
        font-size: 28px;
    }

    .form .label_field {
        font-size: 18px;
    }

    .select {
        font-size: 18px;
    }

    .select label {
        font-size: 16px;
    }
    .checkbox-container {
        flex-wrap: wrap;
    }
}

@media (max-width: 500px) {
    .user {
        width: 95%;
        margin: 20px 0;
    }
}

@media (max-width: 450px) {
    .popup_main h3 {
        font-size: 24px;
    }

    .form .label_field {
        font-size: 16px;
    }

    .select {
        font-size: 16px;
    }

    .select label {
        font-size: 14px;
    }

    .close_popup {
        padding: 0;
    }
}

@media (max-width: 400px) {
    .popup_main h3 {
        font-size: 23px;
    }
    .users_block_list {
        padding: 10px;
    }
    .user_block_header h3 {
        font-size: 42px !important;
    }
    .add_user_btn {
        font-size: 18px
    }

    .close_popup {
        top: 15px;
        right: 15px;
    }

    .close_popup img{
        width: 20px;
        height: 20px;
    }

    .popup_main_inner {
        gap: 8px;
    }

    .popup_main {
        padding: 40px 15px 25px;
    }
}