@media (min-width: 1580px) {
    .search_bar-header {
        max-width: 32% !important;
        margin-left: 15px;
        width: 100%;
    }
}

@media (min-width: 1480px) {
    .search_bar-header {
        max-width: 28%;
        width: 100%;
    }

    .folder-structure.drawing-icons .card-title {
        font-size: 18px;
    }

    .cust-col-set-photo .col-lg-3 {
        max-width: 345px;
    }

    td.grid-viewtd {
        margin-right: 8px;
    }
}

@media (max-width: 1460px) {
    .photos-box {
        height: 170px;
    }

    .drawing-icons .img-folder img {
        margin-left: 0px;
    }

    #openseadragon-container {
        margin: auto 10px;
    }

    .filter-section {
        height: 95%;
    }

    #customNavMenus li a,
    #customNavMenus li.active a {
        padding: 8px 9px;
    }

    #customNavMenus li a {
        padding: 8px 9px;
    }

    .search_bar-header {
        max-width: 21%;
        width: 100%;
    }

    .header.sticky.petty-header .nav_center ul {
        gap: 5px !important;
    }

    .grid-view table tbody tr {
        width: 32%;
        padding-left: 1%;
    }

    input.dis-chk.checkDis {
        margin-left: 0px;
    }
}

@media (min-width: 1366px) {
    .nav_center {
        min-width: 39.063vw;
    }

    .grid-view .table > :not(:first-child) {
        border-top: 0px solid #e9ebfa;
        border-right: 1px solid #e9ebfa;
    }

    .grid-view table tbody tr {
        padding-left: 1%;
    }
}

@media (max-width: 1366px) {
    .nav_center {
        min-width: 39.063vw;
    }

    .header_gap .kinnect-img {
        display: none;
    }

    .hor-header.header {
        padding: 0.4rem 1rem !important;
    }

    .hor-header .responsive-navbar.navbar .navbar-collapse {
        top: 75px;
    }

    .header.sticky.petty-header .nav_center ul {
        gap: 5px !important;
        color: #000000;
    }

    .nav_center ul li {
        font-size: 15px;
    }

    .loginFrm-section {
        padding-top: 0em !important;
    }

    .folder-structure.drawing-icons .card-title {
        font-size: 14px;
        margin-bottom: 10px !important;
    }

    .drawing-icons .img-folder img {
        margin-left: 0px;
    }

    .cust-col-set .col-lg-3 {
        max-width: 33%;
        flex: 0 0 40%;
    }

    .cust-col-set-photo .col-lg-3 {
        max-width: 33%;
        flex: 0 0 40%;
    }

    #customNavMenus li a,
    #customNavMenus li.active a,
    #customNavMenus li a {
        padding: 8px 9px !important;
    }

    .changeLogSearch {
        width: 40%;
    }

    .review-drawing-pdf ol.breadcrumb.breadcrumb-style2 {
        margin-top: 0px;
    }

    .review-drawing-pdf .page-header {
        margin-bottom: 0px !important;
    }

    form#editDrawingForm-1 .card-footer {
        padding: 1rem;
    }

    form#editDrawingForm-1 .card-body {
        padding: 0rem 1.5rem;
    }

    .main-content .card .table th,
    .main-content .card .table td {
        font-size: 12px;
    }

    .set-logbtn .btn,
    .myedit-btn,
    .mydelete-btn {
        padding: 3px 5px;
    }

    .num-thumb {
        width: 24px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: 1px solid #2a8ec9;
        position: absolute;
        left: 6px;
        font-size: 14px;
        top: 3px;
    }
}

/*write new css form media query 24th oct  start*/
@media screen and (min-width: 1366px) and (max-width:1580px) {

    .main-content .card .table th,
    .main-content .card .table td {
        font-size: 12px;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}

/*write new css form media query 24th oct  end*/

@media (max-width: 1280px) {
    .responsive-navbar.navbar .navbar-collapse {
        padding: 16px;
    }

    .hor-header.header {
        box-shadow: 0px 6px 18px rgba(196, 205, 224, 0.1);
        z-index: 10;
        top: 0;
    }

    .search_bar-header {
        max-width: 40%;
        width: 100%;
    }

    .responsive-navbar.navbar .navbar-collapse {
        position: fixed;
        width: 100%;
        background: #ffffff;
        margin-top: 0;
        z-index: 999;
        top: 88px;
        border-bottom: 1px solid #ffffff;
        border-top: 1px solid #eaedf7;
        padding-left: 1rem;
        padding-right: 0.3rem;
        left: 0;
        right: 0;
        box-shadow: 0 0.15rem 1.75rem 0 rgba(196, 205, 224, 0.2);
        display: none;
    }

        .responsive-navbar.navbar .navbar-collapse.show {
            display: block;
        }

    .nav-link.icon.vertical-icon {
        display: block !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .width-title {
        width: 50%;
    }

    .main-content .card .table th,
    .main-content .card .table td {
        font-size: 14px;
    }

        .main-content .card .table td svg.m-1.min-w-24 {
            display: none !important;
        }

    .delivery-line div:nth-child(2) {
        margin-top: 0 !important;
    }
}

@media (min-width: 1280px) {
    .toolcover .icon-btn {
        margin-bottom: 15px;
    }
}

@media (min-width:991px) and (max-width:1280px) {
    #OtherDropdowns-container .d-flex.flex-wrap {
        margin-top: 12px;
    }

    .grid-view table tbody tr:last-child {
        margin-left: 0;
    }

    .nav_center ul {
        gap: 25px;
    }

    .hor-header.header {
        padding: 0.4rem 1rem !important;
    }

    #openseadragon-container {
        margin: auto 0px 0px 15px;
    }

    .responsive-navbar.navbar .navbar-collapse.show {
        display: block;
    }

    form#editDrawingForm-1 .card-body {
        padding: 0.8rem;
    }

    form#editDrawingForm-1 .card-header {
        padding: 0.8rem;
    }

        form#editDrawingForm-1 .card-header .card-title {
            font-size: 1rem;
        }

    form#editDrawingForm-1 .card-footer .btn {
        font-size: 14px;
        padding: 5px 8px;
    }

    .drwaing-pdfnum:after {
        right: -5px;
    }

    .fileDownloadSection .tableScroll {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width:1024px) and (max-width:1180px) {
    .hor-header .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    div.table-responsive > div.dataTables_wrapper > div.row {
        margin: 0;
        margin-top: 10px;
    }

    .drawing-icons .img-folder img {
        margin-left: 0px;
        width: 110px;
    }

    .folder-header .drawing-icons {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .text-custom-folder {
        margin-top: 0px;
        margin-left: 6px;
    }

    .folder-header {
        flex-wrap: wrap;
    }

    .drawing-icons .img-folder img {
        margin-left: 0px;
    }

    .folder-structure .card {
        margin-bottom: 24px;
        min-height: 90%;
    }

    .search_bar-header {
        max-width: 40%;
    }

    .cust-col-set .col-lg-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .cust-col-set-photo .col-lg-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .changeLogSearch {
        width: 50%;
    }

    .width-title {
        margin-right: 10px;
    }

    .pdf-height {
        max-height: 70vh;
    }

    .custom_viewer_height {
        height: 67vh;
    }

    .drwaing-pdfnum:after {
        right: -6px;
    }
}

@media (min-width:768px) and (max-width:1180px) {
    .grid-view table tbody tr {
        width: 49%;
        padding-left: 1%;
    }

        .grid-view table tbody tr:last-child {
            margin-right: 0;
            margin-left: 0;
        }

    #teams-table tr {
        display: block;
        margin-bottom: 10px;
        border-radius: 4px;
        overflow: hidden;
        width: 49%;
        padding: 3px 0px 10px;
        border: 1px solid #d3dfea;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        background: #fff !important;
        margin-bottom: 10px;
    }

    #teams-table td {
        display: block;
        text-align: left;
        border: none;
        background-color: #ffffff;
        box-shadow: none;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0px;
    }

    #teams-table tbody {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    #teams-table thead {
        display: none;
    }

    .set-table-order table#teams-table tr {
        display: flex !important;
        flex-direction: column;
    }

    table#teams-table tr {
        min-height: 153px;
    }

    .set-table-order .table.set-action tr td {
        font-size: 14px !important;
        white-space: normal;
        color: #263871;
    }


    .set-table-order #teams-table td:nth-child(2) {
        order: 0;
        font-weight: bold;
        padding-bottom: 0px !important;
        line-height: 17px;
        font-size: 17px !important;
        color: #263871;
    }

    .set-table-order #teams-table td:nth-child(1) {
        order: 1;
        margin: 0;
        padding-bottom: 10px !important;
        font-size: 16px !important;
    }

    .set-table-order #teams-table td:nth-child(5) {
        order: 2;
        padding-bottom: 0px !important;
        line-height: 20px;
    }

    .set-table-order #teams-table td:nth-child(3) {
        order: 3;
        padding-top: 0px !important;
        padding-bottom: 0 !important;
    }

    .set-table-order #teams-table td:nth-child(4) {
        order: 4;
        padding-top: 0px !important;
    }

    .set-table-order #teams-table td:nth-child(6) {
        order: 6;
        padding-top: 0px !important;
    }


    .set-table-order #teams-table .mobile-title {
        display: none;
    }

    thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
        border-style: none;
    }

    table#teams-table {
        border: 0;
    }

    .reedit-section {
        order: 8;
        text-align: end !important;
    }

    .report-dropdown-area .dropdown-content {
        height: 300px;
    }
}

@media (max-width: 991px) {
    .name-full-msg em {
        display: none;
    }

    .name-full-msg .info-notes {
        color: #2a8fca;
        margin-left: 5px;
        display: inline-block;
    }

    .stepper-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .subst-badges-group {
        flex-direction: column;
    }

    .badges_grp-sum {
        flex-wrap: wrap;
        gap: 10px;
    }

    .header-brand {
        margin: 0;
        width: 100%;
    }

    .header_gap .kinnect-img {
        display: none;
    }

    .header-notify {
        display: none;
    }

    .responsive-gap {
        gap: 11px;
    }

    .new_logo {
        margin: 0px auto;
    }

    .zoom-btn-section {
        margin-top: 20px;
    }

    .photos-info-close {
        margin: 0px 0px 15px 0px;
        position: relative;
        left: 12px;
    }

    .photo-info-area {
        display: none;
    }

    .hor-content {
        margin-top: 20px;
    }

    .img-folder {
        margin-right: 1rem;
    }

    .folder-structure .card {
        height: 90%;
    }

    .folder-structure.drawing-icons .card-title {
        font-size: 16px;
    }

    div#OtherDropdowns-container .d-flex.flex-wrap {
        justify-content: end;
    }

    .modalbox-sec {
        margin: 1rem;
    }

    .fileDownloadSection .tableScroll {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:820px) {
    .fileDownloadSection .tableScroll {
        grid-template-columns: repeat(1, 1fr);
    }
}

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

    .logtable-ipad.view-grid-table .table tr,
    #reportViewTable tr {
        display: block;
        margin-bottom: 10px;
        border-radius: 4px;
        overflow: hidden;
        width: 49%;
        padding: 3px 0px 10px;
        border: 1px solid #d3dfea;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        background: #fff !important;
        margin-bottom: 10px;
    }

    /*.logtable-ipad.view-grid-table .table tbody tr:first-child {
        width: 100%;
    }*/

    table#changelog_list,
    table#contact_company-list {
        border: 0 !important;
    }

        table#contact_company-list tr {
            padding: 10px 0px;
        }

    #project-list .mobile-title {
        display: none;
    }

    .logtable-ipad.view-grid-table .table td,
    #reportViewTable td {
        display: block;
        text-align: left;
        border: none;
        background-color: #ffffff;
        box-shadow: none;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .projectlist-tbl-order .table tr,
    table#reportViewTable tr {
        display: flex;
        flex-direction: column;
    }

    table#reportViewTable tbody {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    table#reportViewTable tr {
        min-height: 146px;
    }

    .projectlist-tbl-order .table tr td {
        font-size: 14px !important;
        white-space: normal;
        width: 95%;
    }

    .productline-tags .project-tag {
        margin-bottom: 5px;
    }

    table#project-list {
        border: 0;
    }

        table#project-list tr {
            min-height: 170px;
            padding: 10px 0px;
        }

    table#reportViewTable td {
        white-space: nowrap !important;
        padding: 0px 10px !important;
    }

    table#project-list tbody td span {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .projectlist-tbl-order .table td:nth-child(2) {
        order: 0;
    }

    .projectlist-tbl-order .table td:first-child {
        order: 0;
        margin: 0;
        padding-top: 0px !important;
        padding-bottom: 5px !important;
        font-size: 16px !important;
    }

    .projectlist-tbl-order .table td:nth-child(3) {
        order: -1;
        font-weight: bold;
        padding-bottom: 0px !important;
        line-height: 27px;
        font-size: 17px !important;
    }

    .projectlist-tbl-order .table td:nth-child(4) {
        order: 4;
    }

    .projectlist-tbl-order .table td:nth-child(5) {
        order: 0;
    }

    table#changelog_list .idthead .mobile-title {
        min-width: auto;
    }

    .logtable-ipad.view-grid-table tbody {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .logtable-ipad.view-grid-table .table thead {
        display: none;
    }

    .logtable-ipad.view-grid-table .set-logbtn {
        position: absolute;
        top: 7px;
        right: 0;
    }

    .logtable-ipad.view-grid-table tbody {
        border-style: none;
    }

    .logtable-ipad.view-grid-table table.table-bordered.dataTable {
        margin: 0px !important;
    }

    .logtable-ipad .mobile-title {
        color: #263871 !important;
        font-weight: 600 !important;
        display: inline-block;
        min-width: 100px;
        margin-bottom: 0;
    }

    table#contact_company-list .mobile-title {
        color: #000 !important;
        display: none;
    }

    table#contact_company-list td {
        white-space: nowrap !important;
    }

    .logtable-ipad.view-grid-table table td {
        line-height: 22px;
        padding: 0px 10px !important;
    }

    .idthead {
        line-height: 35px !important;
    }

    .logsdescription {
        font-size: 15px !important;
        margin-bottom: 8px;
    }

    .logsnumber {
        font-size: 17px !important;
        color: #263871;
        font-weight: bold;
    }

    td.logsdescription .mobile-title {
        min-width: auto;
    }

    .logtitle {
        font-size: 17px !important;
        font-weight: bold;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .logtable-ipad.view-grid-table a.btn.docFilebtn img {
        width: 38px;
        height: 35px;
    }

    .directortaction {
        justify-content: end;
    }

    .set-table-order.directry-people .table tr {
        display: flex;
        flex-direction: column;
    }

        .set-table-order.directry-people .table tr td {
            font-size: 14px !important;
            white-space: normal;
            color: #263871;
        }

    .set-table-order.directry-people .table td:nth-child(2) {
        order: 0;
        font-weight: bold;
        padding-bottom: 0px !important;
        line-height: 17px;
        font-size: 17px !important;
        color: #263871;
    }

    .set-table-order.directry-people .table td:nth-child(1) {
        order: 1;
        margin: 0;
        padding-bottom: 10px !important;
        font-size: 16px !important;
    }

    .set-table-order.directry-people .table td:nth-child(5) {
        order: 2;
        padding-bottom: 0px !important;
        line-height: 20px;
    }

    .set-table-order.directry-people .table td:nth-child(3) {
        order: 6;
        padding-top: 0px !important;
        padding-bottom: 0 !important;
    }

    .set-table-order.directry-people .table td:nth-child(4) {
        order: 5;
        padding-top: 0px !important;
    }

    .set-table-order.directry-people .table td:nth-child(6) {
        order: 0;
        padding-bottom: 11px !important;
        font-size: 16px !important;
    }

    .set-table-order.directry-people .table td:nth-child(7) {
        order: 6;
    }

    .set-table-order.directry-people .table td:nth-child(8) {
        order: 8;
    }

    .set-table-order.directry-people .table td:nth-child(9) {
        order: 9;
    }

    .set-table-order.directry-people .mobile-title {
        display: none;
    }

    .editproject-action {
        text-align: end !important;
    }

    table#reportViewTable thead {
        display: none;
    }

    #reportViewTable,
    #reportViewTable td {
        border: 0;
    }

    div#reportContainer .table td:nth-child(2) {
        order: 0;
    }

    div#reportContainer .table td:nth-child(1) {
        order: 0;
        margin: 0;
        padding-top: 0px !important;
        padding-bottom: 5px !important;
        font-size: 16px !important;
    }

    div#reportContainer .table td:nth-child(3) {
        order: -1;
        font-weight: bold;
        padding-bottom: 0px !important;
        line-height: 27px;
        font-size: 17px !important;
    }

    div#reportContainer .table td:nth-child(4) {
        order: 4;
    }

    div#reportContainer .table td:nth-child(5) {
        order: 0;
    }

    div#reportContainer .table td:nth-child(6) {
        order: 0;
    }
}

@media (min-width:992px) {
    .select2-container {
        width: 100% !important;
    }

    table#drawingListTable td:nth-child(3) {
        white-space: normal;
    }
}

@media (min-width: 991px) and (max-width:1024px) {
    form#editDrawingForm-1 .card-footer .btn {
        width: 100%;
        margin-bottom: 8px;
    }

    form#editDrawingForm-1 .card-body {
        padding: 0rem 0.8rem;
    }

    form#editDrawingForm-1 .form-group {
        margin-bottom: 0.5rem;
    }
}

@media (min-width: 768px) {

    .nav_center ul {
        gap: 25px;
    }

    .header {
        padding: 0;
    }

    .mobile-title {
        display: none;
        color: #000 !important;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hor-header.header {
        padding: 0.4rem 1rem !important;
    }

    .cust-col-set .col-lg-3,
    .cust-col-set-photo .col-lg-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .changeLogSearch {
        width: 60%;
    }

    tbody#documentListData td:nth-child(2) {
        max-width: 144px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    table#drawingListTable {
        border: 0;
    }

        table#drawingListTable tr {
            display: block;
            margin-bottom: 10px;
            border-radius: 4px;
            width: 100%;
            padding: 10px 0px;
            border: 1px solid #d3dfea;
            overflow: hidden;
            text-overflow: ellipsis;
            position: relative;
            background: #fff !important;
            margin-bottom: 10px;
        }

    .drawing-mboile-set .mobile-title {
        margin-bottom: 0;
        display: inline-block;
        min-width: 100px;
    }

    table#drawingListTable td {
        display: block;
        text-align: left;
        border: none;
        background-color: #ffffff;
        box-shadow: none;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    table#drawingListTable thead {
        display: none;
    }

    .drawing-check {
        display: none !important;
    }

    .check-number p.view-pdf-btn .mobile-title input {
        width: 20px;
        height: 20px;
    }

    input.dis-chk.checkDis {
        margin: 0px 5px 0px 0px;
        width: 20px;
        height: 20px;
    }

    .check-number p.view-pdf-btn {
        display: flex;
        align-items: center;
    }

    table#drawingListTable tbody td {
        font-size: 14px;
        line-height: 18px;
        padding: 0px 10px !important;
    }

    .drawing-report-btn {
        position: absolute;
        top: 0;
        right: 0;
        margin: 5px;
    }

    .check-number p.view-pdf-btn .mobile-title {
        min-width: 0;
        margin-right: 5px;
    }

    .check-number p.view-pdf-btn {
        font-size: 17px !important;
        font-weight: bold !important;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    td.drawinginfo p {
        font-size: 16px;
        font-weight: normal;
        width: 100%;
        white-space: normal !important;
        display: -webkit-box;
        box-sizing: border-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    table#drawingListTable td:nth-child(3) {
        white-space: nowrap !important;
    }

    tr.discipline-header td.single-row.ui-sortable-handle {
        display: flex;
        align-items: center;
    }

    table#drawingListTable tbody td.drawinginfo {
        margin: 12px 10px 0px 0px;
    }
}

@media (min-width:768px) and (max-width:820px) {
    .loginFrm-section a.header-brand.new_logo {
        max-width: 170px !important;
        margin-bottom: 2rem;
    }

    .widget-user-image {
        display: block !important;
    }

    .mobile-logos {
        display: none;
    }

    .mobile-logos {
        text-align: center;
        padding-top: 3rem;
    }

    .photodetails-mobile {
        position: relative;
    }

    .mobile-logos img {
        width: 200px;
    }

    .customlogin-content {
        padding: 0rem;
        max-width: 100%;
    }

    .drawing-icons .img-folder img {
        margin-left: 0px;
        width: 110px;
    }

    .folder-header .drawing-icons {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .text-custom-folder {
        margin-top: 0px;
        margin-left: 6px;
    }

    .style_area-card-detail:last-child p {
        margin-bottom: 0;
    }

    .cust-col-set .col-lg-3,
    .cust-col-set-photo .col-lg-3 {
        max-width: 50%;
        flex: 0 0 50.333333%;
    }

    .drawing-icons .img-folder img {
        margin-left: 0px;
    }

    .folder-header {
        flex-wrap: wrap;
    }

    .folder-structure .drawing-icons {
        margin-top: 10px;
    }

    .folder-structure .card {
        margin-bottom: 24px;
        min-height: 90%;
    }

    .photo-details-section {
        display: none;
        position: absolute;
        background: #fff;
        height: 80%;
        top: 250px;
        left: 50%;
        transform: translate(-50%, -25%);
        z-index: 3;
        width: 100%;
    }

    .zoom-btn-section .card {
        background: #ffffff;
    }

    .header.sticky.petty-header .nav_center ul {
        gap: 15px !important;
    }

    .photo-info-area {
        display: block;
    }

    .page-header .page-rightheader {
        margin: 0 !important;
    }

    .page-header {
        flex-wrap: wrap;
    }

    .hor-content {
        margin-top: 20px;
    }

    .width-title {
        margin-right: 10px;
    }

    .left-icon-bar {
        padding-right: 10px;
        padding-left: 10px;
    }

    .search-section {
        position: relative;
        width: fit-content;
    }

    .viewer-serch {
        display: none;
        position: absolute;
        bottom: -53px;
        left: -8px;
        width: 412px;
        background: #ffffff;
        z-index: 2;
        border-radius: 0.5rem;
    }

    .searchbtn-draw {
        border: 1px solid #ddd;
        border-radius: 5px;
        margin-right: 5px;
    }

    .text-hide-overflow-doc-main {
        max-width: 100%;
    }

    .page-rightheader.dock-btn {
        justify-content: space-between;
    }

    .cust-col-set-photo .col-lg-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }
}

@media (min-width:576px) and (max-width: 768px) {
    .hedaer-2 {
        padding: 8px;
        margin: 0px 10px;
    }

    .header-second .container {
        max-width: none;
    }

    .hor-header .responsive-navbar.navbar .navbar-collapse {
        top: 65px;
    }
}

@media (max-width: 768px) {
    body {
        -webkit-user-select: none;
        /* Safari */
        -ms-user-select: none;
        /* IE/Edge */
        user-select: none;
        /* Standard */
        -webkit-touch-callout: none;
        /* Blocks iOS copy/paste popup menu */
    }

    .m-l-d {
        margin-left: 0.5rem;
    }

    .page-header {
        padding-top: 0px;
        margin-bottom: 0px !important;
        flex-wrap: wrap;
    }

    .hor-content .page-title {
        font-size: 22px !important;
    }

    .page-leftheader {
        margin-bottom: 0.5rem;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    div.dataTables_wrapper div.dataTables_info {
        padding-top: 0em;
        margin-top: 0 !important;
    }

    .nav_center {
        min-width: auto;
    }

        .nav_center ul {
            gap: 10px;
            flex-direction: column;
        }

    .grid-view table tbody {
        padding: 10px;
    }

    .hor-header.header {
        padding: 0.4rem 1rem !important;
    }

    .icon_responsive {
        justify-content: space-between;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: end !important;
    }

    /* -----------hedaer----- */
    .header_gap .icons-list_item,
    .header_gap .search_bar-header,
    .header_gap .kinnect-img {
        display: none;
    }

    .header-second {
        display: none;
    }

    .header-notify {
        display: none;
    }

    .kinnect_logo img {
        max-width: 80px;
        height: 72px;
    }

    .responsive-gap {
        gap: 11px;
    }

    .profile-dropdown {
        padding: 0;
        margin-top: 5px;
    }

    .nav-link.icon {
        height: 42px;
        width: 42px;
    }

    .header-brand {
        max-width: 120px;
    }

    .loginFrm-section {
        padding: 0;
    }

    .mobile-logos {
        display: block;
    }

    .mobile-logos {
        text-align: center;
        padding-top: 3rem;
    }

        .mobile-logos img {
            width: 200px;
        }

    .mobile-logos {
        display: none;
    }

    .file-document > li {
        padding: 0;
    }

    .cust-col-set .col-lg-3,
    .cust-col-set-photo .col-lg-3 {
        max-width: 50%;
        flex: 0 0 50.333333%;
    }

    .folder-header {
        flex-wrap: wrap;
    }

    .folder-structure.drawing-icons .card-title {
        margin-bottom: 10px !important;
    }

    .drawing-icons .img-folder img {
        width: 114px;
        margin-left: 0px;
    }

    .folder-structure .card {
        height: 95%;
        margin-bottom: 24px;
    }

    .mobile-title {
        color: #263871 !important;
        font-weight: 600 !important;
        min-width: 100px;
    }

    .custom-p-nav-btn {
        padding: 10px;
    }

    .zoom-btn-section .card {
        background: #ffffff;
    }

    .photo-info-area {
        display: block;
    }

    table#reportViewTable td {
        white-space: nowrap !important;
    }
}

@media (max-width:767px) {

    .dataTables_wrapper > .row:last-child .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .reedit-section {
        order: 8;
        text-align: end !important;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center !important;
    }

    div.table-responsive > div.dataTables_wrapper > div.row {
        margin: 0;
        margin-top: 10px;
    }

    .hor-header.header {
        padding: 7px 8px !important;
    }

    .header-brand {
        width: fit-content;
    }

    .profile-dropdown > a {
        height: 30px;
        width: 40px;
    }

    .dropdown.profile-dropdown .avatar-md {
        line-height: 2.1rem;
        top: -2PX;
    }

    .icons-list_item {
        margin-right: 4px;
    }

    .avatar-md {
        height: 2.2rem;
    }

    .hor-header .responsive-navbar.navbar .navbar-collapse {
        top: 72px !important;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        overflow-x: auto;
        justify-content: unset !important;
    }

    .card-body {
        padding-bottom: 0.2rem;
    }

    .form-group {
        margin-bottom: 0.5rem;
    }

    .addFilterMenu {
        margin-bottom: 6px;
    }

    .header-second {
        display: none;
    }

    .end-content.breadcrumb-end .btn-list {
        margin: 0;
    }

    .tabs-menu1 ul li {
        width: 48%;
        text-align: center;
        margin: 3px 0 0 5px;
        border: 1px solid #e7e7e7;
        border-radius: 8px;
    }

    .tabs-menu1-menu {
        flex-direction: column;
    }

    .tabs-menu1 ul li a {
        padding: 10px 12px 11px 12px;
        min-width: 100%;
    }

    .pagination_sm {
        flex-direction: column;
        margin-bottom: 8px;
    }

    .sm_height {
        max-height: 500px;
        overflow-y: auto;
    }

    .photo-action-btn-sm {
        justify-content: end !important;
    }

    .month-section-break {
        margin: 24px 0px;
    }

    .changeLogSearch {
        margin-left: 0px;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        max-width: 100%;
    }

    div.dataTables_wrapper div.dataTables_filter + div {
        float: none !important;
        text-align: center;
    }

    .Download-Attachment {
        width: 35px !important;
        margin-bottom: 10px;
    }

        .Download-Attachment + span {
            font-size: 12px;
        }

    .fileDownloadSection {
        flex-direction: column;
    }

    .formFooterBtn {
        font-size: 12px;
        padding: 4px 8px;
    }

    .bg_color {
        padding: 8px 10px;
        font-size: 12px;
    }

    .assignTableSm {
        flex-direction: column;
        align-items: flex-start;
    }

    .footerClearBtn,
    .footerUpdateBtn {
        padding: 4px 18px;
        font-size: 14px;
    }

    .btn-in-out {
        display: none;
    }

    .carousel-control-next,
    .carousel-control-prev {
        display: none;
    }

    ul.nav.panel-tabs {
        width: 100%;
    }

    .btn-list {
        margin: 0.5rem;
        width: 100%;
        text-align: right;
    }

    div#addbuilding span#DeleteItem1 {
        margin-top: 10px;
    }

    .deleteExisting.mydelete-btn {
        margin-top: 10px;
    }

    .card.set-card-body {
        margin-bottom: 10px;
    }

    /*  table grid view style here */

    .view-grid-table {
        display: block;
    }

        .view-grid-table .table {
            display: block;
            width: 100%;
        }

            .view-grid-table .table thead {
                display: none;
            }

            .view-grid-table .table tbody {
                display: flex;
                column-gap: 10px;
                flex-wrap: wrap;
                padding: 0px;
                justify-content: space-between;
                align-items: center;
            }

            .view-grid-table .table tr {
                display: block;
                margin-bottom: 10px;
                border-radius: 4px;
                overflow: hidden;
                width: 100%;
                padding: 10px 0px;
                border: 1px solid #d3dfea;
                overflow: hidden;
                text-overflow: ellipsis;
                position: relative;
                background: #fff !important;
            }

    table#changelog_list .idthead .mobile-title {
        min-width: auto;
    }

    .logtable-ipad.view-grid-table .table tr {
        display: block;
        margin-bottom: 10px;
        border-radius: 4px;
        overflow: hidden;
        width: 100%;
        padding: 3px 0px 10px;
        border: 1px solid #d3dfea;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        background: #fff !important;
        margin-bottom: 10px;
    }

    .view-grid-table .table td {
        display: block;
        text-align: left;
        border: none;
        background-color: #ffffff;
        padding: 0;
        box-shadow: none;
        padding: 3px 10px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .view-grid-table .table td.label {
            font-weight: bold;
            background-color: #e9ecef;
            padding: 0.5rem;
            border-bottom: none;
        }

    .set-table-order .table tr {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .set-table-order .table tr td {
            font-size: 14px !important;
            white-space: normal;
            color: #263871;
        }


    .set-table-order .table td:nth-child(2) {
        order: 0;
        font-weight: bold;
        padding-bottom: 0px !important;
        line-height: 17px;
        font-size: 17px !important;
        color: #263871;
    }

    .set-table-order .table td:first-child {
        order: 1;
        margin: 0;
        padding-bottom: 10px !important;
        font-size: 16px !important;
    }

    .set-table-order .table td:nth-child(5) {
        order: 2;
        padding-bottom: 0px !important;
        line-height: 20px;
    }

    .set-table-order .table td:nth-child(3) {
        order: 3;
        padding-top: 0px !important;
        padding-bottom: 0 !important;
    }

    .set-table-order .table td:nth-child(4) {
        order: 4;
        padding-top: 0px !important;
    }

    .set-table-order .table td:nth-child(6) {
        order: 6;
    }

    .set-table-order .mobile-title,
    .projectlist-tbl-order .mobile-title {
        display: none;
    }

    .projectlist-tbl-order .table tr {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .projectlist-tbl-order .table tr td {
            font-size: 14px !important;
            white-space: normal;
            width: 95%;
        }

    .projectlist-tbl-order .table td:nth-child(2) {
        order: 0;
    }

    .projectlist-tbl-order .table td:first-child {
        order: 0;
        margin: 0;
        padding-top: 0px !important;
        padding-bottom: 5px !important;
        font-size: 16px !important;
    }

    .projectlist-tbl-order .table td:nth-child(3) {
        order: -1;
        font-weight: bold;
        padding-bottom: 0px !important;
        line-height: 27px;
        font-size: 17px !important;
    }

    .projectlist-tbl-order .table td:nth-child(4) {
        order: 4;
    }

    .projectlist-tbl-order .table td:nth-child(5) {
        order: 0;
    }

    .tableDropdownList {
        left: -135px;
        top: 0;
    }

    .notneeded {
        overflow: visible !important;
    }

    .user-pro-list2 .card-header {
        flex-wrap: wrap;
        padding: 0rem 1rem !important;
    }

        .user-pro-list2 .card-header .drawing-icons {
            margin: 1rem 0rem;
            width: 100%;
            text-align: end;
        }

    .first-colum thead th:first-child,
    .first-colum tbody td:first-child {
        display: none;
    }

    .table-hover tbody tr:hover {
        background-color: #ffffff !important;
    }

    .set-action tbody td.text-center {
        text-align: right !important;
    }

    a.btn.docFilebtn img {
        width: 38px;
        height: 35px;
    }

    .btn.docFilebtn {
        padding: 0px 2px;
    }

    .right-tble-action {
        justify-content: end;
    }

    a.bg_color {
        padding: 10px 12px;
        font-size: 16px;
    }

    table#drawingListTable thead:first-child th,
    table#drawingListTable tbody td:first-child {
        text-align: left;
    }

    table#drawingListTable thead:nth-child(8) th,
    table#drawingListTable tbody td:nth-child(8) {
        text-align: left !important;
    }

    table#drawingListTable tr.discipline-header {
        width: 100% !important;
    }

    #openseadragon-container {
        height: 50vh;
    }

    .search-area {
        background: #fff;
        border-color: #2a8fca;
        color: #2a8fca;
        padding: 4px 10px;
    }

    #project-dropdown {
        position: absolute;
        bottom: 7px;
        width: 100%;
        max-width: 100%;
        left: 0px;
        padding: 0 10px;
        margin: 0;
    }

    .header.sticky.petty-header {
        min-height: 120px;
        padding: 7px 11px !important;
    }

    .petty-header .main-container.container {
        padding: 0 !important;
        width: 100%;
        max-width: 100% !important;
    }

    div#roleTable_filter,
    div#permissionTable_wrapper div#permissionTable_filter,
    div#milestoneTbl_wrapper div#milestoneTbl_filter,
    div#typeTable_wrapper div#typeTable_filter,
    div#stageTable_wrapper div#stageTable_filter,
    div#flagTable_wrapper div#flagTable_filter,
    div#disciplinesTable_wrapper div#disciplinesTable_filter {
        position: unset;
    }

    div.dataTables_wrapper div.dataTables_filter {
        text-align: right !important;
    }

    .header.sticky.petty-header .nav_center ul {
        gap: 8px !important;
        width: 100%;
    }

    tr#Overview-NoData td,
    tr#Log-NoData td {
        text-align: center !important;
    }

    span#select2-searchByProjectNameAndNo-container {
        font-size: 16px;
    }

    .tableScroll {
        max-height: 100%;
    }

    .photo-details-section {
        display: none;
        position: absolute;
        background: #fff;
        height: 88%;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
        width: 100%;
    }

    .justifyendsm {
        justify-content: end;
    }

    .btn-list.d-flex.justify-content-between.align-items-center {
        flex-wrap: wrap;
    }

    .destok-info-client {
        display: none;
    }

    .site-mobile-info {
        display: block;
    }

    .cust-col-set .col-lg-3 {
        padding: 0rem 0.4rem;
    }

    .page-rightheader {
        margin: 0 !important;
    }

    .page-header {
        flex-wrap: wrap;
    }

    .margin-upper {
        margin-top: 1.5rem;
    }

    .photodetails-mobile {
        margin-top: 5px;
        position: relative;
    }

    .page-rightheader {
        flex-wrap: wrap;
        width: 100%;
    }

    .dock-btn {
        justify-content: space-between;
    }

    .nav-link.icon {
        margin: 0px;
    }

    .card-title {
        font-size: 18px;
    }

    .set-project-date .mobile-title {
        display: none;
    }

    td.editableColumns.hidemobile {
        display: none;
    }

    span.mobiledate {
        display: inline-block !important;
    }

    td.editableColumns.flex-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    td.flexmobile {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }

    .avatar-upload .avatar-edit input + label {
        display: block;
    }

    .avatar-upload .avatar-preview {
        margin: auto;
        position: relative
    }

    .avatar-upload .avatar-edit {
        right: 133px !important;
        bottom: 95px;
    }

    table#drawingListTable tbody td {
        font-size: 14px;
        line-height: 18px;
    }

        table#drawingListTable tbody td.drawinginfo {
            margin-top: 10px;
        }

    #customNavMenus li a {
        display: block;
    }

    td.mobile-hide,
    td.hide-site-td {
        display: none !important;
    }

    td.logchnge {
        order: 0;
        font-weight: bold;
        padding-bottom: 0px !important;
        line-height: 35px;
        font-size: 17px !important;
        color: #263871;
    }

    td.log-details,
    td.logvalue {
        font-size: 14px !important;
    }

    td.logvalue {
        line-height: 7px;
    }

    .nav-link.icon.vertical-icon {
        display: block !important;
        display: flex !important;
    }

    .logtitle {
        font-size: 17px !important;
        font-weight: bold;
        line-height: 22px;
        margin-bottom: 5px;
    }

    table#changelog_list td.logtitle {
        line-height: 22px;
    }

    .logsnumber {
        font-size: 17px !important;
        color: #263871;
        font-weight: bold;
    }

        .logsnumber label {
            margin-bottom: 0;
        }

    .logsdts .mobile-title {
        color: #263871 !important;
        font-weight: 600 !important;
    }

    .logsdescription .mobile-title {
        color: #263871 !important;
        font-weight: 600 !important;
        min-width: auto;
        margin-bottom: 0;
        display: inline;
    }

    .logsdts {
        line-height: 8px;
        font-size: 14px !important;
    }

    .logsdescription {
        font-size: 15px !important;
        margin-bottom: 8px;
    }

    tbody#changelog-body {
        padding: 0px;
    }

    .changeLogSearch label,
    .changeLogSearch,
    .changeLogSearch label input.form-control.form-control {
        width: 100%;
        float: unset;
    }

    table#changelog_list {
        border: 0 !important;
    }

    .changeLogSearch + div {
        text-align: end !important;
        margin: 10px 0px;
    }

    .page-leftheader .justify-content-between {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .logsnumber .mobile-title {
        min-width: auto;
        display: inline;
    }

    .check-hide {
        width: 100% !important;
    }

    .doctble-first .draggable-item .mobile-title {
        min-width: auto;
        margin-right: 10px;
        margin-bottom: 0;
        display: none;
    }

    .foldername {
        font-size: 15px;
        margin-top: 0px !important;
        color: #2a8fca;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

        .foldername a {
            color: #2a8fca !important;
        }

    .doctble-first .mobile-title {
        font-weight: normal !important;
        color: #263871 !important;
        margin-bottom: 0px;
        display: inline-block;
        min-width: 90px;
    }

    .doctble-first .draggable-item {
        margin-bottom: 10px;
    }

    .doctble-first tbody td {
        font-size: 14px !important;
    }

    .doctble-first tbody#documentListData {
        padding: 0;
    }

        .doctble-first tbody#documentListData td {
            line-height: 14px;
        }

        .doctble-first tbody#documentListData:nth-child(1) td {
            line-height: unset;
        }

    td.check-hide input.checkFolder,
    td.check-hide input.checkFile {
        width: 20px;
        height: 20px;
    }

    .doctble-first td.align-middle {
        line-height: unset !important;
    }

    .editproject .view-grid-table .table tbody {
        padding: 0;
    }

    .user-pro-list2 {
        height: 100%;
        overflow: scroll;
    }

    .custom-text-overflow {
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5;
        max-height: 5.5em;
    }

    .set-logbtn {
        position: absolute;
        top: 7px;
        right: 0;
    }

    .idthead {
        line-height: 35px !important;
    }

    td.right-tble-action {
        line-height: 1px;
        padding: 0px !important;
    }

    td.grid-discrption .mobile-title {
        display: none;
    }

    .grid-view table tbody tr {
        width: 100%;
    }

    .drawing-check {
        display: none !important;
    }

    .drawing-mboile-set .mobile-title {
        margin-bottom: 0;
        display: inline-block;
        min-width: 100px;
    }

    .check-number p.view-pdf-btn .mobile-title {
        min-width: 0;
        margin-right: 5px;
    }

        .check-number p.view-pdf-btn .mobile-title input {
            width: 20px;
            height: 20px;
        }

    p.view-pdf-btn {
        font-size: 17px;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .check-number p.view-pdf-btn {
        display: flex;
        align-items: center;
    }

    .drawing-mboile-set .mobile-title {
        color: #263871 !important;
        font-weight: normal !important;
    }

    .card.drawing-lists .card-body {
        padding: 15px 0px;
    }

    td.drawinginfo p {
        font-size: 16px;
        font-weight: normal;
    }

    .drawing-mboile-set tbody td {
        line-height: 14px;
    }

    td.drawinginfo {
        margin-bottom: 8px;
    }

    .drawing-report-btn {
        position: absolute;
        top: 0;
        right: 0;
        margin: 5px;
    }

        .drawing-report-btn a i {
            font-size: 14px;
        }

    .single-row {
        font-size: 16px !important;
    }

    input.dis-chk.checkDis {
        margin: 0px 5px 0px 0px;
        width: 20px;
        height: 20px;
    }

    .documentbtn-group {
        position: absolute;
        top: 0;
        right: 0;
    }

    .doctble-first tbody#documentListData td:last-child {
        padding: 0px !important;
    }

    .table-responsive > .table-bordered {
        border: 0px solid #ffffff;
    }

    .width-title {
        margin-right: 10px;
    }

    .panel-body.tabs-menu-body table td {
        line-height: 13px;
        padding: 0px 10px !important;
    }

    td.action-section {
        text-align: end !important;
    }

    td.disbut-numbeer {
        max-width: 100%;
        display: none !important;
    }

    .disbut-name {
        margin-bottom: 10px;
        line-height: 20px !important;
    }

    .directory-tble-panel .tab-content .card-body {
        padding: 1rem 0rem;
    }

    .directory-tble-panel .card-body tbody {
        border-style: none;
    }

    a#addCompany {
        margin: 0px !important;
    }

    div#matrix .card-header {
        padding: 1rem 0rem;
    }

    div#matrix .card-body {
        padding: 0px;
    }

    div#matrix p {
        margin-left: 0px !important;
    }

    .assign-section {
        width: 100%;
        margin-top: 10px;
    }

    .dock-btn .btn-group {
        width: 100%;
        justify-content: end;
        margin-top: 10px !important;
    }

    table#reports-table td.text-lg-center {
        text-align: end;
    }

    td.editable-cell {
        border: 0 !important;
    }

    table#reports-table tbody {
        padding: 0;
    }

    .log-image1 {
        background: #8a9199;
    }

    table#Project-MileStone td {
        width: 100% !important;
    }

    div#rightPanel h2.fw-bold,
    div#rightPanel h3.fw-semibold {
        font-size: 22px;
    }

    table#reports-table tbody td {
        line-height: 13px;
    }

    .disbut-name .view-mode {
        font-size: 17px;
        color: #263871 !important;
        text-transform: capitalize;
    }

    .multidrop-custm .dropdown-content {
        position: fixed;
        max-width: 100%;
        height: 250px;
        overflow: scroll;
    }

        .multidrop-custm .dropdown-content input.form-control.serch-frm {
            margin-bottom: 19px;
        }

    .disbut-action,
    tr.new-data .disbut-action {
        max-width: 100% !important;
        text-align: end !important;
        margin-top: 7px;
    }

        .disbut-action a.mydelete-btn,
        tr.new-data .disbut-action a.mydelete-btn {
            margin-right: 0px !important;
        }

    tr.new-data td:first-child {
        display: none;
    }

    .show-more-tag {
        margin-top: 8px;
    }

    tr.new-data .edit-mode {
        margin-bottom: 10px;
    }

    tr.new-data td.text-center:last-child {
        text-align: end !important;
        margin-top: 7px;
    }

    table#reportViewTable tbody .productline-tags span.project-tag {
        margin-bottom: 5px;
    }

    .left-icon-bar {
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 10px;
    }

    tbody {
        border-style: none;
    }

    .table-bordered.dataTable {
        border-right-width: 1px !important;
    }

    table#roleTable .mobile-title,
    table#permissionTable .mobile-title {
        min-width: 50px;
    }

    table#contact_company-list td,
    table#company_changelist td {
        font-size: 15px;
    }

    #list-view-project .dt-buttons {
        position: unset !important;
        top: 0;
    }

    table#project-list-thumb .project-tag {
        padding: 3px 0px;
    }

    .text-width-new {
        white-space: normal;
        width: 100%;
    }

    .logsdescription .custom-text-overflow {
        margin-right: 7px;
    }

    .report-dropdown-area .tage-area {
        width: 85%;
        margin-left: 0;
    }

    .report-dropdown-area .dropdown,
    .report-dropdown-area.dropdownBtn {
        width: 325px;
    }

    .report-dropdown-area .show-more-tag {
        margin-top: 0px;
    }

    .report-dropdown-area .dropdown {
        margin-bottom: 0px;
        margin-right: 10px;
    }

    table#reports-table .drawing-icons .btn.rept-pdf {
        padding: 0;
    }

    table#reports-table .mobile-title {
        min-width: auto;
    }

    table#reports-table tr {
        padding-bottom: 0px;
    }

    .reporttbale-body {
        padding-top: 0px
    }

    div#dropdownContent_1 input.form-control.search-frm {
        margin-bottom: 10px;
    }

    table#reports-table .dropdown-section div > strong {
        margin: 10px 0px;
        display: inline-block;
    }

    .hiddenmboile-section {
        opacity: 0;
    }

    .mobile-section {
        display: block;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 0;
        padding-left: 0;
        margin-bottom: 5px;
    }

    .uploadFolfer-name.mobile-section {
        border-left: 3px solid #2a8fca;
    }

    .directortaction {
        justify-content: end;
    }

    .view-grid-table .table,
    .table {
        border: 0;
    }

    table#contact_company-list tr {
        padding: 10px 0px;
    }

    .text-hide-overflow-doc-main {
        max-width: 100%;
    }

    .set-table-order.directry-people .table tr {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .set-table-order.directry-people .table tr td {
            font-size: 14px !important;
            white-space: normal;
            color: #263871;
        }

    .set-table-order.directry-people .table td:nth-child(2) {
        order: 0;
        font-weight: bold;
        padding-bottom: 0px !important;
        line-height: 17px;
        font-size: 17px !important;
        color: #263871;
    }

    .set-table-order.directry-people .table td:nth-child(1) {
        order: 1;
        margin: 0;
        padding-bottom: 10px !important;
        font-size: 16px !important;
    }

    .set-table-order.directry-people .table td:nth-child(5) {
        order: 2;
        padding-bottom: 0px !important;
        line-height: 20px;
    }

    .set-table-order.directry-people .table td:nth-child(3) {
        order: 6;
        padding-top: 0px !important;
        padding-bottom: 0 !important;
    }

    .set-table-order.directry-people .table td:nth-child(4) {
        order: 5;
        padding-top: 0px !important;
    }

    .set-table-order.directry-people .table td:nth-child(6) {
        order: 0;
        padding-bottom: 11px !important;
        font-size: 16px !important;
    }

    .set-table-order.directry-people .table td:nth-child(7) {
        order: 6;
    }

    .set-table-order.directry-people .table td:nth-child(8) {
        order: 8;
    }

    .set-table-order.directry-people .table td:nth-child(9) {
        order: 9;
    }

    .set-table-order.directry-people .mobile-title {
        display: none;
    }

    table#contact_company-list td {
        line-height: 20px;
    }

    div#company_changelist_wrapper .row .col-sm-12 {
        padding: 0 !important;
    }

    div#documnetInternaldetails .card,
    div#documnetInternaldetails .card .card-header {
        border: 0 !important;
    }

    tbody#documentListData td:nth-child(2) {
        width: 100% !important;
    }

    table#project-list tbody td span {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    table#project-list tbody td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }

    table#teams-table tbody td:nth-child(2),
    table#drawingListTable td:nth-child(3) {
        white-space: nowrap !important;
    }

    .card.drawing-lists {
        margin-top: 15px;
    }

        .card.drawing-lists .tabs-menu1 {
            border: 0;
        }

    tr.discipline-header td.single-row.ui-sortable-handle {
        display: flex;
        align-items: center;
    }

    .labells tr td:hover {
        background-color: unset;
    }

    .drawingset-tbl {
        display: none;
    }

    .multidrop-custm.report-dropdown-area .tage-area {
        margin-top: 0px;
    }

    td.disbut-people {
        max-width: 100%;
    }

    .multidrop-custm.report-dropdown-area {
        justify-content: space-between;
    }

    .reportCard {
        height: 100%;
    }

    .gm-style-iw.gm-style-iw-c {
        max-width: 100% !important;
    }

    .drawing-header .pdF-dropdwon {
        flex-wrap: wrap;
        position: relative;
    }

    .width-title {
        width: 100%;
        margin-top: 10px;
        margin-right: 0px;
    }

    .file-name-section {
        margin-right: 0;
        width: 100%;
        position: relative;
    }

    .viwer-control {
        margin-right: 0;
        width: calc(100% - 48px);
    }

    .file-name-section span.select2.select2-container {
        width: 100% !important;
    }

    .width-title span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    #viewer {
        height: 80vh !important;
    }

    .width-title {
        order: 1;
    }

    .photo-file-areas {
        height: 160px;
        width: 100%;
    }

    div#album-list {
        height: 150px;
        width: 100%;
    }

    div#album-content {
        flex-wrap: wrap;
    }

    .modalbox-sec {
        margin: 1rem;
    }

    .addimages-area {
        width: 100%;
    }

    .searchbtn-draw {
        display: block;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin-right: 5px;
    }

    .viewer-serch {
        display: none;
        position: absolute;
        bottom: 7px;
        left: 5px;
        width: 97%;
        background: #fbfbfb;
        z-index: 2;
        border-radius: 0.5rem;
        min-height: 46px;
    }

    .search-section {
        width: fit-content;
    }

    .project_Data_Div {
        margin-top: 145px;
    }

    .editproject {
        margin-top: 140px;
    }

    .viwer-control .alert-warning {
        width: 90%;
        font-size: 14px;
        white-space: nowrap;
        min-height: 40px;
        position: relative;
        left: 2px;
        margin-left: 0;
    }
}


@media (max-width:720px) {

    .cust-col-set .col-lg-3,
    .cust-col-set-photo .col-lg-3 {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0rem 0.4rem;
    }
}

@media (max-width: 575px) {

    .search-bar-inner {
        margin-bottom: 0;
    }

    td.grid-viewtd {
        text-overflow: ellipsis;
        overflow: hidden;
        margin-right: 10px;
    }

    .text-width-new {
        width: 260px;
    }

    .project-tag {
        font-size: 13px;
    }

    .drawing-lists .card-body {
        padding: 0 !important;
    }

    .grid-view table tbody tr:last-child {
        margin-left: 0px;
    }

    .responsive_navbar {
        display: flex;
        align-items: flex-start;
    }

    .kinnect_logo img {
        background-blend-mode: color-burn;
        aspect-ratio: 2 / 2;
        margin-top: -4px;
    }

    .hor-header .responsive-navbar.navbar .navbar-collapse {
        top: 63px;
    }

    .main_head h1 {
        font-size: 25px;
    }


    .mobile-logos {
        padding-top: 0rem;
    }

    .search_bar-header {
        max-width: 200px;
        margin-left: 8px;
        width: 100%;
    }

    .hor-content .page-title {
        font-size: 18px;
        font-weight: 500;
        line-height: 2rem;
    }

    .photos-box {
        height: 100px;
    }

    .tabs-menu1 ul li {
        width: 48%;
        text-align: center;
    }

    .end-content.breadcrumb-end .btn-list {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .set-card-body .card-header {
        padding: 1rem 0.8rem;
    }

    .cust-col-set .col-lg-3,
    .cust-col-set-photo .col-lg-3 {
        max-width: 100%;
        flex: 0 0 100.333333%;
    }

    .drawing-icons .img-folder img {
        margin-left: 0px;
    }

    .set-card-body .modal-footer {
        flex-wrap: wrap;
    }

    .tabs-menu1 {
        justify-content: center !important;
    }

    .main-content .container {
        max-width: 100% !important;
    }

    .tabs-menu-body .card-body {
        padding: 1rem;
    }

    .petty-header a.icons-list_item {
        margin-left: 5px !important;
    }

    .shareicon-top {
        position: fixed;
        top: 115px;
        z-index: 1000;
        background-color: white;
        padding: 10px;
        right: 12px;
        width: 95%
    }

    .breadcam-hide-m {
        display: none !important;
    }

    .multidrop-custm.report-dropdown-area {
        flex-wrap: wrap;
    }

    .report-dropdown-area .dropdown {
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .multidrop-custm .dropdown-content {
        position: relative;
    }

    .report-dropdown-area .dropdown,
    .report-dropdown-area.dropdownBtn,
    .report-dropdown-area .dropdown button {
        width: 100%;
    }

    .fileDownloadSection .tableScroll .card-body {
        flex-wrap: wrap;
        padding-bottom: 20px;
    }

        .fileDownloadSection .tableScroll .card-body > .d-flex {
            width: 100%;
        }

        .fileDownloadSection .tableScroll .card-body .custm-Ud {
            margin: 0 auto 0 0;
        }
}

@media (max-width: 480px) {
    .mobile-title {
        min-width: 80px;
    }

    .logsdts .mobile-title {
        display: inline-block;
        min-width: 90px !important;
    }

    .logsdescription {
        line-height: 11px;
        margin-bottom: 8px;
    }

        .logsdescription .custom-text-overflow {
            overflow: visible;
            white-space: normal;
            margin-top: 5px;
        }

    .draggable-item {
        flex-wrap: nowrap;
    }

    .folder-structure .drawing-icons {
        width: 100%;
        text-align: right;
    }

    .tab-menu-heading .btn-list .btn {
        width: 100%;
    }

    div#contact_company-list_filter label {
        width: 100%;
    }

    div#contact_company-list_filter input.form-control.form-control {
        width: 100%;
        margin-left: 0;
    }

    form#loginForm {
        padding: 1rem;
    }

    label.custom-control {
        margin-bottom: 0;
    }

    .font-15 {
        font-size: 14px;
    }

    .changeLogSearch .dropdown {
        width: 100%;
        margin-left: 0px !important;
    }

        .changeLogSearch .dropdown button {
            width: 100%;
        }

        .changeLogSearch .dropdown .dropdown-menu.show {
            width: 100%;
        }

    .changeLogSearch {
        flex-wrap: wrap;
    }

    .multidrop-custm {
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .multidrop-custm .tags {
            margin-left: 0px;
            margin-top: 8px;
        }

        .multidrop-custm .dropdown,
        .multidrop-custm .dropdownBtn {
            width: 100%;
        }

    .doctble-first tbody td {
        width: calc(100% - 60px) !important;
    }

    .foldername {
        max-width: 100%;
    }

    div#contact_company-list_filter label {
        width: 100%;
    }

    div#contact_company-list_filter input.form-control {
        width: 100%;
        margin-left: 0;
    }

    div#company_changelist_filter input.form-control {
        width: 100%;
        margin-left: 0;
    }

    div#company_changelist_filter label {
        width: 100%;
    }

    .photo-action-btn-sm.drawing-icons {
        margin-top: 10px;
    }

    .custom-width-filter {
        max-width: 100% !important;
    }

        .custom-width-filter button#dropdownMenuButton,
        .custom-width-filter .dropdown-menu.show {
            width: 100%;
        }

    .card-body.gridbody {
        padding: 10px;
    }

    .projectlist-section {
        max-width: 100% !important;
    }

        .projectlist-section .breadcrumb-end {
            width: 100%;
        }

            .projectlist-section .breadcrumb-end .make-project {
                width: 100%;
            }

    .dock-btn .btn-group button.btn.btn-primary.dropdown-toggle {
        width: 100%;
    }

    .dock-btn .btn-group ul.dropdown-menu.file-document.show {
        width: 100%;
    }

    div#partial-dropdown button#dropdownMenuButton {
        width: 100%;
    }

    div#partial-dropdown,
    a#createDrawingSet,
    div#ProgressDropDownList {
        width: 100%;
        margin-right: 0;
    }

    .card-body.cust-col-set-photo {
        padding: 1rem 0px;
    }

    .breadcrumb-end {
        width: 100%;
    }

    a#uploadPhoto,
    a#AddAlbum {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 10px;
    }

    .homebtn-project {
        width: 100%;
    }

    a#uploadDrawingPDF {
        width: 100%;
    }
}

@media (max-width:460px) {
    .page-rightheader .btn-list {
        flex-wrap: wrap;
    }

    .changeLogSearch {
        flex-wrap: wrap;
        justify-content: end;
    }

    .drawing-icons .img-folder img {
        width: 100px;
        height: 80px;
        margin-left: 0px;
    }

    .style_area-card-detail:last-child p {
        margin-bottom: 0;
    }

    .text-custom-folder {
        margin-top: 10px;
    }

    .tabs-menu1 ul li {
        width: 100%;
    }

    ul.nav.panel-tabs.edit-tab._directory {
        margin: 0px;
    }

    .loginFrm-section {
        padding-top: 0 !important;
    }

    .avatar-md {
        height: 2.2rem;
        width: 3rem;
    }

    .nav-link.icon {
        height: 42px;
        width: 25px;
    }

    .responsive-gap {
        gap: 7px;
    }

    .tabs-menu1 ul li a {
        padding: 10px 8px 10px 8px;
        font-size: 16px;
    }

    .pagination-custom li a {
        padding: 10px 15px;
    }

    button#NotyfyChangeLog {
        margin-top: 10px;
    }

    .pagination-custom li a {
        padding: 10px 7px;
    }

    .card-footer.text-end {
        display: flex;
        justify-content: end;
    }

    .card.margin-upper .d-flex.justify-content-between.align-items-center {
        flex-wrap: wrap;
    }

    .add-temp {
        width: 100%;
        text-align: end;
    }

    .card.margin-upper .d-flex.justify-content-between.align-items-center a.btn.btn-primary {
        width: 100%;
    }

    .grid-view table tbody tr {
        margin-bottom: 10px;
    }

    .grid-view table tbody {
        display: block;
    }

    td.grid-discrption {
        white-space: normal !important;
    }

    .grid-view table tbody tr td {
        font-size: 14px !important;
    }

    td.grid-viewtd {
        width: 131px;
    }

    table#contact_company-list td,
    table#company_changelist td {
        white-space: nowrap !important;
    }

    .report-dropdown-area .tage-area {
        width: 85%;
        margin-left: 0;
    }
}

@media (max-width:360px) {
    .doctble-first tbody td {
        width: 100% !important;
    }

    div#btn-div-partial .btn {
        margin-bottom: 6px;
    }

    .report-dropdown-area .tage-area {
        width: 80%;
    }

    .photo-details-section {
        height: 88%;
        top: 215px;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .viwer-control .alert-warning {
        width: 83%;
        font-size: 12px;
        white-space: nowrap;
        min-height: 40px;
        position: relative;
        left: 2px;
        margin-left: 0;
    }
}


@media(max-width:1023px) {
    .filter-section {
        height: fit-content;
    }

    .photo-details-section {
        height: fit-content;
        padding-bottom: 16px;
    }
}

@media(max-width:991px) {
    .scrollbar-outbox-textarea {
        max-height: calc(100dvh - 570px);
    }

    .photo-details-section {
        display: none;
        position: absolute;
        background: #fff;
        height: unset;
        top: 250px;
        left: 50%;
        transform: translate(-50%, -25%);
        z-index: 3;
        width: 100%;
    }

    .photo-details-pg .photo-info-area {
        display: block;
    }

    .photo-details-section {
        transform: none;
        top: 150px;
        left: 0;
    }

    textarea.photoDescription.des {
        min-height: calc(100dvh - 530px);
    }

    .notes-display {
        flex-direction: column;
    }
}

@media(max-width:820px) {
    .photo-details-section {
        top: 50px;
    }
}

@media(max-width:767px) {
    .photo-details-section {
        transform: none;
        top: 50px;
        left: 0;
    }

    .des {
        height: 300px;
    }

    textarea.photoDescription.des {
        min-height: calc(100dvh - 580px);
    }

    .num-thumb {
        width: 20px;
        height: 20px;
        top: 3px;
    }
}

@media(max-width:560px) {
    .des {
        height: calc(100dvh - 590px);
    }
}

/* Portrait */
@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: portrait) {
    #viewer {
        height: 90vh !important;
    }
}

/* Landscape */
@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
    #viewer {
        height: 84vh !important;
    }
}

@media screen and (max-width: 768px) and (orientation: portrait) {
    #viewer {
        height: 70vh !important;
    }
}

@media screen and (min-width: 1500px) {
    #viewer {
        height: 85vh !important;
    }
}

@media screen and (min-width: 1300px) {
    #viewer {
        height: 90vh !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 834px) and (orientation: portrait) {
    #viewer {
        height: 85vh !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1112px) and (orientation: landscape) {
    #viewer {
        height: 80vh !important;
    }
}

@media(max-width:1366px) {
    .custm-fieldList .custm-sub {
        flex-wrap: wrap;
    }
}

/************ Field Tool Mobile View ************/
@media only screen and (max-width:1300px) {
    .name-full-msg em {
        display: none;
    }

    .name-full-msg .info-notes {
        color: #2a8fca;
        margin-left: 5px;
        display: inline-block;
    }

    .max-page {
        border-bottom: 1px solid #e9ebfa;
    }

    .card-container-box nav .page-item:first-child a {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }

    .card-container-box nav .page-item:last-child a {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    #WIPDataTable.custm-fieldList.field-list.view-grid-table {
        display: none;
    }

    .card-grid-box-table {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(3, 1fr);
    }

    .mobile-view-container-box {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .card-container-box {
        background-color: #fff;
        margin: 0;
        border-radius: 10px;
        padding-bottom: 1px;
    }

    .card-tile-text {
        border-bottom: 1px solid #E9EBFA;
        padding: 16px;
        background-color: #fff;
        border-radius: 10px 10px 0 0;
    }

        .card-tile-text span {
            color: #FFF;
            font-family: Roboto;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            border-radius: 4px;
            background: #2A8FCA;
            padding: 8px 15px;
            display: inline-block;
        }

    .card-filter-section {
        border-bottom: 1px solid #E9EBFA;
        padding: 16px;
        background-color: #fff;
    }

    .search-fields {
        position: relative;
        border: 1px solid #CBCBCB;
        background: #FFF;
        border-radius: 4px;
    }

        .search-fields input[type="text"].search-input {
            padding: 8px;
            border: none;
            background-color: #fff;
            border-radius: 4px;
            width: 100%;
        }

            .search-fields input[type="text"].search-input:focus-visible {
                outline: none;
            }

        .search-fields img {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
        }

    .card-information-container {
        background-color: #fff;
    }

    .show-project-count {
        margin-top: 16px;
    }

    .show-current-projcet-name {
        color: inherit !important;
        font-size: 14px;
        font-style: normal;
        font-weight: 900 !important;
        border-radius: 4px;
        border: 1px solid #EBEBEB;
        background: #FFF;
        padding: 10px;
    }

    .project-name {
        display: flex;
        gap: 10px;
        padding: 16px;
        margin: 0px 8px 8px;
        align-items: center;
        border-bottom: 1px solid #DFDFDF;
    }

        .project-name a {
            color: #2C8DC9;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
        }

    .user-information-section {
        display: grid;
        grid-template-columns: 90px 1fr 30px;
        padding: 10px 0px;
        margin: 0 8px;
        gap: 12px;
        align-items: center;
        border-bottom: 1px solid #DFDFDF;
    }

        .user-information-section .user-name {
            gap: 8px;
            display: flex;
            justify-content: center;
        }

    span.short-name {
        display: flex;
        min-width: 30px;
        width: 30px;
        height: 30px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background: #2C8DC9;
        color: #FFF;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 1.6px;
    }

        span.short-name.no-bg {
            width: 80px;
            height: 50px;
            min-width: 80px;
            border-radius: 15%;
            background: #eef1ff !important;
        }

    span.full-name {
        color: #2C8DC9;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

    .foundation-info {
        border-radius: 4px;
        border: 1px solid #A9CBDF;
        background: #FFF;
        display: grid;
        grid-template-columns: 24px 1fr;
        padding: 6px 10px;
    }

        .foundation-info span.foundation-count {
            border-radius: 20px;
            border: 1px solid #2A8FCA;
            color: #2A8FCA;
            text-align: center;
            font-family: Roboto;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            min-width: 24px;
            width: 24px;
            height: 24px;
        }

        .foundation-info span.foundation-name {
            margin-top: 4px;
            text-align: center;
        }

    button.show-modal-data {
        border: none;
        outline: none;
        background-color: transparent;
        width: 100%;
        padding: 0;
    }

    .show-table-information-data {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 4px;
        padding: 10px 8px;
    }

    .warehouse-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .warehouse-information {
        border-radius: 25px;
        background: #DEE2F4;
        padding: 4px 6px;
        display: grid;
        gap: 6px;
        grid-template-columns: 20px 1fr;
        align-items: center;
        width: 100%;
    }

    span.first-letters {
        min-width: 18px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #FF7B4B !important;
        color: #fff;
        font-family: Roboto;
        font-size: 12px;
        font-weight: 500;
        text-align: center;
        line-height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
    }

    .warehouse-information span.show-date {
        font-size: 12px;
        color: #F40;
        font-weight: 500;
    }

    .delivery-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .delivary-information {
        border-radius: 25px;
        background: #DEE2F4;
        padding: 4px 6px;
        display: grid;
        gap: 6px;
        grid-template-columns: 20px 1fr;
        align-items: center;
        min-width: 88px;
    }

    .delivery-section .delivary-information {
        max-width: 100%;
    }

    .delivary-information span.show-date {
        font-size: 12px;
        color: #F40;
        font-weight: 500;
        text-align: center;
    }

    .schedule-info-day .reminder-info i.fa-question {
        padding: 3px;
    }

    .check-box-container {
        display: grid;
        grid-template-columns: 24px 1fr;
        gap: 6px;
        align-items: center;
        width: 100%;
    }

    .destination-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

        .destination-section .schedule-info-day.outerInfoDay {
            min-width: 88px;
        }

    .schedule-info-day span.reminder-info {
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        padding: 3px;
    }

    .schedule-information-box {
        display: flex;
        gap: 2px;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }

    .table-data-information {
        border: 1px solid #EBEBEB;
        margin: 0;
        margin-top: 14px;
        border-radius: 4px;
        border: 1px #2a8fca solid;
    }

    span.foundation-name {
        color: #57A3CF;
        text-align: center;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
    }

    .progress-bar.custom-progress-bar {
        border-radius: 20px;
        background: linear-gradient(90deg, #1F82BF 0%, #7ECEFF 100%);
    }

    .foundation-section {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .card-filter-section {
        display: grid;
        grid-template-columns: 1fr 120px;
        gap: 16px;
    }

    button.add-filter {
        border-radius: 4px;
        border: 1px solid #2A8FCA;
        background: #FFF;
        padding: 11px 10px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #2A8FCA;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

    .first-letters.change-bg {
        background-color: #769F66 !important;
    }

    .delivary-information .show-date.change-color {
        color: #769F66;
    }

    .delivary-information span.show-date.black-color {
        color: #444;
    }

    .first-letters.bg-yellow {
        background-color: #FF9A52;
    }

    .first-letters.bg-green {
        background-color: #474444b8 !important;
        color: #fff !important;
    }

    .panel-body {
        padding: 8px;
    }

    .card-body.gridbody {
        padding: 4px;
    }

    .foundation-section .progress {
        height: 14px;
    }

        .foundation-section .progress .progress-bar {
            height: 14px;
            bottom: 0;
        }

    .schedule-info-date,
    .delivary-information {
        width: 100%;
    }

    .schedule-info-day {
        border-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

        .schedule-info-day.red-fill span.reminder-info {
            color: #f72727;
        }

        .schedule-info-day.orange-fill span.reminder-info {
            color: #ff7e22;
        }

        .schedule-info-day.green-fill span.reminder-info {
            color: #64CA5E;
        }

        .schedule-info-day.red-fill {
            background: #fbbebe3b;
            color: #fff;
        }

        .schedule-info-day.orange-fill {
            background: #ffdbc2a1;
            color: #fff;
        }

        .schedule-info-day.green-fill {
            background: #E9FFE8;
            color: #fff;
        }

        .schedule-info-day.w-100 {
            margin-top: -5px;
        }

        .schedule-info-day.fill {
            background: #DEE2F4;
            color: #fff;
        }

    #WIPDataCard {
        max-height: 55vh;
        overflow-y: scroll;
        scroll-behavior: smooth;
    }

    .user-name:has(.no-data-icon) {
        padding: 4px 9px;
        max-width: 100%;
    }

    .warehouse-information:has(.no-data-icon) {
        width: 100%;
        grid-template-columns: unset;
    }

    .delivery-section .icons-box {
        padding-left: 34px;
    }

    .delivery-section:has(.no-data-icon) .icons-box {
        padding-left: 0px;
    }

    .logtable-ipad.view-grid-table .table td.mob-date {
        display: flex;
        gap: 4px;
        width: 100%;
        max-width: 90%;
        margin-bottom: 10px;
    }

    .changeDateT-num span {
        line-height: 120%;
    }
}

@media only screen and (max-width:1024px) {
    .card-grid-box-table {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width:767px) {
    .card-grid-box-table {
        grid-template-columns: repeat(1, 1fr);
    }

    .fieldWP-modal.show .tooltip-inner {
        color: #2a8fca;
        font-style: italic;
        background-color: #f5f5f5;
        border: 1px solid #84cbfd;
    }

    .fieldWP-modal.show .tooltip-arrow::before {
        border-top-color: #84cbfd !important;
        border-right-color: #f5f5f5 !important;
        border-bottom-color: #f5f5f5 !important;
    }

    .custm-Ud {
        width: 75%;
        text-align: left;
    }

    .custm-w-100 {
        width: 100%;
    }
}

@media only screen and (min-width:300px) and (max-width:450px) {
    .fieldWP-modal .field-Nav-tab .nav > button {
        padding: 0.2rem 0.9rem;
    }

        .fieldWP-modal .field-Nav-tab .nav > button#v-pills-st-log-tab {
            width: min-content;
        }

    .badges_grp-sum .badges-box {
        padding: 2px 5px 2px 5px;
    }

    .delivary-information {
        gap: 0;
    }

        .delivary-information .show-date span {
            text-overflow: ellipsis;
            overflow: hidden;
            width: 55px;
        }

    .project_Data_Div {
        margin-top: 126px;
    }

    .tabs-menu1 ul li {
        margin: 0
    }

    .tabs-menu1 {
        padding: 10px 6px;
    }

    .panel-body {
        padding: 4px;
    }

    .card-information-container {
        padding: 16px 0px 0;
    }

    .schedule-info-day {
        border-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

        .schedule-info-day span.reminder-info {
            font-size: 12px;
            white-space: unset;
        }

        .schedule-info-day.red-fill span.reminder-info {
            color: #f72727;
        }

        .schedule-info-day.orange-fill span.reminder-info {
            color: #ff7e22;
        }

        .schedule-info-day.green-fill span.reminder-info {
            color: #64CA5E;
        }

        .schedule-info-day.red-fill {
            background: #fbbebe3b;
            color: #fff;
        }

        .schedule-info-day.orange-fill {
            background: #ffdbc2a1;
            color: #fff;
        }

        .schedule-info-day.green-fill {
            background: #E9FFE8;
            color: #fff;
        }

        .schedule-info-day.fill {
            background: #DEE2F4;
            color: #fff;
        }

        .schedule-info-day.w-100 {
            margin-top: -5px;
            width: 89px !important;
        }

        .schedule-info-day.red-fill .reminder-info i.fa-question {
            padding: 3px;
        }

    .badges_grp-sum.custmBadgesGrid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 20px 1fr;
        grid-template-rows: repeat(3, 1fr);
        gap: 0px;
    }

        .badges_grp-sum.custmBadgesGrid > div:nth-child(1),
        .badges_grp-sum.custmBadgesGrid > span:nth-child(2),
        .badges_grp-sum.custmBadgesGrid > div:nth-child(3) {
            grid-column: span 3/ span 3;
            width: fit-content;
            margin: 0 auto
        }

        .badges_grp-sum.custmBadgesGrid > span:nth-child(2) {
            text-align: center;
            align-content: center;
        }

        .badges_grp-sum.custmBadgesGrid > span:nth-child(4) {
            grid-area: 2 / 4 / 3 / 5;
            align-content: center;
        }

        .badges_grp-sum.custmBadgesGrid > div:nth-child(5) {
            grid-area: 2 / 5 / 3 / 6;
            align-content: center;
        }

    .check-box-icons svg {
        width: 18px;
        height: 18px;
        min-width: 18px;
    }

    .check-box-container {
        grid-template-columns: 18px 1fr;
        gap: 4px;
    }

    /*11-03-2026 new css*/

    button.searchbtn-draw {
        padding: 6px;
        min-height: 34px;
        margin-right: 2px;
    }

    .viwer-control {
        width: calc(100% - 37px);
    }

        .viwer-control button#download-btn {
            padding: 5px;
            margin: 0 3px;
        }

        .viwer-control button#close-btn {
            padding: 5px;
        }

        .viwer-control .alert-warning {
            padding: 4px;
            min-height: 34px;
            align-content: center;
            font-size: 12px;
        }

        .viwer-control span#select2-revision-container {
            height: 34px;
            line-height: 32px;
            padding-left: 3px;
            padding-right: 18px;
        }

        .viwer-control .select2-container .select2-selection--single {
            min-height: 34px;
            line-height: 36px;
        }

        .viwer-control .select2-container--default .select2-selection--single .select2-selection__arrow {
            min-height: 34px;
        }
}
/************ Field Tool Mobile View ************/