@media only screen and (max-width: 1800px) {
  .three_by_four_section{
        width: calc(100%);
    }

    .history_location_section,
    .country_visa_section_add,
    .cancellation_visa_section{
        flex-direction: column;
    }

    .one_by_two_section{
        max-width: 50%;
    }
}

@media only screen and (max-width: 1600px) {
    .hr_dashboard .dashboard_card {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }
}



@media only screen and (min-width: 1400px) and (max-width: 1900px) {
    .consultation_form .col-xxl-2{
        width: 33.33%
    }

    .lodgement_section.col-xxl-4{
        width: 50%;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1800px) {
    .lodgement_section.col-xxl-4{
        width: 50%;
    }
}



@media only screen and (max-width: 1400px) {
    .profile_detail_wrapper {
        flex-direction: column;
    }

    .profile_detail{
        width: 100%;
    }

    .country_visa_section_add .three_by_four_section,
    .cancellation_visa_section .three_by_four_section{
        flex-direction: column;
        gap: 0 !important;
    }

     .country_visa_section_add .three_by_four_section .row,
     .cancellation_visa_section .three_by_four_section .row{
        width: 100%;
    }
}




@media only screen and (min-width: 1301px) {
    .left_user_detail.left_user_detail_collapse {
        display: block;
        left: 0px;
        transition: 0.8s ease-in-out;
    }

    .right_user_detail.right_user_detail_collapse {
        width: calc(100%) !important;
        float: right;
    }

    .user_fixed_bottom {
        position: absolute;
        bottom: 0;
    }
}

@media only screen and (min-width: 1200px) {
    /* .employment_section_row{
        width: calc(100% - 100px);
        float: left;
      } */
      
      .employment_section_btn{
        /* width: 100px; */
        /* float: right; */
      }

      .emp_profile_step{
        width: calc(100% - 130px);
        float: right;
      }
      
      .emp_back_btn{
        width: 122px;
        float: left;
      }

      .w-xl-100{
        width: 100%;
      }
}

@media only screen and (max-width: 1400px) {
     .step_count_wrapper:first-child{
        border-radius: 20px 0 0 0;
      }
       .step_count_wrapper:nth-child(2){
        border-radius: 0 20px 0 0;
        border-right: 1px solid #BFBFBF;
        background-image: none;
      }

        .step_count_wrapper:nth-child(3){
        border-radius: 0 0 0 20px;
        border-left: 1px solid #BFBFBF;
        border-top: transparent;
      }
      .step_count_wrapper:last-child{
        border-radius: 0 0 20px 0;
        border-right: 1px solid #BFBFBF;
        border-top: transparent;
        background-image: none;
      }

      .devide_rule_section{
        width: calc(100%);
      }

      .clone_add_section, .add_clone_div{
        flex-direction: column;
      }

    .delete_kid{
        margin-top: 0;
    }

    .kids_entry{
        margin-bottom: 16px;
    }

    .employment_wrapper .applicant_section{
       width: calc(100%);
    }

    .employment_wrapper{
        flex-direction: column;
    }
      
}


@media only screen and (max-width: 1334px) {
    .leads_filter_menu{
        top: 400px;
    }
}

@media only screen and (max-width: 1300px) {
    .dashboard_card {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 24px;
        grid-row-gap: 15px;
    }

    .dashboard_card.client_dashboard{
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 20px;
    }

    .left_user_detail {
        /* position: absolute !important; */
        background-color: #fff;
        z-index: 8;
        /* box-shadow: 2px 0px 44px -8px rgba(0, 0, 0, 0.4); */
        left: -340px;
    }

    .left_user_detail.left_user_detail_collapse {
        left: 0px;
    }

    /* .right_user_detail {
        width: 100% !important;
    } */

    .user_fixed_bottom {
        position: absolute;
    }   
}

@media only screen and (max-width: 1218px) {
    .leads_filter_menu{
        top: 490px;
    }
}

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

    .px-64,
    .px-40,
    .dashboard_filter_main .container-fluid {
        padding: 0 15px 0 70px;
    }

}


@media only screen and (max-width: 1024px) {
    .hr_dashboard .dashboard_card {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

}

@media only screen and (max-width: 992px) {
    .dashboard_card {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 24px;
        grid-row-gap: 15px;
    }

    .px-64,
    .px-40,
    .dashboard_filter_main .container-fluid,
    .dashboard_filter_main.hr_dashboard_filter_main .container-fluid {
        padding: 0 15px 0 70px;
    }

    .user_fixed_bottom {
        left: 0px;
    }

    .collpase_open_click p {
        left: 0;
    }

    .right_user_detail{
        width: 100%;
        float: unset;
        margin-top: 30px;
    }

    .left_user_detail.left_user_detail_collapse{
        width: 100%;
        float: unset;
    }

    .right_user_detail{
        position: relative;
    }

      .leads_filter_menu{
        top: 85px;
    }

    .left_user_detail{
        position: unset !important;
        padding-bottom: 30px !important;
    }

    .user_fixed_bottom{
        position: unset !important;
        margin-top: 20px;
    }

    .payment_flex{
        flex-direction: column;
        align-items: start !important;
    }
}

@media only screen and (max-width: 945px) {
    .leads_filter_menu{
        top: 148px;
    }
}

@media only screen and (max-width: 768px) {
    .dashboard_card {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 24px;
        grid-row-gap: 15px;
    }

     .dashboard_card.client_dashboard{
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 20px;
    }

    .hamburg_menu {
        width: 100%;
        justify-content: space-between;
    }

    .left_user_detail {
        height: auto;
        padding-bottom: 0px !important;
    }

    .user_fixed_bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .user_badge {
        min-width: 35px;
        height: 35px;
    }

    .leads_filter_menu{
        width: 90%;
        margin: 0 auto;
    }

    .emp_profile_step .col-md-3{
        padding: 0;
    }

    .h_cust_padd {
        padding: 0 18px;
    }

    .submenu_tab_header {
        margin-top: 100px;
    }

    .left_side_icon_menu{
        top: 80px;
    }

    .user_fixed_bottom{
        width: 100%;
    }

    .three_by_four_section{
        flex-direction: column;
    }

    .three_by_four_section .row{
        width: calc(100%);
        margin: 0;
    }

    .three_by_four_section .row .col-xxl-4.col-md-6,
    .cancellation_visa_section .col-md-4{
        padding: 0;
    }

    .one_by_two_section{
        max-width: 100%;
    }

    .history_location_section{
        gap: 0px !important;
    }

    .add_new_lead .position-relative.pre_note_select{
        max-width: 100%;
        flex-direction: column;
        align-items: start;
        gap: 0;
    }

}

@media only screen and (max-width: 576px) {
    .dash_filter div {
        width: 100%;
    }

    .dash_filter,
    .add_emp_btn,
    .emp_emp_head{
        width: 100%;
    }

     .left_user_detail {
        max-width: 100% !important;
    }

    .add_emp_btn{
        width: 100%;
    }

    .add_emp_btn button{
        width: 100%;
    }

    .dash_filter button,
    .dash_filter input,
    .dash_calendar input {
        width: 100%;
        max-width: 100%;
    }

    .hamburg_menu .d-flex:first-child {
        width: 100%;
        justify-content: space-between;
    }

    .hamburg_menu .d-flex:last-child {
        width: 100%;
        justify-content: center;
    }

    .status_won p,
    .status_lost p {
        font-size: 24px;
    }

    .chat-box{
        width: 100%;
    }

    .message_wrapper{
        max-width: 100%;
    }

    .message-input input{
        width: 100%;
    }

    .submenu_tab_header {
        margin-top: 126px;
    }

    .left_side_icon_menu {
        top: 100px;
    }
}


@media only screen and (max-width: 450px) {
    .profile_tab button {
        width: 100%;
        padding: 15px 0 8px !important;
    }

    /* .left_user_detail {
        max-width: 300px !important;
    } */
}

@media only screen and (max-width: 400px) {
    .menu_tab button {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 422px) {
    .leads_filter_menu{
        top: 180px;
    }

    .lead_search input{
        width: 100%
    }
}