@media (max-width: 1500px) {
    .materials_amount_total_list {
        width: 95%;
    }
    .container {
        grid-template: 1fr auto / 40% 59%;
    }
}

@media (max-width: 1376px) {
    .deal {
        width: 80%;
    }
}

@media (max-width: 1200px) {
    .popup_main {
        width: 65%;
    }
}

@media (max-width: 1000px) {
    .materials_amount_total_list {
        width: 100%;
    }
    .filters {
        position: relative;
        width: 100%;
        top: auto;
        left: auto;
    }
    .container {
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .container_up {
        margin-top: 30px;
    }
    .deals_list {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }
    .deal {
        width: 100%;
        margin: 10px 0;
    }
}
@media (max-width: 800px) {
    .deal_products_list__heading_row__text {
        font-size: 16px;
    }
    .materials_amount_total_list__materials_list__row__data_text, .deal_material_row_data_text {
        font-size: 16px;
    }
    .container_down {
        padding: 0;
    }
}

@media (max-width: 600px) {
    .popup_main {
        width: 75%;
    }
    .deal_products_list__heading_row__text {
        font-size: 14px;
    }
    .materials_amount_total_list__materials_list__row__data_text, .deal_material_row_data_text {
        font-size: 14px;
    }
    .filters {
        padding: 15px;
    }
    .container {
        padding: 0;
    }
    .materials_amount_total_list__materials_list_head_row__text {
        font-size: 20px;
    }
    .materials_amount_total_list__heading  {
        font-size: 20px;
    }
    #deal_name, #installation_team_member_name, #product_name, .go_to_fill_data_page_btn {
        font-size: 20px;
    }
    .input_label {
        font-size: 20px;
    }
}

@media (max-width: 500px) {
    .popup_main {
        width: 85%;
    }
    .popup_main h3 {
        font-size: 20px;
    }
    .open_popup_btn img {
        width: 20px;
        height: 20px;
    }
    .input_label {
        font-size: 16px;
    }
    .deal_name {
        font-size: 20px;
    }
    .deal_info {
        font-size: 20px;
    }
    .deal_date {
        font-size: 20px;
    }
    .deal_products_list__heading_row__text {
        font-size: 12px;
    }
    .materials_amount_total_list__materials_list__row__data_text, .deal_material_row_data_text {
        font-size: 12px;
    }
    .deal_btns_container {
        flex-direction: column;
    }
    .approve_btn, .deny_btn {
        font-size: 14px;
    }
    .approve_popup_btn, .deny_popup_btn {
        font-size: 14px;
    }

    .deal {
        padding: 20px 8px;
    }
    .materials_amount_total_list__materials_list_head_row__text {
        font-size: 16px;
    }
    .materials_amount_total_list__heading  {
        font-size: 16px;
    }
    #deal_name, #installation_team_member_name, #product_name {
        font-size: 16px;
        padding: 8px;
    }
    .go_to_fill_data_page_btn {
        font-size: 16px;
    }
    .deal_name_filter, .installation_team_member_name_filter, .materials_amount_total_list__search_field__filter {
        height: 57px;
    }
    .deal_name_filter_search_icon, .installation_team_member_name_filter_search_icon {
        top: 5px;
    }
    .materials_amount_total_list__search_field {
        width: 65%;
    }
    .materials_amount_total_list__materials_list {
        margin-top: 25px;
    }
}

@media (max-width: 400px) {
    .deal_products_list__heading_row__text {
        font-size: 10px;
    }
    .materials_amount_total_list__materials_list__row__data_text, .deal_material_row_data_text {
        font-size: 10px;
    }
    .deal_name {
        font-size: 18px;
    }
    .deal_info {
        font-size: 18px;
    }
    .deal_date {
        font-size: 18px;
    }
}

@media (max-width: 375px) {
    .materials_amount_total_list__materials_list_head_row__text {
        font-size: 14px;
    }
    .popup_main {
        width: 91%;
    }
    .materials_amount_total_list__heading {
        font-size: 14px;
    }
}