@media (min-width: 992px) and (max-width:1200px) {

    .image_text_sec {

        height: 128px;
    }

    .request_entry_item {

        height: 158px;
    }

    .detail_emplorr p span {
        float: left;
        width: 53%;
        margin: 8px 0 0 10px;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .detail_emplorr p samp {
        float: left;
        width: 42%;
        font-size: 15px;
        font-family: 'Poppins';
        background: #efefef;
        padding: 0;
        margin: 0;
        padding: 6px 0 6px 5px;
    }

    .empoyee_pic_deatail .employee_details_name {
        float: left;
        width: 100%;
        padding: 0 0 0 20px;
    }

    .view_emloyee_experience .employee_detais_ {
        margin: 0 0 0 20px;
    }

    .view_emloyee_experience .employee_detais_ h3 {
        font-size: 20px;
    }

    .view_emloyee_experience .employee_detais_ p {
        font-size: 13px;
    }

    .employee_detais_ .basic_information ul li {
        margin: 0 8px 0 0;
        padding: 3px 20px 3px 7px;
    }

    .data_employrr ul li {
        width: 29%;
        margin: 0 10px 0 0;
    }
    .document_images_photo span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .data_employrr ul.passport_images li {
        width: 29%;
    }
    .data_employrr ul.passport_images li .document_images_photo video {
        width: 100%;
        height: 100%;
    }

    .data_employrr ul.personal_photo li .document_images_photo img {
        float: left;
        width: 100%;
        height: 100%;
    }

    .data_employrr ul.personal_photo li {
        float: left;
        width: 29%;
        list-style: none;
        margin: 0 10px 0 0;
    }
    .document_images_photo img {
        float: left;
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991.5px) {
    .request_page_heading h2 {
        font-size: 24px;
        margin: 0px 0 0px 0;
    }

    .request_entry_item {
        margin: 10px 0;
    }

    .container {
        width: 100%;
        max-width: 100%;
    }
    .worker_detail_table {
        margin: 0px 0 40px 0;
    }
    .table_main td, th {
        font-size: 12px;
    }
    .table_worker_detail {
        margin: 10px 0;
    }
    .total_request_text p {
        font-size: 15px;
    }
    .table_main table th {
        font-size: 13px;
    }

    
    .complete_steps figure figcaption {
        padding: 4px 0 0 0;
        font-size: 16px;
        text-align: left;
    }
    .steps_one:after {
        width: 79%;
        left: 59px;
    }

    .complete_steps:after {
        width: 79%;
        left: 59px;
    }

    .steps_one figure figcaption {
        padding: 4px 0 0 0;
        text-align: left;
    }

    .steps_one {
        float: left;
        width: 100%;
        position: relative;
    }
    .steps_one figure {
        float: left;
        width: 100%;
        position: relative;
        text-align: left;
        margin: 0px 0 15px 0;
    }


    .steps_one:last-child:after {
        display: block !important;
    }

    .employee_details_main {
        float: left;
        width: 100%;
        position: relative;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        max-height: 1105px;
        overflow: hidden;
        margin: 0px 0 20px 0;
    }
    .employee_details_main .steps_one:after{
        display: none !important;
    }


    .empoyee_personal_step .complete_steps:before {
        content: "";
        position: absolute;
        border: 3px solid #2b68d3 !important;
        height: 45px;
        left: 17px;
        top: -22px;
    }
    .empoyee_personal_step .steps_one figure {
        float: left;
        width: 100%;
        position: relative;
        text-align: center;
        display: flex;
        margin: 21px 0 16px 0px;
    }


    .empoyee_personal_step .toggle-button {
        color: white;
        border: none;
        float: right;
        background: none;
        color: #2b68d3;
        font-size: 16px;
        padding: 0;
        margin: 10px 20px 10px 0px;
        font-weight: 500;
    }

    .empoyee_pic_deatail {
        float: left;
        width: 100%;
        display: flex;
    }
.empoyee_pic_deatail .employee_details_name {
    float: left;
    width: 100%;
    padding: 0 0 0 10px;
}
    .empoyee_pic_deatail img {
        float: left;
        width: 200px;
    }
    .empoyee_personal_step .employee_details_step {
        float: left;
        width: 100%;
        position: relative;
        margin: 0 0 0 10px;
    }


/* view details start */

._basic_main_detail {
    margin: 20px 0 0 0;
}
.view_employee_details {
    margin: 20px 0 0;
}

.data_employrr ul li {
    width: 20%;
    margin: 0 10px 0 0;
}
.document_images_photo img {
    float: left;
    width: 100%;
    height: 100%;
}

.data_employrr ul.passport_images li .document_images_photo video {
    width: 100%;
    height: 100%;
}
.data_employrr ul.personal_photo li .document_images_photo img {
    float: left;
    width: 100%;
    height: 100%;
}
/* view details end */


}

@media only screen and (max-width: 767.5px) {
    .request_page_heading h2 {
        font-size: 24px;
        margin: 0px 0 0px 0;
    }
    .container {
        width: 100%;
        max-width: 100%;
    }
    .request_entry_item {
        margin: 10px 0;
    }


    .worker_detail_table {
        margin: 0px 0 40px 0;
    }

    .table_worker_detail {
        margin: 10px 0;
    }




    .complete_steps figure figcaption {
        padding: 4px 0 0 0;
        font-size: 16px;
        text-align: left;
    }
    .steps_one:after {
        width: 79%;
        left: 59px;
    }

    .complete_steps:after {
        width: 79%;
        left: 59px;
    }

    .steps_one figure figcaption {
        padding: 4px 0 0 0;
        text-align: left;
    }

    .steps_one {
        float: left;
        width: 50%;
        position: relative;
    }
    .steps_one figure {
        float: left;
        width: 100%;
        position: relative;
        text-align: left;
        margin: 0px 0 15px 0;
    }


    .steps_one:last-child:after {
        display: block !important;
    }

    .employee_details_main {
        float: left;
        width: 100%;
        position: relative;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        max-height: 1105px;
        overflow: hidden;
        margin: 0px 0 20px 0;
    }
    .employee_details_main .steps_one:after{
        display: none !important;
    }


    .empoyee_personal_step .complete_steps:before {
        content: "";
        position: absolute;
        border: 3px solid #2b68d3 !important;
        height: 42px;
        left: 18px;
        top: -20px;
    }
    .empoyee_personal_step .steps_one figure {
        float: left;
        width: 100%;
        position: relative;
        text-align: center;
        display: flex;
        margin: 21px 0 16px 0px;
    }


    .empoyee_personal_step .toggle-button {
        color: white;
        border: none;
        float: right;
        background: none;
        color: #2b68d3;
        font-size: 16px;
        padding: 0;
        margin: 10px 20px 10px 0px;
        font-weight: 500;
    }


    .empoyee_pic_deatail {
        float: left;
        width: 100%;
        display: flex;
    }
.empoyee_pic_deatail .employee_details_name {
    float: left;
    width: 100%;
    padding: 0 0 0 10px;
}
    .empoyee_pic_deatail img {
        float: left;
        width: 100%;
    }
    .empoyee_personal_step .employee_details_step {
        float: left;
        width: 100%;
        position: relative;
        margin: 0 0 0 10px;
    }

    .detail_emplorr p span {
        float: left;
        width: 53%;
        margin: 8px 0 0 13px;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }



    
/* view detaisl start     */

._basic_main_detail {
    margin: 20px 0 0 0;
}

/* .view_employee_details {
    margin: 20px 0 0;
} */
.data_employrr ul li {
    float: left;
    width: 29%;
    list-style: none;
}

.data_employrr ul.passport_images {
    width: 100%;
}

.data_employrr ul.personal_photo li {
    float: left;
    width: 31%;
    list-style: none;
    margin: 0 10px 0 0;
}
.data_employrr ul.personal_photo {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}
.data_employrr ul.passport_images li .document_images_photo video {
    width: 100%;
    height: 100%;
}

.data_employrr ul.personal_photo li .document_images_photo img {
    float: left;
    width: 100%;
    height: 100%;
}

.data_employrr ul.passport_images li {
    width: 31%;
}

.addtional_detail_forms .input_addtionla {
    width: 100%;
    margin: 10px 0 0;
}

.addtional_detail_forms .inut_test_agent .main_input_agent {
    float: left;
    width: 100%;
    margin: 10px 0;
    position: relative;
}
/* view detaisl end     */

}


@media only screen and (max-width: 575.5px) {
    .request_page_heading h2 {
        font-size: 24px;
        margin: 0px 0 0px 0;
    }
   
    .request_entry_item {
        margin: 10px 0;
    }


    .worker_detail_table {
        margin: 0px 0 40px 0;
    }

    .table_worker_detail {
        margin: 10px 0;
    }



    .complete_steps figure figcaption {
        padding: 4px 0 0 0;
        font-size: 16px;
        text-align: left;
    }
    .steps_one:after {
        width: 79%;
        left: 59px;
    }

    .complete_steps:after {
        width: 79%;
        left: 59px;
    }

    .steps_one figure figcaption {
        padding: 4px 0 0 0;
        text-align: left;
    }

    .steps_one {
        float: left;
        width: 100%;
        position: relative;
    }
    .steps_one figure {
        float: left;
        width: 100%;
        position: relative;
        text-align: left;
        margin: 0px 0 15px 0;
    }


    .steps_one:last-child:after {
        display: block !important;
    }
    .employee_details_main {
        float: left;
        width: 100%;
        position: relative;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        max-height: 1306px;
        overflow: hidden;
        margin: 0px 0 20px 0;
    }
    .employee_details_main .steps_one:after{
        display: none !important;
    }


    .empoyee_personal_step .complete_steps:before {
        content: "";
        position: absolute;
        border: 3px solid #2b68d3 !important;
        height: 45px;
        left: 17px;
        top: -22px;
    }
    .empoyee_personal_step .steps_one figure {
        float: left;
        width: 100%;
        position: relative;
        text-align: center;
        display: flex;
        margin: 21px 0 16px 0px;
    }


    .empoyee_personal_step .toggle-button {
        color: white;
        border: none;
        float: right;
        background: none;
        color: #2b68d3;
        font-size: 16px;
        padding: 0;
        margin: 10px 20px 10px 0px;
        font-weight: 500;
    }


    .empoyee_pic_deatail {
        float: left;
        width: 100%;
        display: inline-block;
    }
.empoyee_pic_deatail .employee_details_name {
    float: left;
    width: 100%;
    padding: 0 0 0 10px;
}
    .empoyee_pic_deatail img {
        float: left;
        width: 100%;
    }
    .empoyee_personal_step .employee_details_step {
        float: left;
        width: 100%;
        position: relative;
        margin: 0 0 0 10px;
    }










    /* view detail start */
    .view_emloyee_experience .employee_detais_ {
        margin: 40px 0 0 10px;
    }
    .view_emloyee_experience { 
        padding: 8px; 
    }

    .view_emloyee_experience .employee_photo {
        width: 45%;
        margin: 40px 0 0 0;
    }
    .view_emloyee_experience .employee_photo img {
        width: 120px;
        height: auto;
    }

    .view_emloyee_experience {
        align-items: flex-start;
    }
    .view_profile_data .request_page_heading h2 {
        font-size: 20px; 
    }
    .sselect_employee_ccheck {
        right: 10px;
        top: 10px;
    }
    .view_emloyee_experience .basic_detail_ ul li i {
        padding: 0 0px 0 0px;
        color: #2b68d3;
    }

    .view_emloyee_experience .basic_detail_ ul li {
        padding: 0 14px 0 0;
    }
    .view_emloyee_experience .basic_detail_ ul li {
        list-style: none;
        float: left;
        width: auto;
        padding: 0 9px 0 0;
        font-size: 10px;
        font-weight: 500;
        color: #000;
    }
    .employee_detais_ .basic_information ul li {
        margin: 0 8px 0 0;
        padding: 3px 16px 3px 7px;
    }

    ._basic_main_detail {
        margin: 20px 0 0 0;
    }

    .data_employrr ul li {
        width: 50%;
    }

    .document_images_photo img {
        float: left;
        width: 120px;
    }

    .view_employee_details {
        margin: 10px 0 0 0;
    }
    .data_employrr {
        float: left;
        width: 100%;
        padding: 20px;
        position: relative;
    }

    .data_employrr ul.passport_images li {
        width: 45%;
    }

    .data_employrr ul.passport_images {
        width: 100%;
    }

    .data_employrr ul.personal_photo {
        width: 100%;
    }
    .data_employrr ul.personal_photo li {
        width: 45%;
        margin: 10px 10px 0px 0;
    }


    .employee_detais_ .basic_information ul li h3 {
        font-size: 11px;
        color: #0f0f0f;
        font-weight: 500;
        padding: 4px 0 4px 0;
        color: #2b68d3;
    }

    .visa_detail .visa_data {
        padding: 10px 10px;
    }

    .data_employrr ul.passport_images li .document_images_photo video {
        width: 100%;
        height: 100%;
    }


    .data_employrr ul.personal_photo li .document_images_photo img {
        float: left;
        width: 100%;
        height: 100%;
    }


    .view_select_emplyrr .view_emloyee_experience .employee_photo {
        width: 100%;
        margin: 0px 0 0 0;
    }



    .addtional_detail_forms .input_addtionla {
        width: 100%;
        margin: 10px 0 0;
    }

    .addtional_detail_forms .input_addtionla .inptu_mainsss label {
        font-size: 11px;
    }

    .addtional_detail_forms .inut_test_agent .main_input_agent {
        width: 100%;
        margin: 10px 0px 10px 0px;
    }

    .addtional_detail_forms {
        padding: 10px 10px;
    }



    .addtional_detail_forms .input_addtionla h5 {
        font-size: 12px;
    }
    .selected_empoyess .sselect_employee_ccheck {
        position: absolute;
        z-index: 99;
        right: 0px;
        top: -12px;
    }
    /* view detail end */
    .employee_detais_ .basic_information ul li span {
        font-size: 13px;
        font-weight: 500;
        text-transform: capitalize;
    }
    
}

@media only screen and (max-width: 375.5px) {
    .employee_detais_ .basic_information ul li {
        margin: 0 8px 0 0;
        padding: 3px 3px 3px 7px !important;
    }

    .view_emloyee_experience .employee_detais_ h3 {
        font-size: 14px;
    }
    .view_emloyee_experience .employee_detais_ p {
        font-size: 12px;
        font-weight: 400;
    }
}

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

    
}