@media (max-width:1849px){
.searchBar .field { max-width: 370px; }
.global-icon-btn {font-size: 18px;}
   
}

@media (max-width:1799px){
.fields label {font-size: 17px;line-height: 24px;}
.opportunityCards .cards, .projectCards .cards { max-width: calc(100% / 3 - 16px); }
.searchBar .field { max-width: 210px; }
button.primaryBtn { padding: 0 20px; }
.selectValues { gap: 15px; }
.client-cmnt { padding: 20px; }
.member-card-det .card-det { width: 32%; }
.member-card-det .card-det:nth-child(3n){ margin-right: 0; }
.member-card-det .card-det:nth-child(4n) { margin-right: 1%; }
.teamdetails { width: 16.5%; }
.projectCards .cards .cardHeader .companyDetail h3 { font-size: 20px; padding-right: 20px; }
.projectCards .cards .cardHeader .priority-status { width: 45px; font-size: 18px; }
.project-people .project-peo-wrap p{margin: 0 0 0 10px;width: 100%;}
.project-people .project-peo-cont .confirm-remove {  margin: 5px 0 0 10px;}
.details-boxes .sr-cstm-div-img-date .project-peo-img, .sr-react-date .edits-calender, .sr-react { width: 100%; }
.sr-react-date { flex-wrap: wrap; }
.cient-announcement.team-header-info .Client-Detail { flex-wrap: wrap; }
.cient-announcement.team-header-info .Client-Detail .client-wrap-ot { width: 100%; }
.cient-announcement .sr-cstm-combo .client-det-btns { flex-wrap: wrap; }
.cient-announcement .sr-cstm-combo .client-det-btns { width: 100%; margin: 30px 0 0 0; }
.agency_checkbox_content { margin: -1px 10px 0 0; }
.partner-wrapper .team-wrap-details .fields.sr-cstm-dd-multi .rmsc.multi-select { width: 125px; }
.partner-wrapper .team-wrap-details .selectValues .selectDropdown { min-width: 120px; }
.partner-wrapper { flex-wrap: wrap; }
.project-sr a, .team-log-data { width: 46%; }
button.height.btn { height: 50px; }
.cient-announcement .sr-cstm-combo { flex-wrap: wrap; }
section.stream.infinite_page { width: 1220px; }
.project.project-left-data, .event-left { width: 610px; }
.project.project-right-data, .event-right { margin-left: 603px; }
.global-icon-btn {padding: 10px 15px; font-size: 16px;}
.project-btn button.sr-cstm-primary, .project-btn a.btn.btn-primary, .project-btn a { font-size: 16px; }    
.sr-cstm-div-img-date.cstm-date-cls .sr-react-date { flex-wrap: inherit; }
.sr-cstm-div-img-date.cstm-date-cls .sr-react { width: auto; }
.sr-cstm-div-img-date.cstm-date-cls { gap: 10px; justify-content: space-between;}
/*.details-boxes .project-peo-img.sr-cstm-cls, .details-boxes .project-peo-wrap .project-peo-cont {width: auto;}*/
button.global-icon-btn.blue-btn.set-date {padding: 10px 15px;}
.sr-cstm-div-img-date .project-peo-img {column-gap: 10px;}
.details-boxes {padding: 30px 15px;}
.details-boxes .project-peo-wrap h4 {font-size: 16px;line-height: 26px;}
.sr-react-date .sr-react p { font-size: 13px; line-height: 15px; }
div.sr-cstm-div-img-date .edits-calender p {font-size: 14px;}
div#projects .fields { gap: 10px; }    
#projects .client-serch .field input[type="search"] { padding: 16px 20px 16px 50px; }   
section.stream div.day {max-width: 126px;}
.fab-icon i {font-size: 10px;}
.fab-icon {width: 22px;height: 22px;}
.main-bar-header-wraper.duration-user-container {
    width: 100%;
}
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .fields {
    width: 50%;
    display: block;
}
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .fields.week .selectDropdown {
    min-width: 100%;
}
.main-bar-header-wraper.period-manual-time-wrapper {
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
}
.main-bar-header-wraper.period-manual-time-wrapper .select-date-pro {
    width: 850px;
    display: block;
}
}

@media (max-width:1599px){
.leave-box {padding: 30px 15px;} 
.leave-info span {font-size: 15px;line-height: 18px;}   
.project-sr a, .team-log-data { width: 45%; } 
.partner-wrapper .team-wrap-details .selectValues .selectDropdown { min-width: 280px; }   
.partner-wrapper .team-wrap-details .fields.sr-cstm-dd-multi .rmsc.multi-select { width: 280px; }
.checklist-header-wrap.team-wrap-details label { font-size: 18px; } 
.agency_checkbox_content label { margin: 0px 0 0 0; font-size: 18px; }
.user-icon p, .user-icon a { font-size: 18px; line-height: 28px; }
.row-client-data { margin: 0 15px 0 0; }
.partner-wrapper .wrap-checkbox {width: 100%;}
.cient-announcement.team-header-info .Client-Detail { flex-wrap: wrap; width: 100%; margin: 0 0 20px 0; }   
.client-serch .sr-cstm-combo.clients-dem-btns { column-gap: 6px; } 
#projects .client-serch .field input[type="search"]::placeholder { font-size: 16px; }
#projects .client-serch .field { max-width: 200px; margin: 0 10px 0 0; }  
.fields label { font-size: 18px; }
.profile-text h2 { font-size: 30px; line-height: 40px; }
.profile-grid h4 { margin: 0 0 20px 0; font-size: 26px; line-height: 36px; }
.user-profile h6 { font-size: 20px; line-height: 30px; }
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .selectValues { gap: 15px; flex-wrap: wrap; justify-content: normal; margin: 0; }
.psw-icon, .psw-data { width: 35%; }
.sr-cstm-padding { padding: 30px; }
.opportunityCards .cards, .projectCards .cards { max-width: calc(100% / 3 - 16px); } 
.main-dashboard-admin { padding: 50px 20px; }
.addOpportunities, .addProject { padding: 30px 20px; margin: -50px -20px 0; }
.stepsWrapper { margin: 0 -20px; }
.selectDropdown select { font-size: 16px; }
.fields { gap: 10px; }
.selectDropdown { max-width: 160px; min-width: 160px; }
.searchBar .primaryBtn { font-size: 18px; }
.teamdetails { width: 14.5%; } 
.teamdetails:nth-child(8n) { margin-right: 2%; }
.stepsWrapper ul li.items { padding: 15px 20px; }
.selectValues { width: 100%; justify-content: space-between; margin: 0 0 30px 0; }
.searchBar { width: 100%; justify-content: space-between; }
.searchBar .field { max-width: 340px; }
.left-sidebar-admin { width: 300px; }
.main-dashboard-admin{max-width: calc(100% - 300px);}
.global-icon-btn { font-size: 18px; }
.checklist-header-wrap, .team-header-info { margin: -50px -20px 50px; }
.team-wrap-details { margin-bottom: 0; }
.addNewOppFields .fieldsBlock .field, .addNewOppFields .fieldsBlock .field.opportunitiesName { flex: 0 0 48%; max-width: 48%; }
.addNewOppFields .fieldsBlock .field.checkBoxOptions .ServicesInterested { justify-content: flex-start; flex-wrap: wrap; }
.addNewOppFields .fieldsBlock .field.checkBoxOptions .ServicesInterested .field { padding: 0 20px 20px 0; }
.notesBlock { margin-top: 20px; padding-bottom: 50px; margin-bottom: 30px; }
.modal-opportunity23 .modal-dialog { max-width: 1080px; }
.modal-opportunity23 .modal-body ul li { max-width: 215px; margin: 0 10px 10px 0; }
.checklist-header-wrap .selectValues { gap: 10px; }
.checklist-header-wrap { padding: 30px 20px; }
.psw-tems-btns { column-gap: 15px; }
.details-discussion-outer { display: flex; column-gap: 20px; }
.main-dashboard-admin .dicuss-data p { font-size: 15px; line-height: 25px; }
.dicuss-data .project-peo-wrap, .dic-cont { padding: 15px 15px; }
.detail-grid h2 { font-size: 20px; line-height: 30px; }
.search-container { min-width: 300px; }
.slect-filed { gap: 15px; flex-wrap: wrap; }
.timeTracking-manual .cmn-field { width: 48%; }
.timetrack-btns a { height: 50px; line-height: 50px; font-size: 16px; padding: 0 10px; }
.timetrack-btns { padding: 0 0 0 10px; }
.hours-spent-inner .hours-format { width: 50%; margin: 0 0 20px 0; }
.hours-spent-inner { flex-wrap: wrap; }
.hours-spent-inner { margin: 0 0 10px 0; }
.user-profile h6 {font-size: 18px;line-height: 30px;}
.project-people .project-peo-data:last-child .project-peo-wrap { width: 100%; }
section.stream.infinite_page { width: 1100px; }
.project.project-left-data, .event-left { width: 550px; }
.project.project-right-data, .event-right { margin-left: 543px; }
.client-det-btns button.global-icon-btn { font-size: 14px; padding: 6px 15px} 
.sr-cstm-combo button.global-icon-btn.orange-btn span {font-size: 12px;}
section.stream article.event>div.action { width: 480px; }  

.left-sidebar-admin ul li a{ height:44px; }
}
@media (max-width:1440px){ 
.holiday-table {padding: 0 20px 0 0;}   
.project-people .project-peo-img button.remove-user-btn { top: -4px; width: 16px; height: 16px;} 
section.stream article.event>div.action { width: 450px; }    
.fields label { font-size: 16px; }   
.client-serch .sr-cstm-combo.clients-dem-btns button.global-icon-btn { padding: 13px 15px; font-size: 15px; } 
.detail-grid.right .psw-tems-btns { column-gap: 15px; }
.detail-grid.right .psw-tems-btns .psw-team-btn button { margin: 0; }     
.global-icon-btn {font-size: 16px;}   
.pdf-list-data { column-gap: 6px; }
.pdf-list-data span a { font-size: 18px; line-height: 20px; }
.discuss-edit.right button { margin: 0 12px 0 0; }
.projectCards .cards .cardHeader .companyDetail h3 {font-size: 18px; padding-right: 30px;}
h1 { font-size: 30px; font-weight: 500; }
.user-profile h6 { font-size: 20px; line-height: 30px; }
.client-box { padding: 15px; }
.client-pro span { font-size: 20px; line-height: 25px; }
.left-sidebar-admin ul li a { font-size: 18px; }
.left-sidebar-admin::before { width: 50px; }
.left-sidebar-admin { width: 230px; }
.main-dashboard-admin { max-width: calc(100% - 230px); }
.left-sidebar-admin ul li a { padding: 0 0 0 65px; }
.left-sidebar-admin ul li a span { width: 50px; height: 30px; }
.left-sidebar-admin ul li a{ height:34px; font-size: 14px; }
.left-sidebar-admin ul li a svg {
    max-width: 17px;
}
.left-sidebar-admin ul li a::before { width: 50px; }
.left-single-standard-op { max-width: 250px; flex: 0 0 250px; }
.totalHoursBlock .monthlyhours { padding: 30px 20px; }
.totalHoursBlock .projectDetailsB .selectValues .fields .selectDropdown { max-width: 100%; }
.single-box-boxes { max-width: 33%; flex: 0 0 33%; }
.psw-icon, .psw-data { width: 35%; }
.password-card.det p { margin: 0; font-size: 15px; }
.psw-dett { display: flex; align-items: center; margin: 0 0 15px 0; }
.password-card.det { padding: 20px; }
.psw-icon span { font-size: 16px; line-height: 26px; }
.create-box { width: 50%; border-bottom: 1px solid rgb(112 112 112 / 20%); }
.create-box:nth-child(2) { border-right: none; }
.create-box:nth-child(3) { border-bottom: none; }
.create-sec { flex-wrap: wrap; }
.buttonTags { margin-bottom: 30px; }
.date-progress-section .dateBlock input { width: 150px; }
.date-progress-section .dateBlock { gap: 10px; }
.teamdetails { width: 17.5%; }
.task-det-right-side { padding: 0 0 0 20px; }
.comn-vk label { font-size: 17px; }
.sr-main-column {width: 25%;padding: 0 6px;}
.form-btn-rows {gap: 15px;}
.header-icons {margin-left: 15px;}
.user-icon-up {width: 100px;height: 100px;}
.user-icon-up svg {width: 50px;}
.profile-text h2 {font-size: 28px;line-height: 38px;}
.progress-grid-outer h4 {font-size: 24px;line-height: 34px;}
.add-discussion {column-gap: 20px;}
.add-distext-btn a {font-size: 18px;line-height: 50px;height: 50px;padding: 0 20px;}
.psw-tems-btns {column-gap: 0;}
.psw-team-btn button {font-size: 18px;line-height: 50px;height: 55px;padding: 0 30px;margin: 0 0 45px 0;}
.no-data-found span, .empty-board p {font-size: 26px;padding: 10px 0;} 
.project-sr .project-peo-img img, .project-peo-img img { max-width: 40px; max-height: 40px; height: 40px;; }
.discuss-edit.right .pass-check-in { padding: 0 10px 90px 20px; }
.pass-check p { font-size: 15px; line-height: 23px; }
.password-card.check .pass-check { column-gap: 0; }
.password-card.check .pass-check img { margin: 0 10px 0 10px; }
.discuss-edit.right, .discuss-edit.left { width: 50%; }
section.stream.infinite_page { width: 1050px; }
.project.project-left-data, .event-left { width: 525px; }
.project.project-right-data, .event-right { margin-left: 518px; }
.projectCards .cards .cardHeader .companyDetail h3 {width: 180px;}
.edit-comment-description-files .files-edit-click-display .file-wrapper-edit-click {width: 29%;}
}
@media (max-width:1365px){ 
.edit-comment-description-files .files-edit-click-display .file-wrapper-edit-click {width: 46%;} 
section.stream article.event>div.action { width: 390px; }     
.details-boxes .project-peo-wrap .project-peo-cont{width:100%;} 
.sr-cstm-div-img-date.cstm-date-cls .sr-react { width: 50%; }
.sr-cstm-div-img-date.cstm-date-cls .sr-react-date{margin-top: 0;}
.wrap-checkbox { flex-wrap: wrap; }  
.agency_checkbox_content { margin: 0 0 15px 0; width: 100%; }
.sr-cstm-combo button.global-icon-btn.blue-btn { margin-right: 10px; }
.sr-cstm-combo button.global-icon-btn.orange-btn { margin-right: 10px; }   
.pro-sr-cstm-combo { column-gap: 10px; }   
.project-btn a { height: 50px; line-height: 50px; padding: 0 15px;} 
.project-btn button.sr-cstm-primary{height:50px;}
.pro-sr-cstm-combo { margin: 10px 0 0 0; } 
.project-btn button.btn.btn-primary.back-to-previous { height: 50px; display: flex; align-items: center; justify-content: center; }
.user-profile h6 { font-size: 15px; line-height: 25px; }
.header-icons ul li a svg { max-width: 18px; }
h1 { font-size: 26px; font-weight: 500; }
.header-icons ul li a { width: 40px; height: 40px; }
.stepsWrapper ul li.items .amountBlock p { font-size: 18px; }
.stepsWrapper ul li.items .steps .countDigit { min-width: 40px; height: 40px; }
.stepsWrapper ul li.items .steps .countDigit span { font-size: 20px; }
.main-header-dashboard > div img { max-width: 280px; }
.checklist-header-wrap .fields { gap: 15px; }
.main-dashboard-admin.timeTracking .button-wrapper button.primaryBtn {padding: 0 10px; font-size: 14px;}
.main-dashboard-admin.timeTracking .select-date-pro{gap:10px;}
.main-dashboard-admin.timeTracking .react-datepicker-wrapper input {width: 100%;}
.main-dashboard-admin.timeTracking .dateBlock {gap: 10px;}
.hours-spent-inner {flex-wrap: wrap;}
.task-det-main-outer h2 { font-size: 20px; }
.task-design-heading h4 { font-size: 24px; }
.project-btn{flex-wrap:wrap;}
.psw-tems-btns p { font-size: 16px; line-height: 20px; padding-right: 10px; }

.sr-cstm-div-img-date{    flex-wrap: wrap;}
.sr-react-date { flex-wrap: wrap; margin: 20px 0 10px 0; }
section.stream.infinite_page { width: 920px; }
.project.project-left-data, .event-left { width: 460px; }
.project.project-right-data, .event-right { margin-left: 453px; }
.password-outer-sec h6 {
    font-size: 20px;
    line-height: 30px;
 }
.download-modal-in .modal-dialog { max-width: 720px; }
div#projects .addProject .selectValues {
    width: 100%;
    margin: 0;
    justify-content: space-between;
}
div#projects .fields {
    gap: 10px;
    width: 50%;
}
div#projects .addProject .selectValues label {
    width: auto;
    font-size: 18px;
}
div#projects .selectDropdown {
    max-width: 60%;
    min-width: 60%;
}
div#projects .addProject .selectValues .fields:last-child {
    justify-content: end;
}
.client-serch {
    justify-content: space-between;
    width: 100%;
    margin: 20px 0 00;
}
#projects .client-serch .field {
    max-width: 400px;
    margin: 0;
}
div#projects .addProject .searchBar {
    width: 100%;
    justify-content: flex-start;
    margin: 0;
}
.client-serch .sr-cstm-combo.clients-dem-btns {
    column-gap: 15px;
    width: 50%;
    justify-content: flex-end;
}
.main-bar-header-wraper.period-manual-time-wrapper .select-date-pro {
    width: 750px;
}

.team-header-info.team-page-container .search.search-clear-wraper {
    min-width: 220px;
}
.team-header-info .status-and-search-wrap .selectDropdown {
    max-width: 220px;
    min-width: 220px;
}
} 
@media(max-width:1279px){
    .dis-chart-users-cont .main-productive-user-wraper {
    grid-template-columns: repeat(5, 1fr);
}
.dis-chart-users-cont .main-productive-user-wraper .team-users-heading-container {
    grid-column: span 5;
}
}


@media (max-width:1199px){ 
.holiday-wrap {flex-wrap: wrap;}   
.holiday-table {padding: 0 0 40px 0;width:100%;}
.holiday-leaves {width: 100%;}
.see-all-holiday-leaves .holiday-wrapper-leave .leave-box {width: 100%;margin: 0 0 30px 0;} 
.see-all-holiday-leaves .holiday-wrapper-leave .leave-box:last-child{margin-bottom: 0;}
.strike-wrapper{flex-wrap: wrap;}    
.strike-wrapper a {width: 100%;     margin: 0 0 20px 0;}     
.details-discussion-outer{flex-wrap: wrap;}
.detail-grid.left, .detail-grid.right {width: 100%;}
.main-dashboard-admin { max-width: 100%; }
.main-header-dashboard > div img { max-width: 220px; }
.center-header-part { padding: 0 20px; }
.center-header-part h1 { font-size: 20px; }
.breadcrumbs a, .breadcrumbs a.sr-active-bread { font-size: 14px; }
.client-pro span { font-size: 16px; line-height: 25px; }
.checklist-header-wrap.team-wrap-details { justify-content: space-between; width: 100%; }
.cient-announcement .sr-cstm-combo .client-det-btns { row-gap: 10px; }
.client-det-btns button.global-icon-btn { font-size: 14px; padding: 6px 10px; }
.password-outer-sec { flex-wrap: wrap; }
.password-vault-right { padding: 0; }
.password-vault-left, .password-vault-right { width: 100%; }
.files-data-inner { padding: 0 30px 0 0; }
.file-grid { width: 48%; }
.Project-details-outer button.sr-cstm-primary { height: 45px; font-size: 18px; }
.Project-details-outer span {font-size: 16px;line-height: 26px;}
.timeTracking-manual-inner .selectValues {width: 100%;}

.left-sidebar-admin.cstm-sidebar.open ~ .main-dashboard-admin { max-width: calc(100% - 50px); }
.wrapper-admin { margin-top: 65px; }
.client-avatar p {font-size: 14px;line-height: 24px;}
.single-field-form { width: 33%; }
.form-add-member .form-btn-rows { margin: 10px 0 0 0; }
.form-add-member .form-btn-rows button.global-icon-btn.orange-btn { margin: 0; }
.view-assigned-checklist-modal .modal-dialog {
    max-width: 95%;
}


span.toggle-mobile i.fa.fa-bars { font-size: 25px; }
.left-sidebar-admin.Desktop { display: none; }
span.toggle-mobile { display: block; position: absolute; right: 0; top: 0px; }
.mobile-sidebar-wrap.active { left: 0; }
.mobile-sidebar-wrap { display: block; position: fixed; left: -250px; z-index: 9;         -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
body.sidebar-active .body-overlay { background: rgba(0, 0, 0, .5); left: 0; position: fixed; top: 0; transition: opacity .5s, visibility .5s; width: 100%; height: 100%; z-index: 4; }
body.sidebar-active i.fa.fa-bars { display: none; }
body.sidebar-active span i.fas.fa-times { font-size: 25px; display: block; }
span.toggle-mobile   i.fas.fa-times { display: none; }
span.toggle-mobile-wrap {position: absolute;right: 50px; display: block;top: 0;}
span.toggle-mobile-wrap i { font-size: 25px; }
.main-header-dashboard .tog-head-wrap { width: 100%; flex-wrap: wrap; top: -200px; position: absolute; padding: 30px; transition: all ease 0.3s; }
.main-header-dashboard .tog-head-wrap.active { top: 100%; left: 0; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; z-index: -11111111; background: #fff; align-items: center; }
span.toggle-mobile-wrap.active i { transform: rotate(180deg); }
.main-header-dashboard .left-side-header { width: 100%; position: relative; margin: 0; padding: 0; }
.left-sidebar-admin { height: 100vh; }
.breadcrumbs {text-align: left;}
.user-icon p, .user-icon a { font-size: 13px; line-height: 23px; }
.sr-cstm-padding { padding: 30px 20px; }
}

@media (max-width:991px){ 
    .file-preview.file-preview-grid.file-preview-remove .project-people {
        width: 50%;
    }
    div.progress-radio-out.date-progress-section {
        align-items: center;
        justify-content: center;
    }
    .team-header-info.team-page-container .search.search-clear-wraper {
    min-width: 180px;
}
.team-header-info.team-page-container  .status-and-search-wrap .selectDropdown {
    max-width: 180px;
    min-width: 180px;
}
.team-header-info.team-page-container  .button-wrapper .primaryBtn {
    font-weight: 500;
    font-size: 16px;
    padding: 0 10px;
}
.team-header-info.team-page-container .button-wrapper .exportBtn{
    font-size: 18px;
}
.team-header-info .teamForm {
    gap: 10px;
}
input.custom-checkbox::after {height: 11px;width: 5px;}   
.left-sidebar-admin.cstm-sidebar.open ~ .main-dashboard-admin { max-width:100%; }
.opportunityCards .cards, .projectCards .cards { max-width: calc(100% / 2 - 16px); }
.projectCards .cards .cardHeader .companyDetail h3 { width: 285px; }
.main-header-dashboard > div img { max-width: 200px; }
.main-header-dashboard { flex-wrap: wrap; }
.wrapper-admin { margin-top: 60px; }
.main-header-dashboard .left-side-header { width: 100%; position: relative; margin:0;padding: 0;}
.main-header-dashboard .center-header-part { width: 100%; padding:0;}
.main-header-dashboard .right-side-header { width: 100%; justify-content: space-between; margin: 10px 0 0 0; }
div#projects .addProject { justify-content: center; }
div#projects .sr-cstm-combo.clients-dem-btns { justify-content: end; }
.breadcrumbs a {font-size: 14px;}
.center-header-part h1 {font-size: 20px;}
.timeTracking-manual-inner .fields.week.cmn-field { width: 49%; }
.partner-wrapper .team-wrap-details .fields.sr-cstm-dd-multi .rmsc.multi-select, .partner-wrapper .team-wrap-details .selectValues .selectDropdown { width: 100%; }
.member-card-det .card-det:nth-child(3n) { margin-right: 1%; margin-bottom: 20px;}
.member-card-det .card-det { width: 49%; }
.member-card-det .card-det:nth-child(2n) { margin-right: 0; }
.cient-announcement .sr-cstm-combo .client-det-btns { flex-wrap: wrap; }
input.custom-checkbox { width: 20px; height: 20px; }
input.custom-checkbox::before { width: 20px; height: 20px; }
.agency_checkbox_content input.custom-checkbox { margin: 3px 0 0 0; }
.cient-announcement.team-header-info .Client-Detail .client-wrap-ot { width: 100%; margin: 0; }
.checklist-header-wrap.team-wrap-details { width: 100%; }
.checklist-header-wrap .fields { gap: 10px; flex-wrap: wrap; width: 50%; }
.checklist-header-wrap.team-wrap-details label { width: 100%; margin: 0; }
.checklist-header-wrap .fields .selectDropdown { min-width: 100%; max-width: 100%; }
.checklist-header-wrap.team-wrap-details .rmsc.multi-select { width: 100%; }
.cient-announcement .sr-cstm-combo { margin: 0 0 10px 0; }
.cient-announcement .sr-cstm-combo .client-det-btns {margin: 10px 0 0 0;}

.teamInfoTable.discussion-table p { font-size: 16px; }
.teamInfoTable table thead tr th { font-size: 18px; padding: 14px 10px; }
.teamInfoTable.discussion-table tbody tr td { padding: 10px 10px; }
.project-task-list, .project-file-list { flex-wrap: wrap; }
.project-task-card, .project-left, .project-right { width: 100%; }
.files-data-inner { padding: 0; }
.pro-sr-cstm-combo { flex-wrap: wrap; justify-content: flex-start; gap: 10px; }
.project-task-heading {margin: 0 0 10px 0;}
.addNewOppFields .fieldsBlock .field, .addNewOppFields .fieldsBlock .field.opportunitiesName { flex: 100%; max-width: 100%; }
.addNewOppFields .fieldsBlock .field.checkBoxOptions .ServicesInterested .field input[type="checkbox"] { width: 20px; height: 20px; }
.addNewOppFields .fieldsBlock .field.checkBoxOptions label p { width: 100%; }
.addNewOppFields .fieldsBlock .field.checkBoxOptions label { flex-wrap: wrap; gap:10px;flex-direction: column-reverse;text-align: left;align-items: initial;}
.addNewOppFields .fieldsBlock .field.checkBoxOptions .ServicesInterested .field { padding: 0 10px 10px 0; }
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .fields { gap: 0; width: 100%; }
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .fields.week .selectDropdown { min-width: 100%; }
.main-dashboard-admin.timeTracking .select-date-pro { width: 60%;justify-content: flex-start;}
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .selectValues {justify-content: space-between;}
.opportunityCards .cards, .projectCards .cards { max-width: calc(100% / 2 - 16px); }

span.toggle-mobile i.fa.fa-bars { font-size: 25px; }
.left-sidebar-admin.Desktop { display: none; }
span.toggle-mobile { display: block; position: absolute; right: 0; top: 0px; }
.mobile-sidebar-wrap.active { left: 0; }
.mobile-sidebar-wrap { display: block; position: fixed; left: -250px; z-index: 9;         -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
body.sidebar-active .body-overlay { background: rgba(0, 0, 0, .5); left: 0; position: fixed; top: 0; transition: opacity .5s, visibility .5s; width: 100%; height: 100%; z-index: 4; }
body.sidebar-active i.fa.fa-bars { display: none; }
body.sidebar-active span i.fas.fa-times { font-size: 25px; display: block; }
span.toggle-mobile   i.fas.fa-times { display: none; }
.breadcrumbs { text-align: center; }
span.toggle-mobile-wrap {position: absolute;right: 50px; display: block;top: 0;}
span.toggle-mobile-wrap i { font-size: 25px; }
.main-header-dashboard .tog-head-wrap { width: 100%; flex-wrap: wrap; top: -200px; position: absolute; padding: 30px; transition: all ease 0.3s; }
.main-header-dashboard .tog-head-wrap.active { top: 100%; left: 0; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; z-index: -11111111; background: #fff; }
span.toggle-mobile-wrap.active i { transform: rotate(180deg); }


section.stream.infinite_page { width: 700px; }
.project.project-left-data, .event-left { width: 350px; }
.project.project-right-data, .event-right { margin-left: 343px; }
section.stream article.event>div.action { width: 260px; }
.progress-radio-out .field { max-width: 280px; }
.event_container p {font-size: 15px;}
.profile-grid {flex-wrap: wrap;}
.profile-left, .profile-right {width: 100%;}
.profile-grid::after{opacity: 0;}
.profile-grid .button-global-submit {padding: 10px 0 0 0;}
.profile-left { margin: 0 0 40px 0; }
.pass-check p {
    word-break: break-all;
}
.pass-check input {
    min-width: 18px;
}
.progress-radio-out {
    flex-flow: column;
    align-items: center;
    gap: 15px;
}
.progress-radio-out.date-progress-section .searchBar {
    justify-content: center;
}
.progress-radio-out .field {
    max-width: 100%;
}
.select-date-pro {
    justify-content: center;
    width: 100%;
 
}

.team-header-info .button-wrapper {gap: 15px;}
.single-field-form { width: 50%; }
.checklist-header-wrap .selectValues {align-items: flex-end;}
.single-standard-op { flex-wrap: wrap; }
.left-single-standard-op { max-width: 100%; flex: 100%; }
.right-single-standard-op { padding-left: 0; padding-top: 30px; width: 100%; }
.left-sidebar-admin{height:100vh;}
div#projects .selectDropdown { max-width: 50%; min-width: 50%; }


.project.project-left-data, .event-left { border-right: none; }
.project.project-right-data, .event-right{ border-left:none; }
section.stream div.project:not(.created):not(.bulk_access_granted), section.stream .project-left-data, section.stream article.event.left{ border:none; }
.event_container.even { margin: 20px 0 0 0; }
section.stream div.project:not(.created):not(.bulk_access_granted), section.stream .project-left-data, section.stream article.event.left { border: none; background: #1d3976; padding: 6px 10px; }
.project.project-left-data, .event-left { width: 100%; }
section.stream article.event>div.action { width: 90%; }
.event_container a { color: #ffffff; font-size: 18px; font-weight: 600; }
.project.project-right-data, .event-right { margin-left: 0; }
.project.project-left-data, .event-left, .project.project-right-data, .event-right{border-bottom: 1px solid #ddd;}
section.stream.infinite_page {width: 100%;}
section.stream div.day { width: 100%; max-width: 100%; margin: 20px auto 0; display: flex; justify-content: center; }
section.stream div.day a { width: auto; padding: 0 15px; height: 40px; }
section.stream article.event>div.action { width: 100%; max-width: calc(100% - 50px); padding-right: 0; }
section.stream article.event>div.action a.decorated { color: #000; }
.project-task-list { flex-wrap: wrap; }
.project-task-card:first-child, .project-task-card:nth-child(2n) { width: 100%; }
.monthlyhours .projectDates .projectID .datesProj {width: 145px;}
.monthlyhours .projectDates .projectID .hours p { font-size: 14px; line-height: 24px; }
.teamdetails {width: 22.5%;}
.status-new-discussion-container {
    width: 100%;
    align-items: flex-end;
}
.status-new-discussion-container .fields {
    width: 520px;
    display: block;
}
.status-new-discussion-container .fields label {
    width: auto;
}
.discussion-bar{flex-wrap:wrap; gap:20px;}
.status-new-discussion-container .fields 
 .selectDropdown {
    max-width: 100%;
    min-width: 100%;
}
.dis-chart-users-cont .main-dis-chart-container {
    max-width: 100%;
}
.dis-chart-users-cont .main-productive-user-wraper {
    max-width: 100%;
    grid-template-columns: repeat(4, 1fr);
}
.dis-chart-users-cont .main-productive-user-wraper .team-users-heading-container {
    grid-column: span 4;
}
.dis-chart-users-cont .main-productive-user-wraper {
    margin-top: 20px;
}
.productivity-charts-main-cont .main-bar-header-wraper .fields.week button.reset-date-button {
    margin: 0;
}

.productivity-charts-main-cont .main-bar-header-wraper.duration-user-container .fields.week {
    align-items: flex-start;
    align-content: flex-start;
    max-width: max-content;
    width: auto;
    gap: 10px;
}

.productivity-charts-main-cont .main-bar-header-wraper.duration-user-container .fields.week label {
    width: 100%;
    max-width: 100%;
}
.prod-recharts-label {
    max-width: 100%;
}
}
@media (max-width:767px){
    .team-header-info.team-page-container .teamForm {
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.team-header-info.team-page-container .search.search-clear-wraper {
        min-width: 250px;
    }
 .team-header-info.team-page-container .status-and-search-wrap .selectDropdown {
        max-width: 250px;
        min-width: 250px;
    }
    .team-header-info.team-page-container .button-wrapper {
        justify-content: flex-start;
    }
    .no-data-found-discussions {text-align: left;} 

    .month-client-filters-wrapper .selectValues {
        flex-wrap: wrap;
        justify-content: center;
    }
       
    .status-new-discussion-container .dis-btn a {
        margin: 15px 0 0 0;
        text-align: center;
        display: inline-block;
        float: none;
    }
   
    
    .status-new-discussion-container .dis-btn, .search-bar{text-align: center; width:100%;}
    .status-new-discussion-container .fields {
        width: 100%;}
    .status-new-discussion-container {
        flex-wrap: wrap;
    }
    .main-bar-header-wraper.period-manual-time-wrapper {
        flex-wrap: wrap;
    }
    .file-preview.file-preview-grid.file-preview-remove .project-people {
        width: 100%;
    }
    .opportunity-amount-container {
        flex-wrap: wrap;
    }
    .main-dashboard-admin.holiday-pto .checklist-header-wrap .searchBar {
        width: 100%;
    } 
    div.progress-radio-out.date-progress-section .search-bar-wraper {
        width: 100%;
    }
    
    div.progress-radio-out.date-progress-section 
     .selectDropdown.filterByUserDropDown {
        max-width: 100%;
        width: 100%;
    }
    
    div.progress-radio-out.date-progress-section .search-bar-wraper .field {
        max-width: 100%;
    }
.see-all-holiday-leaves .holiday-wrapper-leave .leave-box .leave-info, .rejected-btn-container {flex-wrap: wrap;}   
.see-all-holiday-leaves .holiday-wrapper-leave .leave-box .leave-info > div, .rejected-btn-container > div {width: 100%;}
.strikes-data span {font-size: 18px;line-height: 30px;} 
.strikes-data img {width: 50px;height: 50px;margin: 0 10px 0 0;}   
.sr-opportunity-Detail-wrap .user-icon {padding: 4px 8px;} 
.sr-opportunity-Detail-wrap .row-client-data p, .sr-opportunity-Detail-wrap .row-client-data a {font-size: 14px;} 
.sr-opportunity-Detail-wrap .client-wrap-ot .row-client-data {margin: 0 6px 0 0;width: auto;}   
.totalHoursBlock .monthlyhours {width: 100%;} 
.download-modal-in .modal-dialog .sr-head-btn { width: 100%; }
.fab-icon i { font-size: 14px; }
.user-icon p, .user-icon a {font-size: 16px;line-height: 20px;}
.checklist-header-wrap.team-wrap-details label, .agency_checkbox_content label {font-size: 16px;}
.fab-icon { width: 35px; height: 35px; }
.client-serch .sr-cstm-combo.clients-dem-btns button.global-icon-btn { padding: 13px 10px; font-size: 14px; }   
div#projects .addProject .selectValues .fields:last-child { justify-content: start; } 
div#projects .addProject .selectValues { width: 100%; flex-wrap: wrap; }  
div#projects .fields { gap: 10px; width: 100%; flex-wrap: wrap; }
div#projects .selectDropdown { max-width: 100%; min-width: 100%; }
.fields label,.projectCards .cards .cardHeader .companyDetail h3 { font-size: 16px; }
.projectCards .cards .cardHeader .companyDetail h3 { font-size: 16px; padding-right: 28px; }
.opportunityCards, .projectCards {padding: 20px 0 0; gap: 20px; justify-content: space-between; }
.projectCards .cards .cardHeader .companyDetail h3 { width: 200px; }
p { font-size: 16px; line-height: 36px; }
.client-avatar p { font-size: 14px; line-height: 20px; }
.client-box { column-gap: 6px; }
.client-dis strong { font-size: 18px; line-height: 28px; }
.client-dis p { font-size: 14px; line-height: 20px; }
.checklist-header-wrap, .team-header-info { margin: -50px -20px 30px; }
.cient-announcement.team-header-info .Client-Detail .client-wrap-ot { flex-wrap: wrap; }
.row-client-data { margin: 0 0 10px 0; width: 100%; }
form#myForm { margin: 30px 0 0 0 !important; }
.password-card.det .psw-field { flex-wrap: wrap; }
.password-card.det .psw-icon, .password-card.det .psw-data { width: 100%; }
.psw-field .psw-type { width: 100%; float: left; margin: 10px 0 0 0; }
.psw-team-btn button {font: size 16px; margin: 0 0 25px 0;}
.psw-dett .psw-data span { font-size: 16px; }
.project-task-heading span { color: #1E1E1E; font-size: 20px; line-height: 30px; }
.timeTracking-manual .cmn-field, .timeTracking-manual-inner .fields.week.cmn-field { width: 100%; }
.main-dashboard-admin.timeTracking .select-date-pro { width: 100%; flex-wrap: wrap;}
.main-dashboard-admin.timeTracking .select-date-pro .select-heading, .main-dashboard-admin.timeTracking .dateBlock { width: 100%; }
.main-dashboard-admin.timeTracking .react-datepicker-wrapper input { width: 100%; }
html body .main-dashboard-admin.timeTracking .checklist-header-wrap .fields { width: 100%; }
.totalHoursBlock { flex-wrap: wrap; }
.totalHoursBlock .projectDetailsB { flex: 100%; }
.totalhoursDetails {max-width: 100%;}
.main-dashboard-admin.timeTracking .button-wrapper, .main-dashboard-admin.timeTracking .button-wrapper button { width: 100%; }
.login-page-outer { max-width: 95%; flex: 95%; }
.login-page-inner { padding: 30px 20px; }
.login-page-inner h1 { margin-bottom: 10px; font-size: 22px; }
.details-boxes .project-peo-wrap .project-peo-img {max-width: 100%;}
.opportunityCards .cards, .projectCards .cards { width:100%; }

.date-progress-section { flex-wrap: wrap; }
.progress-radio-out .field { max-width: 500px; margin: 0 auto; }
.date-progress-section .select-date-pro { margin: 20px 0 0 0; justify-content: flex-start; flex-wrap: wrap; width: 100%;}
.date-progress-section .select-date-pro .select-heading { width: 100%; margin: 0 0 10px 0; }
.date-progress-section .dateBlock { width: 100%; }
.date-progress-section .dateBlock input { width: 100%; }

.profile-text h2 {font-size: 20px;line-height: 30px;}
.profile-text {margin: 0 0 30px 0;}
.password-outer-sec h6 {
    margin: 0;
}
.pass-check p {
    word-break: break-all;
}
.password-card.check .pass-check .project-peo-cont {
    max-width: calc(100% - 78px);
    padding-left: 8px;
}
button.btn.btn-primary.back-to-previous i {
    font-size: 16px !important;
}
button.btn.btn-primary.back-to-previous {
    width: 45px;
    height: 45px;
}
.add-distext-btn {
    flex-flow: column;
    align-items: flex-start;
    gap: 15px;
}
.add-discussion {
    flex-flow: column;
}
.discuss-edit.right, .discuss-edit.left {
    width: 100%;
}
.discuss-edit.left {
    margin: 0 0 24px;
}
.psw-tems-btns {
    margin: 0 0 15px 0;
}
.projectDates>ul {
    width: 100%;
    min-width: 620px;
}

.projectDates {
    width: 300px;
    overflow-x: auto;
    min-width: calc(100%);
}
.main-header-dashboard {
    padding: 15px 20px 15px 20px;
 }
 .selectValues:last-child {
    margin-bottom: 0;
}
.totalHoursBlock .projectDetailsB {
    padding: 20px;
}
.team-header-info form { flex-wrap: wrap;justify-content: center;}
.team-header-info .status-and-search-wrap .selectDropdown { max-width: 300px; min-width: 300px; }
.team-header-info .status-and-search-wrap .selectValues { justify-content: center; }
.team-header-info .button-wrapper { width: 100%; justify-content: center; }
form.teamForm .button-wrapper { margin: 0 0 20px 0; }
.team-member-dets .Client-Detail { width: 100%; margin: 20px 0 0 0; }
.team-member-dets .Client-Detail .client-wrap-ot { width: 100%; column-gap: 15px; }
.team-member-dets button.btn { height: 50px; width: 50px !important; }
.team-member-dets button.btn i { font-size: 20px !important; }
.team-member-dets { flex-wrap: wrap; }
.single-field-form { width: 100%; }
.form-add-member { padding: 50px 15px; }
.form-add-member .form-pro-img { margin: 40px 0 0 0; }
.pro-img-tag {margin-top: 40px;}
.modal-content { max-width: 95%; margin: 0 auto; }
.discuss-edit-inner {padding: 30px 15px;}
.download-modal-in .modal-dialog { max-width: 95%; }
.download-modal-in .modal-dialog .file-preview-container { flex-wrap: wrap; }
.download-modal-in .modal-dialog .file-preview { margin: 0; width: 100%; padding: 0; }
.download-modal-in .modal-dialog .sr-head-btn { border-left: none; padding: 30px 0 0 0; border-top: 1px solid #ddd; margin: 30px 0 0 0; }
.download-modal-in .modal-dialog .sr-head-btn h4.modal-title {font-size: 18px;line-height: 28px;font-weight: 500;text-align: center;}
.teamdetails {width: 30.5%;}
.cient-announcement .sr-cstm-combo button i::before { top: 0; }
.main-dashboard-admin.oppounity .main-filter-status-wrapper .selectValues .fields {
width: 100%;
}
.main-dashboard-admin.oppounity .main-filter-status-wrapper .selectValues .fields label {
    width: auto !important;
    min-width: 150px;
}
.main-dashboard-admin.oppounity .main-filter-status-wrapper .selectValues .fields  .selectDropdown {
    max-width: 100%;
}
.dis-chart-users-cont .main-productive-user-wraper {
    grid-template-columns: repeat(2, 1fr);
}
.dis-chart-users-cont .main-productive-user-wraper .team-users-heading-container {
    grid-column: span 2;
}
}
@media (max-width:670px){
.team-header-info.team-page-container .searchBar .search input{
        max-width: 100%;
}
.team-header-info.team-page-container .status-and-search-wrap {
    flex-wrap: wrap;
}
    .team-header-info.team-page-container .status-and-search-wrap .selectDropdown {
        max-width: 100%;
       
    }
       .team-header-info.team-page-container .status-and-search-wrap .selectValues{
        justify-content: flex-start;
       }

.team-header-info.team-page-container .fields {
    width: 100%;
}

.team-header-info.team-page-container .fields label {
    width: fit-content;
}
.productivity-charts-main-cont .main-bar-header-wraper.duration-user-container .fields.week {
    max-width: 100%;
    width: 100%;
}
}
@media (max-width:599px){
    .main-dashboard-admin.oppounity .main-filter-status-wrapper .selectValues .fields label {
        width: auto !important;
        min-width: 100%;
    }
    .main-dashboard-admin.oppounity .main-filter-status-wrapper .selectValues .fields {
        width: 100%;
        flex-direction: column;
    }
    .month-client-filters-wrapper .selectValues .fields.client-field-wrapper {
        flex-wrap: wrap;
    }
    .status-new-discussion-container .dis-btn a{width:100%;}
    .discuss-edit-inner .upload-btn-wrapper button{width:100%; margin:0 0 10px 0 !important;}
.edit-comment-description-files .files-edit-click-display .file-wrapper-edit-click{width:100%;}
.main-dashboard-admin.holiday-pto .checklist-header-wrap .select-date-pro button.global-icon-btn {margin: 0;width: 100%;text-align: center;justify-content: center;} 
.date-progress-section .dateBlock {flex-wrap: wrap; justify-content: center;} 
.main-dashboard-admin.holiday-pto .checklist-header-wrap .select-date-pro {width: 100%;} 
.add-new-holidays-button, .see-all-leaves {padding: 10px 10px;}
.holiday-wrap h1.list-head{width:100%;}   
.leave-info, .strike-info, .holidays-list, .leaves-heading{flex-wrap: wrap;} 
.leave-info > div{width:100%;}
.strike-left, .strike-right {width: 100%;}  
.strike-left{  display: flex;justify-content: space-between;align-items: center;}
.strike-right{border-left: none;border-top:1px solid #DBDBDB;}      
.teamdetails {width: 47.5%;}    
.actionBlock .actionTags button.primaryBtn.darkBtn {max-width: 100%;width: 100%;}
.actionBlock .actionTags span.global-icon-btn {font-size: 18px;text-align: center;}    
.sr-opportunity-Detail-wrap{flex-wrap: wrap; margin:0;}
.sr-opportunity-Detail-wrap .Client-Detail {width: 100%;margin: 10px 0 0 0;}
.sr-opportunity-Detail-wrap .Client-Detail .client-wrap-ot {flex-wrap: wrap;width: 100%;}
.sr-opportunity-Detail-wrap .Client-Detail .client-wrap-ot .row-client-data {width: 100%;margin: 0 0 10px 0;}
.sr-opportunity-Detail-wrap .row-client-data p, .sr-opportunity-Detail-wrap .row-client-data a {font-size: 16px;}
    .cient-announcement .sr-cstm-combo a {  
        width: 100%;
    }  
    .sr-cstm-combo button.global-icon-btn.blue-btn, .sr-cstm-combo button.global-icon-btn.orange-btn {
        margin-right: 0px;
        width: 100%;
        justify-content: center;
    } 
    .opportunity-details-filewraper {
        width: 50%;
    }
    .opportunity-details-filewraper img{height:100px;}
    .main-dashboard-admin .postedNotesBlock .opportunity-details-filewraper p{font-size:15px; line-height: 25px;}
    .fileContainer-opportunity-details{flex-wrap: wrap;}
.button-add-sop { justify-content: center; margin: 15px 0 0; }    
ul#myTab { flex-wrap: wrap; }
ul#myTab li.nav-item button { width: 100%; text-align: center; }
ul#myTab li.nav-item { width: 100%; } 
.cient-announcement .sr-cstm-combo a { width: 100%; }  
.pro-sr-cstm-combo a, .pro-sr-cstm-combo button { width: 100%; text-align: center; }
.sr-cstm-combo button.global-icon-btn.blue-btn, .sr-cstm-combo button.global-icon-btn.orange-btn { margin-right: 0px; width: 100%; justify-content: center; } 
.approve-lists { width: 320px; right: -10px; top: -90px; z-index: 2; }
.project-file-list .project-right { padding: 30px 20px; }
.agency_checkbox_content label {margin: 3px 0 0 0;}  
#projects .client-serch .field { max-width: 100%; margin: 0; }    
div#projects .sr-cstm-combo.clients-dem-btns { justify-content: center; width: 100%; margin: 20px 0 0 0; }   
.client-serch { flex-wrap: wrap; } 
.attached-btn, .discuss-edit-inner .upload-btn-wrapper button.global-icon-btn.orange-btn { font-size: 16px; line-height: 30px; height:50px;}
.fileouter {margin: 0;}
.fileContainer img, .filesContainer img { max-height: 75px; }    
.fileouter .fileContainer .text {font-size: 14px;}
.fileouter .fileContainer {width: 48%;}   
.wrapper-admin { margin-top: 55px; }    
.profile-text .dis-head.cstm-sr-back {column-gap: 10px;}
.profile-text button.global-icon-btn.orange-btn {margin: 0;}    
section.stream article.event>div.action {width: 85%;}   
.opportunityCards .cards, .projectCards .cards { max-width: 100%; }
.projectCards .cards .cardHeader .companyDetail h3 { width: 220px; }
div#projects .addProject .selectValues { flex-wrap: wrap; }
div#projects .addProject .selectValues .fields { width: 100%; flex-wrap: wrap; }
div#projects .addProject .selectValues { width: 100%; margin: 0; flex-wrap: wrap; }
div#projects .addProject .selectValues .fields .selectDropdown { max-width: 100%; min-width: 100%; }
.main-header-dashboard > div img { max-width: 150px; }
.center-header-part h1 { font-size: 16px; }
.avatar-user img { width: 40px; }
.main-header-dashboard .right-side-header{ flex-wrap: wrap; }
.user-profile { width: 100%; justify-content: center; margin: 0 0 15px 0; }
.main-header-dashboard .right-side-header .header-icons { margin: 0; width: 100%; text-align: center; }
.header-icons ul { gap: 10px; justify-content: center; }
.member-card-det .card-det { width: 100%; margin-right: 0; }
.pass-link { flex-wrap: wrap; }
.pass-head { width: 100%; margin: 0 0 20px 0; }
.pass-search { width: 100%; }
.pass-search input { width: 100%; }
.password-outer-sec h6 {font-size: 20px;line-height: 30px;}
div.filed-btns {gap: 0;}
label {font-size: 15px;}
.password-card.check .pass-check .project-peo-cont { padding: 10px 0 0 0px; width: 100%; }
.password-card.check .pass-check { flex-wrap: wrap; }
.password-vault-left .accordion-body .psw-dett { flex-wrap: wrap; }
.password-vault-left .accordion-body .psw-edit { justify-content: flex-start; }
.project-people .project-peo-data a { width: 100%; }
.logo-main-login img { max-width: 250px; }
.dis-head button.btn.btn-primary.back-to-previous {height: 45px;width: 50px;}


.project-task-card {
    padding: 20px;
}
.files-data-inner {
    margin-left: 0;
    margin-right: 0;
}
.view-btn a {
    font-size: 16px;
    line-height: 24px;
 }
 .project-file-list {
    margin-bottom: 0;
}
.notifications-dropdown {right: -180px;width: 320px;}
.team-member-dets .Client-Detail .client-wrap-ot {flex-wrap: wrap;}
.search-tooltip {right: auto;left: 50%;transform: translateX(-50%);}
.checklist-header-wrap .selectValues {flex-wrap: wrap;}
.checklist-header-wrap .fields:first-child .selectDropdown {min-width: 100%;}
.checklist-header-wrap .fields {width: 100%;}
.discuss-edit-inner .upload-btn-wrapper input#fileupload {height: 50px; }
.search-data-inner {
    flex-wrap: wrap;
}
.search-data-inner .progress-client-details {
    width: 100%;
    padding: 10px 0 0 0;
}
.search-data-inner .search-date{  width: 100%;}
.dis-chart-users-cont .main-productive-user-wraper {
display: block;
}
.main-bar-header-wraper.duration-user-container {
    flex-wrap: wrap;
}
.productivity-charts-main-cont .checklist-header-wrap .fields>label {
    max-width: 100%;
}
.productivity-charts-main-cont .main-bar-header-wraper.duration-user-container .fields.week .selectDropdown {
    min-width: 100%;
    max-width: 100%;
}
/* .prod-recharts-label {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.prod-recharts-label h4.prod-recharts-heading {
    width: 100%;
    text-align: center;
} */
}

@media (max-width:480px){ 
    .opportunity-details-filewraper img {
        height: 80px;
    }
.hold-container{flex-wrap: wrap;}
.hold-container > div, .hold-container button, .rejected-btn-container button, .leave-loop button{width:100%;}
.strike-date p {font-size: 14px;}
.strike-logo img {max-width: 100%;}    
.discuss-edit-inner .upload-btn-wrapper input#fileupload { width: 100%; }    
.attached-btn, .discuss-edit-inner .upload-btn-wrapper button.global-icon-btn.orange-btn { width: 100%; }
.discuss-edit-inner .upload-btn-wrapper button.global-icon-btn.orange-btn{margin: 15px 0 0 0;}
.profile-text h2 {font-size: 18px;line-height: 28px;}   
.profile-text button.global-icon-btn.orange-btn {font-size: 14px;} 
section.stream article.event>div.action {width: 80%;}
.checklist-header-wrap .fields { gap: 10px; flex-wrap: wrap; width: 100%; }
.checklist-header-wrap .selectValues { gap: 10px; flex-wrap: wrap; }
.client-det-btns button.global-icon-btn { font-size: 14px; padding: 8px 10px; }
.discussion-bar {flex-wrap: wrap;}
.dis-head {column-gap: 10px;}
.dis-head h6 {font-size: 16px;line-height: 30px;}
.dis-btn a {font-size: 16px;line-height: 20px;    padding: 12px 10px;}
.create-box { width: 100%; border-bottom: 1px solid rgb(112 112 112 / 20%); border-right: none; }
.project-btn button.sr-cstm-primary, .project-btn a.btn.btn-primary, .project-btn a { font-size: 14px; }
.project-btn button.sr-cstm-primary { height: 40px; }
.project-btn a { height: 40px; line-height: 40px; padding: 0 10px; }
.file-grid { width: 100%; }
.project-btn {gap: 8px;}
form.teamForm .button-wrapper { flex-wrap: wrap; justify-content: center; }
form.teamForm .button-wrapper .export-button { width: 100%; text-align: center; }
.team-header-info .button-wrapper .exportBtn{ width: auto; float: none; display: inline-block; }
.team-header-info .status-and-search-wrap .selectDropdown { max-width: 250px; min-width: 250px; }
.project-sr a, .team-log-data { width: 100%; }

    .team-header-info.team-page-container .status-and-search-wrap .selectDropdown {
        min-width: 220px;
    }

    .prod-recharts-label h4.prod-recharts-heading {
    font-size: 22px;
}
}