@media only screen and (min-width:576px){
 .team-member-card .team-member-details {padding-inline-start: 4.75rem;}
}

@media only screen and (min-width:992px){ 
 .side-header{width:240px; }
 .app-content {margin-inline-start: 240px;}

}

@media only screen and (min-width:1299px){
 .login_wrapper  .login_content .login_left {width: calc(100% - 640px); }
    .graph_btns .btn {font-size: 0.7rem;}
}
@media only screen and (min-width:1200px){
    .InvoiceViewModal .modal-xl {max-width: 930px;}
}
@media only screen and (min-width:1580px) {
    .dashboard-col-cards {width: 20%; flex: inherit;}
}

@media only screen and (min-width:1620px){
 .projectPortfolio-leftBox {width: 75%; } 
 .projectPortfolio-RightBox{flex:1;} 
}

@media only screen and (min-width:1680px){
 .employee_list .card {width: 18.76%; }
}


@media only screen and (max-width:1710px){
    .employee_team_content {width: 24% !important;}
    .Lead_table.table td, .Lead_table.table th {
        padding-right: 0.55rem !important;
        padding-left: 0.55rem !important;
    }
        .Lead_table.table th.datatable-icon {
            padding-right: 18px !important;
        }
}
@media only screen and (max-width:1679px){
 .employee_list .card {width: 23.83%; }
 .employee_card .leftBox_layout {width: 52%;}
 .employee_card .card_boxFlex {display: flex; align-items: center;}
 .employee_card .leftBox_layout .card_box {width: 48%;}
 .employee_card .card_boxFlex .flex-fill {text-align: left;}
 .employee_card .leftBox_layout .card_box .card .card-body {flex: inherit; padding: 10px 15px;}
 .Right_layout .card {min-height: 180px;}
 .employee_card .team_colorBox ul li {margin: 7px 0px;}
 .usercustm_width {flex: 0 0 33.33%; max-width: 33.33%;}
}

@media only screen and (max-width:1619px){
 .projectPortfolio-leftBox {width: 68%;}
 .projectPortfolio-RightBox{flex:1; }
.todo_layout .todo_content {width: 24%!important;}
}
@media only screen and (max-width:1480px){
    .employee_team_content{width:32.33%!important;}
    body .counts_layout .counts_content.twoList ul li{width:100%;}
    body  .counts_layout .counts_content.twoList ul li:nth-of-type(odd) {border: 0;}
    .usercustm_width {flex: 0 0 33.33%;max-width: 33.33%;}
    .usercustm_width .email_ellipse {max-width: 90%;width: 100%;}
    .usercustm_width {flex: 0 0 50%; max-width: 50%;}
    .project-detail-content ul li p {max-width: 110px; min-width: 110px;}
    .project-detail-content ul li p + p {max-width: inherit; min-width: inherit;}
    .lead_tracker_layout .lead_tracker_filter .selectbox.assigned-selectbox {min-width: 260px;}
    .lead_tracker_layout .lead_tracker_filter .selectbox.salePerson-width {width: 220px;}


}
@media only screen and (max-width:1380px){
 .employee_list .card {width: 32.3%; }
/* body .project-detail-maincard p {width: 49%; }*/
body .project_desc .project_detail_row {width: 49%;padding-right: 0;}
/*.project_desc .project_detail_row:after {display: none;}*/
.project_desc .project_detail_row:nth-child(2n) {padding-left: 20px; border-left:1px solid #ddd;}
.project_desc .project_detail_row:after {display:none}
body .project_detail_row label, body .project_desc .project_detail_row:nth-child(3n) label{width: 135px;}

}

@media only screen and (max-width:1299px){
 .login_wrapper  .login_content .login_left {width: calc(100% - 600px);}
 .login_wrapper .login_content .login_right {width: 600px; }
 body .one-fourthBox .col-fourth {width: 33.33%;  flex: inherit;  max-width: inherit; }
 /* .team_colorBox ul li {  width: 50%; } */
body .team_colorBox ul, body.TeamColors_layout .team_colorBox ul{justify-content: flex-start; gap:10px;}
 .clients_layout .clientList_box .status-card {width: 47.33% !important; }
 body .settings_layout .settings_checkBox {width: 19.2%; }   
 .filter-right .selectbox {margin: 0!important; }
 .projectPortfolio-leftBox {width: 60%; }
 .projectPortfolio-RightBox{flex:1; } 
 .login_wrapper .login_content .login_right .login_flex_box {max-width: 100%; }
    body .todo_layout .todo_content {width: 32.33% !important;}
 body .employee_team_content{width:49%!important;}
 .employee_card .leftBox_layout {width: 60%;}
  body .project-detail-content{width:49%!important;}
}
@media only screen and (max-width:1199px){
    .counts_layout .counts_content {width: 49% !important;}
   body .counts_layout {gap: 2%;row-gap: 20px;}
}
@media only screen and (max-width:1099px){
 .employee_list .card {width: 48.5%; }
 .employee_list {gap: 3%; }
 .projectPortfolio-leftBox {width: 100%; }
 .projectPortfolio-RightBox{flex:100%; } 
 .employee_card{width: 100%; flex-wrap: wrap;gap: 0;}
 .employee_card .leftBox_layout {width: 100%;}
 .employee_card .Right_layout {flex: inherit; width: 100%;}
 .Right_layout .card{min-height: inherit;}
 .employee_card .team_colorBox ul li {margin: 2px 0px;}
 .month_filter .selectbox {flex-wrap: nowrap; justify-content: flex-start; gap: 10px;}
 .month_filter .selectbox > p {width: inherit; white-space: nowrap;}
 .month_filter .input-group.date-selectbox{width: 170px;}
.header-right-icons .profile-1 a {padding: 0;}
}

@media only screen and (max-width:991px){
 .login_wrapper .login_content .login_right .login_flex_box{max-width: 100%; } 
 .login_wrapper  .login_content .login_left {width: calc(100% - 400px); }
 .login_wrapper .login_content .login_right {width: 400px; }
 body .settings_layout .settings_checkBox {width: 32.6%; }
 .login_wrapper .login_flex_box .form-row.FlexFields {flex-wrap: wrap;  gap: 0!important; }
 .login_wrapper .login_flex_box .form-row.FlexFields .form-group {flex: inherit; }
 /*.sidebar-mini .responsive-navbar .navbar-collapse, .responsive-navbar .navbar-collapse {margin-block-start: 89px!important; }*/
 .modal-dialog {max-width: 80%;  margin: 15px auto; }
 body .project-detail-maincard p {width: 100%; }
 .app-content .side-app {padding: 0px!important; }
 body .showcase-project-list li {width: 30.33%; }
  body .todo_layout .todo_content {width: 49%!important;}
.counts_layout .counts_content {width: 48.5% !important;}
/*body .message_on_top .app-sidebar {top: 85px;}*/
.app-content .side-app {padding: 0px !important;}
    body .project_desc .project_detail_row {width: 100%!important;}
.project_desc .project_detail_row:nth-child(2n){padding-left: 0; border:0}
.add_lead_modal .input-box, .add_lead_modal .input-box.client_name, .add_lead_modal .input-box.client_Company_name, .add_lead_modal .input-box.Sale_person, .add_lead_modal .input-box.Country_width, .add_lead_modal .input-box.lead_platform, .add_lead_modal .input-box.profile_width {width:24.3% !important; flex: inherit!important;}
.add_lead_modal .input-box.first_offer {flex: 1!important;}
/*.add_lead_modal .input-box.skills_row {width: 49% !important;}*/
.responsive-navbar .dropdown-select.dropdown .dropdown-select-option {min-width: 150px;}
.responsive-navbar .responsive-navbar-outer-layout {padding: 10px 0px;justify-content: space-between;}
.navresponsive-toggler span{width: 5px;}
.responsive-navbar .navbar-collapse {border-top: 1px solid #ddd;}
.app-header .profile-1 .dropdown-item, .hor-header .profile-1 .dropdown-item {font-size: 12px;}
.header .profile-1 .dropdown-item .dropdown-icon {font-size: 12px;}
body .add_lead_modal .input-box.profile_width {width: 24% !important;}
    .add_lead_modal .input-box.skills_row {
        width: 48% !important;
    }
    body .add_lead_modal .input-box.applicationdomain {
        width: 28% !important;
    }
}

@media only screen and (max-width:767px){
 .clients_layout .clientLeft_Box{width: 100%; }
 .clients_layout{flex-wrap: wrap; }
 .btn-list {margin-top: 0 !important; }
 .clients_layout .clientRight_Box, .clients_layout .clientLeft_Box {width: 100%!important; } 
 body .showcase-project-list li {width: 47%; }
 /* body .team_colorBox ul li {  width: 50%; } */
 .login_wrapper  .login_content .login_left, .login_wrapper .login_content .login_right  {width:100%; }
 .login_wrapper .login_content {flex-wrap: wrap; }
 .showcase-project-list li {width: 48%; }
    body .employee_team_content{width:100%!important;}
/*  body .message_on_top .app-header {top: 29px;}*/
/*    body .message_on_top .app-sidebar{top: 80px;}*/
.modal-dialog {padding: 0px 15px;}
.add_lead_modal .input-box, .add_lead_modal .input-box.client_name, .add_lead_modal .input-box.client_Company_name, .add_lead_modal .input-box.Sale_person, .add_lead_modal .input-box.Country_width, .add_lead_modal .input-box.lead_platform, .add_lead_modal .input-box.profile_width {width: 24.2%!important;    flex: inherit!important;}
body .dataTable_filterBox ,.dataTable_filterBox .btn-list {justify-content: flex-start !important;}
.header-right-icons .user-profile-desc .nav-link {padding: 0!important;font-size: 12px;}
body .header-right-icons .profile-1 h5 {font-size: 11px!important;margin-bottom: 3px !important;}
.header-right-icons .user-profile-desc .nav-link, .header-right-icons {    gap: 5px;}
.pulse {width: 5px; height: 5px; right: 10px; top: 7px;}
.pulse:before { width: 11px;height: 11px;}
.usercustm_width {flex: 0 0 100%;max-width: 100%;}
.groupLead_layout .rightside-links {margin-top: 10px;}
.groupLead_layout {flex-direction: column;}
}

@media only screen and (max-width:649px){
 .employee_list .card {width: 100%; }
 .login_wrapper  .login_content .login_left {width: 100%; }
 body .settings_layout .settings_checkBox{width: 100%; }
 .filter-right .card-title{width: 100%; }
 .filter-right{margin-top:5px; }
 /* .btn-list .btn {  margin-top: 5px; } */
 body .one-fourthBox .col-fourth {width: 100%; } 
 body .employee_team_content{width:100%!important;}
body .counts_layout .counts_content {width: 100% !important;}
.add_lead_modal .input-box, .add_lead_modal .input-box.client_name, .add_lead_modal .input-box.client_Company_name, .add_lead_modal .input-box.Sale_person, .add_lead_modal .input-box.Country_width, .add_lead_modal .input-box.lead_platform, .add_lead_modal .input-box.profile_width {width:100%!important;    flex: inherit!important;}
.add_lead_modal .input-box.first_offer {flex: inherit!important;}
.add_lead_modal .input-box.skills_row {width: 100% !important;}
.responsive-navbar .department_Header {gap: 5px;}
.app-header .logo-horizontal{position:relative;}
.header-right-icons .user-profile-name, .user-profile-name h5 {width: 80px;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}
body .add_lead_modal .input-box.profile_width, body .add_lead_modal .input-box.bid-free-input-box, body .add_lead_modal .input-box.applicationdomain, body .add_lead_modal .input-box.first_offer, body .add_lead_modal .input-box.Country_width, body .add_lead_modal .input-box {width: 100% !important;}
.sale_stage_flex .control_arrow_box .form-control {width: 100%!important;}
.control_arrow_box:before{display:none;}
    body .project-detail-content {width: 100% !important;}
}

@media only screen and (max-width:575px){
 .login_wrapper .login_flex_box .form-row.form_fields .form-group {width: 100%;  flex: inherit;  margin-bottom: 10px; }
 .btn-list.btn-list-right {flex-wrap: wrap; }
 .selectbox {flex-wrap: wrap;  gap: 0; }
 .team_card .showcase-project-list li,  body .project-detail-maincard p{width: 100%; }
 .selectbox > p {width: 100%;  margin-bottom: 5px; }
 body .profile-action > p {width: 100%; }
 .input-group {width: 100%; }
 .filter-right, .card-header{flex-wrap: wrap;  width: 100%; }
 .projectsCard .list-group li {flex-direction: column-reverse; }
 .projectsCard .list-group li  div + div {align-self: flex-end; }
 .filter-left {width:100%!important; }
 .filter-right .search_box, .filter-right .selectbox, .filter-left .selectbox{width: 100% !important;  margin: 0 !important; }
 .filter-right .selectbox, .filter-left .selectbox{gap: 0!important; }
 .input-group.date-selectbox {width: 100%; }
 .modal-dialog {max-width: 95%;  margin: 20px auto; }
 .offcanvas.ModalW500{max-width: 96%; }
 .pagination_layout {flex-wrap: wrap;  justify-content: center; }
 .pagination_layout .ms-auto {margin: 5px 0px 0px!important; }
 body .todo_layout .todo_content{width: 100%!important;}
 .employee_card .leftBox_layout .card_box {width: 100%;}
.flex-row-box {gap:10px;flex-wrap: wrap;}
.responsive-navbar .dropdown-select.dropdown .dropdown-select-option {max-width: 120px;}
.date-picker-container{width:100%;}
    .productivity-box {margin-left: 0px;}

}
@media only screen and (max-width:470px) {
body .assigned-to-modal .list-group li { width: 100%; }   
    /*.sidebar-mini .responsive-navbar .navbar-collapse, .responsive-navbar .navbar-collapse {margin-block-start: 97px !important;    }*/
/*    body .message_on_top .app-sidebar {top: 95px;}*/
}