@media screen and (max-width: 991px) {
    .interview-item { display: grid; gap: 10px;  }
    .reports-section .chart-container { padding: 10px; width: 99%;}
    .submit-btn.post-job button {padding: 10px 30px;}
    .form-actions.submit-btn2 {gap: 20px;}
    .modal-dialog-w {width: 90%; }
    .fc-toolbar h2 {font-size: 12px !important;}
    .fc-direction-ltr .fc-toolbar > * > :not(:first-child) {margin-left: -1px;}
    .content-page .content { min-height: unset; }
  }
  @media screen and (max-width: 767px) {
    .d-grid.upper-box1 {  grid-template-columns: repeat(1, 1fr);  gap: 13px;  }
    .submit-btn button { width:unset; }
    .submit-btn.post-job button {padding: 10px 20px; }
    .text-sec { display: grid;  gap: 25px; }
    .footer { height: unset; padding: 12px 1.5rem;}
    .header-2 { display: grid;  gap: 20px;  }
    .dashboard-inner-box .actions {display: grid; }
    .reports-section .chart-container { padding: 10px; width: 99%;}
    .header-a {display: grid; gap: 10px;}
    .form-actions.submit-btn2 button {  width: 100% !important; }
    .form-actions.submit-btn2 {  display: grid; gap: 13px; justify-content: unset; width: 1005;}
    .modal-dialog-w { width: 90%; }
    .modal-footer{display: unset;}
    .create-job {padding: 10px; }
    .calendar-container {margin-bottom: 20px; }
    .fc-toolbar h2 { font-size: 17px !important;}
    .fc-direction-ltr .fc-toolbar > * > :not(:first-child) {margin-left: 15px;}
    .search-result {overflow: unset; height: unset;}
    .job-sec-right {padding: 20px 20px 20px 20px;}
    .job-sec-right1 h2 {font-size: 24px;}
     p.job-sec-right-p {display: grid; gap: 20px;}
     ul.key-skills-box {grid-template-columns: repeat(2, 1fr);}
    .job-sec-left {border-radius: 28px 28px 0 0;}
    .job-sec-left-heading.d-flex.justify-content-between.job-title-box { display: grid !important; gap: 13px;}
    .heading-btn-sec.d-flex.align-items-center.job-title-box2 { gap: 98px;}
    .job-sec-left { display: none;}
     section.footer-section {padding: 20px 0 70px 0;}
    .d-grid.upper-box {grid-template-columns: repeat(1, 1fr); gap: 14px; }
    .content-page .content {padding: 0 15px 30px;}
    .report-line.mt-sm2 {margin-top: 26px;}
    .Listing-flex { display: grid !important; gap: 10PX;}
    .hero2 .hero-wapper .hero-content h1 {font-size: 30px;}
    .pb-80 { padding-bottom: 30px;  }
    .modal-content-w { width: 95% !important;  }
  }