@media(min-width:1600px) {
    .task_info--modal.custom-modal {--bs-modal-width: 1500px;}
    .login-wrapper .login--left-inner .login-banner-heading{
        font-size: 35px;
        line-height: 50px;
    }
}

@media(min-width:1400px) and (max-width:1599px) {
    .task_info--modal.custom-modal {--bs-modal-width: 1360px;}
}
@media(max-width:1300px){
    .my-task-card .my-task-card-header p{font-size: 18px;}
}
/* @media(max-width:1200px){
    .notification-icon svg{height:24px;width: 18px;}
    .my-task-card .my-task-card-header p{font-size: 12px;}
    .main-form .form-control {font-size: 12px;}
    .user-profile .user-tabs.nav-tabs{width: 180px;}
    .top-menu .nav-link {font-size: 12px;}
    .top-menu .top-menu-icon svg{height: 18px;width: 16px;}
    .my-task-card .my-task-body .my-task-desc{font-size: 12px;}
    .border-box{font-size: 12px;}
    .sub-header .sub-header-menu ul li a{font-size: 12px;}
    .my-task-card .my-task-card-header .my-task-right{height: 26px;width: 26px;padding-top: 1px;}
} */
@media(max-width:1300px){
    .mt-100 {margin-top: 75px;}
    .top-menu{padding: 5px;}
    .top-menu .top-right-menu .user-img img{width: 40px !important;height: 40px !important;}
    .navbar-brand {padding: 0px;}
    /* .navbar-brand .logo svg rect{width: unset;height: unset;} */
    .navbar-brand .logo svg{width: auto;height: 50px;}
    .top-menu .top-right-menu .notification-icon .badge-danger {width: 14px;height: 14px;}
    .top-menu .top-right-menu .notification-icon .badge-danger p {font-size: 10px;}
    .btn-theme , .btn-outline {font-size: 14px;}
    .notification-icon svg{height:20px;width: 14px;}
    .profile-img img {height: 25px;width: 25px;}
    .my-task-card .my-task-card-header p{font-size: 11px;}
    .main-form .form-control , .main-form input{font-size: 11px;}
    .main-form .form-control::placeholder , .form-select::placeholder , .main-form .form-select{font-size: 12px !important;}
    .main-form label{font-size: 11px;}
    /* .main-form .search-box .input-icon {top: 0px;} */
    .user-profile .user-tabs.nav-tabs{width: 180px;}
    .top-menu .nav-link {font-size: 11px;}
    .top-menu .top-menu-icon svg{height: 18px;width: 16px;}
    .my-task-card .my-task-body .my-task-desc{font-size: 11px;}
    .border-box{font-size: 11px;}
    .sub-header .sub-header-menu ul li a{font-size: 11px;}
    .my-task-card .my-task-card-header .my-task-right{height: 26px;width: 26px;padding-top: 2px;font-size: 14px;}
    .border-box .border-box-icon {height: 23px;min-width: 23px;padding: 0px 2px 2px;white-space: nowrap;text-align: left;}
    .border-box .border-box-icon svg{width: 12px;height: 12px;}
    .projects-sec .emp-name {width: 116px;padding-left: 0px !important; padding-right: 0px !important;}
    .custom-progress{width: 35px;}
    .example-box{font-size: 11px;display: block;}
    .my-task-card .my-task-body{padding: 7px 7px;}
    .my-task-card .my-task-body .my-task-footer {gap: 2px;}
    .my-task-card .my-task-body .my-task-body-header p{font-size: 10px;}
    .custom-progress span{font-size: 11px;}
    .custom-modal .modal-title{font-size: 15px;}
    .angular-editor .angular-editor-wrapper.show-placeholder .angular-editor-placeholder{font-size: 12px;}
    .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {font-size: 12px;}
    .create-task-form .input-wrapper .mat-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-select-trigger .mat-select-value .mat-select-value-text .mat-select-min-line{font-size: 12px;}
    .error-text{font-size: 10px;}
    .create-task-form label svg {width: 12px;height: 12px;}
    /* .project-timeline{font-size: 11px;} */
    .projects-sec .project-timeline .middle-col .project-timer{font-size: 16px;}
    .projects-sec .project-timeline .middle-col .btn-action button{height: 20px;width: 20px;border-radius: 3px;}
    .projects-sec .project-timeline .middle-col .btn-action button svg {width: 11px;margin-top: -3px;margin-left: 1px;}
    .project-timeline .middle-col .btn-action button {height: 20px;width: 20px;border-radius: 3px;}
    .project-timeline .middle-col .btn-action button svg {width: 11px;margin-top: -3px;margin-left: 1px;}
    .project-timeline .middle-col .btn-action .btn-play-stop svg {width: 11px;margin-top: -1px;margin-left: 1px;}
    .my-task-body-header .btn-play svg{width: 11px;height: 11px;}
    .project-title{font-size: 12px;}
    .small-title{font-size: 15px;}
    .timeline-card .timeline-title {font-size: 12px;}
    .timeline-card .timeline-desc .time {font-size: 11px;}
    .timeline-card .timeline-desc .project-nm{font-size: 11px;}
    .timeline-card .timeline-desc .project-id {font-size: 11px;}
    .timeline-card .timeline-desc .project-dsc{font-size: 11px;}
    .timeline-card .border-box .border-box-icon{font-size: 11px;}
    .timeline-card .border-box .border-box-icon{padding: 1px 3px 3px;}
    .timeline-card .border-box img {height: 17px; width: 17px;}
    .custom-card .small-title{font-size: 12px;}
    .custom-card .project-img {height: 50px;width: 50px;}
    .custom-card .custom-card-body .log-hrs p {font-size: 10px;}
    .custom-card .custom-card-body .completed-txt p {font-size: 10px;}
    .custom-card .custom-card-body .day-box{font-size: 11px;}
    .custom-card .custom-card-body .day-box .no {height: 18px;width: 24px;}
    .custom-card{padding: 8px;}
    .top-search-bar h5{font-size: 18px;}
    .timesheet.table-responsive .timesheet-table.table thead tr th{font-size: 12px;}
    .timesheet.table-responsive .timesheet-table.table tbody tr td{font-size: 12px;}
    .top-search-bar .form-group.search-input input[type=text] {font-size: 12px;padding: 3px 10px;}
    .timesheet.table-responsive{margin-top: -25px;}
    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td{line-height: 20px !important;font-size: 10px !important;min-width: 26px !important;width: 26px !important;}
    .record-found-msg{font-size: 15px;}
    .custom-nav-tabs .nav-pills .nav-link{font-size: 13px;}
    .task-info{font-size: 12px;}
    .view-task-modal .comment-input label {font-size: 12px;}
    .custom-nav-tabs .small-title{font-size: 12px;}
    .view-task-modal .comment-input textarea::placeholder{font-size: 12px;}
    .tags {margin: 0px;}
    .tags span {font-size: 12px;padding: 2px 10px;}
    .custom-nav-tabs .attached-file-sec .attached-file{font-size: 12px;padding: 3px 18px 3px 6px;}
    .view-task-modal .comment-card p {font-size: 12px;}
    .view-task-modal .comment-card .comment-card-footer span .user-icon svg {width: 12px !important;}
    .view-task-modal .comment-card .comment-card-footer span svg {width: 14px;height: 14px;}
    .view-task-modal .comment-card .comment-card-footer {gap: 6px;}
    .custom-nav-tabs button{margin: -10px 0px !important;}
    .custom-table thead th , .custom-table tbody tr td{font-size: 12px;}
    .custom-nav-tabs .attached-file-label{font-size: 12px;}
    .custom-offcanavs .offcanvas-body-header .small-title {font-size: 12px !important;}
    .hour-log-per{font-size: 12px;}
    /* .paper-clip-icon svg{height: 7px;width: 17px;} */
    .custom-offcanavs .offcanvas-header .offcanvas-name{font-size: 12px;}
    .custom-offcanavs .offcanvas-header .offcanvas-name img {height: 22px;width: 22px;}
    .custom-offcanavs .offcanvas-body-desc p {font-size: 12px;}
    .custom-offcanavs .offcanvas-header .offcanvas-time {font-size: 11px;}
    .offcanvas-time svg{height: 15px !important;}
    .swal2-title {font-size: 25px !important;}
    .swal2-html-container{font-size: 15px !important;}
    .swal2-icon.swal2-warning.swal2-icon-show {height: 70px !important;width: 70px !important;}
    .swal2-styled.swal2-confirm ,.swal2-styled.swal2-cancel {font-size: 14px !important;}
    .create-project-form .form-control{font-size: 12px;}
    .form-label , .form-control , .search-input {font-size: 12px;}
    .form-control {padding:4px 10px;}
    .form-label svg{width: 15px;height: 15px;}
    .angular-editor .angular-editor-wrapper .angular-editor-textarea{font-size: 12px;}
    .owl-dt-container ,.owl-dt-container , .owl-dt-control-button {font-size: 13px;}
    .swal2-popup.swal2-toast .swal2-title {font-size: 16px !important;}
    .my-task-body h5{font-size: 16px;}
    .timepicker-dial__control , .timepicker-dial__time{font-size: 35px !important; text-align: center !important;}
    .timepicker__header{padding: 10px 20px !important;}
    .clock-face{height: 250px !important; width: 250px !important;padding: 0px !important;}
    /* input:-webkit-autofill{font-size: 11px !important;} */
    .main-form .input-wrapper input{font-size: 16px !important;}
    .login-wrapper .login-card h3 {font-size: 25px;}
    .login-wrapper .login-card p {font-size: 14px;}
    .main-form .input-error svg ,.main-form .input-wrapper .input-icon svg {height: 18px;width: 18px;}
    .login-wrapper .signin-btn-wrapper span {font-size: 12px;}
    .document-wrapper .document-tbl td{font-size: 12px;}
    .document-wrapper .document-tbl th{font-size: 14px;}
    .document-wrapper .document-tbl td svg{height: 14px;}
    .due-date{font-size: 12px;}
    .backlog-section .backlog-issue-card .issue-card-body .issue-detail{font-size: 12px;}
    .issue-card-body .border-box .border-box-icon{text-align: center;}
    .issue-card-body .border-box .border-box-icon svg{margin-top: 4px;}
    .notes-wrpper .notes-card .notes-card-header svg , .notes-wrpper .notes-card .notes-card-header .user-info .u-date svg {width: 12px;}
    .notes-wrpper .notes-card .notes-info , 
    .notes-wrpper .notes-card .notes-card-header .user-info .u-name {font-size: 12px;}
    .notes-wrpper .notes-card .notes-card-header .user-info img {height: 25px;width: 25px;}
    
}

@media(max-width: 991px){
    .my-task-card{margin-bottom: 1em;}
    .timeline-card .timeline-desc { flex-wrap: wrap;}
    .timeline-card .border-box .border-box-icon{margin-right: 2px;}
    .custom-owl-carousel .owl-nav .owl-next,.custom-owl-carousel .owl-nav .owl-prev { padding:40px 10px!important; }
    .custom-owl-carousel .owl-nav .owl-next { right: -5px;}
    .custom-owl-carousel .owl-nav .owl-prev { left: -6px;}
    .user-profile .user-tabs.nav-tabs{position: relative; height: auto; display: inline-block; width: unset;}
    .user-profile .user-tabs.nav-tabs::before{content: unset;}
    .user-profile .user-tabs .nav-item{display: inline-block;}
    .nav-tabs-wrapper{text-align: center;}
    .header-topmenu-dropdown{
        left: 0px !important;
    }
    .dropdown-menu{ right:0px !important;}
    /* .custom-card .custom-card-header .project-dropdown .dropdown-menu{left: unset !important;} */
}

@media(max-width:767px){
    .login-card{min-width: 400px !important;}
    .custom-offcanavs{width: 90% !important;}
    .projects-sec .project-task-list-wrapper .project-task-list {width: 100%;}
}
@media(max-width:567px){
    .login-wrapper .login-card{min-width: 90% !important;width: 90%;}
    .login-wrapper .login-card{padding: 1rem !important;}
    .login-wrapper .signin-btn-wrapper {flex-direction: column-reverse;}
    .btn-theme {padding: 6px 16px !important; }
    /* .logo svg{width: 140px !important;} */
    .project-timeline{flex-wrap: wrap;}
    .project-timeline .first-col {max-width: 99%; }

    .top-search-bar{flex-wrap: wrap;}
}
@media (max-width:360px) {
    .sub-header .project-dropdown-wrapper .dropdown-menu.project-dropdown .dropdown-item .dropdown-submenu {
        right: 100%;
        left: unset;
    }
}