@media (max-width: 1920px) {  }
@media (max-width: 1680px) {
    .login-box .form-section {
        padding-bottom: 40px;
    }
}
@media (max-width: 1520px) {
    .sticky {
        position: fixed;
        top: 148px;

    }
    .login-box .form-section {
        padding-bottom:40px;
        margin-block: 7em;
    }
/*    hadia*/
/*    sticky note modal*/
    .Search-btn2 input[type="text"] {padding: 15px;}
    .Search-btn2 .magnifier i {margin: 21px 20px;}
    .nav-line-tabs .nav-item .nav-link {
        margin: 0 .5rem;
        margin-left: 0;
    }

}
@media (max-width: 1440px) {
    .login-box .form-section {
        /*padding-bottom: 3rem;*/
         margin-block: 7em;
    }
    .sticky {
        width: 83em;
    }

/* hadia*/
/* login*/
    textarea.formField {
        width: 100%; /* or any width percentage/px */
        height: 150px; /* or any height you prefer */
    }
    .nav-line-tabs .nav-item {
        margin-bottom: .5em;
    }
}
@media (max-width: 1366px) {
/*    Active Jobs    */
    .rounded-card {padding: 20px 15px;}
/*   hadia */
/*    dashboard\job\job-form*/
    .form-card.card .card-header {
        top: 103px;
    }
}
@media (max-width: 1280px) {
    .modal .modal-title.fs-25 {
        font-size: 21px;
    }
    .sticky {
        width: 68em;
    }
    /*    Active Jobs    */
    .table tr td:not(td:last-child) { min-width: 260px;
    }
    .complete_jobs_card{height: calc(100% - 0px);}
   .search_filter label { font-size: 13px;}
    .nav-bar .navbar-nav .nav-link {
        padding-inline: 8px;
        gap: 5px;
        font-size: 13px;
    }
    .nav-item .nav-link i {
        color: black;
        font-size: 12px;
    }
/*    hadia*/
/*    inventory-cat-*/
    .main-yellow-btn {
        /*padding: 10px 7px;*/
    }
/*    modals*/
    #inventoryModal .modal-content{width: 85%;}
    /*    hadia*/
    /*    sticky note-modal*/
    .job_category_modal .modal-dialog {
        max-width: 55%;
    }
    .modal .modal-title {
        font-size: 29px;
    }
}
@media (max-width: 1024px) {
    .logo {
        height: 48px;
        width: 111px;
    }
    .closing-cross {
        height: 28px;
        width: 28px;
    }
    .search_filter label { font-size: 14px;}
    .archive-chart{flex-direction: column-reverse;}
    .archive#kt_card_widget_17_chart {
        transform: scale(1.3);
        padding-bottom: 2em;
    }
    .sticky {
        width: 66em;
    }
/*    hadia*/
/*    hourly-rate*/
    .hourly-rate-card .card-body {
        padding: 1rem 2.25rem;
    }
    .modal .modal-title {
        font-size: 28px;
    }
    #subcategory_modal .modal-title {
        font-size: 25px;
    }
    #subcategory_modal .modal-dialog {
        max-width: 60%;
    }

}
@media (max-width: 991px) {
    /*    Active Jobs    */
    h3 {
        font-size: 22px;
    }
    h5 {
        font-size: 14px;
    }
    .fs-35 {
        font-size: 28px;
    }
    .fs-25 {
        font-size: 22px;
    }
    .logo {
        height: 50px;
        width: 120px;
    }
    .parent-card .expand-box {
        max-width: 13em;
    }
    .sticky {
        width: 56em;
    }
    .job-detail .card .card-body {
        padding: 4.5rem 2.25rem;
    }
    /*.app-header-menu.app-header-mobile-drawer{display: block;}*/
    .app-navbar-item.notification-nav,.app-navbar-item.setting-nav,.navbar-toggler{display: none;}
    .add_part_invn {
        min-width: 795px;
    }
    /*hadia*/
    /*dashboard\job\job-form*/
    .form-card.card .card-header {
        top: 0;
    }
/*    hadia*/
/*    login*/
    .form-sec-container {
        width: 60%;
    }
    .login-box .form-section{
        /*padding-bottom: 15rem;*/
    }
    /*    hadia*/
    /*    sticky note-modal*/
    .job_category_modal .modal-dialog {
        max-width: 65%;
    }
    #subcategory_modal .modal-dialog {
        max-width: 70%;
    }

}
@media (max-width: 800px) {
    .card .card-header {
        /*padding: 0;*/
    }
    .add_part_invn {
        min-width: 770px;
    }
    .sticky {
        width: 55em;
    }
    .job-detail .card .card-body {
        padding: 6.5rem 2.25rem;
    }
}
@media (max-width: 767px) {
    /*    Active Jobs    */
    .fs-35 {
        font-size: 25px;
    }
    .fs-25 {
        font-size: 21px;
    }
    h1 {
        font-size: 28px;
        line-height: 1.2;
    }
    h5 {
        font-size: 14px;
        line-height: 1.2;
    }
    .fs-16 {
        font-size: 14px;
    }
    .sticky {
        width: 41em;
    }
    .nav-line-tabs .nav-item .nav-link {
        margin: 0 .5rem;
    }
    .parts-retail {
         padding-left:1em;
    }
    .job-detail .formField {
        width: 100%;
        border-radius: 15px;
    }
    .dropdown-content li {
        padding: 3px 9px;
    }
    .dropdown-content {  min-width: 16em;
    }
    .accordion-active-job-card{height: calc(100% - 40px);}
    .round-badge { width: 70px;}
    .add_part_invn {
        min-width: 600px;
    }
   .modal .modal-title {
        font-size: 23px;
    }

/*    hadia*/
/*    stickynote modal*/
    .nav-line-tabs .nav-item:first-child .nav-link {
        margin-left: 0;
        margin-right: 0;
    }
    p.fs-12.brown-txt.medium {
        margin-bottom: 0;
    }
    .logo-div {
        justify-content: center;
    }
/*    hadia*/
/*    modals*/
    .modal-dialog {
        display: flex;
        justify-content: center;
    }
    .modal-content{
        width: 100%;
    }


    /*hadia*/
    /*sticky note modal*/
    .job_category_modal .modal-dialog {
        max-width: 80%;
    }
    #subcategory_modal .modal-dialog {
        max-width: 90%;
    }
    .description.show, .expand_parent.show {
        height: 93%;

    }

}
@media (max-width: 600px) {
    .fs-18 {
        font-size: 15px;
    }
    h1 {
        font-size: 26px;
    }
    .sticky {
        width: 32em;
    }
    .job-detail .card .card-body {
        padding: 8rem 2rem;
    }
    /*    Active Jobs    */
    .Hamburger_div{
        /*width: 100%;*/
        justify-content: space-between;}
    .active-job-chart {
        flex-direction: column-reverse;
        gap: 18px;
    }
    .nav-line-tabs .nav-item .nav-link {padding: 12px 13px;}
    .accordion-body{padding-inline: 0;}
    .search_filter, .search_filter label {
        font-size: 13px;
    }
    .modal .modal-title.fs-25 {
        font-size: 18px;
    }
    .filter-descending::after {bottom: 8px;}
    .card .card-body {
        padding: 2rem 2rem;
    }
    .job-detail .header-btns .main-yellow-btn, .yellow-btn {
        width: 100px; text-align: center;
    }
    .modal .yellow-btn, .modal .add_btn_modal.main-yellow-btn {
         width: fit-content;    padding: 10px 7px;
    }
    .add_part_invn {
        min-width: 473px;
    }
    .modal-dialog {
        margin-inline: 4em;
    }
/*    hadia*/
/*    login*/
    .login-logo {width: 165px;}
    .form-sec-container {width: 75%;}
    .login-box .form-section{
        padding: 25px;
        /*padding-bottom: 8rem;*/
    }
    .fs-40 {font-size: 30px;}
    body{background: red;}
    /*hadia*/
    /*hourly rate*/
    .hourly-rate-card{
        flex-direction: column;
    }
    .job_category_modal .modal-dialog {
        max-width: 95%;
    }
    .swal2-popup {
        padding: 1rem; width: 70%;
    }
    /*hadia*/
    /*employee modal*/
    #employees .modal-dialog {
        max-width: 90%;
        margin-left: 2rem;
    }
    #subcategory_modal .modal-dialog {
        margin-left: 2rem;
    }
    .show-main { flex-direction: column; }
    .cancel-save { align-items: center; }
}
@media (max-width: 480px) {
    h3 {font-size: 20px;}
    .fs-15 {
        font-size: 13px;
    }
    .fs-16 {
        font-size: 13px;
    }
    .fs-14{
        font-size: 12px;
    }

    .parent_noti h6 {
        font-size: 13px;
        line-height: 1.2;
    }
    .sticky {
        width: 27em;
    }
    .job-detail .card .card-header {
        padding: 0px 0.25rem;
    }
    .job-detail .main-yellow-btn {padding: 10px 13px;  }
    .form-card.card .card-header {
        padding: 16px 7px;
    }
    .card .card-body {
        padding: 2rem 1.5rem;
    }
    input, input.form-input, input.form-control, textarea, textarea.form-control, select, select.form-select {
        padding: 10px 11px; }
    .mini-edit-btns button {
        width: fit-content;
    }
    .employee-btns{flex-direction: column;}
    #inventoryModal .modal-content {
        width: 90%;
    }
    .add_part_invn {
        min-width: 405px;
    }
    .modal .modal-title {
        font-size: 19px;
    }
    .general_form .main-yellow-btn {
        width: 100%;
    }
    .closing-cross {
        height: 25px;
        width: 25px;
    }
    .seach-dropdown .dropdown-content {
        inset: 1em -1em auto auto !important;
    }
}
@media (max-width: 414px) {
    h1 {
        font-size: 23px;
    }
    .main-btn.download-file-btn {
        padding: 10px 5px;
    }
    .parent-card .expand-box {padding: 8px 11px;}
    .dropzone { padding: 1.5rem 0.75rem;}
    .swal2-popup {
        width: 84%;
    }
    .swal2-popup .swal2-html-container {
          margin-top: 0.25rem;
    }
    .job-detail .card .card-body {
        padding: 7rem 2rem;
    }
    .sticky {
        width: 19em;
    }
    .column-buttons{flex-direction: column;}
    .button-full,.modal .button-full > button,.button-full > a{width: 100%;}
    /*hadia*/
    /*dashboard\job\job-form*/
    .fs-32 {font-size: 28px;}
    .fs-14 {font-size: 11px;}
    h3 {font-size: 17px;}
    /*.container{padding-right: 0 !important;padding-left: 0 !important;}*/
    .main-btn{padding: 10px 9px;}
    .job-form-main-heading{padding-inline: 0;}
    .form-card .select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
        font-size: 12px;
    }
    .add_part_invn {
        min-width: 306px;
    }
    .form-input {padding: 9px 16px;}
    .modal-dialog {
        margin-inline: 2em;
    }
/*    hadia*/
/*    login*/
    .login-box .form-section{
        padding: 15px;
    }
    .form-sec-container {
        width: 81%;
    }
    #sticky_note_grid .card {
        margin-inline: 1em;
    }
    .modal-header ,.modal-body, .modal-footer {
        padding: 1rem;
    }
/*    hadia*/
/*    sticky note modal*/
    .sticky-note-search-section .main-yellow-btn{
        width: 100%;
    }
/*    hadia*/
/*    modals*/
    .modal-buttons .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon){
        padding: calc(.775rem + 1px) calc(1rem + 1px);

    }
    /*hadia*/
    /*employee modal*/
    #employees .modal-dialog {
        margin-left: 1.5rem;
    }
    #category_modal .modal-dialog,#subcategory_modal .modal-dialog {
        margin-left: 1.5rem;
    }
    .forms-top-btns{flex-direction: column;}
    /*.forms-top-btns ,.forms-top-btns .main-btn,.forms-top-btns .yellow-btn,.forms-top-btns  .main-yellow-btn{width: 100%}*/
    /*.main-yellow-btn {padding: 10px 3px;}*/


}
@media (max-width: 320px){
    /*hadia*/
    /*hourly rate modal */
    .modal .modal-title{
        font-size: 18px;
    }

}