@media (max-width: 1250px){
    .not_important_text{
        display: none;
    }
    .deals-want-section{
        width: 30%;
    }
}


@media (max-width: 1100px) {
    .today_button{
        font-size: 11px;
    }
    .new_deal_button{
        font-size: 14px;
    }
}

@media (max-width: 900px) {
    .new_deal_button i{
        display: block;
    }
    .not_so_important_number{
        font-size: 14px;
    }
 
    .deal_name_text{
        font-size: 1rem;
        font-weight: 600;
    }
    .stage_name{
        font-size: 1rem;
        font-weight: 700;
    }
    .bonus_days_text {
        font-weight:500;
        font-size: 2rem;
        white-space: nowrap;
        margin-left: -5px;
    }
    .bonus_text {
        font-weight:500;
        font-size: 12px;
        white-space: nowrap ;
    }

    .next_button_new {
        margin-top: 0.5rem;
        margin-left: -0.8rem;
        width: 2rem;
    }
    .today_button {
        margin-left: 0.2rem;
        width: 120%;
        font-size: 0px;
    }
    #button_container, #button_container_2{
        font-size: 20px;
    }
    .cancel_button{
        left:00%;
    }
    .new_deal_button{
        font-size: 0px;
        width: 20%;
    }
    .new_deal_button i{
        font-size: 12px !important;
    }

    .expert_name_section {
        font-size: 1.2rem;
    }
}
@media (max-width: 767px){

    .expert_name_section {
        font-size: 1rem;
    }
    
}

@media (max-width: 600px) {
    
    
    .deals-want-section{
        width: 40%;
    }

    .money_section{
        font-size: 0.7rem;
    }
    .expert_name_section {
        font-size: 16px;
    }

    .not_so_important_number{
        font-size: 14 px;
    }

    #todo_list_selected_tasks_container i{
        margin-left: 0px;
    }
    .deal_number_text {
        font-size: 0.6rem;
        font-weight: 600;
    }

    .deal_name_text {
        font-size: 0.7rem;
        font-weight: 600;
    }



    .stage_name {
        font-size: 12px;
    }

    .stage_interval {
        display: none;
    }

    .next_button_new {
        width: 27px;
        max-height: 20px;
        margin-top: 2px;
    }

    .next_button_new svg {
        margin-top: -10px;
    }




    .today_button {
        margin-left: -50%;
        margin-top: 0px;
        width: 300%;
        font-size: 9px;
    }

    #button_container, #button_container_2 {
        font-size: 18px;
    }

    .new_deal_button {
        font-size: 0px;
    }
    .new_deal_request_text{
    font-size: 12px;
    }
    #deal_request_stepper{
        padding: 4px 6px;
        font-size: 12px;
        gap: 2px 4px;
    }
    .deal_request_stepper_value{
        min-width: 2.5em;
        padding: 0 5px;
    }
    .deal_request_stepper_hint{
        font-size: 10px;
    }
    .deal_request_stepper_text{
        display: none;
    }
    .deal_add_button_line{
        display: none;
    }
    .create_button, .cancel_button{
        font-size: 14px;
        margin-right: 7px;
    }
    .comment_section p{
        font-size: 13px;
    }
    
    .big_square i{
        display: none;
    }

}

@media (max-width: 418px) {
    .money_section{
        font-size: 12px;
    }
    .not_so_important_number{
        font-size: 12px;
    }

    .options_button_section{
        margin-right: 0px;
    }
    .bonus_days_text {

        font-size: 1.4rem;

    }

    .expert_name_section {
        font-size: 13px;
    }

    .square{
        height: 10px;
    }
    .square svg {
        display: none;
    }
    .stage_name{
        font-size: 11px;
    }
    .today_button svg{
        margin-left: -5px;
    }
    .today_button{
        margin-top: 0px;
        width:400%;
        font-size: 0px;
    }
    #button_container, #button_container_2{
        font-size: 14px;
    }

    .new_deal_request_text{
        font-size: 0px;
    }
    .comment_section p{
        font-size: 11px;
    }
    .choose_object span{
        margin-left: -5px;
        margin-right: -3px;
    }
    #complete_deal_text{
        font-size: 18px;
    }
    #IC-number{
        font-size: 16px;
    }

}