/* *** media query -- max-width: 1800px -- start *** */
@media (max-width: 1800px) {

    /* === Sprint 05 responsive css start === */
    /* -- Document list start  -- */
    .docBlock {
        padding: 6px 6px;
    }
    .doc_leftImg {
        width: 15%;
    }
    .doc_leftImg .docExtc h6 {
        font-size: 10px;
    }
    .doc_cont {
        width: 83%;
            min-height: 125px;
    }
    .doc_box_right {
        right: 5px;
            top: 10px;
    }
    .doc_cont h5 {
        font-size: 14px;
        line-height: 1.2;
    }
    /* -- Document list end  -- */
    /* === Sprint 05 responsive css end === */

}
/* *** media query -- max-width: 1800px -- end   *** */
/* *** media query -- min-width: 1600px -- start *** */
@media (min-width: 1600px) {

    /* -- timesheet Screen start -- */
    /* - TD & TH Width adjust - */
    /* .dataTable_bg table td:nth-child(1) {
        max-width: 150px;
    }
    .dataTable_bg table td:nth-child(2) {
        max-width: 150px;
    }
    .dataTable_bg table td:nth-child(3) {
        max-width: 500px;
    } */
    /* - TD & TH Width adjust - */
    /* -- timesheet Screen end -- */

    /* --- ******  LP Responsive fix start  ****** --  */
    /* == task Details & Edit Screen start == */
    .form_block_half_lp > .paddingright15 {
      padding-right: 20px;
    }
    .form_block_half_lp > .paddingleft15 {
      padding-left: 20px;
    }
    
    /* == task Details & Edit Screen End == */
    /* --- ******  LP Responsive fix end  ****** --  */
}
/* *** media query -- min-width: 1600px end -- *** */
/* *** media query -- max-width: 1600px -- start *** */
@media (max-width: 1600px) {

    /* ==== Sprint 03 Css start ==== */
    .wrapper.width50 {
        width: 43%;
    }
    .splitscreen_area.margin0 {
        width: 57%;
    }
    .wrapper.width50 .header_nav_area {
        padding: 0 15px;
    }
    .wrapper.width50 .dashboard_cont_area {
        /* padding: 50px 15px 20px 15px; */
        padding: 20px 15px 20px 15px;
    }

    .wrapper.width50 .top_filter_right {
        /* padding:  5px 0 10px; */
        text-align: left;
    }
    .wrapper.width50 .top_filter {
        padding: 0px 0px 5px;
    }
    /* ==== Sprint 03 Css end ==== */
    /* ==== Sprint 04 Css start ==== */
    .ass_user_name { max-width: 300px; }
    /* ==== Sprint 04 Css end ==== */
    /* === Sprint 05 responsive css start === */
    /* -- timesheet Screen start -- */
    .timesheet_filterBg_left {
        width: 100%; /* LP */
    }
    /* -- timesheet Screen end -- */
    /* === Sprint 05 responsive css end === */
    /* === sprint-6 start === */
    /* -- kyc/profile setting start -- */
    .user_kyc_bg {
        width: 70%;
        margin: auto;
    }
    /* -- kyc/profile setting end -- */
    /* -- invoice listion start -- */
    .invo_list_whiteBox {
        padding: 20px 5px;
    }
    .invo_list_table_bg .table tbody td:nth-child(1) {
        min-width: 200px;
        max-width: 220px;
    }
    .invo_list_table_bg .table tbody td:nth-child(2) {
        min-width: 160px;
        max-width: 200px;
    }
    .invo_list_table_bg .table tbody td:nth-child(3) {
        min-width: 110px;
        max-width: 180px;
    }
    .invo_list_table_bg .table tbody td:nth-child(4) {
        min-width: 60px;
        max-width: 65px;
    }
    .invo_list_table_bg .table tbody td:nth-child(5) {
        min-width: 140px;
    }
    .invo_part_btn button {
        margin: 0 2px 0 2px;
    }
    /* -- invoice listion end -- */
    /* === sprint-6 end === */
    /* -- Task Details & Edit Screen start -- */
    .moreTooltip_show {
        left: -15px;
        width: 270px;
    }
    .lable_pop_details {
        width: 310px;
        left: -60px;
    }
    /* -- Task Details & Edit Screen end -- */
    /* new Assigned to onClick user details section -- start -- */
    .t_as_ul .user_popDetails_block {
        width: 280px;
        left: -100px !important;
    }
    .input_datashow .user_popDetails_block {
        width: 340px;
        left: -80px !important;
    }
    /* new Assigned to onClick user details section -- end -- */

}
/* *** media query -- max-width: 1600px -- end   *** */
/* *** media query -- max-width: 1400px -- start *** */
@media (max-width: 1400px) {

    /* === blue header section start === */
    .panel30.logo_panel {
        width: 20%;
    }
    .panel70.head_menu_panel {
        width: 80%;
    }
    .nav_block > ul > li {
        padding: 0 10px 0 0;
    }
    .nav_block > ul > li > a {
        font-size: 12px;
    }
    /* === blue header section end === */

    .signup_form_area {
        width: 80%;
    }

    /* ===  professional listing section start  === */
    .send_req_bodybg  {
        /* height: auto; */
        height: 100%;
        display: block;
    }
    .send_req_pro_container {
        width: 90%;
        padding: 30px 0px;
    }
    .sendreq_noti_bg {
        padding: 20px 0 0;
    }
    .proferssional_listing_bg {
        max-width: 1000px;
    }
    .proferssional_listing_bg ul li {
        /* margin: 0 0 60px 0; */
        margin: 0 0 30px 0;
    }
    .pro_listing_box {
        padding: 20px 20px;
    }
    .pro_listing_head {
        margin: 0 0 10px 0;
    }
    /* ===  professional listing section end  === */
    /* ==== Sprint 03 Css start ==== */

    /* -- Right slide panel width adjust start -- */
    .flexbox-parent {
        min-width: calc(100% - 70px); 
        /*  width asjust based on "slideScreen_leftbg" - width  */
    }
    .slideScreen_leftbg {
        width: 70px;
    }
    .slideScreen_leftbg .SlideS_leftul {
        width: 70px;
    }
    /* -- Right slide panel width adjust end -- */

    .s_midbox_section {
        padding: 30px 10px 30px 10px;
        margin: 0px auto;
    }
    .s_midbox_section .enter_task_box {
        padding: 20px 10px;
    }
    .wrapper.width50 .task_des h1 {
        max-width: 150px;
        padding: 0 0 0 0;
    }
    /* ==== Sprint 03 Css end ==== */
     /* === Sprint 04 responsive css start === */
     .s_midbox_section_chat {
         padding: 0 0 0 0;
     }

    .assing_listBox_bg { padding: 10px 8px; }
    .assList_topLeft { width: 67%;}
    .assList_topRight { width: 32%; }
    .assList_topRight a { font-size: 12px;  }
    .ass_user_img { margin: 0 5px 0 0; height: 25px; width: 25px; }
    .ass_user_img img { height: 25px; width: 25px; }
    .ass_user_name button.assignUser_nameBtn { font-size: 12px; text-align: left; padding: 0 0; }
    .ass_user_name { max-width: 270px; }
    .ass_userName_new { margin: 0 0 0 5px; }
    .ass_bottomLeft { min-height: 28px; }
    .ass_bottomLeft p { font-size: 12px; }
    .ass_bottomRight button {
        min-width: 70px;
        padding: 8px 5px;
        margin: 3px 0 3px 5px;
        font-size: 12px;
    }

    /* ---  Professionals Interested Block new Modification // CC-Side -- start  --- */
    .assList_topLeft_new {
        width: 100%;
    }

    /* ---  Professionals Interested Block new Modification // CC-Side -- end  --- */

    /* -- engagement letter popup start -- */
    .modal-lg.custom_modal_lg.engagementLetter_modal_bg {
        max-width: 70%;
    }
     /* -- engagement letter popup start -- */

     /* -- chat screen start -- */
    .slideChat_panel .sub_grd_btn {
        padding: 8px 5px;
    }
    /* -- chat screen end -- */
    /* === Sprint 04 responsive css end === */    
    
    /* === sprint-6 start -- for CC === */
    /* -- payment method start -- */
    .task_header.invoPay_header {
        padding: 0px 30px;
    }
    .invoPay_mainBody {
        padding: 30px 30px;
    }
    .invoPay_left_bg {
        padding: 0 10px 0 0;
    }
    .pay_details_bg {
        padding: 0 5px 0 0;
    }
    .payment_block {
        padding: 0 0 0 5px;
    }
    .invo_navbar .navbar-brand {
        margin-right: 0px;
    }
    /* -- payment method end -- */

    /* -- vertual account setting start -- */
    .vAcc_page_area {
        width: 75%;
    }
    /* -- vertual account setting end -- */
    /* === sprint-6 end -- for CC === */
    /* -- Assign user name popup box start  -- */
    .user_popDetails_block {
        width: 280px;
    }
    .user_popBox_topRight { max-width: 30px; max-height: 30px; } 
    .user_popBox_topRight img { 
        max-width: 30px; 
        max-height: 30px;
        height: 30px; 
        width: 30px;
    }
    .user_popBox_topRight .user_name_text {  height: 28px;  width: 28px; }
    /* -- Assign user name popup box end  -- */

}
/* *** media query -- max-width: 1400px -- end *** */
/* *** media query -- min-widthe:1200px & max-width: 1400px -- start *** */
@media only screen and (min-width: 1200px) and (max-width: 1400px)  {

    /* -- Task Details & Edit Screen start -- */
    .moreTooltip_show {
        left: -40px;
        width: 200px;
    }
    .lable_pop_details {
        width: 270px;
        left: -60px;
    }
    /* -- Task Details & Edit Screen end -- */
    /* -- chat screen start -- */
    /* -- chat header new invoice calculeter section start -- */
    .calInvBtn {
        background-position: center center;
        padding: 5px 10px;
    }
    .chatHead_calInv_btnBg .calInvBtn span.calInvBtn_text {
        display: none;
    }
    /* -- chat header new invoice calculeter section end -- */
    /* -- chat screen end -- */
    /* === Sprint 05 responsive css start === */
    /* -- Document list start  -- */
    .docBlock {
        padding: 10px 10px;
    }
    .doc_leftImg {
        width: 100%;
    }
    .doc_cont {
        width: 100%;
        padding: 10px 10px 0 10px;
    }
    .doc_leftImg_box {
        max-width: 80px;
        max-height: 70px;
        margin: 0px auto;
    }
    .doc_leftImg img {
        width: 100%;
        max-height: 70px;
    }
    .doc_leftImg .docExtc h6 {
        font-size: 10px;
    }
    .doc_box_right {
        right: 5px;
    }
    .doc_cont h5 {
        font-size: 14px;
    }
    .docBlock_bottom button.docView_btn {
        min-width: 85px;
        padding: 3px 3px;
    }
    /* -- Document list end  -- */
    /* -- timesheet Screen start -- */
            /* .timesheet_filterBg_left {
                width: 100%;
            } */
    .timest_userName {
        max-width: 280px;
    }
    .dataTable_bg table td:nth-child(1) {
        min-width: 100px;
    }
    .dataTable_bg table td:nth-child(2) {
        min-width: 90px;
    }
    .dataTable_bg table td:nth-child(3) {
        min-width: auto;
        max-width: 300px;
    }

    /* -- timesheet Screen end -- */
    /* === Sprint 05 responsive css end === */

    /* === sprint-6 start === */
    /* -- payment method start -- */
    .qr_block_row {
        font-size: 12px;
    }
    /* -- payment method end -- */

     /* -- kyc/profile setting end -- */
     .s_midbox_kyc {
        width: 90%;
    }
    /* -- kyc/profile setting end -- */
    /* -- invoice listion start -- */
    .invo_list_table_bg .table td, .invo_list_table_bg .table th {
        padding: 5px 2px;
        font-size: 12px;
    }
    .invo_list_table_bg .table tbody td:nth-child(1) {
        min-width: auto;
        max-width: 180px;
    }
    .invo_list_table_bg .table tbody td:nth-child(2) {
        min-width: auto;
        max-width: 135px;
    }
    .invo_list_table_bg .table tbody td:nth-child(3) {
        min-width: auto;
        max-width: 100px;
    }
    .invo_list_table_bg .table tbody td:nth-child(4) {
        min-width: auto;
    }
    .invo_list_table_bg .table tbody td:nth-child(5) {
        min-width: auto;
    }
    .invo_part_btn button {
        font-size: 12px;
        margin: 0 2px 0 2px;
    }
    .moreAction_tableSec button.moreAction_dropBtn {
        font-size: 12px;
        margin: 0 2px 0 2px;
        min-width: auto;
        padding: 6px 20px 6px 5px;

        background-size: 8px;
        background-position: right 5px top 12px;
    }
    .dropdown_menu_tableTds {
        top: 30px !important;
    }
    .dropdown_menu_tableTds .dropdown-item {
        padding: 2px 8px;
        font-size: 12px;
    }
    /* -- invoice listion end -- */
    /* === sprint-6 end === */

    /* -- video chat related design modification start -- */
    /* -- Video Chat screen (New page / Window screen)  start -- */
    .videoChatFullScreen_leftBg {
        width: 65%;
    }
    .videoChatFullScreen_rightBg {
        width: 35%;
    }
    /* -- Video Chat screen (New page / Window screen)  end -- */
    /* -- video chat related design modification end -- */

}
/* *** media query -- min-widthe:1200px & max-width: 1400px -- end *** */
/* *** media query -- max-width: 1199px -- start *** */
@media screen and (max-width: 1199px) {
    /* ---  dashboard  header start ---- */
    .header_nav_area {
        padding: 0px 30px;
    }
    /* ---  dashboard  header end ---- */
    .dashboard_cont_area.tasklist_cont_areabg {
        padding: 50px 30px 0px 30px;
    }
    .dashboard_cont_area.tasklist_cont_areabg.setting_cont_areabg.setting_top_tab_section {
        padding: 20px 30px 10px;
    }
    .dashboard_cont_area.tasklist_cont_areabg.setting_cont_areabg.setting_main_body_section {
        padding: 10px 30px 10px;
    }
    /* ---  dashboard  header end ---- */
    /* task area start */
    .task_area {
        width: 100%;
    }
    .task_details_btn_area {
        /* position: relative; */
    }
    /* task area end */
    /* ===  professional listing section start  === */
    .pro_list_rating {
        font-size: 12px;
    }
    .pro_listing_body p {
        font-size: 12px;
        width: 100%;
    }
    /* ===  professional listing section end  === */
    /* ==== Sprint 03 Css start ==== */
    .wrapper.width50 .task_box {
        padding: 35px 10px 15px;

        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .wrapper.width50 .assign_img {
        top: 15px;
    }

    /* -- Right slide panel width adjust start -- */
    .flexbox-parent {
        min-width: calc(100% - 60px); 
        /*  width asjust based on "slideScreen_leftbg" - width  */
    }
    .slideScreen_leftbg {
        width: 60px;
    }
    .slideScreen_leftbg .SlideS_leftul {
        width: 60px;
    }
    /* -- Right slide panel width adjust end -- */

    .SlideS_leftul ul li a {
        /* width: 23px; */
        width: 25px;
    }
    .s_midbox_section {
        padding: 20px 15px 30px 15px;

        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .enter_task_box {
        padding: 15px 10px;

        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .s_form_fileup_bg .upfile_name {
        font-size: 12px;
    }

    /* ==== Sprint 03 Css end ==== */
     /* === Sprint 04 responsive css start === */
     /* -- chat screen start -- */
     .s_midbox_section_chat {
        padding: 0 0 0 0;
    }
    .chatTab_sec {
        padding-bottom: 120px;
        /* padding-bottom: 300px; */
    }
    .s_footer_btnbg button, .Slide_chatBottomBg .s_footer_btnbg .sub_grd_btn {
        font-size: 13px;
        min-width: 80px;
        padding: 10px 5px;
    }
    .s_footer_btnbg button.uploadbtn {
        text-align: center;
        min-width: 40px;
    }
    
    .newBtn_right_allign button {
        padding: 5px 10px;
    }
    /* -- chat screen end -- */

    /* === Sprint 04 responsive css end === */
    /* === Sprint 05 responsive css start === */
    /* -- timesheet Screen start -- */
    .dataTable_bg {
        padding: 10px 15px;
    }
    .timesheet_filterBg_left {
        width: 100%;
    }
                    /* .timest_userName {
                        max-width: 90%;
                    }
                    .timest_right {
                        padding: 10px 0 0 0;
                        width: 100%;
                    } */  /* cc */
    .timest_date_grp {
        width: 45%;
    }
    .dataTable_bg table {
        min-width: auto;
    }
    .dataTable_bg table td:nth-child(1) {
        min-width: 100px;
    }
    .dataTable_bg table td:nth-child(2) {
        min-width: 90px;
    }
    .dataTable_bg table td:nth-child(3) {
        min-width: auto;
        max-width: 300px; 
    }
    .dataTable_bg table td:nth-child(4) {
        min-width: 120px;
    }

    /* -- timesheet Screen end -- */
    
    /* === Sprint 05 responsive css end === */
    /* === sprint-6 start === */
    /* --- cc & lp - Task Req & Ass Btn start --- */
    .task_ass_tabBtn {
        min-width: 110px;
        font-size: 14px;
        padding: 6px 5px;
    }
    .vrAcc_blanace_block {
        padding: 4px 10px;
    }
    /* --- cc & lp - Task Req & Ass Btn end --- */
    /* --- Invoice Related screen start --- */
    .invo_top_btnbg {
        padding: 0 0 0 0;
    }
    /* --- Invoice Related screen end --- */
    /* -- kyc/profile setting end -- */
    .s_midbox_kyc {
        width: 100%;
        /* padding: 0 30px 0 0; */
        padding: 0 15px 10px 0;
    }
    /* -- kyc/profile setting end -- */
    /* === sprint-6 end === */
    /* new Assigned to onClick user details section -- start -- */
    .input_datashow .user_popDetails_block {
        width: 340px;
        left: 0px !important;
    }
    /* new Assigned to onClick user details section -- end -- */

    /* -- New User Details section start --  */
    .newProViewTopBtn_topFilRightSec button {
        font-size: 14px;
        line-height: 1;
        padding: 10px 10px 10px !important;
    }
    .newProViewTopBtn_style {
        padding: 10px 10px !important;
    }
    .newUserSection_leftBg {
        width: 30%;
    }
    .newUserSection_rightBg {
        width: 70%;
    }
    .newUserSection_blankMsg h3 {
        width: 80%;
    }
    /* Modal New User Details */
    .modal-lg.custom_modal_lg.modal_newProfileViewFullDetails {
        max-width: 97%;
    }
    .custom_modal_lg .modal-body.modal_body_newProfileViewFullDetails_bg {
        height: calc(100vh - 150px);
        padding: 40px 20px 40px;
    }
    /* Modal New User Details */
    /* -- New User Details section end --  */

}
/* *** media query -- max-width: 1199px -- end   *** */
/* *** media query -- min-width:992px & max-width: 1199px -- start *** */
@media only screen and (min-width: 992px) and (max-width: 1199px)  {

    /* == login screen start == */
    .sign_up_top {
        padding: 15px 0 15px;
    }
    .signup_form_area h1 {
        margin: 0 0 8px 0;  
    }
    .signup_area .form_block {
        margin-bottom: 20px;
    }
    .signup_area .form__field {
        height: 40px;
        font-size: 13px;
        padding: 0 10px;
    }
    .signup_area .input_tooltip_bg {
        padding: 3px 6px;
        margin-top: -12px;
        top: 18px;
    }
    .login_page_bottom {
        margin-top: 40px;
    }
    .signup_area .form__field:focus ~ .form__label {
        top: -22px;
        font-size: 13px;
    }
    /* == login screen end == */
    /* -- logo start -- */
    .logo_panel a {
        margin: 5px 0 0 0;
    }
    .logo_panel img {
        max-width: 145px;
    }
    /* -- logo end -- */
    /* ==== Sprint 03 Css start ==== */
    .wrapper.width50 .task_listing_block .panel60 {
        width: 70%;
    }
    .wrapper.width50 .task_listing_block .panel40{
        width: 30%;
    }
    .taskfun_btnbg .task_func_btn {
        padding: 5px 10px;
    }
    .s_midbox .panel50 {
        width: 100%;
    }
    .s_midbox .paddingleft15 {
        padding-left: 5px;
        padding-right: 5px;
        margin: 0 0 10px 0;
    }
    .s_midbox .paddingright15 {
        padding-left: 5px;
        padding-right: 5px;
        margin: 0 0 10px 0;
    }
    .wrapper.width50 .task_des h1 {
        max-width: 100%;
    }
    /* ==== Sprint 03 Css end ==== */
    /* === Sprint 04 responsive css start === */
    /* -- chat screen start -- */
    .slideChat_panel {
        margin: 0 5px 0 0;
    }
    .chatHeadBack { 
        background-position: left 5px center;
        background-size: 14px;
        padding: 5px 10px 5px 25px;
        font-size: 10px;
    }
    .slideChat_panel h5 {
        font-size: 12px;
        max-width: 240px;
    }
    .slideChat_panel .sub_grd_btn {
        width: 60px;
        font-size: 12px;
        padding: 7px 5px;
    }
    /* -- chat header new invoice calculeter section start -- */
    .calInvBtn {
        background-position: center center;
        padding: 5px 10px;
    }
    .chatHead_calInv_btnBg .calInvBtn span.calInvBtn_text {
        display: none;
    }
    /* -- chat header new invoice calculeter section end -- */
    /* -- chat screen end -- */

    .assing_listBox_bg { padding: 10px 8px; }
    .assList_topLeft { width: 65%;}
    .assList_topRight { width: 34%; }
    .ass_user_img { margin: 0 5px 0 0; height: 25px; width: 25px; vertical-align: top; }
    .ass_user_img img { height: 25px; width: 25px; }
    .ass_user_name button.assignUser_nameBtn { font-size: 12px; text-align: left; padding: 0 0; }
    .ass_user_name { max-width: 200px; }
    .ass_userName_new { vertical-align: top; margin: 0 0 0 5px; }
    .assList_topRight a {
        font-size: 12px;
        line-height: 1;
        display: flex;
    }
    /* === Sprint 04 responsive css end === */
    /* === Sprint 05 responsive css start === */
    /* -- Task Details & Edit Screen start -- */
    .lable_pop_details {
        width: 300px;
        left: -30px;
    }
    /* -- Task Details & Edit Screen end -- */
    /* === Sprint 05 responsive css end === */
    
    /* === sprint-6 start === */
    /* -- payment method start -- */
    .invoPay_left_nav ul li a {
        padding: 12px 10px !important;
    }
    .pay_det_sec {
        padding: 10px 10px;
    }
    .qr_block_left {
        width: 100%;
    }
    .qr_block_right {
        width: 100%;
        padding: 0 0 0 0%;
    }
    .qr_block_row .qr_l {
        width: 55%;
    }
    .qr_block_row .qr_r {
        width: 45%;
    }
    .qr_block_right a {
        max-width: 200px;
    }
    .payment_gray_box {
        padding: 15px 10px;
    }
    .pay_row .pay_row_l {
        max-width: 210px;
    }
    .pay_row .pay_row_r {
        max-width: 110px;
    }
    /* -- payment method end -- */
    /* -- invoice listion start -- */
     .invo_list_table_bg .table td, .invo_list_table_bg .table th {
        padding: 5px 2px;
        font-size: 12px;
    }
    .invo_list_table_bg .table tbody td:nth-child(1) {
        min-width: 130px;
        max-width: inherit;
    }
    .invo_list_table_bg .table tbody td:nth-child(2) {
        min-width: 120px;
        max-width: inherit;
    }
    .invo_list_table_bg .table tbody td:nth-child(3) {
        min-width: 100px;
        max-width: inherit;
    }
    .invo_list_table_bg .table tbody td:nth-child(4) {
        min-width: auto;
    }
    .invo_list_table_bg .table tbody td:nth-child(5) {
        min-width: 110px;
        max-width: inherit;
    }
    .invo_part_btn button {
        font-size: 12px;
        margin: 0 2px 0 2px;
    }
    /* -- table more action TDS button start -- */
    .moreAction_dropBtn {
        font-size: 12px;
        min-width: 100px;
        padding: 8px 20px 8px 5px;
        background-position: right 5px top 14px;
    }
    .dropdown_menu_tableTds .dropdown-item {
        font-size: 12px;
        padding: 3px 8px;
    }
    /* -- table more action TDS button end -- */
    /* -- invoice listion end -- */
    /* === sprint-6 end === */

    /* -- new design modification for image with profile name for header section start // LP & CC -Side  -- */
    .titleText_withImageDropdown {
        flex-direction: column;
    }
    /* -- new design modification for image with profile name for header section end  // LP & CC -Side  -- */

    /* ---  Professionals Interested Block new Modification // CC-Side -- start  --- */
    .userRating_block_right {
        float: left;
    }
    /* ---  Professionals Interested Block new Modification // CC-Side -- end  --- */

    /* -- new chat negotiate block section start /// LP & CC side -- */
    .chatFoot_textMsg_grp_for_reNego .cht_input_grp_reNego .fileUpMsg_input textarea {
        width: calc(100% - 30px);
    }
    .cht_input_grp_reNego_dueDate .cht_input_grp_date input {
        width: 100%;
        min-width: 180px;
    }
    .chatFoot_textMsg_grp_for_reNego .cht_input_grp_reNego input {
        min-width: 180px;
    }
    /* -- new chat negotiate block section end /// LP & CC side -- */

    /* -- video chat related design modification start -- */
    /* -- Video Chat screen (New page / Window screen)  start -- */
    .videoChatFullScreen_leftBg {
        width: 60%;
    }
    .videoChatFullScreen_rightBg {
        width: 40%;
    }
    .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_videoChatSidebar {
        height: calc(100vh - 190px);
    }
    .videoChatFullScreen_fullSection_bg .SlideS_bottombg.SlideS_bottombg_gray {
        flex-direction: column;
    }

    /* -- Video Chat screen (New page / Window screen)  end -- */
    /* -- video chat related design modification end -- */

}
/* *** media query -- min-width:992px & max-width: 1199px -- end   *** */
/* *** media query -- max-width: 1024px -- start *** */
@media screen and (max-width: 1024px) {

	.signup_form_area {
		width: 90%;
    }
    
    /* ==== Sprint 03 Css start ==== */
    .task_listing_scrollbg {
        min-height: 620px;
    }
    /* ==== Sprint 03 Css end ==== */

    /* ==== +++ React Scroll Bar Custom Edit start +++ ====  */

    .wrapper.width50 .reactTestScroll {
        min-height: auto;
    }
    .wrapper.width50 .reactTestScroll.reactTestScroll_single {
        min-height: auto;
    }
    .wrapper.width50 .reactTestScroll.reactTestScroll_multi {
        min-height: auto;
    }

    /* ==== +++ React Scroll Bar Custom Edit start +++ ====  */

    /* ====   bottom fixed/sticky footer adjustment (height adjustment) css start  ==== */
    /* === Left Part height Adjustment Start === */
    .create_task_area_heightAdjustment .task_listing_scrollbg {
        min-height: auto;
    }
    /* === Left Part height Adjustment end === */
    /* ====   bottom fixed/sticky footer adjustment (height adjustment) css end  ==== */
    
    /* -- video chat related design modification start -- */
    /* -- Video Chat screen (New page / Window screen)  start -- */
    .videoChatFullScreen_fullSection_bg {
        flex-direction: column;
    }
    .videoChatFullScreen_leftBg {
        width: 100%;
        height: 40vh;
    }
    .videoChatFullScreen_rightBg {
        width: 100%;
        height: 60vh;
    }
    /* -- Video Chat screen (New page / Window screen)  end -- */
    /* -- video chat related design modification end -- */

}
/* *** media query -- max-width: 1024px -- end   *** */
/* *** media query -- max-width: 991px  -- start *** */
@media (max-width: 991px) {

    .signup_form_area {
		width: 80%;
	}
	.panel50.panel_half {
		width: 100%;
	}
	.panel50.panel_half {
	margin-bottom: 30px;
	}
	.form_block.form_block_half {
		margin-bottom: 0;
    }
    .form_block {
        margin-bottom: 30px;
    }
	.login_page_bottom {
    /* margin-top: 60px; */
    margin-top: 30px;
	}
    .panel_half.paddingright15 {
        padding-right: 0px;
    }
    .panel_half.paddingleft15 {
        padding-left: 0px;
    }
    .formgroup_checkbox label::before { 
        top: -3px;
    }
    .formgroup_checkbox input:checked + label:after {
        top: 3px;
    }
    .dashboard_cont_area.dashboard_areabg {
        padding: 50px 30px 10px 30px;
    }
    /* dashboard css start */
    /* ---  dashboard  header start ---- */
    .header_nav_area {
        padding: 0px 20px;
    }
    .nav_txt{
        /* display: none; */
        height: 0px;
        overflow: hidden;
        font-size: 0px;
    }
    .profile_name{
        /* display: none; */
        height: 0px;
        overflow: hidden;
        font-size: 0px;
    }
    .profile_img img {
        margin-right: 3px;
    }
    .nav_block ul li a span.comming_soon {
        display: none;
    }
    .user_drop_menu ul li a span.comming_soon {
        display: inherit;
    }
    
    /* ---  dashboard  header end ---- */
    .dashboard_cont_area.tasklist_cont_areabg {
        /* padding: 50px 20px 0px 20px; */
        padding: 30px 20px 0px 20px;
    }
    .dashboard_cont_area.tasklist_cont_areabg.setting_cont_areabg.setting_top_tab_section {
        padding: 20px 20px 10px;
    }
    .dashboard_cont_area.tasklist_cont_areabg.setting_cont_areabg.setting_main_body_section {
        padding: 10px 20px 10px;
    }
    /* -- dashboard modal -- */
    .custom_modal_lg .modal-body {
        padding: 25px 30px 10px;
    }
    .modal_input {
        margin:0 0 20px 0px;
    }
    .custom_modal_lg .modal-footer {
        padding: 10px 30px 20px;
    }
    .viewfilemodal_bg .modal-body {
        padding: 0px 30px;
    }
    .modalBody_invoiceDetails {
        padding: 15px 15px 10px;
    }
    .modalBody_invoiceDetails .modal_input {
        margin: 0 0 10px 0px;
    }
    /* -- dashboard modal -- */
    /* dashboard css end */
    /* -- New dual Header adjust for Task Creaction form task_form_box start -- */
    .cutom_container_withTopHeader .task_form_box {
        top: 0px;
    }
    /* -- New dual Header adjust for Task Creaction form task_form_box end -- */
    /* split screen css start */
     .wrapper.width50{
        width:100%;
    }
    .splitscreen_area.margin0{
        width:100%
    }
    .task_form_box.custom_radio_field {
        padding: 0px 20px;
    }
    .custom_radio_field .panel50.panel_half {
        margin-bottom: 20px;
    }
    /* split screen css end */

    /* ===  professional listing section start  === */
    .sendreq_noti_bg .allert_messg .input_tooltip_bg { padding: 0px 10px 0 10px; }
    .send_req_pro_container {
        width: 90%;
        padding: 30px 0px;
    }
    .proferssional_listing_bg {
        max-width: 670px;
    }
    .proferssional_listing_bg ul li {
        margin: 0 0 30px 0;
        /* width: 32.9%; */
        width: 49.5%;
    }
    .pro_listing_box {
        padding: 20px 30px;
    }
    .pro_listing_head {
        margin: 0 0 10px 0;
    }

    .pro_listing_head {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .pro_list_left {
        margin-right: 0px;
        margin: 0 auto 5px;
    }
    .pro_list_right {
        text-align: center;
    }
    .pro_list_rating span {
        display: block;
        width: 100%;
        margin: 3px auto;
    }
    .pro_list_rating span.pro_exp {
        margin-left: 0px;
        border-left: 0px none;
        padding: 0 5px;
        line-height: 1;
    }
    .pro_listing_body p {
        font-size: 12px;
        width: 100%;
        text-align: justify;
    }
    /* ===  professional listing section end  === */

    /* task details area start */
    .task_create_form_container{
        padding: 0 20px;
    }
    .btn_fld{
        padding: 0 20px;
    }
    .task_create_form_container .form_block:nth-child(2){
        /* margin-bottom: 0;         */
    }
    .task_header{
        align-items: flex-start;
        min-height: 83px;
        padding-top: 15px;
    }
    .step_block{
        right: 23px;
        top: 48px;
    }
    .taskstep_back_bg {
        left: 20px;
        top: 46px;
    }
    /* task details area end */
    .customerrmidlass {
        top: 20px;
    }
    /* - price input grup - */
    .price_input_grup {
        max-width: 100%;
        padding: 15px 10px 15px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .price_input_grup_left {
        width: 86%;
    }
    .price_input_grup .price_input_grup_left input {
        width: 100%;
    }
    /* - price input grup - */

    /* === sprint-6 start === */
    /* -- payment method start -- */
    .invoPay_backBg {
        left: 0;
        top: 0;
    }
    .invoPay_left_bg {
        width: 100%;
    }
    .invoPay_right_bg {
        width: 100%;
        margin-bottom: 20px;
    }
    /* -- navbar -- */
    .navbar-toggler {
        float: right;
        display: none;
    }
    .pay_side_heading {
        margin: 0 0 0 0;
        padding: 0 0 10px 0;
    }
    .invoPay_left_nav .collapse {
        display: block;
    }
    .invoPay_left_nav .collapse.show {
        display: block;
    }


    .pay_details_bg {
        width: 100%;
        padding: 0 0 0 0;
    }
    .payment_block {
        width: 100%;
        padding: 0 0 0 0;
        margin: 30px 0 0;
    }
    /* -- payment method end -- */
   
    /* -- vertual account setting start -- */
    .userSetting_section {
        padding: 0 0;
    }
    .vAcc_page_area {
        width: 100%;
    }
    /* -- vertual account setting end -- */
    
    /* -- kyc/profile setting start -- */
    .user_kyc_bg {
        width: 100%;
        margin: auto;
    }
    .kyc_top_noti_box {
        max-width: 100%;
        margin-top: -30px;
    }
    /* -- kyc/profile setting end -- */
    /* === sprint-6 end === */

    /*  Invoice Feed Back Modal start  */
    .modal_radio_btnBg {
        padding: 10px 0 10px;
    }
    .modal_attach_section {
        margin-top: -15px;
    }
    /*  Invoice Feed Back Modal end  */
    /* -- user KYC LP Demo start -- */
    .kyc_accordion_sec {
        /* padding: 10px 15px 10px 2px; */
        padding: 10px 5px 10px 5px;
    }
    /* -- user KYC LP Demo end -- */
    /* -- get task only Message show screen start -- */
    .top_filter_left_task_msg {
        max-width: 100%;
    }
    /* -- get task only Message show screen end -- */

    /* -- react popup for document view start -- */
   .react-pdf__Document {
    padding: 0 10px 0 0;
    }
   /* -- react popup for document view end -- */

   /* === top head Cache remove update button bar CSS start // CC-Side ===     */
   .leftTopHead_updateNotiBar {
    padding: 5px 20px;
    flex-direction: row;
   }
   /* === top head Cache remove update button bar CSS END   // CC-Side ===     */
   
   /* === **  Confidentiality & Engagement letter flow -- start ** === */
   .modal-lg.custom_modal_lg.newTab_engagementLetter_modalBg {
    max-width: 95%;
    }
    .engmLetter_topBlueSec_tabBlock > ul > li {
        padding: 5px 5px;
        font-size: 12px;
    }
    .popup_confidentialityCheck_tabBlockBg {
        padding: 10px 10px 20px;
        min-height: 150px;
    }
    .popup_conflictcheck_tabBlockBg {
        padding: 10px 10px 20px;
    }
    .popup_engagement_tabblockBg {
        padding: 10px 10px 20px;
    }
    
   /* === **  Confidentiality & Engagement letter flow -- end ** === */

}
/* *** media query -- max-width: 991px  -- end   *** */
/* *** media query -- min-width: 768px & max-width: 991px  -- start *** */
@media only screen and (min-width: 768px) and (max-width: 991px)  {
    
    /* == login screen start == */
    .signup_form_area {
        min-height: 730px;
        width: 90%;
    }
    .signup_bg {
        min-height: 730px;
    }
     .sign_up_top {
        padding: 15px 0 15px;
    }
    .signup_form_area h1 {
        margin: 0 0 8px 0;  
    }

    /* .signup_area .form_block {
        margin-bottom: 20px;
    } */
    .signup_area .form_block {
        margin-bottom: 0px;
    }
    .signup_area .panel50.panel_half {
        margin-bottom: 0px;
    }
    .signup_area .form__field {
        height: 40px;
        font-size: 13px;
        padding: 0 10px;
    }
    .signup_area .form__group {
        margin: 0 0 20px;
    }

    .signup_area .input_tooltip_bg {
        padding: 3px 6px;
        margin-top: -12px;
        top: 18px;
    }
    .login_page_bottom {
        margin-top: 30px;
    }
    .signup_area .form__field:focus ~ .form__label {
        top: -22px;
        font-size: 13px;
    }
    /* == login screen end == */

    /* ===  Task Screen start ===  */
    /* task area start */
    .task_date span{
        padding-left: 2px;
    }
    /* task area end */
    .green_btn{ 
        padding: 14px 10px;
     }
     .custom_radio_field .panel50.panel_half {
        margin-bottom: 20px;
        width: 50%;
    }
    /* - price input grup - */
    .addmoresubtskouterdiv {
        min-height: auto;
    }
    .price_input_grup {
        max-width: 100%;
    }
    .price_input_grup_left {
        width: 88%;
    }
    .price_input_grup .price_input_grup_left input {
        width: 100%;
    }
    /* - price input grup - */
    /* ===  Task Screen end ===  */

    /* -- chat screen start -- */
    /* -- chat header new invoice calculeter section start -- */
    .calInvBtn {
        background-position: left 8px center;
        background-size: 14px;
        padding: 5px 10px 5px 27px;

        font-size: 12px;
    }
    .slideChat_panel .sub_grd_btn {
        padding: 9px 5px;
        font-size: 12px;
    }
    /* -- chat header new invoice calculeter section end -- */
    /* -- chat screen end -- */

    /* -- documents screen start -- */
    .doc_cont {
        padding: 3px 5px 0 5px;
    }
    .doc_leftImg .docExtc h6 {
        font-size: 9px;
    }
    .doc_cont h5 {
        font-size: 13px;
        padding: 2px 65px 2px 0;
    }
    .doc_cont h5.docFile_date span {
        font-size: 11px;
    }
    .doc_cont p {
        font-size: 11px;
    }
    /* -- documents screen end  -- */

    /* -- New User Details section start --  */
    .newUserSection_leftBg {
        width: 35%;
    }
    .newUserSection_rightBg {
        width: 65%;
    }
    .newUserSidebar_detailsSection {
        padding: 20px 10px;
    }
    .newUserSidebar_detailsSecBlock p {
        font-size: 12px;
    }
    .newUserSection_rightBg {
        padding: 0 0 0 10px;
    }
    .newUserSidebar_topImgBlock {
        height: 50px;
    }
    .newUserSidebar_topImgBlock img {
        height: 70px;
        width: 70px;
        top: -20px;
        margin-left: -35px;
    }
    .newUserSidebar_topTextBlock h3 {
        font-size: 14px;
    }
    .newUserSidebar_topTextBlock h4 {
        font-size: 12px;
    }
    .newUserSection_blankMsg h3 {
        width: 90%;
    }
    /* Modal New User Details */
    .modal-lg.custom_modal_lg.modal_newProfileViewFullDetails {
        max-width: 97%;
    }
    .custom_modal_lg .modal-body.modal_body_newProfileViewFullDetails_bg {
        height: calc(100vh - 150px);
        padding: 40px 10px 40px;
    }
    /* Modal New User Details */
    /* -- New User Details section end --  */

}
/* *** media query -- min-width: 768px & max-width: 991px  -- end   *** */
/* *** media query -- max-width: 767px  -- start *** */
@media (max-width:767px) {

    .signup_bg {
		height: 50%;
		min-height: 320px;
	}
	.panel50 {
		width: 100%;
    }
    .panel70 {
        width: 100%; 
    }
	.signup_form_area {
        width: 85%;
        /* -- sign up new edit -- */
        min-height: auto;
        height: auto;
        padding: 50px 0;
        /* -- sign up new edit -- */
	}

	.panel50.panel_half {
		margin-bottom: 30px;
	}
	.form_block.form_block_half {
		margin-bottom: 0;
	}
	.sign_up_top {
        padding: 15px 0 15px;
    }
	.alert_custom.alert-dismissible .close {
		right: 35px;
	}
	.alert_custom {
    padding: 20px 30px;
	}
	.alert_custom p {
    font-size: 12px;
    line-height: 1.4;
    }
    
    /* dashboard css */
    .panel70{
        float: none;
        width:100%;
    }
    .panel30{
        float: none;
        width: 100%;
    }
    .panel60 {
        float: none;
        width: 100%;
    }
    .panel40 {
        float: none;
        width: 100%;
    }
    .logo_nav_area{
        padding-bottom: 0;
    }

    /* ---  dashboard  header start ---- */
    .header_nav_area {
        padding: 0 20px;
        min-height: 170px;
    }
    .header_nav_area .logo_nav_area {
        padding: 25px 0 0px;
    }
    .header_nav_area .logo_nav_area .panel30 {
        width: 39%;
        float: left;
    }
    .header_nav_area .logo_nav_area .panel70 {
        float: right;
        width: 60%;
    }
    .header_nav_area .logo_nav_area .nav_block {
        justify-content: flex-end;
        padding-top: 0px;
    }
    .tabs_block {
        margin: 0;
        padding: 20px 0 20px 0;
    }
    .tabs_block .nav li a {
        font-size: 18px;
    }
    /* -- header tab section new -- start -- */
    .tabs_block > .nav > li > a > span.comming_soon {
        width: 60px;
        top: 17px;
        padding: 2px 3px;
        font-size: 8px;
    }
    .tabs_block > .nav > li {
        margin: 3px 12px 3px 0;
    }
    .tabs_block > .nav > li > a {
        font-size: 16px;
    }
    /* -- header tab section new -- end -- */
    /* -- New dual Header adjust for Task Creaction invoice paymen start -- */
    .header_nav_area.header_nav_area_newadjust {
        min-height:  auto;
    }
    .header_nav_area.header_nav_area_newadjust .tabs_block {
        padding: 0 0 0 0;
    }
    /* -- New dual Header adjust for Task Creaction invoice paymen end -- */
    /* ---  dashboard  header end ---- */

    .nav_block{
        padding-top: 20px;
        justify-content: flex-start;
    }
    .nav_block ul li{
        padding-left: 0;
    }

    /* .tabs_block .nav li a{
        padding-right: 20px;
    } */

    .paddingright15{
        padding-right: 0;
    }
    .paddingleft15{
        padding-left: 0;
    }
    .create_task_area{
        min-height: auto;
        /* margin: 30px 0 100px 0; */
        margin: 15px 0 100px 0;
    }
    .asstent{
        position: absolute;
    }

    /* dashboard css */
    /* ===  Task Screen start ===  */
    /* task area start */
    .task_date{
        /* min-height: auto;
        height: auto; */
        align-items: flex-end;
        /* justify-content: flex-end; */
    }
    .taskfun_btnbg .task_func_btn {
        padding: 5px 9px;
        font-size: 14px;
    }
    /* task area end */
    /* task details area start */
    .task_create_form_container{
        padding: 0 20px;
    }
    .btn_fld{
        padding: 0 20px;
    }
    .task_create_form_container .form_block:nth-child(2){
        /* margin-bottom: 0;         */
    }
    .custom_fileup_name {
        padding: 0 0 0 0;
    }
    /* task details area end */
    .task_price_btn_area {
        text-align: center;
        margin: 30px auto 0px;
    }
    .top_sug_right {
        float: right;
        width: 100%;
        padding: 10px 0 0 0;
    }
    .price_input_grup {
        /* padding: 15px 5px 15px 5px; */
        width: 100%;
        max-width: 100%;
    }
    /* ===  Task Screen end ===  */
    /* == full task deatils start == */
    .updown_btnbg {
        display: inline-block;
        width: 90%;
        text-align: center;
        margin: 0px 0px;
    }
    .task_updown_btnbg .down_temp_btn {
        padding: 8px 10px 8px 10px;
        text-align: center;
        /* font-size: 14px; */
        font-size: 12px;
        font-weight: bold;
        margin-right: 5px;
        margin-bottom: 15px;
        width: 90%;
        display: inline-block;
      }
      .task_updown_btnbg .up_temp_btn {
        border-radius: 5px;
        padding: 8px 10px 8px 10px;
        text-align: center;
        /* font-size: 14px; */
        font-size: 12px;
        font-weight: bold;
        margin-right: 0px;
        /* width: 90%; */
        width: 100%;
      }
      .updown_btnbg .upload-btn-wrapper {
        width: 90%;
        margin-right: 5px;
      }
      .updown_btnbg .btn {
          width: 100%;
      }
    /* == full task deatils end == */
    /* - price input grup - */
    .price_input_grup {
        max-width: 100%;
    }
    .price_input_grup_left {
        width: 86%;
    }
    .price_input_grup .price_input_grup_left input {
        width: 100%;
    }
    /* - price input grup - */

    /* ===  professional listing section start  === */
    .send_req_pro_container {
        width: 90%;
        padding: 0px 0px;
    }
    .sendreq_noti_bg {
        padding: 10px 0 15px;
    }
    .proferssional_listing_bg {
        max-width: 570px;
    }
    .proferssional_listing_bg ul {
        text-align: center;
        padding: 10px 0px 70px;
    }
    .proferssional_listing_bg ul li {
        margin: 0 auto 30px;
        width: 95%;
    }
    .pro_listing_box {
        padding: 20px 30px;
        min-height: auto;
    }
    .pro_listing_head {
        margin: 0 0 10px 0;
    }

    .pro_listing_head {
        display: flex;
        align-items: center;
        justify-content: left;
        flex-direction: row;
    }
    .pro_list_left {
        margin: 0px;
        margin-right: 15px;
    }
    .pro_list_right {
        text-align: left;
    }
    .pro_list_rating span {
        display: inline-block;
        width: auto;
        margin: 3px auto;
    }
    .pro_list_rating span.pro_exp {
        margin-left: 0px;
        border-left: 0px none;
        padding: 0 5px;
        line-height: 1;
    }
    .pro_listing_body p {
        font-size: 12px;
        width: 100%;
        text-align: justify;
    }
    .proferssional_listing_bg ul li:nth-child( 3n+1 ) {
        left: auto;
      }
      .proferssional_listing_bg ul li:nth-child( 3n+3 ) {
        right: auto;
      }
      .proferssional_listing_bg ul li:nth-child( 3n-1 ) {
        top: auto;
      }
    /* ===  professional listing section end  === */

    /* === Sprint 03 responsive css start === */
    .task_area_filterbg {
        width: 100%;
        padding: 0 0 0 0;
    }
      .top_filter_left {
          width: 100%;
      }
      .top_filter_right {
          width: 100%;
          padding: 10px 0 0 0;
      }
      .top_filter.top_filter_1 {
        text-align: left;
        width: 49.5%;
    }
    .top_filter.top_filter_2 {
        text-align: left;
        width: 49.5%;
    }
    .filter_area span {
        display: block;
        padding: 0 0 0 0;
    }
    .top_filter button, .top_filter .btn {
        padding: 5px 5px 5px 3px;
    }
    .top_filter .dropdown-toggle:after {
        right: -5px;
        position: relative;
    }


    .task_box {
        padding: 50px 10px 20px;
        /* padding: 35px 10px 20px; */

        display: block;
    }
    .assign_img {
        top: 20px;
        right: 5px;
    }
    .taskfun_btnbg {
        width: 100%;
    }
    .SlideS_Midbg {
        padding: 10px 5px;
    }
    .task_date {
        align-items: flex-start;
        /* width: 120px; */

        display: block;
        width: 100%;
    }

    .s_midbox .panel50.panel_half {
        margin-bottom: 10px;
    }
    .s_midbox .field .price_input_grup_bg select {
        background-position: right 0px center;
    }
    
    /* === Sprint 03 responsive css end === */
    /* === Sprint 04 responsive css start === */
    .hover_tooltip { left: 45px; }
    .assing_listBox_bg { padding: 10px 8px; }
    .assList_topLeft { width: 70%;}
    .assList_topRight { width: 29%; }
    .assList_topRight a { font-size: 12px; line-height: 1.2; display: flex; align-items: center; }
    .ass_user_img { margin: 0 5px 0 0; height: 25px; width: 25px; }
    .ass_user_img img { height: 25px; width: 25px; }
    .ass_user_name button.assignUser_nameBtn { font-size: 12px; text-align: left; padding: 0 0; }
    .ass_user_name { max-width: 230px; }
    .ass_userName_new { margin: 0 0 0 5px; }
    .ass_bottomLeft p { font-size: 12px; }
    .ass_bottomRight button {
        min-width: 70px;
        padding: 8px 5px;
        margin: 3px 0 3px 5px;
        font-size: 12px;
    }
    /* -- Assign user name popup box start  -- */
    .user_popDetails_block {
        max-width: 300px;
    }
    .user_popBox_top {
        /* flex-direction: column-reverse; */
    }
    .user_popBox_topRight { max-width: 30px; max-height: 30px; } 
    .user_popBox_topRight img { 
        max-width: 30px; 
        max-height: 30px;
        height: 30px; 
        width: 30px;
    }
    .user_popBox_topRight .user_name_text {  height: 28px;  width: 28px; }
    .user_popBox_topLeft h4 {
        font-size: 12px;
        max-width: 100%;
        padding: 3px 5px;
        text-align: left;
    }
    .u_popBox_sec h5 {
        font-size: 12px;
        line-height: 1.5;
    }
    .u_popBox_sec p {
        font-size: 12px;
    }
    .u_popBox_sec ul {
        padding: 8px 0 0 0;
    }
    .u_popBox_sec ul li {
        padding: 3px 8x 3px 8px;
        font-size: 12px;
        margin: 0 5px 5px 0;
    }
    /* -- Assign user name popup box end  -- */
    /* -- chat screen start -- */
    .slideChat_panel {
        margin: 0 5px 0 0;
    }
    .chatHeadBack { 
        background-position: left 5px center;
        background-size: 14px;
        padding: 5px 10px 5px 25px;
        font-size: 10px;
    }
    .slideChat_panel h5 {
        font-size: 12px;
    }
    .slideChat_panel .sub_grd_btn {
        width: 60px;
        font-size: 12px;
        padding: 7px 5px;
    }

    .SlideS_Midbg_chat {
        padding: 0px 0px 0px 0px;
    }
    .chatTabBtn { 
        font-size: 12px;
        padding: 12px 10px;
    }
    .chatTab_new { 
        margin: 0 0 0 7px; 
    }
    .chatBody_top {
        padding: 10px 5px;
    }
    .chatBody_topSec p.chatBody_top_p {
        width: 49%;
        font-size: 12px;
        padding: 0 5px 0 0;
    }
    .chatBody_sec {
        padding: 5px 5px;
    }
    /* -- chat header new invoice calculeter section start -- */
    .calInvBtn {
        background-position: center center;
        padding: 5px 10px;
        background-size: 17px;
        min-width: 34px;
        min-height: 34px;
    }
    .chatHead_calInv_btnBg .calInvBtn span.calInvBtn_text {
        display: none;
    }
    /* -- chat header new invoice calculeter section end -- */
    /* -- chat screen end -- */
    /* -- engagement letter popup start -- */
    .modal-lg.custom_modal_lg.engagementLetter_modal_bg {
    max-width: 80%;
    }
    /* -- engagement letter popup start -- */
    /* === Sprint 04 responsive css end === */

    /* === Sprint 05 responsive css start === */
    /* -- Task Details & Edit Screen start -- */
    .lable_pop_details {
        width: 300px;
        left: -30px;
    }
    /* -- Task Details & Edit Screen end -- */
    /* -- Document list start  -- */
    .docFile_pageBG {
        /* padding: 5px 0px; */
        padding: 5px 5px;
    }
    .docBox_bg {
        padding: 10px 10px 10px;
    }
    /* -- Document list end  -- */
    /* -- timesheet Screen start -- */
    .dataTable_bg {
        padding: 15px 15px;
    }
    .dataTable_bg_lp .timesheet_filterBg {
        padding: 15px 15px;
    }
    .table_boxBg {
        padding: 5px 0px 10px 5px;
    }
    /* -- timesheet Screen end -- */
    /* === Sprint 05 responsive css end === */   

    /* === sprint-6 start === */
    /* -- payment method start -- */
    
    .invoPay_mainBody {
        padding: 20px 15px;
    }
    .qr_block_left {
        width: 100%;
    }
    .qr_block_right{
        width: 100%;
        padding: 0 0;
    }
    .qr_block_row .qr_l {
        float: left;
        width: 100%;
        margin: 0 0 7px 0;
    }
    .qr_block_row .qr_r {
        float: right;
        width: 100%;
        font-weight: normal;
    }
    .qr_block_right a {
        max-width: 250px;
    }
    .pay_row .pay_row_l {
        max-width: 70%;
    }
    /* -- payment method end -- */
    
    /* -- kyc/profile setting start -- */
    .user_kyc_bg {
        width: 100%;
    }
    .user_kyc_whiteBox {
        padding: 15px 0px 15px 10px;
    }
    .s_midbox_kyc {
        width: 100%;
        padding: 0 15px 10px 0;
    }
    .lp_wrapper_bg .s_midbox_kyc {
        padding: 0 5px 5px 0;  /* only LP KYC accordian section */
    }
    /* -- kyc/profile setting end -- */
    /* --- cc & lp - Task Req & Ass Btn start --- */
    .task_ass_tabBtn {
        min-width: 110px;
    }
    .task_ass_tabBtn {
        font-size: 12px;
    }
    .top_filter_backbtn_bg_lp ul li button {
        font-size: 12px;
    }
    .top_filter_backbtn_bg_lp ul li button.vrAcc_reload_btn span {
        padding: 3px 0 0 0;
    }
    /* --- cc & lp - Task Req & Ass Btn end --- */
    /* -- setting screen general layout start -- */
    .cutom_container_userSetting .create_task_area {
        margin: 5px 0px;
    }
    /* -- setting screen general layout end -- */
    /* === sprint-6 end === */
    /* -- user KYC LP Demo start -- */
    .s_midbox_kyc button {
        font-size: 12px;
        padding: 8px 10px;
        min-width: 80px;
    }
    .react-datepicker__navigation {
        min-width: auto !important;
        height: 10px !important;
        width: 10px !important;
        padding: 0px !important;
    }
    /* -- user KYC LP Demo start -- */

    /* -- new design adjustment start -- */
    .cal_invoice_btnSec button {
        font-size: 12px;
    }
    /* -- new design adjustment end -- */

    /* === HSN code LP singel/multi select react plugin adjustment start === */
    .custom_single_select_box ul.optionContainer li {
        line-height: 1.3;
    }
    /* === HSN code LP singel/multi select react plugin adjustment end === */
    
    
    /* -- new design modification for image with profile name for header section start // LP & CC -Side  -- */
    .titleText_withImageDropdown {
        flex-direction: column;
    }
    /* -- new design modification for image with profile name for header section end  // LP & CC -Side  -- */

    /* ---  Professionals Interested Block new Modification // CC-Side -- start  --- */
    .userRating_block_left {
        width: 100%;
        float: left;
    }
    .userRating_block_right {
        width: 100%;
        float: left;
    }
    .prof_int_greenTick_block {
        justify-content: flex-start;
    }
    .assList_topRight_new {
        position: relative;
    }
    /* ---  Professionals Interested Block new Modification // CC-Side -- end  --- */
    /* === top head Cache remove update button bar CSS start // CC-Side ===     */
   .leftTopHead_updateNotiBar {
    padding: 5px 15px;
    flex-direction: column;
   }
   .leftTopHead_updateNotiBar button.newbuildTrackRelCacheClearButton {
       font-size: 12px;
       padding: 3px 20px;
   }
   /* === top head Cache remove update button bar CSS END   // CC-Side ===     */

   /* === **  Confidentiality & Engagement letter flow -- start ** === */
    .engmLetter_topBlueSec_tabBlock > ul > li {
        font-size: 12px;
    }
    .engmLetter_topBlueSec_tabBlock > ul > li > a {
        padding: 5px 5px;
    }
    .engmLetter_modalFooter_sec button {
        margin: 0 0 0 10px;
        padding: 12px 12px 12px !important;
        min-width: 90px;
    }

   /* === **  Confidentiality & Engagement letter flow -- end ** === */

   /* -- New User Details section start --  */
    .newProViewTopBtn_topFilRightSec {
        text-align: left;
    }
    .newProViewTopBtn_topFilRightSec button {
        font-size: 12px;
    }
   .newUserSection_areaBg {
        flex-direction: column;
    }
    .newUserSection_leftBg {
        width: 100%;
        margin: 10px 0;
    }
    .newUserSection_rightBg {
        width: 100%;
        margin: 10px 0;
    }
    .newUserSidebar_detailsSection {
        padding: 20px 10px;
    }
    .newUserSidebar_detailsSecBlock p {
        font-size: 12px;
    }
    .newUserSection_rightBg {
        padding: 0 0 0 0;
    }
    .newUserSidebar_topImgBlock {
        height: 50px;
    }
    .newUserSidebar_topImgBlock img {
        height: 70px;
        width: 70px;
        top: -20px;
        margin-left: -35px;
    }
    .newUserSidebar_topTextBlock h3 {
        font-size: 14px;
    }
    .newUserSidebar_topTextBlock h4 {
        font-size: 12px;
    }
    .newUserSection_blankMsg {
        height: 200px;
    }
    .newUserSection_blankMsg h3 {
        width: 90%;
        font-size: 12px;
    }
    /* Modal New User Details */
    .modal-lg.custom_modal_lg.modal_newProfileViewFullDetails {
        max-width: 97%;
    }
    .custom_modal_lg .modal-body.modal_body_newProfileViewFullDetails_bg {
        height: calc(100vh - 150px);
        padding: 40px 10px 40px;
    }
    /* Modal New User Details */
    /* -- New User Details section end --  */


}
/* *** media query -- max-width: 767px  -- end   *** */
/* *** media query -- max-width: 568px  -- start *** */
@media screen and (max-width: 568px) {
    /* logo start */
    .header_nav_area .logo_nav_area .panel30 a {
        margin: 5px 0 0 0;
    }
    .logo_panel img {
        /* max-width: 150px; */
        max-width: 140px;
    }
    /* logo end */
    /* new Bell Icon Notification start  */
    .notification_drop_menu {
        right: -40px
    }
    /* new Bell Icon Notification end  */
    /* task area start */
    .filter_area{
        display: block;
    }
    .filter_area span{
        display: block;
    }
    .filter_area .filter_label{
        padding: 0;
        margin: 10px 0;
    }
    .filter_area select{
        width:100%;
        border:1px solid #f3f5f7;
        padding: 10px;
        border-radius: 8px;
        background-position: 97% center;
    }
    .task_date {
        margin-top:15px;
    }
    .task_date span{
        padding-left: 0;
        display: block;
    }
    .addmoresubtskouterdiv {
        display: block;
        text-align: center;
        padding-top: 10px;
    }
    .task_details_btn_area .btn_fld button {
        min-width: 80px;
        font-size: 12px;
        padding: 8px 8px;
    }
    .task_details_btn_area .btn_fld button.sub_grd_btn span {
        vertical-align: middle;
    }
    /* task area end */
    
      h3.taskbox_title {
        margin: 0 0 10px 0;
        position: relative;
        /* padding: 20px 0 0 0; */
        padding: 16px 40px 0 0;
    }
    .accor_minmax_btn {
    text-align: right;
    position: absolute;
    right: 0;
    top: 16px;
    font-size: 12px;
    }

    /* === Sprint 03 responsive css start === */
    .dashboard_cont_area.tasklist_cont_areabg {
        /* padding: 50px 15px 0px 15px; */ /* cc */
        padding: 20px 15px 0px 15px;
    }

    .dash_main_footer {
        /* padding: 10px 20px; */
        padding: 14px 20px;
    }
    .dash_foot_leftbg {
        padding: 15px 0 0 0;
    }
    .talkToAssist_btn {
        width: 170px;
        padding: 12px 10px 12px 20px;
        background-position: left 12px center;
        background-size: 16px;
        font-size: 12px;
        text-align: right;
    }
    .top_filter.top_filter_1 {
        display: inline-block;
        width: 99%;
    }
    .top_filter.top_filter_2 {
        display: inline-block;
        width: 99%;
    }
    .task_box { 
        display: block;
        padding: 50px 10px 20px;
        /* padding: 35px 10px 20px; */
    }
    .task_des {
        display: block;
        width: 100%;
    }
    .task_date {
        display: block;
        width: 100%;
        min-height: auto;
        height: auto; 
        align-items: flex-end;
    }

    .task_des h1 {
        padding: 0 10px 0 0;
    }

    /* -- Right slide panel width adjust start -- */
    .flexbox-parent {
        min-width: calc(100% - 50px); 
        /*  width asjust based on "slideScreen_leftbg" - width  */
    }
    .slideScreen_leftbg {
        width: 50px;
    }
    .slideScreen_leftbg .SlideS_leftul {
        width: 50px;
    }
    /* -- Right slide panel width adjust end -- */

    .SlideS_leftul ul li a {
        width: 20px;
    }

    .slide_top_titlebg {
        /* padding: 5px 0 5px 0; */
        padding: 5px 50px 5px 0;
    }
    .splitInvoiceTop .slide_top_titlebg {
        padding: 5px 50px 5px 0;
    }
    .slide_top_titlebg h4 {
        font-size: 14px;
    }
    .s_midbox_title h5 {
        font-size: 14px;
    }
    .s_midbox_section {
        padding: 10px 10px 20px 10px;
    }
    .enter_task_box {
        padding: 15px 5px;
    }
    .task_listing_area ul {
        /* padding: 0 5px 0 0; */
        padding: 0 10px 0 0;
    }
    .task_listing_area > ul {
        /* padding: 0 10px 0 0; */
    }
    .t_as_span {
        padding: 0 10px 0 0;
    }
    /* === Sprint 03 responsive css end === */
    .s_midbox_section .task_title_head {
        padding: 25px 0 15px 0;
    }
    .viewInvoice {
        font-size: 12px;
        top: -2px;
    }
    .s_midbox_section .task_title_head h5 {
        padding: 0 0 0 0;
    }
    /* === Sprint 04 responsive css start === */
    /* -- chat screen start -- */
    .chatTab_topText_sec {
        padding: 10px 5px;
    }
    .chatTab_topText_sec h4 { font-size: 12px; }
    .slideChat_panel:first-child { width: 100%; margin: 0 0 8px 0; }
    /* .slideChat_panel:nth-child(2) { width: calc(100% - 80px); } */
    .slideChat_panel:nth-child(2) { width: 100% }
    .slideChat_panel h5 { font-size: 12px; max-width: 100%; }
    .SlideS_topbg.flexbox-item.slide_chat_topbg .slideTop_cross_btn  {
        top: 16px;
    }
    /* -- chat header new invoice calculeter section start -- */
    .chatHead_calInv_btnBg {
        top: 0px;
        margin-top: 0px;
    }
    .calInvBtn {
        min-height: 26px;
        background-size: 15px;
    }
    /* -- chat header new invoice calculeter section end -- */
    /* -- video chat related design modification start -- */
    .chatHead_calInv_btnBg.chatHead_rightNewButton_sec {
        margin-top: 4px;
    }
    /* -- video chat related design modification end -- */
    .chat_bottom_msg_new_bg {
        bottom: 160px;
    }
    /* -- chat screen end -- */

    .ass_bottomLeft { width: 100%; margin: 5px 0;  text-align: center }
    .ass_bottomRight { width: 100%; margin: 5px 0; text-align: center; }

    .assing_listBox_bg { padding: 10px 8px; }
    .assList_topLeft { width: 100%; text-align: center; }
    .assList_topRight  { width: 100%; text-align: center;}
    .assList_topRight a { 
        font-size: 12px;
        line-height: 1.2;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }
    .ass_user_img { margin: 0 5px 0 0; height: 30px; width: 30px; }
    .ass_user_img img { height: 30px; width: 30px; }
    .ass_user_name button.assignUser_nameBtn { font-size: 12px; text-align: center; padding: 5px 3px; }
    .ass_user_name { max-width: 210px; }
    .ass_userName_new { margin: 0 0 0 5px; }
    .ass_userRating { font-size: 12px; }
    .ass_userExp { font-size: 12px; }
    .userRating_block { padding: 5px 3px 10px; }
    .ass_bottomLeft p { font-size: 12px; }
    .ass_bottomRight button {
        min-width: 70px;
        padding: 8px 5px;
        margin: 3px 0 3px 5px;
        font-size: 12px;
    }

    .assign_list_bg .user_popDetails_block {
        max-width: 300px;
        left: -100px !important;
        /* left: 0; */
    }
    /* -- chat screen start -- */
    .Slide_chatBottomBg {
        display: inline-block;
        text-align: center;
    }
    .Slide_chatBottomBg .s_footer_btnbg {
        min-width: auto;
        padding: 10px 0 10px 0;
        text-align: center;
    }
    .chat_bottom_left p {
        font-size: 12px;
        line-height: 1.3;
        width: 100%;
        text-align: center;
    }
    .chat_bottom_left {
        /* justify-content: center; */
        flex-flow: inherit;
        text-align: left;
    }
    .splitscreen_area.margin0 .chat_bottom_left {
        flex-flow: column;
    }

    .chatBody_ulBg .chatBody_box {
        padding: 10px 10px 10px 10px;
        font-size: 12px;
        max-width: 85%;
    }
    .chatBody_btn_sec button {
        font-size: 12px;
        margin: 0 8px 0 0;
    }
    /* -- chat screen end -- */

    /* === Sprint 04 responsive css end === */ 
    /* === Modal PopUp start === */

    .custom_modal_lg .modal-body {
        padding: 10px 15px 10px;
    }
    .modalBody_fromPopUp  {
        padding: 20px 15px 10px;
    }

    .modal-body h4 {
        font-size: 12px;
    }
    .modal-body h5 {
        font-size: 12px;
        font-weight: bold;
        margin: 0 0 8px;
    }
    .custom_modal_lg .modal-body p {
        font-size: 12px;
    }
    .custom_modal_lg .modal-footer {
        padding: 10px 15px 20px;
    }
    .conflict_tramCond_sec a {
        font-size: 12px;
    }
    .custom_modal_lg .modal-footer button,
    .custom_modal_lg .modal-footer a {
        font-size: 12px;
    }
    .custom_modal_lg .modal-footer button.modal_btn_save {
        font-size: 12px;
    }
    /* -- engagement letter popup start -- */
    .modal-lg.custom_modal_lg.engagementLetter_modal_bg {
        max-width: 90%;
    }
    .popup_engagement_topTile_block h3 {
        font-size: 14px;
    }
    /* -- engagement letter popup end -- */
    .conflctpopcontentcls .react-tagsinput-tag {
        font-size: 12px;
    }
    h5.modal_hsn_h5_smallText {
        font-size: 10px;
        font-weight: normal;
    }
    /* === Modal PopUp end === */

    /*  Modal Invoice breakup / details start   */

    /* -- Modal placeholder -- */
    .modal_invoice_breakup_fromBg .price_input_grup input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 12px;
    }
    .modal_invoice_breakup_fromBg .price_input_grup input::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 12px;
    }
    .modal_invoice_breakup_fromBg .price_input_grup input:-ms-input-placeholder {
        /* IE 10+ */
        font-size: 12px;
    }
    .modal_invoice_breakup_fromBg .price_input_grup input:-moz-placeholder {
        /* Firefox 18- */
        font-size: 12px;
    }
    /* -- Modal placeholder -- */
    
    /*  Modal Invoice breakup / details end   */

    /* === Sprint 05 responsive css start === */
    .popFile_nameText_span {
        width: 100px;
        font-size: 12px;
    }
    /* -- Task Details & Edit Screen start -- */
    .lable_pop_details {
        width: 250px;
        left: -70px;
        padding: 7px 7px;
    }
    .lable_pop_details h5 {
        font-size: 13px;
    }
    .lable_pop_details p {
        font-size: 12px;
    }
    .lable_pop_details p.dtp span {
        font-size: 11px;
    }
    .moreTooltip_show {
        width: 250px;
        left: -100px;
        padding: 7px 7px;
    }
    .mainFormBox_btnSec .s_footer_btnbg button {
        min-width: 80px;
    }
    /* -- Task Details & Edit Screen end -- */
    /* -- Document list start  -- */
    .docBlock {
        padding: 10px 10px;
    }
    .doc_leftImg {
        width: 100%;
    }
    .doc_cont {
        width: 100%;
        padding: 10px 10px 0 10px;
    }
    .doc_leftImg_box {
        max-width: 80px;
        max-height: 70px;
        /* margin: 0px auto; */
        margin: 0 0;
    }
    .doc_leftImg img {
        width: 100%;
        max-height: 70px;
    }
    .doc_leftImg .docExtc h6 {
        font-size: 10px;
    }
    .doc_box_right {
        right: 5px;
    }
    .doc_cont h5 {
        font-size: 14px;
    }
    .docBlock_bottom button.docView_btn {
        min-width: 85px;
        padding: 3px 3px;
    }
    /* -- Document list end  -- */
    /* -- timesheet Screen start -- */
    .dataTable_bg {
        padding: 15px 5px;
    }
    /*
    .timest_date_box {
        width: 100%;
    }
    .timest_btn_box {
        width: 100%;
        text-align: right;
        padding-right: 3px;
    }
    .timest_btn_box .sub_grd_btn {
        min-width: auto;
        width: 90px;
        padding: 12px 8px;
    }
    .timest_userName {
        max-width: 85%;
    }
    .timest_userName a {
        font-size: 12px;
    }
    .timest_rightBtn {
        font-size: 12px;
    }
    */  /* cc */
    .dataTable_bg_lp .timesheet_filterBg {
        padding: 15px 10px;
    }
    .timest_date_grp {
        width: 100%;
    }
    .timest_hr_grp {
        max-width: 95px;
    }
    span.hr_lable {
        padding: 0px 4px 0 5px;
    }
    .dataTable_bg table th,
    .dataTable_bg table td {
        font-size: 12px;
    }
    /* -- timesheet Screen end -- */
    /* === Sprint 05 responsive css end === */ 
    /* -- engagement letter new start */
    .engaLtr_half {
        width: 100%;
    }
    .engaLtr_tableLayout_half {
        width: 100%;
    }
    /* -- engagement letter new end */
    /* === sprint-6 start === */
    .top_filter_backbtn_bg_lp .vrAcc_set_ulbg ul li {
        width: 100%;
    }
    /* --- Invoice Related screen start --- */
    .splitInvoiceTop .slideChat_panel {
        width: auto;
        vertical-align: unset;
        margin: 0 0 0 0;
    }
    .splitInvoiceTop .slideChat_panel button {
        margin: 0 10px 0 0;
    }
    /* --- Invoice Related screen end --- */
    /* -- invoice listion start -- */
    .invo_list_table_bg .table td, .invo_list_table_bg .table th {
        padding: 5px 3px;
        font-size: 12px;
    }
    .invo_list_table_bg .table tbody td:nth-child(1) {
        /* min-width: 200px; */
        min-width: 100px;
        max-width: inherit;
    }
    .invo_list_table_bg .table tbody td:nth-child(2) {
        min-width: 135px;
        max-width: inherit;
    }
    .invo_list_table_bg .table tbody td:nth-child(3) {
        min-width: 110px;
        max-width: inherit;
    }
    .invo_list_table_bg .table tbody td:nth-child(4) {
        min-width: 60px;
    }
    .invo_list_table_bg .table tbody td:nth-child(5) {
        min-width: 115px;
    }
    .invo_part_btn button {
        font-size: 12px;
        margin: 0 2px 0 2px;
    }
    /* -- table more action TDS button start -- */
    .moreAction_dropBtn {
        font-size: 12px;
        min-width: 100px;
        padding: 8px 20px 8px 5px;
        background-position: right 5px top 14px;
    }
    .dropdown_menu_tableTds .dropdown-item {
        font-size: 12px;
        padding: 3px 8px;
    }
    /* -- table more action TDS button end -- */
    /* -- invoice listion end -- */
    /* -- vertual account setting start -- */
    .vacc_hd_right {
        float: right;
        width: 100%;
        text-align: left;
        padding: 5px 0 0 2px;
    }
    .vrAcc_blanace_block {
        padding: 10px 0;
        font-size: 12px;
    }
    .vrAcc_blanace_block span.vrAcc_ammount {
        font-weight: bold;
        padding-top: 5px;
    }
    /* -- vertual account setting end -- */
    /* -- kyc/profile setting start -- */
    .kyc_footer .sub_grd_btn {
        margin-left: 0px;
    }
    /* -- kyc/profile setting end -- */
    /* -- user KYC LP Demo start -- */
    .kyc_accor_title {
        padding: 20px 10px;
    }
    .kyc_accor_title a {
        font-size: 12px;
    }
    .accordion .kyc_accor_block .card-header:after {
        right: 10px;
    }
    /* -- user KYC LP Demo end -- */
    /*  Invoice Feed Back Modal start  */
    .modal_radio_btn_sec {
        font-size: 12px;
    }
    .modal_radio_btnBg .custom-control-label::before {
        top: 3px;
    }
    .modal_radio_btnBg .custom-control-label::after {
        top: 0px;
    }
    /*  Invoice Feed Back Modal end  */
    /* -- setting screen general layout start -- */
    .dashboard_cont_area.tasklist_cont_areabg.setting_cont_areabg.setting_top_tab_section {
        padding: 20px 15px 10px;
    }
    .dashboard_cont_area.tasklist_cont_areabg.setting_cont_areabg.setting_main_body_section {
        padding: 10px 15px 70px;
    }
    /* -- setting screen general layout start -- */
    /* === sprint-6 end === */
    /* === Subscription Page start === */
    .subscription_mid_block {
        width: 100%;
    }
    /* === Subscription Page end === */
    /* new Assigned to onClick user details section -- start -- */
    .t_as_ul .user_popDetails_block {
        width: 210px;
        left: -90px !important;
    }
    .input_datashow .user_popDetails_block {
        width: 210px;
        left: -15px !important;
    }
    .timest_userName .user_popDetails_block {
        width: 220px;
        left: -45px !important;
        top: 100% !important;
    }
    /* new Assigned to onClick user details section -- end -- */

    /* ---  Professionals Interested Block new Modification // CC-Side -- start  --- */

    .prof_int_greenTick_block {
        justify-content: center;
    }

    /* ---  Professionals Interested Block new Modification // CC-Side -- end  --- */

    /* === **  Confidentiality & Engagement letter flow -- start ** === */
    .engmLetter_topBlueSec_tabBlock > ul > li {
        font-size: 11px;
    }
    .popup_engagement_bottomContBlock_signature_sec .pop_engm_bottomSignature_left {
        width: 49%;
        padding: 0 2% 0 0;
    }
    .popup_engagement_bottomContBlock_signature_sec .pop_engm_bottomSignature_right {
        width: 51%;
        padding: 0 1% 0 2%;
    }
    .popup_engagement_bottomContBlock_signature_sec .pop_engm_bottomSignature_1 h5 {
        font-size: 12px;
    }
    .popup_engagement_bottomContBlock_signature_sec .pop_engm_bottomSignature_Font h4 {
        font-size: 16px;
    }
    .popup_engagement_bottomContBlock_signature_sec .pop_engm_bottomSignature_dateTime span {
        font-size: 10px;
    }
    /* === **  Confidentiality & Engagement letter flow -- end ** === */

}
/* *** media query -- max-width: 568px  -- end   *** */
/* *** media query -- max-width: 420px  -- start *** */
@media screen and (max-width: 420px) {

	body {
        font-size: 14px;
    }
	.form_block_link {
    text-align: center;
    }
    .log_bottm_sec button.log_page_btn {
        font-size: 12px;
    }
    
    .green_btn {
        font-size: 12px;
        line-height: 1;
        min-width: 120px;
        padding: 10px 10px;
    }
    .sub_grd_btn {
        font-size: 12px;
        font-weight: bold;
        min-width: 120px;
        line-height: 1;
        padding: 10px 8px 10px;
    }
    .green_btn.create_tsk_btn img {
        height: 14px;
        width: 14px;
    }
    .sub_grd_btn.red_btn {
        padding: 10px 8px 10px;
    }
    
    .form__field {
        /* padding: 15px 10px; */
        padding: 0px 10px;
    }
    /* new Bell Icon Notification start  */
    .notification_drop_menu {
        right: -110px;
        width: 290px;
    }
    .notifi_main_text {
        width: 215px;
    }
    /* new Bell Icon Notification end  */
    .taskbtn {
        margin-top: -60px;
    }
    .create_tsk_btn {
        font-size: 12px;
        padding: 6px 6px;
    }
    .create_tsk_btn span img {
        height: 12px;
        width: 12px;
    }
    /* == LP tab nav area start  ==  */
    .tabs_block.tabs_block_lp > .nav > li > a {
        font-size: 12px;
        padding-right: initial;
        padding: 0px 5px;
    }
    .tabs_block.tabs_block_lp > .nav > li > a > span.comming_soon {
        width: 60px;
        top: 12px;
        left: 0;
        padding: 2px 2px;
        font-size: 8px;
    }
    /* == LP tab nav area end  ==  */
    /* ===  Task Screen start ===  */
    .task_create_form_container {
        margin: 15px auto 0 auto;
        /* min-height: 600px; */
        min-height: 750px;
        padding: 20px 20px;
    }
    .task_create_form_container.min_height_850 {
        min-height: 850px;
    }
    .upfile_name {
    font-size: 12px;
    }
    .btn_fld a {
        font-size: 12px;
        /* vertical-align: top; */
        vertical-align: middle;
    }
    .saveDraftBtn {
        font-size: 12px;
    }
    .task_form_box {
        padding: 0px 0px;
    }
    .enter_task_box {
        padding: 15px 15px;
    }
    .form__label {
        padding: 0 0 0 15px;
        font-size: 12px;
    }
    .price_input_grup {
        padding: 15px 8px 15px 5px;
        width: 100%;
        /* max-width: 290px; */
        max-width: 100%;
    }
    .price_input_grup input { 
        width: 150px;
        padding: 5px 4px;
     }
    .price_input_grup select { 
        padding: 2px 17px 2px 1px;
        min-width: 65px;
        font-size: 12px;
     }
     .task_top_btn {
         font-size: 12px;
     }
     .taskform_adjustbox {
        padding: 0px 5px 0px;
     }
     .formgroup_checkbox label p {
         font-size: 12px;
         display: block;
     }
     .switch_btn {
        margin-top: 5px;
        margin-left: 0px;
    }
    .accor_minmax_btn {
        right: -10px;
    }


    .task_updown_btnbg .down_temp_btn {
        padding: 8px 8px 8px 8px;
        width: 84%;
      }
      .task_updown_btnbg .up_temp_btn {
        padding: 8px 8px 8px 8px;
        /* width: 84%; */
        width: 100%;
      }
      .updown_btnbg .upload-btn-wrapper {
        width: 84%;
      }

    /* ===  Task Screen end ===  */
    .add_subtask_btn {
        background-size: 15px;
        background-position: left 10px center;
        border-radius: 5px;
        padding: 10px 10px 10px 30px;
        text-align: center;
        font-size:12px; 
        margin-right: 0px;
    }
    /* ===  professional listing section start  === */
    .proferssional_listing_bg ul li {
        margin: 0 auto 30px;
        width: 95%;
    }
    .pro_listing_box {
        padding: 15px 20px;
        min-height: auto;
    }
    [aria-label][data-balloon-pos]::after {
        min-width: 80px;
    }
    /* ===  professional listing section end  === */
    /* ---  dashboard  header start ---- */
    .header_nav_area {
        padding: 0 10px;
        min-height: 170px;
    }
    .header_nav_area .logo_nav_area {
        padding: 15px 0 0px;
    }
    .header_nav_area .logo_nav_area .panel30 {
        width: 100%;
        float: left;
        text-align: center;
    }
    .header_nav_area .logo_nav_area .panel70 {
        float: right;
        width: 100%;
    }
    .header_nav_area .logo_nav_area .panel30 a {
        display: inline-block;
        max-width: 150px;
        /* padding: 0px 0 10px 0; */
        margin: 0 0 10px 0;
    }
    .header_nav_area .logo_nav_area .notification_icon {
        max-width: 20px;
    }
    .header_nav_area .logo_nav_area .profile_img img {
        width: 35px;
        height: 35px;
    }
    .header_nav_area .logo_nav_area .nav_block {
        /* justify-content: flex-start; */
        justify-content: center;
        padding-top: 0px;
    }
    .tabs_block {
        margin: 0;
        padding: 6px 0 10px 0;
    }
    .tabs_block .nav { justify-content: center; }
    .tabs_block .nav li a {
        font-size: 16px;
        padding: 0px 5px;
    }

    .taskbtn { display: flex; justify-content: center; }
    /* .tabs_block .nav li a.whitetxt { padding-right: 0; } */
    .nav_block ul li:last-child {padding-right: 0;}

    /* -- New dual Header adjust for Task Creaction invoice paymen start -- */
    .header_nav_area.header_nav_area_newadjust {
        min-height:  auto;
    }
    .header_nav_area.header_nav_area_newadjust .tabs_block {
        padding: 0 0 0 0;
    }
    .task_header_withTopHeader {
        font-size: 12px;
    }
    .task_header_withTopHeader .taskstep_back_bg button {
        font-size: 12px;
    }
    /* -- New dual Header adjust for Task Creaction invoice paymen end -- */
    /* ---  dashboard  header end ---- */

    /* --- Left Listing section start --- */
    .tasktop_statusbtn {
        width: 20px;
    }
    .taskstatus_flag {
        width: 12px;
    }
    /* --- Left Listing section end --- */

    /* === Sprint 03 responsive css start === */
    .s_midbox .enter_task_box {
        padding: 15px 10px;
    }
    .s_att_btn {
        padding: 0 10px 0 0;
    }
    .multitask_switch .switch_btn {
        margin-top: 0px;
        margin-left: 10px;
    }
    .s_midbox_section .slidetask_subbox_bg {
        padding: 10px 10px;
    }
    .s_midbox_section .subtask_cross_btn {
        top: -3px;
    }
    .s_midbox_section textarea {
        padding: 12px 15px 12px;
        min-height: 120px;
        overflow-y: auto;
    }
    /* === Sprint 03 responsive css end === */
    /* === Sprint 04 responsive css start === */
    .hover_tooltip { left: 45px; width: 220px; }
    /* -- Assign user name popup box start  -- */
    .assign_list_bg .user_popDetails_block {
        max-width: 200px;
        /* left: initial !important; */
        /* left: -75px !important; */
        /* left: 0px !important; */
    }
    .user_popBox_top {
        flex-direction: column-reverse;
    }
    .user_popBox_topRight { max-width: 30px; max-height: 30px; } 
    .user_popBox_topRight img { 
        max-width: 30px;
        max-height: 30px; 
        height: 30px; 
        width: 30px;
    }
    .user_popBox_topRight .user_name_text {  height: 28px;  width: 28px; }
    .user_popBox_topLeft h4 {
        font-size: 12px;
        max-width: 100%;
        padding: 10px 5px;
        text-align: center;
    }
    .u_popBox_sec h5 {
        font-size: 12px;
        line-height: 1.5;
    }
    .u_popBox_sec p {
        font-size: 12px;
    }
    .u_popBox_sec ul {
        padding: 8px 0 0 0;
    }
    .u_popBox_sec ul li {
        padding: 3px 8x 3px 8px;
        font-size: 12px;
        margin: 0 5px 5px 0;
    }
    /* -- Assign user name popup box end  -- */
    /* === Sprint 04 responsive css end === */ 

    /* === Sprint 05 responsive css start === */

    /* 
    .fileUp_modalBox ul li {
        width: 100%;
    }
    .popFile_nameText_span {
        width: 100%;
        font-size: 12px;
    } 
    */
    /* -- timesheet Screen start -- */
    .dataTable_bg {
        /* padding: 15px 0; */
        padding: 15px 15px 15px 0;
    }
    /* .timest_date_grp {
        width: 100%;
        margin: 0px auto;
    } 
    .timest_btn_box {
        padding-right: 0px;
    } */  /* cc */
    .table_boxBg {
        padding: 5px 5px 5px;
    }
    .timesheet_block .table-responsive {
        /* max-width: 270px; */
    }
    /* .timesheet_block {
        padding: 5px 5px;
    }
    .timest_top {
        padding: 10px 5px;
    }
    .timest_userName {
        max-width: 80%;
    } */ /* cc */
    /* -- timesheet Screen end -- */
    /* -- Task Details & Edit Screen start -- */
    .lable_pop_details {
        /* width: 230px;
        left: -120px; */
        width: 180px;
        left: -60px;
    }
    .lable_pop_details h5 {
        font-size: 12px;
    }
    /* -- Task Details & Edit Screen end -- */
    /* -- Document list start  -- */
    .docFile_pageBG {
        padding: 5px 0px;
    }
    .docUp_top {
        padding: 5px 0px;
    }
    .fileList_bg {
        padding: 10px 0px;
    }
    .docBox_bg {
        padding: 10px 5px;
    }
    .docUp_top .custom_select_bg select {
        font-size: 12px;
        padding: 5px 5px;
        height: 40px;
    }
    .docList_hd {
        min-height: auto;
    }
    .docList_hd_left {
        float: left;
        padding: 0 0 0 0;
        width: 100%;
    }
    .docList_hd_left h4 {
        padding: 0 0;
        font-size: 12px;
    }
    .docList_hd_right {
        float: right;
        padding: 10px 0 0 0;
        width: 100%;
    }
    .docList_hd_right button {
        padding: 10px 10px;
        color: #fff;
    }
    .doc_cont {
        width: 100%;
        padding: 10px 5px 0 10px;
    }
    .docBlock {
        padding: 10px 5px;
    }
    .docBlock_bottom {
        padding: 5px 5px 0;
    }

    .docList_hd_left [aria-label][data-balloon-pos]::after {
        min-width: 65px;
    }
    /* -- Document list end  -- */

    /* === Sprint 05 responsive css end === */
    
    /* --- ** react tag popup test start ** -- */
    .conflctpopcontentcls .react-tagsinput-tag {
        font-size: 11px;
    }
    .conflctpopcontentcls .react-tagsinput-input {
        font-size: 11px;
    }
    /* --- ** react tag popup test end ** -- */

    /* === sprint-6 start === */
    /* --- Invoice Related screen start --- */
    .splitInvoiceTop .slideChat_panel {
        width: 100%;
        vertical-align: unset;
        margin: 2px 0 2px 0;
    }
    .splitInvoiceTop .invo_top_btnbg  {
        width: 100%;
        vertical-align: unset;
        margin: 2px 0 0 0;
        padding: 0 0 0 0;
    }
    /* --- Invoice Related screen end --- */
    /* -- payment method start -- */
    .task_header.invoPay_header {
        padding: 10px 15px;
    }
    .invoPay_backBg h4 {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .pay_det_sec {
        padding: 10px 10px;
    }
    .vBank_left {
        max-width: 150px;
    }

    /* -- payment method end -- */
    /* === sprint-6 end === */
    /* === Subscription Page start === */
    .subscription_sec_bg {
        padding: 15px 10px;
    }
    .subs_blueBox_bg {
        padding: 15px 10px;
        min-height: 420px;
    }
    .subsBlueBox_ammount_block {
        padding: 7px 0 10px;
    }
    .subsBlueBox_ammount {
        font-size: 16px;
    }
    .subsBlueBox_ammount_block h5 {
        font-size: 12px;
        font-weight: normal;
    }
    .subsBlueBox_list_block ul li {
        background-size: 12px;
        padding: 0 0 0 20px;
        margin: 0 0 7px 0;
    }
    .subsBlueBox_list_block h4.greenTik_text {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.3;
    }
    .multi_promo_input_block {
        padding: 0px 5px 0 6px;
    }
    .multi_promo_input_block .promo_input_btn {
        font-size: 12px;
    }
    /* === Subscription Page end === */

    /*  Modal Invoice breakup / details start   */
    .custom_modal_lg .modal-body.modalBody_invoiceDetails {
        padding: 15px 15px 10px;
    }
    /* -- Modal placeholder -- */
    .modal_invoice_breakup_fromBg .price_input_grup input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 12px;
    }
    .modal_invoice_breakup_fromBg .price_input_grup input::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 12px;
    }
    .modal_invoice_breakup_fromBg .price_input_grup input:-ms-input-placeholder {
        /* IE 10+ */
        font-size: 12px;
    }
    .modal_invoice_breakup_fromBg .price_input_grup input:-moz-placeholder {
        /* Firefox 18- */
        font-size: 12px;
    }
    /* -- Modal placeholder -- */
    /*  Modal Invoice breakup / details end   */

    /* == for LP task Details & Edit Screen End == */
    .desEdit_btnSec button {
        min-width: 60px;
        margin: 0 7px 0 0;
        padding: 8px 10px;
        height: auto;
    }
    .agg_neg_btnSec button {
        min-width: 60px;
        margin: 0 7px 0 0;
        padding: 8px 10px;
        height: auto;
    }
    /* == for LP task Details & Edit Screen End == */

    /* --- LP KYC Auto Complite dropdown Univercity start -- */
    .genericcustautocompparentclass ul {
        padding: 5px 10px 5px 3px;
    }
    .genericcustautocompparentclass ul li span {
        font-size: 12px;
    }
    /* --- LP KYC Auto Complite dropdown Univercity end -- */

    /* -- new design modification for image with profile name for header section start // LP & CC -Side  -- */
    .titleText_withImageDropdown_textSpan {
        font-size: 13px;
    }
    .titleText_withImageDropdown button.titleText_withImageDropdown_btn {
        font-size: 12px;
    }
    .titleText_withImageDropdown .user_popDetails_block {
        max-width: 230px;
    }
    /* -- new design modification for image with profile name for header section end // LP & CC -Side  -- */

    /* === **  Confidentiality & Engagement letter flow -- start ** === */
    .engmLetter_topBlueSec_tabBlock > ul > li {
        font-size: 12px;
        width: 100%;
        border-bottom: 1px solid #222222;
    }
    .engmLetter_topBlueSec_tabBlock > ul > li.active {
        border-bottom: 2px solid #97B860;
    }
    .engmLetter_modalFooter_sec button {
        margin: 0 0 0 5px;
        padding: 10px 10px 10px !important;
        min-width: 60px;
        font-size: 12px;
    }
    /* === **  Confidentiality & Engagement letter flow -- end ** === */
    /* ---  new task color text modification start -- */
    .taskstatus_msg p {
        font-size: 12px;
    }
    .taskstat_clr_span {
        height: 13px;
        min-width: 20px;
    }
    .taskstat_clr_span  span.taskstat_clr_spanName {
        display: none;
    }
    /* ---  new task color text modification end -- */

    /* -- video chat related design modification start -- */
    /* --- Video Chat screen -- Modal -- Date Time schedule -- start -- */
    .modal_body_chatDateTime h3 {
        font-size: 14px;
    }
    /* ---- date time picker -- React Plugin modification start --- */
    .datePick_modalBG_videoChat .react-datepicker__time-container {
        float: right;
        width: 67px !important;
    }
    .datePick_modalBG_videoChat .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
        width: 65px !important;
    }
    .datePick_modalBG_videoChat .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
        padding: 5px 5px !important;
    }
    /* ---- date time picker -- React Plugin modification end --- */
    /* --- Video Chat screen -- Modal -- Date Time schedule -- end -- */
    /* -- video chat related design modification end -- */

}
/* *** media query -- max-width: 420px  -- end   *** */
/* *** media query -- max-width: 360px  -- start *** */
@media screen and (max-width: 360px) {
    
    /* new Bell Icon Notification start  */
    .nav_block ul li.bell_li {
        padding: 0 5px 0 5px;
    }
    .notification_drop_menu {
        right: -105px;
        width: 270px;
    }
    .notifi_main_text {
        width: 195px;
    }
    .notifi_drop_header {
        padding: 5px 10px;
    }
    .notifi_drop_header .greenText_btn {
        font-size: 12px;
    }
    .notifi_main_text p {
        font-size: 11px;
        padding: 0 0 5px;
    }
    .notifi_bottom_text {
        font-size: 11px;
    }
    .notifi_drop_footer button {
        font-size: 10px;
        padding: 10px 5px;
    }
    /* new Bell Icon Notification end  */
    .task_listing_area > ul {
        /* padding: 0 10px 0 0; */
    }
    .error_span {
        font-size: 10px;
    }
    .s_footer_btnbg button,
    .s_footer_btnbg .sub_grd_btn,
    .Slide_chatBottomBg .s_footer_btnbg .sub_grd_btn,
    .s_footer_btnbg .green_btn {
        min-width: 90px;
    }
    
    /* === Sprint 03 & 04 responsive css start === */
    .SlideS_leftul ul li a {
        width: 15px;
        margin: auto;
    }
    .hover_tooltip {
        left: 30px;
        width: 220px;
        padding: 7px;
    }
    .hover_tooltip h4 {
        font-size: 13px;
    }
    .hover_tooltip p {
        font-size: 11px;
    }

    /* === Sprint 03 & 04 responsive css end === */
    /* -- chat screen start -- */
    .chatBody_ulBg .chatBody_box {
       max-width: 210px;
    }
    /* -- TDS button section start -- */
    .newBtn_right_allign .footer_tds_btn {
        padding: 8px 5px;
    }
    /* -- TDS button section end -- */
    /* -- chat screen end -- */
    /* === Sprint 05 responsive css start === */
    .s_midbox .form_block  {
        font-size: 12px;
    }
    .input_datashow p {
        font-size: 12px;
    }
   .lable_pop_details {
        width: 160px;
        left: -60px;
    }
    /* -- timesheet Screen start -- */
    .timesheet_block .table-responsive {
        /* max-width: 170px; */
    }
    /* .timesheet_block {
        padding: 5px 5px;
    }
    .timest_top {
        padding: 10px 5px;
    }
    .timest_userName {
        max-width: 78%;
    } */  /* cc */
    /* -- timesheet Screen end -- */
    /* === Sprint 05 responsive css end === */
    .top_filter_backbtn_bg_lp ul li button {
        min-width: 75px;
    }
    .top_filter_backbtn_bg_lp ul li button span.task_ass_span {
        font-size: 11px;
    }
    .top_filter_backbtn_bg_lp ul li button span.comming_soon {
        font-size: 9px;
        min-width: 70px;
    }
    /* -- Task Details & Edit Screen start -- */
    .moreTooltip_show {
        width: 200px;
        left: -100px;
        padding: 5px 5px;
    }
    .moreTooltip_box > ul > li .moretooltip_greenTag {
        font-size: 11px;
    }
    /* -- Task Details & Edit Screen end -- */

    /*  Modal Invoice breakup / details start   */
    .price_input_grup select {
        min-width: 60px;
        background-position: right 5px center;
    }
    /* -- Modal placeholder -- */
    .modal_invoice_breakup_fromBg .price_input_grup input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 10px;
    }
    .modal_invoice_breakup_fromBg .price_input_grup input::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 10px;
    }
    .modal_invoice_breakup_fromBg .price_input_grup input:-ms-input-placeholder {
        /* IE 10+ */
        font-size: 10px;
    }
    .modal_invoice_breakup_fromBg .price_input_grup input:-moz-placeholder {
        /* Firefox 18- */
        font-size: 10px;
    }
    /* -- Modal placeholder -- */
    /*  Modal Invoice breakup / details end   */

}
/* *** media query -- max-width: 360px  -- end   *** */


/* ============  Height Adjust Media Query start ====================  */

@media (max-height: 900px) {

    .s_midbox_scroll_adjust.height_800 {
        max-height: 750px;
    }

}

@media (max-height: 800px) {

    .task_create_form_container.task_big_formbox ~ .task_details_btn_area {
        position: relative;
    }
    .send_req_bodybg ~ .task_details_btn_area {
        position: relative;
    }
    /* ==== Sprint 03 Css start ==== */
    .s_midbox_scroll_adjust.height_1000 {
        height: auto;
        /* max-height: 950px; */
        max-height: 730px;
    }
    .s_midbox_scroll_adjust.height_900 {
        height: auto;
        /* max-height: 750px; */
        max-height: 850px;
    }
    .s_midbox_scroll_adjust.height_800 {
        max-height: 700px;
    }
    .s_midbox_scroll_adjust.height_750 {
        max-height: 540px;
    }
    /* ==== Sprint 03 Css end ==== */

}

@media (max-height: 700px) {

    /* ==== Sprint 03 Css start ==== */
    .SlideS_Midbg {
        min-height: 500px;
    }

    /* ==== Sprint 03 Css start ==== */

    /* ====   bottom fixed/sticky footer adjustment (height adjustment) css start  ==== */
    /* === Right Part height Adjustment Start === */
    .SlideS_Midbg_heightAdjustment {
        min-height: calc(100% - 160px);
        height: auto;
    }

    .SlideS_Midbg_heightAdjustment_monitorTask {
        /* min-height: calc(100% - 160px); */
        min-height: calc(100% - 200px);
    }

    .SlideS_Midbg_heightAdjustment_budgetDueDate {
        min-height: calc(100% - 225px);
    }

    .splitscreen_area.margin0 .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_invoicePdfView {
        /* min-height: calc(100vh - 140px); */  
       /* --- old adjustment for invoice view page *** --- */
    }

    /* === Right Part height Adjustment End === */
    /* ====   bottom fixed/sticky footer adjustment (height adjustment) css end  ==== */

}

@media (min-height: 600px) {

    /* .task_details_btn_area {
        position: relative;
    } */
    .task_small_formbox ~ .task_details_btn_area {
        position: fixed;
    }
    .task_create_form_container.min_height_700 {
        min-height: 700px;
        min-height: 790px;
        /* height: auto; */
    }
    .s_midbox_scroll_adjust.height_1000 {
        height: auto;
        max-height: 95%;
    }
    .s_midbox_scroll_adjust.height_900 {
        /* height: auto; */  /*  inside page section  (height adjustment) */
        /* max-height: 800px;  */
        /* max-height: 750px; */
        max-height: 90%;
    }
    

}

@media (max-height: 600px) {

    .task_create_form_container {
        min-height: 500px;
        height: 80vh;
    }
    .task_create_form_container.min_height_700 {
        min-height: 700px;
        /* height: auto; */
    }
    .task_create_form_container.task_big_formbox {
        height: auto;
    }
    .task_small_formbox ~ .task_details_btn_area {
        position: relative;
    }
    /* -- engagement letter popup start -- */
    .engagementPop_p {
        min-height: auto;
    }
    /* -- engagement letter popup start -- */

}

@media (min-width: 1199px) and (max-height: 992px) {
    
    .chatTab_sec {
        padding-bottom: 150px;
        /* padding-bottom: 300px; */
    }
    .chatBody_ulBg {
        padding: 0px 0px 30px;
    }

}

@media (max-width: 1199px) and (min-height: 802px) {

    .task_details_btn_area {
        position: fixed;
    }
    .chatTab_sec {
        padding-bottom: 150px;
        /* padding-bottom: 300px; */
    }

}

@media (max-width: 992px) and (min-height: 801px) {
    
    .s_midbox_scroll_adjust.height_1000 {
        max-height: 1000px;
    }
    .s_midbox_scroll_adjust.height_900 {
        /* max-height: 840px; */
        /* max-height: 1000px; */
    }
    .SlideS_Midbg_chat .s_midbox_scroll_adjust.height_1000 {
        max-height: 95%;
    }
    .SlideS_Midbg_chat .s_midbox_scroll_adjust.height_900 {
        /* max-height: 840px; */
        max-height: 90%;
    }
    .s_midbox_scroll_adjust.height_800 {
        max-height: 740px;
    }
    .s_midbox_scroll_adjust.height_750 {
        max-height: 740px;
    }

}
@media (max-width: 992px) and (max-height: 1024px) {

    .task_details_btn_area {
        position: relative;
    }

}

@media (min-height: 600px) and (max-width: 991px) {

    .task_create_form_container.min_height_700 {
        height: auto;
        padding: 30px 20px;
    }

    /* ======  right side height adjust for less data -- start ====== */
    /*     
    .wrapper.width50 {
    
    height: 100vh;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

    }

    .splitscreen_area.margin0 {
    
    min-height: 400px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

    } 
    */
    /* ======  right side height adjust for less data -- start ====== */

}

@media (max-width: 768px) and (max-height: 780px) {

    /* -- dashboard page start -- */
    .dashboard_cont_area.dashboard_areabg {
        position: relative;
    }
    .dashboard_cont_area.dashboard_areabg ~  .dash_main_footerbg {
        /* background: pink; */
    }
    /* -- dashboard page start -- */

}

@media (max-width: 767px) and (min-height: 780px) {

    /* -- dashboard page start -- */
    .dashboard_cont_area.dashboard_areabg {
        /* min-height: calc(100vh - 215px);  */
        min-height: calc(100vh - 238px);
        /* min-height: auto; */
        padding: 50px 50px 10px 50px;
    }
    .dashboard_cont_area.dashboard_areabg ~  .dash_main_footerbg {
        position: relative;
    }
    /* -- dashboard page start -- */

}

@media (min-width: 768px) and (max-height: 780px) {

    /* -- dashboard page start -- */
    .dashboard_cont_area.dashboard_areabg {
        /* min-height: calc(100vh - 215px);  */
        /* min-height: calc(100vh - 238px); */
        min-height: calc(100vh - 166px);
        /* min-height: auto; */
        padding: 50px 50px;
    }
    .dashboard_cont_area.dashboard_areabg ~  .dash_main_footerbg {
        position: relative;
        
    }
    /* -- dashboard page start -- */

}

@media (min-height: 600px) and (max-width: 420px) {

    .task_details_btn_area {
        position: relative;
    }

}
/* ============  Height Adjust Media Query end  ====================  */

/* ====== ### right side height adjust for less data -- start ### ====== */

@media (min-width: 991px) {
    
    .Pdf__invoice_show_bg .s_midbox_scroll_adjust.reactTestScroll.scrollInvoiceBg > div {
        height: 95% !important;
    }
}


@media (max-width: 991px) {
    .wrapper.width50 {
        margin-left: -100%;

        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .splitscreen_area.margin0 {
        position: inherit;
    }

    .splitscreen_area.margin0 .SlideS_Midbg {
        /* min-height: calc(100vh - 130px); */
        min-height: calc(100vh - 60px);
    }

    /* ====   bottom fixed/sticky footer adjustment (height adjustment) css start  ==== */
    .splitscreen_area.margin0 .SlideS_Midbg_heightAdjustment {
        min-height: calc(100vh - 160px);
    }

    .splitscreen_area.margin0 .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_budgetDueDate {
        min-height: calc(100vh - 250px);
    }

    .splitscreen_area.margin0 .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_invoicePdfView {
        /* min-height: calc(100vh - 140px); */ 
        /* --- old adjustment for invoice view page *** --- */
    }

    /* -- timesheet screen adjustment start -- */
    .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_timeSheet_lp {
        height: calc(100vh - 160px);
    }
    .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_timeSheet_cc {
        height: calc(100vh - 160px);
    }
    /* -- timesheet screen adjustment end -- */
    /* -- Right part Professionals Interested page screen start -- */
    .SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_profIntarestPage {
        min-height: auto;
        height: calc(100vh - 134px);
    }
    /* -- Right part Professionals Interested page screen end -- */
    /* -- Right part Task Details screen start -- */
    .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_taskDetails {
        min-height: auto;
        height: calc(100vh - 120px);
    }
    /* -- Right part Task Details screen end -- */

    /* -- dashboard page/screen height adjustment Start -- */
    .stickyFooterHeightAdjustBlock_dashboardTabPanel {
        padding: 30px 20px;
    }
    /* -- dashboard page/screen height adjustment eed -- */
    
    /* -- ##### Te  Demo perpose Professional Intarested screen Height adjustment work ( tempolary demo perpose ) start --- ####  */
    .SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_heightAdjustment_demoTest {
        min-height: auto;
        height: calc(100vh - 63px);
    }
    .s_midbox_scroll_adjust.mCustomScrollbar.height_900.mCustomScrollbar_height_demoTest {
        height: calc(100vh - 50px);
        max-height: 100%;
    }
    /* -- ##### Te  Demo perpose Professional Intarested screen Height adjustment work ( tempolary demo perpose ) end --- ####  */
    /* -- ##### only Demo perpose task details-edit & negotiation screen Height adjustment work ( tempolary demo perpose ) start --- ####  */
    .SlideS_Midbg.flexbox-item-grow.tappi_middle_body_td_class {
        min-height: auto !important;
    }
    .SlideS_Midbg.flexbox-item-grow.tappi_middle_body_tde_class {
        min-height: auto !important;
    }
    /* -- ##### only Demo perpose task details-edit & negotiation screen Height adjustment work ( tempolary demo perpose ) end --- ####  */
    
    /* ====   bottom fixed/sticky footer adjustment (height adjustment) css end  ==== */

    
}

@media (min-height: 601px) and (max-width: 991px) {

    .wrapper.width50 {
    height: 100vh;
    /* min-height: 730px; */

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }
    .splitscreen_area.margin0 {
    /* height: 100%; */
    /* min-height: 300px; */
    /* min-height: 350px; */
    /* min-height: 450px; */


    /* min-height: 400px; */ /* -- last adjust */
    /* height: 100vh; */  /* -- new need to fix (height adjustment) */

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }

    .SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_chat.SlideS_Midbg_timeshee.SlideS_Midbg_timeshee_lp {
        /* min-height: calc(100vh - 100px); */
        min-height: calc(100vh - 120px);
    }

    /* === height adjustment for main Task Create Screen (height adjustment) start // CC only  ===  */
    .task_container_withbox.new_autoHeightAdjust_taskCreate_bg {
        /* height: calc(100vh - 233px); */
        height: calc(100vh - 237px);
    }
    /* === height adjustment for main Task Create Screen (height adjustment) end // CC only  ===  */

    /* -- video chat related design modification start -- */
    /* -- Video Chat screen (New page / Window screen)  start -- */
    .videoChatFullScreen_fullSection_bg {
        flex-direction: column;
    }
    .videoChatFullScreen_leftBg {
        width: 100%;
        height: 40vh;
    }
    .videoChatFullScreen_rightBg {
        width: 100%;
        height: 60vh;
    }
    .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_videoChatSidebar {
        height: calc(60vh - 141px);
        min-height: auto;
        position: relative;
    }
    .videoChatFullScreen_fullSection_bg .rightMidPartHeightAdjustment_videoChatSidebar {
        height: calc(60vh - 190px);
    }
    .videoChatFullScreen_fullSection_bg .Slide_chatBottomBg .s_footer_btnbg {
        padding: 5px 0 0 0;
    }
    /* -- Video Chat screen (New page / Window screen)  end -- */
    /* -- video chat related design modification end -- */

}

@media (max-height: 600px) and (max-width: 991px) {

    .wrapper.width50 {
    height: 100vh;
    /* min-height: 730px; */

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }
    .splitscreen_area.margin0 {
    
    /* height: 100%; */
    /* min-height: 400px; */

                    /* opacity: 0.7; */

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }
    .splitscreen_area.margin0 .SlideS_Midbg {
        /* min-height: auto; */
    }

    /* -- timesheet screen adjustment start -- */
    .SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_chat.SlideS_Midbg_timeshee.SlideS_Midbg_timeshee_lp {
        min-height: calc(100vh - 100px);
    }
    /* -- timesheet screen adjustment end -- */

    /* -- video chat related design modification start -- */
    /* -- Video Chat screen (New page / Window screen)  start -- */
    .videoChatFullScreen_fullSection_bg {
        flex-direction: column;
    }
    .videoChatFullScreen_leftBg {
        width: 100%;
        height: 40vh;
    }
    .videoChatFullScreen_rightBg {
        width: 100%;
        height: 60vh;
        min-height: 500px;
    }
    .videoChatFullScreen_fullSection_bg .rightMidPartHeightAdjustment_videoChatSidebar {
        height: calc(60vh - 140px);
        min-height: 300px;
    }
    .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_videoChatSidebar {
        height: calc(60vh - 141px);
        min-height: auto;
        position: relative;
    }
    .videoChatFullScreen_fullSection_bg .Slide_chatBottomBg .s_footer_btnbg {
        padding: 5px 0 0 0;
    }
    .videoChatFullScreen_fullSection_bg .s_footer_btnbg button.uploadbtn {
        min-width: 35px;
        padding: 0 0 0 0;
    }
    .videoChatFullScreen_fullSection_bg .s_footer_btnbg button.uploadbtn > img {
        width: 20px;
    }
    .SlideS_bottombg_stickyFooterRightPart_videoChatSidebar.Slide_chatBottomBg .s_footer_btnbg .sub_grd_btn {
        padding: 7px 5px;
    }
    /* -- Video Chat screen (New page / Window screen)  end -- */
    /* -- video chat related design modification end -- */
    

}

@media (min-height: 800px) and (max-width: 991px) {

    /*  -- sticky footer adjustment for Right part Invoice View & List page responsive start --*/
    .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_invoicePdfView {
        height: calc(100vh - 150px);
        min-height: auto;
    }

    .SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_chat.SlideS_Midbg_invoice {
        /* min-height: calc(100vh - 80px);  */    /* ---  bottom fixed/sticky footer adjustment (height adjustment) fixing edit (> div) -- */
        /*  -- old adjustment , before Sticky footer modification in Invoice View page -- */
    }

    .s_midbox_scroll_adjust.reactTestScroll.scrollInvoiceBg > div {
        height: 100% !important;
        min-height: 500px !important;   /* ---  bottom fixed/sticky footer adjustment (height adjustment) fixing edit ( > div ) -- */
    }

    /*
    .Pdf__invoice_show_bg .s_midbox_scroll_adjust.reactTestScroll.scrollInvoiceBg > div {

        height: 100% !important;
        min-height: 500px !important;
    }
    */

    .Pdf__invoice_show_bg .s_midbox_scroll_adjust.reactTestScroll.scrollInvoiceBg > div {

        height: 100% !important;
        min-height: 480px !important;
    }
    /*  -- sticky footer adjustment for Right part Invoice View & List page responsive end --*/

    .SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_chat.SlideS_Midbg_timeshee {
        min-height: calc(100vh - 100px);
    }

}

@media (max-height: 800px) and (max-width: 991px) {

     /*  -- sticky footer adjustment for Right part Invoice View & List page responsive start --*/
     .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_invoicePdfView {
        height: calc(100vh - 150px);
        min-height: auto;
    }

    .SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_chat.SlideS_Midbg_invoice {
        /* min-height: calc(100vh - 80px);  */  /* ---  bottom fixed/sticky footer adjustment (height adjustment) fixing edit ( > div ) -- */
        /*  -- old adjustment , before Sticky footer modification in Invoice View page -- */
    }

    .s_midbox_scroll_adjust.reactTestScroll.scrollInvoiceBg > div {
        height: 100% !important;
        min-height: 500px;                /* ---  bottom fixed/sticky footer adjustment (height adjustment) fixing edit ( > div ) -- */
    }

    /*
    .Pdf__invoice_show_bg .s_midbox_scroll_adjust.reactTestScroll.scrollInvoiceBg > div {
        height: 100% !important;
        min-height: 500px !important;
    }
    */

    .Pdf__invoice_show_bg .s_midbox_scroll_adjust.reactTestScroll.scrollInvoiceBg > div {

        height: 100% !important;
        min-height: 480px !important;
    }
    /*  -- sticky footer adjustment for Right part Invoice View & List page responsive end --*/

    .SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_chat.SlideS_Midbg_timeshee {
        min-height: calc(100vh - 110px);
    }

    /* ====   bottom fixed/sticky footer adjustment (height adjustment) css start  ==== */
    
    .splitscreen_area.margin0 .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_invoicePdfView {
        /* min-height: calc(100vh - 140px); */ 
        /* --- old adjustment for invoice view page *** --- */
    }

    /* ====   bottom fixed/sticky footer adjustment (height adjustment) css end  ==== */

}

@media (max-width: 768px) {
    
    /* ====   bottom fixed/sticky footer adjustment (height adjustment) css start  ==== */
   
   /* -- dashboard page/screen height adjustment Start -- */
   .dashboard_screen_cc.dashboard_screen_heightAdjustment, .dashboard_screen_lp.dashboard_screen_heightAdjustment {
    height: calc(100vh - 237px) !important;
    }
    /* -- dashboard page/screen height adjustment end -- */
   
    .splitscreen_area.margin0 .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_monitorTask {
        min-height: calc(100vh - 250px);
    }
    .rightMidPartHeightAdjustment_monitorTask {
        height: calc(100vh - 245px);
    }

    /* === height adjustment for main Task Create Screen (height adjustment) start // CC only  ===  */
    .task_container_withbox.new_autoHeightAdjust_taskCreate_bg {
        height: calc(100vh - 223px);
    }
    /* === height adjustment for main Task Create Screen (height adjustment) end // CC only  ===  */

    /* ====   bottom fixed/sticky footer adjustment (height adjustment) css end  ==== */

}

@media (min-height: 600px) and (max-width: 768px) {
    /* === height adjustment for main Task Create Screen (height adjustment) start // CC only  ===  */
    .task_container_withbox.new_autoHeightAdjust_taskCreate_bg {
        /* height: calc(100vh - 223px); */
        height: calc(100vh - 227px);
    }
    /* === height adjustment for main Task Create Screen (height adjustment) end // CC only  ===  */
}

@media (max-height: 600px) and (max-width: 768px) {
    /* === height adjustment for main Task Create Screen (height adjustment) start // CC only  ===  */
    .task_container_withbox.new_autoHeightAdjust_taskCreate_bg {
        height: auto;
    }
    /* === height adjustment for main Task Create Screen (height adjustment) end // CC only  ===  */
}

@media (max-width: 568px) {

    /* ====   bottom fixed/sticky footer adjustment (height adjustment) css start  ==== */
   
   /* -- dashboard page/screen height adjustment Start -- */
   .dashboard_screen_cc.dashboard_screen_heightAdjustment, .dashboard_screen_lp.dashboard_screen_heightAdjustment {
    height: calc(100vh - 246px) !important;
    }
    /* -- dashboard page/screen height adjustment end -- */

    .splitscreen_area.margin0 .SlideS_Midbg_heightAdjustment {
        min-height: calc(100vh - 320px);
    }
    .splitscreen_area.margin0 .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_monitorTask {
        min-height: calc(100vh - 320px);
    }
    .rightMidPartHeightAdjustment_monitorTask {
        height: calc(100vh - 280px);
    }
    .SlideS_bottombg_stickyFooterRightPart_monitorTask {
        padding: 15px 10px 0px;
        min-height: auto;
    }
    .splitscreen_area.margin0 .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_budgetDueDate {
        min-height: calc(100vh - 310px);
    }

    .chatFoot_textMsg_grp_for_reNego .cht_input_grp_reNego input {
        width: calc(100% - 50px);
    }
    .chatFoot_textMsg_grp_for_reNego .cht_input_grp_reNego .fileUpMsg_input textarea {
        width: calc(100% - 50px);
    }

    /* -- Right part Professionals Interested page screen start -- */
    .SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_profIntarestPage {
        min-height: auto;
        height: auto;
    }
    /* -- Right part Professionals Interested page screen end -- */
    /* -- Right part Task Details screen start -- */
    .splitscreen_area.margin0 .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_taskDetails {
        min-height: auto;
        height: auto;
    }
    /* -- Right part Task Details screen end -- */

    /* === height adjustment for main Task Create Screen (height adjustment) start // CC only  ===  */
    .task_container_withbox.new_autoHeightAdjust_taskCreate_bg {
        height: calc(100vh - 223px);
        /* height: calc(100vh - 227px); */
    }
    /* === height adjustment for main Task Create Screen (height adjustment) end // CC only  ===  */

    /* -- LP time Sheet screen start -- */
    .splitscreen_area.margin0 .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_timeSheet_lp {
        min-height: auto;
        height: calc(100vh - 190px);
    }
    .splitscreen_area.margin0 .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_timeSheet_cc {
        min-height: auto;
        height: calc(100vh - 190px);
    }
    /* -- LP time Sheet screen end -- */

    /*  -- sticky footer adjustment for Right part Invoice View & List page responsive start --*/
    .SlideS_bottombg_stickyFooterRightPart.SlideS_bottombg_stickyFooterRightPart_invoice_footer {
        padding: 12px 5px 0px;
    }
    .SlideS_bottombg_stickyFooterRightPart.SlideS_bottombg_stickyFooterRightPart_invoice_footer .s_footer_btnbg {
        padding: 0px 0 5px;
    }
    .SlideS_bottombg_stickyFooterRightPart.SlideS_bottombg_stickyFooterRightPart_invoice_footer .inv_bottom_left button.sub_grd_btn {
        padding: 8px 5px;
        font-size: 13px;
    }
    /*  -- sticky footer adjustment for Right part Invoice View & List page responsive end --*/

    /* ====   bottom fixed/sticky footer adjustment (height adjustment) css end  ==== */

}


@media (min-height: 800px) and (max-width: 568px) {

    /*  -- sticky footer adjustment for Right part Invoice View & List page responsive start --*/
    .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_invoicePdfView {
        height: calc(100vh - 150px);
        min-height: auto !important;
    }
    .SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_chat.SlideS_Midbg_invoice {
        /* min-height: calc(100vh - 100px);     */
        /*  -- old adjustment , before Sticky footer modification in Invoice View page -- */
    }

    .Pdf__invoice_show_bg .s_midbox_scroll_adjust.reactTestScroll.scrollInvoiceBg > div {
        /* background: pink; */
        /* height: 100% !important; */
        /* min-height: 500px !important; */
    }

    .Pdf__invoice_show_bg .s_midbox_scroll_adjust.reactTestScroll.scrollInvoiceBg > div {
        /* background: green; */
        /* height: 100% !important; */
        /* min-height: 480px !important; */
    }
    /*  -- sticky footer adjustment for Right part Invoice View & List page responsive end --*/

    .SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_chat.SlideS_Midbg_timeshee {
        min-height: calc(100vh - 115px);
    }

    /* -- timesheet screen adjustment start -- */
    .SlideS_Midbg_timeshee.SlideS_Midbg_timeshee_cc .s_midbox_scroll_adjust.height_900 > div {
        height: 600px !important;
    }
    .SlideS_Midbg_timeshee.SlideS_Midbg_timeshee_lp .s_midbox_scroll_adjust.height_900 > div {
        height: 600px !important;
    }
    /* -- timesheet screen adjustment end -- */

}

@media (max-height: 800px) and (max-width: 568px) {

    /*  -- sticky footer adjustment for Right part Invoice View & List page responsive start --*/
    .SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_invoicePdfView {
        height: calc(100vh - 150px);
        min-height: auto !important;
    }
    .SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_chat.SlideS_Midbg_invoice {
        /* min-height: calc(100vh - 140px);   */
        /*  -- old adjustment , before Sticky footer modification in Invoice View page -- */
    }

    .Pdf__invoice_show_bg .s_midbox_scroll_adjust.reactTestScroll.scrollInvoiceBg > div {
        /* height: 100% !important; */
        /* min-height: 500px !important; */
    }

    .Pdf__invoice_show_bg .s_midbox_scroll_adjust.reactTestScroll.scrollInvoiceBg > div {
        /* height: 100% !important; */
        /* min-height: 480px !important; */
    }
    /*  -- sticky footer adjustment for Right part Invoice View & List page responsive end --*/

    .SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_chat.SlideS_Midbg_timeshee {
        min-height: calc(100vh - 120px);
    }

    /* -- timesheet screen adjustment start -- */
    .SlideS_Midbg_timeshee.SlideS_Midbg_timeshee_cc .s_midbox_scroll_adjust.height_900 > div {
        height: 600px !important;
    }
    .SlideS_Midbg_timeshee.SlideS_Midbg_timeshee_lp .s_midbox_scroll_adjust.height_900 > div {
        height: 600px !important;
    }
    /* -- timesheet screen adjustment end -- */

}

@media (max-width: 420px) {

    /* ====   bottom fixed/sticky footer adjustment (height adjustment) css start  ==== */

    /* -- dashboard page/screen height adjustment Start -- */
    .dashboard_screen_cc.dashboard_screen_heightAdjustment, .dashboard_screen_lp.dashboard_screen_heightAdjustment {
        height: auto !important;
    }
    /* -- dashboard page/screen height adjustment end -- */

    /* === height adjustment for main Task Create Screen (height adjustment) start // CC only  ===  */
    .task_container_withbox.new_autoHeightAdjust_taskCreate_bg {
        height: auto;
    }
    /* === height adjustment for main Task Create Screen (height adjustment) end // CC only  ===  */

    /* ====   bottom fixed/sticky footer adjustment (height adjustment) css end  ==== */

}

/* ====== ###  right side height adjust for less data -- end ### ====== */

/* =================  LP Invoice Generator & Invoice History CSS start ================ */
@media (max-width: 1400px) {
    /* -- Invoice Generator related css start -- */
    .cutom_container.cutom_container_userSetting.cutom_container_inGenBg {
        width: 90%;
    }
    .invGen_mainFrom_section_bg {
        padding: 20px 30px;
    }
    /* -- Invoice Generator related css end -- */
    /* -- Invoice History related css start -- */
    .invH_blockBox_top p img {
        width: 10px;
    }
    .invH_blockBox_top {
        font-size: 12px;
    }
    .invh_tableTop_left {
        width: 50%;
    }
    .invh_tableTop_right {
        width: 50%;
    }
    .InvH_blockBox_bottom h5 sup {
        font-size: 12px;
    }
    .InvH_blockBox_bottom h5 {
        font-size: 20px;
    }
    .invh_tableTop_leftLabel {
        width: 100px;
    }
    .invh_tableTop_left_group {
        width: calc(100% - 100px);
    }
    /* -- Invoice History related css end -- */
}
@media (max-width: 1199px) {
    /* -- Invoice Generator related css start -- */
    .cutom_container.cutom_container_userSetting.cutom_container_inGenBg {
        width: 100%;
    }
    .invGen_mainFrom_section_bg {
        padding: 20px 15px;
    }
    /* -- Invoice Generator related css end -- */
    /* -- Invoice History related css start -- */
    .invh_tableTop_left {
        width: calc(100% - 180px);
    }
    .invh_tableTop_right {
        max-width: 180px;
    }
    /* -- Invoice History related css end -- */
    
}

@media (max-width: 991px) {
    /* -- Invoice Generator related css start -- */
    .task_details_btn_area.invGen_preview_footer {
        position: fixed;
    }
    
    .InvGen_top_noti_bg .kyc_top_noti_box {
        max-width: 100%;
        margin: 0 0 10px 0;
    }
    .invGen_mainFrom_box .formgroup_checkbox input:checked + label::after {
        top: 4px;
    }

    .invGen_modal_body .modal_attach_section {
        margin-top: 0;
    }
    /* -- Invoice Generator related css end -- */
    /* -- Invoice History related css start -- */
    .invHis_block_row .invHis_block_box {
        width: 32.33%;
        margin-right: 1.0%;
    }
    .invHis_topFil_left {
        display: flex;
        max-width: 100%;
        margin-right: 0%;
        margin-bottom: 5px;
    }

    /* -- Invoice History related css end -- */
}

@media (max-width: 768px) {
/* -- Invoice Generator related css start -- */
/* -- LP Invoice Generator adjustment start -- */
    .cutom_container.cutom_container_userSetting.cutom_container_inGenBg {
        width: 100%;
        margin: auto;
    }
    .invGen_toptab_section .top_filter_right {
        padding: 0 0 0 0;
    }

    .invGen_mainFrom_section_bg {
        padding: 20px 0px;
        border: 0px none;
        margin: 0 0 10px 0;
    }
    .invGen_topPart {
        width: 100%;
    }
    .invGenTitle_top .form_block {
        max-width: 100%;
        margin-bottom: 10px;
    }
    .invGen_mainFrom_box .toggle_btn_suggestion.task_top_suggestions {
        text-align: left;
    }

    .invGen_fromTo_secBg {
        border: 0px none;
    }
    .invGen_fromTo_sec {
        width: 100%;
        border-top: 1px solid #ECECEC;
    }
    .invGen_fromTo_sec_title {
        padding: 20px 0px 10px;
        border-bottom: none;
        /* border-top: 1px solid #ECECEC; */
    }
    .invGen_fromTo_sec_inputbg {
        padding: 20px 0px 20px;
    }
    
    .invGen_fromTo_sec_inputbg .panel50.panel_half {
        margin-bottom: 10px;
    }
    .invGen_mainFrom_box .form__field {
        /* height: 40px; */
    }
    .ref_matter_section_bg {
        padding: 30px 0;
        border-top: 1px solid #ECECEC;
    }
    .refMatbox {
        /* width: 70%; */
        width: calc(100% - 130px);

    }
    .refMat_lablelBox {
        width: 100%;
        border-radius: 5px 5px 0 0;
    }
    .refMat_selInputBox {
        width: 100%;
        
    }
    .refMat_selInputBox select {
        border-radius: 0 0 5px 5px;
        padding: 5px 15px 5px 5px;
    }
    .refMat_selInputBox input.form__field {
        border-radius: 0 0 5px 5px;
    }


    .refMat_buttnSec {
        width: 110px;
        padding: 10px 0 0 7px;
    }

    /* invGen refMat section start  */
    .desc_th_sec {
        border: 0px none;
    }
    .descTab_row_thade {
        /* display: none; */
        display: block;
    }
    .descT_box_area {
        min-height: 70px;
    }
    .descTab_row_thade .descTab_col.descT_box1 {
        display: none;
    }
    .descTab_row_thade .descTab_col.descT_box2 {
        display: none;
    }
    .descTab_row_thade .descTab_col.descT_box3 {
        display: none;
    }
    .descTab_row_thade .descTab_col.descT_box4 {
        display: block;
        width: 100%;
    }
    .descTab_row_tbody label {
        font-weight: bold;
        display: block; 
    }
    .descTab_row_tbody .desT_ammount_label {
        display: block; 
        /* display: none; */
    }
    .descTab_row_tbody .desT_ammount_label .desT_am_labl {
        display: block;
        padding: 0 0 0 0;
        font-weight: bold;
    }
    .descTab_row_tbody .desT_ammount_label select {
        display: none;
    }

    .desc_tb_sec {
        border: 0px none;
    }
    .descT_addbtnSec {
        margin: 20px 0 20px 0;
    }
    .desc_tb_sec .descTab_row {
        margin: 0 0 10px 0;
        background: #ECECEC;
    }
    .descTab_row_tbody .descTab_col.descT_box1 {
        width: 100%;
    }
    .descTab_row_tbody .descTab_col.descT_box2 {
        width: 50%;
    }
    .descTab_row_tbody .descTab_col.descT_box3 {
        width: 50%;
    }
    .descTab_row_tbody .descTab_col.descT_box4 {
        width: 100%;
    }

    /* invGen refMat section end  */

    /* invGen Sub Total section start  */
    
    .invGen_subTotal_secBg {
        border-top: 1px solid #ECECEC;
        background: #f7f7f7;
    }
    .invGen_subTotal_secBox {
        padding: 10px 0;
    }

    .invG_subT_row {
        /* border: 1px solid #ECECEC; */
        /* border: 1px solid #00750d; */
        border: 0px none;
    }
    .invG_subT_row .invG_subT_col {
        align-items: flex-start;
        justify-content: flex-start;
        border-right: 0px none;
        background: none;
    }

    .invGSsubTRow_col_101 {

    }
    .invG_subT_row .invG_subT_col_paddingAdjust {
        display: inline-block;
        width: 100%;
    }
    .invG_subT_row .invG_subT_col .invG_subT_col_paddingAdjust {
        padding: 5px 10px;

    }
    .invGSsubTRow_col_101 .invG_subT_col.invG_subT_col_1 {
        width: 100%;
        background: none;
        
    }
    
    .invGSsubTRow_col_101 .invG_subT_col.invG_subT_col_1.blank_col {
        display: none;
    }
    .invGSsubTRow_col_101 .invG_subT_col.invG_subT_col_3 {
        width: 100%;
    }

    .invGSsubTRow_col_111 .invG_subT_col.invG_subT_col_1 {
        width: 100%;
        border: 0px none;
        background: none;
    }
    
    .invGSsubTRow_col_111 .invG_subT_col.invG_subT_col_2 {
        width: 50%;
        border: 0px none;
    }
    .invGSsubTRow_col_111 .invG_subT_col.invG_subT_col_3 {
        width: 50%;
        border: 0px none;
    }

    
    .invG_sub_par_box {
        width: 100%;
    }
    .invG_subPar_inputbox {
        width: 100%;
    }
    .invG_subPar_inputbox input {
        width: 100%;
    }


    .invG_sub_viewAmt_box .invG_subTamt_inputbox {
                        /* background: pink; */
        width: 100%;
        border: 1px solid rgba(34,34,34,0.1);
    }
    .invG_subT_row_blue  .invG_sub_viewAmt_box .invG_subTamt_inputbox {
        border: 0px none;
        padding: 0px 0px;
    }
    .invG_subTamt_inputbox {
        width: 100%;
    }
    .invG_subTamt_inputbox input {
        width: 100%;
    }

    .invG_sub_viewAmt_box {
        width: 100%;
    }
    /* invGen Sub Total section end  */

    /* Inv Gen from Additional Note section start  */
    .addiNote_lablelBox {
        width: 100%;
        min-height: 60px;
        border-radius: 5px 5px 0 0;
    }
    .addiNote_inputBox {
        width: 100%;
    }
    .addiNote_box_textArea textarea {
        border-radius: 0 0 5px 5px;
    }
    /* Inv Gen from Additional Note section start  */

    /* -- LP Invoice Generator adjustment end -- */
    /* -- Invoice Generator related css end -- */

    /* -- Invoice History related css start -- */
    .invh_tableTop_left {
        flex-direction: column;
        align-items: flex-start;
        width: calc(100% - 135px);
    }
    .invh_tableTop_left_group {
        width: 100%;
    }
    .invh_tableTop_leftLabel {
        padding: 0 0 0 0;
    }
    .invh_tableTop_left_group {
        padding: 0 0 0 0;
    }
    .invh_tableTop_right {
        max-width: 130px;
    }
    .invh_tableTop_right_box button {
        font-size: 13px;
        min-width: 120px;
        padding: 10px 8px;
    }

    /* -- Invoice History related css end -- */

}

@media (max-width: 568px) {
    /* -- Invoice Generator related css start -- */
    .invGen_topRightFrom_row {
        padding: 2px 0;
    }
    .invGen_fromTo_sec_inputbg {
        padding: 5px 0px 10px;
    }

    .invGen_fromTo_sec_inputbg select.customSelect.form__field {
        padding: 0 15px 0 8px;
    }
    .refMatbox {
        width: 100%;
    }
    .refMat_buttnSec {
        width: 100%;
        text-align: right;
    }
    .descTab_row_tbody .descTab_col {
        padding: 5px 8px;
    }

    .invG_subT_row.invG_subT_row_blue {
        background: #003E8A;
        padding: 10px 0px;
    }

    .invG_subT_row.invG_subT_row_blue .invG_subT_col {
        width: 100%;
        padding: 5px 10px;
        background: none;
        font-size: 11px;
    }
    .invGSsubTRow_col_111 .invG_subT_col.invG_subT_col_2 {
        width: 100%;
    }
    .invGSsubTRow_col_111 .invG_subT_col.invG_subT_col_3 {
        width: 100%;
    }

    .invG_subT_row_blue b {
        font-weight: 600;
    }

    .invG_subTamt_inputbox span {
        font-size: 11px;
        font-weight: 600;
    }

    .invGen_preview_footer .cancel_continue_btn button {
        margin-left: 10px;
    }

    .descTab_row_tbody .descTab_col.descT_box2 {
        width: 100%;
    }
    .descTab_row_tbody .descTab_col.descT_box3 {
        width: 100%;
    }
    /* -- Invoice Generator related css end -- */
    /* -- Invoice History related css start -- */
    .invHis_block_row .invHis_block_box {
        margin-bottom: 8px;
        padding: 5px 5px;
    }
    .invHis_topFil_left {
        width: 100%;
    }
    .invH_filter_box_bg{
        width: 100%;
    }
    .invHis_block_row .invHis_block_box {
        width: 49%;
        margin-right: 0.5%;
        margin-left: 0.5%;
    }

    .invh_tableTop_sec {
        padding: 5px 0 15px 0;
    }
    .invh_tableTop_left {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .invh_tableTop_left_group {
        width: 100%;
    }
    .invh_tableTop_right {
        max-width: 100%;
    }
    /* -- Invoice History related css end -- */

}

@media (max-width: 420px) {
    /* -- Invoice Generator related css start -- */
    .invGen_topRightFrom_col_left {
        width: 100%;
    }
    .invGen_topRightFrom_col_right {
        width: 100%;
    }
    /* -- Invoice Generator related css end -- */

}

/* =================  LP Invoice Generator & Invoice History CSS end ================ */