@media screen and (min-width: 1800px) {

}
@media screen and (min-width: 1700px) {
    .section-left-box-here {
    }
}
@media screen and (max-width: 1650px) {
}
@media screen and (max-width: 1600px) {}
@media screen and (max-width: 1480px) {
    section.lastest-notification .lastest-notification-box {
        height: 91%;
    }
    .sidebar .nav-item .nav-link svg {
        padding-right: 10px;
        font-size: 13px;
        padding-right: 6px;
    }
    .sidebar .nav-item .nav-link{
        padding: 8px 1px;
    }

}
@media screen and (max-width: 1380px) {
    .sidebar {
        width: 17%;
    }
}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1180px) {}
@media screen and (max-width: 1025px) {
.sidebar {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1000;
    transition: transform 0.3s ease;
    transform: translateX(-100%);
    width: 25%;
}

.sidebar.show {
    transform: translateX(0);
}

.hamburger {
    display: block;
    /* position: fixed; */
    top: 20px;
    left: 20px;
    z-index: 1001;
    font-size: 24px;
    cursor: pointer;
    color: #faaf40; /* You can change the color as needed */
}
.sidebar {
    display: block !important;
}
.d-desktop-none{
    display: block;
    border-bottom: 2px solid #faaf40;
}
.logo.logo-mobile {
    width: 15%;
    margin: 0;
}

}

@media screen and (max-width: 1024px) {
.d-none-1024-screen{
    display: none !important;
}
.sidebar{
    display: block;
}
.col-lg-2.add-cls-my {
    width: 100%;
}
.col-lg-10.add-cls-my {
    width: 100%;
}
.col-lg-2.add-cls-my {
    padding: 0;
}
.hide-screen-my{
    display: none !important;
}
}
@media screen and (max-width: 992px) {
    div#dynamic-fields-questionnaire .dynamic-fields-questionnaire-inner{
        width: 100%;
        overflow-x: scroll;
    }
    div#dynamic-fields-questionnaire .dynamic-fields-questionnaire-inner .row.mb-2 {
        flex-wrap: nowrap !important;
    }
    div#request-details .request-details-inner .row .col-4 {
        width: 28%;
    }
    div#supplies-request-items .supplies-request-items-inner {
        width: 100%;
        overflow-x: scroll;
    }
    div#supplies-request-items .supplies-request-items-inner .row {
        flex-wrap: nowrap !important;
    }
    div#supplies-request-items .supplies-request-items-inner .col-md-2, .col-md-1 {
        width: 27% !important;
    }
    section.job-requisition-flow .card-body.bg-white.p-3 .col-lg-3.col-md-6 {
        margin-bottom: 35px;
    }
    section.jabs-dashboard.cards-jobs-dashboard-page .row.g-4.text-center {
        --bs-gutter-y: 0.7rem;
    }
    .all-category-box-vc {
    }
    .schedule-box .schedule-box-vc .schedule-box-vc-inner .d-flex.mt-4 .meeting-time-content {
        margin-left: 12px !important;
        padding-left: 19px !important;
    }
    .schedule-box .schedule-box-vc .schedule-box-vc-inner .d-flex.mt-4 .meeting-time-div h2 {
        font-size: 21px;
    }
    .form.bg-white section.form-section.pt-4.px-0.m-0 .col-lg-3.col-md-4 {
        margin-bottom: 13px !important;
    }
}
@media screen and (max-width: 900px) {
    section.chart-sec .col-lg-8.col-md-7 {
        width: 100%;
        margin-bottom: 14px;
    }
    section.chart-sec .col-lg-4.col-md-5 {
        width: 100%;
    }
    section.lastest-notification .container .row .col-lg-8 {
        width: 100%;
    }
    section.lastest-notification .container .row .col-lg-4.col-md-4{
        width: 100%;
        padding: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    section.lastest-notification .lastest-notification-box{
        height: 100%;
    }
}
@media screen and (max-width: 880px) {
    .actions-btns.bg-white.pb-3.px-2 button.add-btn {
        margin-bottom: 5px;
    }
    .table-responsive {
        overflow-x: auto !important;
    }
    section.jabs-dashboard.mt-5 select.form-select {
        padding: .375rem 2.25rem .375rem .75rem;
    }
}
@media screen and (max-width: 800px) {
    .d-none-800-screen{
        display: none;
    }
    div#request-details .request-details-inner .row{
        flex-wrap: nowrap !important;
    }
    div#request-details .request-details-inner{
        width: 100%;
        overflow-x: scroll;
    }
    /* div#request-details .request-details-inner .row .col-4 {
        width: 24%;
    } */
    div#add-tax-slabs {
        width: 100%;
        overflow-x: scroll;
    }
    .applicants-col{
        top: 0;
    }
    .sidebar {
        width: 40% !important;
    }
    section.lastest-notification .container .row {
        display: block;
    }

    section.lastest-notification .lastest-notification-box {
        height: auto;
    }

    .schedule-box{
        min-height: auto;
    }
    .schedule-box-inner-vc-m-add {
        display: flex;
        justify-content: space-between;
    }
    .add-mcls{
        display: none;
    }

    .banner-card-sec-vc {
        display: block !important;
    }

    .banner-card-sec-vc img {
        width: 51% !important;
    }
    .logo.logo-mobile {
        width: 25%;
    }
    div#add-dynamic-questions {
        width: 100%;
        overflow-x: auto;
    }
    div#add-dynamic-questions .add-dynamic-job-records-vc-inner .row {
        flex-wrap: nowrap;
    }
}
@media screen and (max-width: 768px) {
    section.job-requisition-flow .card-body.bg-white label.form-label {
        text-align: left;
    }
    .table-responsive {
        overflow-x: auto;
    }
    section.job-requisition-flow .card-body.bg-white label.form-label span.text-danger {
        display: block;
        padding: 0 !important;
    }
    section.application-section.role-page-sec .row.align-items-center.justify-content-center.mt-4 .col-md-8 {
        margin: 12px 0;
    }
    div#dynamic-fields-questionnaire .dynamic-fields-questionnaire-inner .row.mb-2 .col-md-2 {
        width: 30% !important;
    }
    div#supporting-document .supporting-document-inner .row.mb-2 {
        flex-wrap: nowrap !important;
    }
    div#supporting-document .supporting-document-inner{
        width: 100%;
        overflow-x: scroll;
    }
    div#add-reimbursement-expenses-sec .add-reimbursement-expenses-inner {
        width: 100%;
        overflow-x: scroll;
    }
    div#add-reimbursement-expenses-sec .add-reimbursement-expenses-inner .row.mb-2 {
        flex-wrap: nowrap !important;
    }
    section.form-section.job-requisition-flow.reimbursements-page-sec.p-0.mt-4 .card-body.bg-white.p-3 {
        text-align: left !important;
    }
    div#add-new-job-card .add-job-card-inner .row.mb-2 {
        flex-wrap: nowrap !important;
    }
    div#add-new-job-card .add-job-card-inner {
        width: 100%;
        overflow-x: scroll;
    }
    div#add-tax-slabs .add-tax-slabs-records-vc-inner .row {
        flex-wrap: nowrap;
    }
    section.application-section.internships-page-sec .mb-4 {
        margin-bottom: 1px !important;
    }
    section.job-requisition-flow .card-body.bg-white.p-3 {
        text-align: center;
    }
    section.application-section select.form-select {
        padding: 11px 11px;
        margin-bottom: 15px;
    }
    .hide-screen-my{
        display: block !important;
    }
    .notification-div .notification-div-vc svg{
        color: #faaf40;
    }
    .d-block-screen{
        display: block;
    }
    .hide-screen-767{
        display: none;
    }
    section.applicants-progress .col-lg-4.col-md-4.pt-3 {
        padding: 0;
    }
    .all-category-box-vc .all-category-box-vc-inner h3 {
        font-size: 20px;
    }
    .applicants-table td {
        padding: 12px 2px;
        font-size: 13px;
    }
    .status {
        width: 5px;
        height: 5px;
        margin-right: 3px;
    }
    .applicants-table td svg {
        font-size: 12px !important;
    }
    section.applicants-progress .attendance-container {
        max-width: 100% !important;
    }
    .banner-card-sec-vc.mb {
        margin-top: 14px;
    }
    span.top-active{
        font-size: 11px;
    }
    span.top-active svg {
        font-size: 10px !important;
    }
    span.top-active {
        padding: 3px 8px;
    }
    .job-records-vc-inner .col-md-3, .col-md-2 {
        /* width: 100% !important; */
    }
    .job-records-vc-inner .row{
        flex-wrap: nowrap;
    }
    div#job-records {
        width: 100%;
        overflow-x: auto;
    }
}
@media screen and (max-width: 580px) {
    div#request-details .request-details-inner .row .col-4, .col-3 {
        width: 46% !important;
    }
    div#supplies-request-items .supplies-request-items-inner .col-md-2, .col-md-1 {
        width: 44% !important;
    }
    div#add-reimbursement-expenses-sec .add-reimbursement-expenses-inner .row.mb-2 .col-md-3, col-md-2 {
        width: 45%;
    }
    .d-flex.justify-content-between.leaves-page-sec {
        display: block !important;
    }
    .leaves-page-sec button.add-btn {
        margin-top: 18px;
    }
    .hide-screen-my .d-flex.align-items-center.d-block-screen {
        gap: 6px !important;
    }
    .today-day-div .today-day-div-content p {
        font-size: 10px;
    }
    .today-day-div .today-day-div-content {
        padding: 7px 9px;
    }
    .schedule-box-inner-vc-m-add{
        display: block;
    }
    .add-mcls{
        display: block;
    }
    .lastest-notification-message-box {
        background: #F3F6F9;
        padding: 14px 11px 14px 9px;
    }
    .lastest-notification-message-box-vc-2 span {
        text-wrap: nowrap;
    }
    section.all-category-box .container .row .col-lg-4.col-md-4.col-4 {
        width: 50%;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }
}
@media screen and (max-width: 480px) {
    section.dashboard-cards .row .col-lg-4.col-6 {
        width: 100%;
    }
    section.organizational-events-board div#organizational_calendar .fc-toolbar-chunk {
        font-size: 8px;
    }

    section.organizational-events-board div#organizational_calendar .fc-dayGridMonth-view.fc-view.fc-daygrid table.fc-scrollgrid thead tr.fc-scrollgrid-section.fc-scrollgrid-section-header.fc-scrollgrid-section-sticky {
        font-size: 12px;
    }
    section.organizational-events-board div#organizational_calendar .fc-dayGridMonth-view.fc-view.fc-daygrid table.fc-scrollgrid td.fc-day a {
        font-size: 11px;
    }
    section.organizational-events-board div#organizational_calendar .fc-dayGridMonth-view.fc-view.fc-daygrid table.fc-scrollgrid td.fc-day a {
        font-size: 8px;
        text-wrap: wrap;
    }
    section.dashboard-cards .row {
        display: block;
    }
    .message-dropdown.dropdown .dropdown-menu.message-list {
        right: -120px;
    }
    .d-sm-none{
        display: none !important;
    }
    .section-left-box-here .top-banner .heading h1{
        font-size: 26px;
    }
    .section-left-box-here .top-banner .heading h5 {
        font-size: 16px;
    }
    div#dynamic-fields-questionnaire .dynamic-fields-questionnaire-inner .row.mb-2 .col-md-2 {
        width: 45% !important;
    }
    .lastest-notification-message-box-vc ul li{
        font-size: 13px
    }
    .lastest-notification-message-box-vc-2 span {
        font-size: 12px;
    }
    .lastest-notification-message-box-vc-2 span svg.svg-inline--fa.fa-arrow-right-to-bracket {
        display: none;
    }
    .logo.logo-mobile {
        width: 31%;
    }
    .sidebar {
        width: 73% !important;
    }
    section.tree-box .heading h1 {
        font-size: 24px;
    }
    section.tree-box .heading h5 {
        font-size: 15px;
    }
    .job-records-vc-inner .col-md-3.col-4, .col-md-2.col-3 {
        width: 46%;
    }
}
@media screen and (max-width: 414px) {
    div#add-new-job-card .add-job-card-inner .row.mb-2 .col-md-3, .col-md-2 {
        width: 65%;
    }
    section.jabs-dashboard.cards-jobs-dashboard-page .row.g-4.text-center .col-lg-3.col-md-4.col-6 {
        width: 100%;
    }
    .add-btn{
        padding: 7px 6px;
        font-size: 13px;
    }
    section.application-section h3 {
        font-size: 17px;
    }
    div#add-tax-slabs .add-tax-slabs-records-vc-inner .row .col-lg-3, .col-lg-2 {
        width: 55%;
    }
}
@media screen and (max-width: 375px) {
    section.all-category-box .container .row .col-lg-4.col-md-4.col-4 {
        width: 100%;
    }
    .job-records-vc-inner .col-md-3.col-4, .col-md-2.col-3 {
        width: 60%;
    }
}
@media screen and (max-width: 360px) {}