@media(min-width: 991px){
  .offer-course-img.course-page-image img{
    max-width: 100%;
    width: 100%;
    height: 310px;
  }
  .offer-course-img{
    height: unset;
  }
  .offer-course{
    padding: 0;
    margin-top: 50px;
  }
  .department-book-section.book-section .right > figure.back,
  .department-book-section.book-section .right > figure.front{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width: 1199px) {
  /* Main Menu Header */

  .NavMenu li ul li a:hover {
    border-left: 2px solid var(--primary-color);
  }
  .NavMenu li:hover > ul,
  .NavMenu li ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

@media screen and (max-width: 1700px) {
  /* ---------------- International Outreach ---------------- */
  .international-img {
    margin-left: -335px;
  }
  /* ---------------- Footer ---------------- */
  .footer-section {
    column-gap: 40px;
  }
  /* ================================================== About Page ============================================================ */
  /* ---------------- Vision Mission Section Start ---------------- */
  .vision-mission-wrapper::after {
    left: 168px;
    background-size: 560px;
    width: 560px;
  }
  /* ================================================== Administration Director Office Page ============================================================ */
  /* ---------------- Administrative Officers Section Start ---------------- */

  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content {
    max-width: 480px;
  }
  /* ================================================== Tenders & Notices Office Page ============================================================ */
  .tender-notice-input {
    padding: 30px 28px;
    gap: 28px;
  }
  /* .tender-notice-input .input-group input.search-box {
    width: 405px;
  } */
  .tender-notice-input .filter-icon,
  .tender-notice-input .date-row {
    gap: 28px;
  }

  /* ---------------- Anti Ragging Cell Page Start ---------------- */
  .first-services-img,
  .second-services-img,
  .third-services-img,
  .four-services-img{
    height: 200px;
    width: 200px;
  }
}
@media screen and (max-width: 1599px) {
  /* ================================================== About Page ============================================================ */
  /* ---------------- Vision Mission Section Start ---------------- */
  .vision-mission-wrapper::after {
    left: 156px;
    background-size: 530px;
    width: 530px;
  }
  

}
@media screen and (max-width: 1528px) {
  /* ---------------- Header ---------------- */
  header.sticky .logo img {
    width: 205px;
  }
  .logo img,
  .footer-part-one .logo-content img {
    width: 215px;
  }
  /* ---------------- Footer ---------------- */
  .footer-part-four iframe {
    width: 405px;
    height: 250px;
  }
  /* ================================================== About Page ============================================================ */
  /* ---------------- Vision Mission Section Start ---------------- */
  .vision-mission-wrapper::after {
    left: 130px;
    background-size: 520px;
    width: 520px;
  }
  /* ================================================== Tenders & Notices Office Page ============================================================ */
  .tender-notice-input {
    padding: 28px 26px;
    gap: 26px;
  }
  .tender-notice-input .filter-icon,
  .tender-notice-input .date-row {
    gap: 26px;
    padding-left: 0px;
  }
}
@media screen and (max-width: 1499px) {
  /* ================================================== About Page ============================================================ */
  /* ---------------- Vision Mission Section Start ---------------- */
  .vision-mission-wrapper::after {
    left: 120px;
    background-size: 510px;
    width: 510px;
  }
  .faq-section .accordion-item{
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1440px) {
  /* ---------------- Header ---------------- */
  header.sticky .logo img {
    width: 200px;
  }
  .logo img,
  .footer-part-one .logo-content img {
    width: 210px;
  }
  .header-menu .menu li {
    padding-left: 12px;
    padding-right: 12px;
  }
  .menu-search-bar {
    gap: 30px;
  }
  /* Main Header */
  .NavMenu li a {
    font-size: 14px;
  }
  /* ---------------- Departments and Cells ---------------- */
  .depart-heading {
    padding-bottom: 50px;
  }
  /* ---------------- Academics Section ---------------- */
  .cards-info a {
    padding: 40px 30px;
  }
  /* ---------------- Media & Gallery ---------------- */
  .section-1,
  .section-3,
  .part-one,
  .part-two,
  .media-gallery {
    gap: 18px;
  }
  .view-more-img {
    padding-left: 40px;
    padding-right: 40px;
  }
  /* ---------------- International Outreach ---------------- */
  .international-img {
    margin-left: -310px;
  }
  .program-offer-heading.margin-bottom {
    margin-bottom: 36px;
  }
  .international-content {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .program-offer-heading.margin-bottom {
    margin-bottom: 35px;
  }
  .program-offer-boxes .box a {
    padding: 32px 28px;
    gap: 26px;
  }
  /* ---------------- Footer ---------------- */
  .footer-part-four iframe {
    width: 385px;
    height: 240px;
  }
  .footer-section {
    padding-top: 90px;
    column-gap: 38px;
    padding-bottom: 45px;
  }

  /* ================================================== Intoduction About  Page ============================================================ */
  .right-about-section h4{
    font-size: 30px;
    line-height: 35px;
  }
  /* ================================================== About Page ============================================================ */
  /* ---------------- Vision Mission Section Start ---------------- */
  .vision-mission-wrapper::after {
    left: 100px;
    background-size: 500px;
    width: 500px;
  }
  /* ---------------- Anti Ragging Cell Page Start ---------------- */
  .anti-ragging-cell-title,
  .ragging-committee-heading{
    font-size: 30px;
  }
  .anti-ragging-cell-description{
    margin-bottom: 30px;
  }
  .ragging-committee-section{
    margin-bottom: 20px;
  }
  .ragging-committee-table td{
    font-size: 16px;
  }
}
@media screen and (max-width: 1399px) {
  /* Common */
  .mb-40px {
    margin-bottom: 38px !important;
  }
  .mb-30px {
    margin-bottom: 28px;
  }
  .padding-top,
  .program-offer-padding {
    padding-top: 76px;
  }
  .padding-bottom {
    padding-bottom: 76px;
  }
  /* ---------------- Header ---------------- */
  header.sticky .logo img {
    width: 185px;
  }
  .logo img,
  .footer-part-one .logo-content img {
    width: 195px;
  }
  .header-menu .menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .menu-search-bar {
    gap: 26px;
  }
  /* ---------------- Banner ---------------- */
  .heading {
    font-size: 35px;
    line-height: 1.3;
  }
  .banner-content-img .banner-content h2,
  .mb-20px {
    margin-bottom: 18px !important;
  }
  .banner-content-img .banner-content p {
    margin-bottom: 30px;
  }
  /* ---------------- Banner Below Our Story Section ---------------- */
  .our-story-img {
    height: 516px;
  }
  .content-heading {
    padding: 75px 25px;
    max-width: 290px;
  }
  .img-one {
    left: 290px;
  }
  .img-one img {
    width: 282px;
  }
  .img-two {
    top: 165px;
    left: 265px;
  }
  .img-two img {
    width: 352px;
  }
  .img-three img {
    width: 242px;
  }
  /* ---------------- Departments and Cells ---------------- */
  .depart-heading {
    padding-bottom: 45px;
  }
  /* ---------------- Programmes Offered ---------------- */
  .program-img a h4 {
    font-size: 28px;
  }
  .program-img a img {
    min-height: 275px;
  }
  /* ---------------- E-Services / Online Services ---------------- */
  .services-img {
    width: 58px;
    height: 58px;
    margin-bottom: 28px;
  }

  /* ---------------- Media & Gallery ---------------- */
  .section-1,
  .section-3,
  .part-one,
  .part-two,
  .media-gallery {
    gap: 16px;
  }
  .view-more-img {
    padding-left: 35px;
    padding-right: 35px;
  }
  .view-more-img p {
    font-size: 20px;
  }
  .learn-more-btn {
    padding: 9px 18px;
  }
  /* ---------------- International Outreach ---------------- */
  .international-content {
    padding-top: 82px;
    padding-bottom: 82px;
  }
  .international-img {
    margin-left: -285px;
  }
  .program-offer-heading.margin-bottom {
    margin-bottom: 32px;
  }
  /* ---------------- Footer ---------------- */
  .footer-section {
    padding-top: 80px;
    column-gap: 35px;
    padding-bottom: 45px;
  }
  .footer-part-four iframe {
    width: 365px;
    height: 240px;
  }
  ul.personal-info li {
    margin-bottom: 18px;
  }
  /* ================================================== About Page ============================================================ */
  /* ---------------- Vision Mission Section Start ---------------- */
  .about-heading h1 {
    font-size: 35px;
    line-height: 51px;
  }
  .vision-mission-wrapper::after {
    left: 50px;
    background-size: 510px;
    width: 510px;
  }
  .about-hero-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /*---------------- Org Chart Cards Section ---------------- */
  .chart-boxes-div {
    padding: 45px 50px;
  }
  /*---------------- Vision Organizational Accordion ---------------- */
  .vision-org-accordion .accordion-body {
    padding-top: 18px;
  }
  .vision-org-accordion .accordion-button {
    padding-bottom: 18px;
  }
  /*---------------- Information Content Two Boxes ---------------- */
  .information-content-box {
    padding: 38px 28px;
  }
  /* ================================================== Administration Director Office Page ============================================================ */
  /*---------------- Administration Director Office ---------------- */
  .adm-director-office {
    padding: 28px;
  }
  .director-name {
    margin-top: 28px;
  }
  .adm-director-office {
    margin-bottom: 76px;
  }
  /* ---------------- Administrative Officers Section Start ---------------- */
  .administrative-chart-section .administrative-officer-chart .chart-boxes h2 {
    margin-bottom: 26px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content {
    padding: 28px;
    margin-bottom: 28px;
    max-width: 480px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes::after {
    height: calc(100% - 64px);
  }
  .administrative-chart-section .administrative-officer-chart .chart-boxes {
    padding-left: 40px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content::after {
    left: -40px;
    width: 40px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    h2::after {
    left: -40px;
    width: 25px;
  }
  /* ================================================== Contact Us Page ============================================================ */
  /* ---------------- Let’s Contact Us ---------------- */
  .contact-us-section .message-box {
    padding: 55px 48px;
  }
  .form-contact input {
    padding: 13px 20px;
  }
  .contact-us-section .contact-Information,
  .company-info.contact-social-info .social-icons li,
  .form-send-message {
    margin-top: 28px;
  }
  .contact-Information .row .col-lg-6 {
    margin-bottom: 28px;
  }
  .vision-org-accordion.contact-accordion .accordion-item .accordion-body {
    margin-top: 45px;
  }
  .contact-accordion .accordion-item .accordion-body .row .col-lg-6 {
    margin-bottom: 45px;
  }
  /* ================================================== Video Gallery Page ============================================================ */
  .video-gallery-section {
    margin-bottom: 28px;
  }
  .video-gallery-section .video-box {
    padding: 28px;
    gap: 28px;
  }
  /* ================================================== Press Release Page ============================================================ */
  .press-tab-btn .nav-link {
    padding: 24px 48px;
  }
  .tab-content-info .date-news-info {
    padding: 14px;
    gap: 18px;
  }
  .tab-content-info .date-news-info .date {
    padding: 14px;
  }
  .tab-content-info .date-news-info .date h3 {
    font-size: 38px;
  }
  .tab-content-info {
    margin-bottom: 18px;
  }
  .press-tab-content-info,
  .press-release-nav-tabs {
    margin-top: 45px;
  }
  .pdf-show {
    margin-top: 45px;
  }
  /* ================================================== Media Coverage Page ============================================================ */
  .media-content {
    padding-bottom: 28px;
  }
  .coverage-right-section .top-section {
    margin-bottom: 45px;
  }
  .coverage-right-section ul li {
    margin-bottom: 18px;
  }
  .coverage-right-section ul li a {
    padding-bottom: 18px;
  }
  /* ==================================================  Programmes Offered Page ============================================================ */
  .offer-course {
    padding-top: 46px;
    padding-left: 46px;
  }
  .course-description {
    padding: 18px;
  }
  /* ================================================== Study Centres / Campuses Page ============================================================ */
  .academics-content.study-campus {
    padding-right: 30px;
  }
  .study-campus ul li a {
    padding: 18px 16px;
  }
  .study-campus-img {
    padding-left: 24px;
  }
  .administrative-members {
    margin-top: 45px;
  }
  .academic-members {
    padding: 48px 28px;
  }
  /* ==================================================  Faculty Staff Page ============================================================ */
  .faculty-table thead tr th,
  .faculty-table td {
    padding: 12px 22px;
  }
  .faculty-table .table-faculty-photo {
    width: 126px;
  }
  .faculty-table tr td.font-size-18 {
    font-size: 17px;
  }
  /* ==================================================  Academic Calendar Page ============================================================ */
  .academic-calendar-box a {
    padding: 36px 28px;
  }
  /* ==================================================  Academic Council Page ============================================================ */
  .academic-council .faculty-table td {
    padding: 28px 22px;
  }
  /* ================================================== Tenders & Notices Office Page ============================================================ */
  .tender-notice-input {
    padding: 26px 24px;
    gap: 24px;
  }
  .tender-notice-search {
    margin-bottom: 45px;
  }
  .tender-notice-input .filter-icon,
  .tender-notice-input .date-row {
    gap: 24px;
  }
  .tender-notice-input .filter-icon .btn-wrapper {
    padding: 15px 56px;
  }
  /* Student Log In Page  */
  .student-login-page .login-form-section{
    padding: 50px 40px;
  }
  .student-login-page .bg-login-img{min-height: auto;}

  .contact-us-card .heading{
    font-size: 30px;
  }
  .lets-contact-us.map-section iframe{
    height: 311px;
  }
}
@media screen and (max-width: 1280px) {
  /* Common */
  .program-offer-padding {
    padding-top: 90px;
  }
  /* ---------------- Header ---------------- */
  header.sticky .logo img {
    width: 175px;
  }
  .logo img,
  .footer-part-one .logo-content img {
    width: 185px;
  }
  .search-bar .search-form .form-group #s {
    padding: 10px 32px 10px 12px;
    border-radius: 18px;
  }
  /* ---------------- Banner Below Our Story Section ---------------- */
  .our-story-img {
    height: 500px;
  }
  .content-heading {
    padding: 70px 25px;
  }
  .img-one img {
    width: 276px;
  }
  .img-two img {
    width: 330px;
  }
  .img-three img {
    width: 241px;
  }
  /* ---------------- Departments and Cells ---------------- */
  .depart-heading {
    padding-bottom: 40px;
  }
  /* ---------------- Academics Section ---------------- */
  .cards-info a {
    padding: 36px 28px;
  }
  .academics-img img,
  .academics-img span svg {
    width: 32px;
    margin-bottom: 18px;
  }

  /* ---------------- E-Services / Online Services ---------------- */
  .services-img {
    width: 55px;
    height: 55px;
    margin-bottom: 26px;
    border-radius: 15px;
  }
  .e-online-services .services-img span svg {
    width: 22px;
  }
  .e-online-services h5 {
    margin-bottom: 8px;
  }

  /* ---------------- International Outreach ---------------- */
  .international-content {
    padding-top: 75px;
    padding-bottom: 75px;
    padding-left: 20px;
  }
  .program-offer-heading.margin-bottom {
    margin-bottom: 28px;
  }
  .international-img {
    margin-left: -270px;
  }
  .program-offer-heading.margin-bottom {
    margin-bottom: 32px;
  }
  .program-offer-boxes .box a {
    padding: 30px 28px;
    gap: 24px;
  }
  /* ---------------- Footer ---------------- */
  .footer-section {
    column-gap: 32px;
  }
  .footer-part-four iframe {
    width: 355px;
    height: 240px;
  }
  /* ================================================== About Page ============================================================ */
  /* ---------------- Vision Mission Section Start ---------------- */
  .vision-mission-wrapper::after {
    left: 10px;
    background-size: 490px;
    width: 490px;
    top: -10px;
  }
  /*---------------- Org Chart Cards Section ---------------- */
  .chart-boxes-div {
    padding: 42px 48px;
  }
  .chart-boxes-div h4,
  .director-name h4,
  .adm-director-info-content .content h4 {
    font-size: 18px;
  }
  /* ---------------- Administrative Officers Section Start ---------------- */
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content {
    padding: 26px;
    margin-bottom: 26px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes::after {
    height: calc(100% - 63px);
  }
  /* ================================================== Contact Us Page ============================================================ */
  /* ---------------- Let’s Contact Us ---------------- */
  .contact-us-section .message-box {
    padding: 50px 46px;
  }
  /* ================================================== Press Release Page ============================================================ */
  .press-tab-btn .nav-link {
    padding: 20px 46px;
  }
  .tab-content-info .date-news-info .date h3 {
    font-size: 36px;
  }
  /* ==================================================  Faculty Staff Page ============================================================ */
  .faculty-table thead tr th,
  .faculty-table td {
    padding: 12px 20px;
  }
  .faculty-table .table-faculty-photo {
    width: 122px;
  }
  .faculty-staff-table {
    max-width: 1116px;
    overflow-x: auto;
  }
  .faculty-table tr td.font-size-18 {
    font-size: 17px;
  }
  /* ================================================== Tenders & Notices Office Page ============================================================ */
  .tender-notice-input {
    gap: 22px;
  }
  .tender-notice-input .filter-icon,
  .tender-notice-input .date-row {
    gap: 22px;
  }
  .tender-notice-input .filter-icon .btn-wrapper {
    padding: 15px 56px;
  }
  .tender-notice-input .input-group input {
    padding: 10px 12px;
  }
  /* ================================================== Administrative Officer Page ============================================================ */

  
}
@media screen and (max-width: 1199px) {
  .help-left-section{
    padding: 50px;
  }
  .contact-us-card.lets-contact-us{
    padding: 20px;
  }
  /* Common */
  .font-size-15 {
    font-size: 14.5px;
  }
  .font-size-18 {
    font-size: 17px;
  }
  .mb-40px {
    margin-bottom: 36px !important;
  }
  .mb-30px {
    margin-bottom: 26px;
  }
  .padding-top,
  .program-offer-padding {
    padding-top: 72px;
  }
  .padding-bottom {
    padding-bottom: 72px;
  }
  .program-offer-padding {
    padding-top: 85px;
  }
  /* ---------------- Header ---------------- */
  .header-menu {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .menu-logo {
    display: none !important;
  }
  .main-logo-menu {
    display: flex !important;
  }
  .main-logo-menu a {
    width: 100%;
  }
  /* Main Menu Header */
  .toggle-btn {
    display: flex;
  }
  .main-header-logo {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }
  .toggle-btn.activate {
    width: 40px;
    height: 40px;
  }
  .bartoggle {
    display: flex;
    justify-content: center;
    font-size: 30px;
    align-items: center;
    background-color: #fff;
    padding: 0 10px;
    cursor: pointer;
  }

  .NavMenu {
    width: 315px;
    flex: 12;
    position: fixed;
    flex-direction: column;
    background-color: var(--light-theme);
    left: 0;
    top: 00px;
    height: 100vh;
    z-index: 999;
    padding: 15px 0 50px 0;
    justify-content: start;
    overflow-y: scroll;
    /* transition: all 0.4s ease-in-out; */
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }
  /* .NavMenu {
    transform: translateX(-100%);
    transition: transform 0.4s ease-in-out;
  } */

  .NavMenu li ul,
  .NavMenu li ul li ul {
    position: initial;
    left: 0;
    visibility: visible;
    opacity: 1;
    top: 0;
    display: none;
  }
  .NavMenu li {
    padding: 8px 20px;
    border-bottom: 1px solid var(--light-theme-txt-one);
  }
  .orange-theme .NavMenu li {
    border-bottom: 1px solid rgba(246, 144, 45, 0.35);
  }
  .NavMenu li:last-child {
    padding-bottom: 0px;
  }
  .NavMenu li a {
    padding-top: 4px;
    padding-bottom: 4px;
    color: var(--light-theme-txt-one);
    font-weight: 500;
    position: relative;
  }
  .NavMenu li ul.sub-menu,
  .NavMenu li ul.sub-menu li ul.peta-menu {
    /* border: 1px solid rgba(3, 71, 144, 0.6); */
    border-radius: 6px;
    /* padding-top: 10px;
    padding-bottom: 10px; */
    background-color: rgb(200 205 211 / 31%);
  }
  /* Base state (collapsed) */
  .NavMenu li ul.sub-menu,
  .NavMenu li ul.sub-menu li ul.peta-menu {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: scaleY(0.95);
    transform-origin: top;
    transition: all 0.4s ease-in-out;
    display: block; /* Keep display block to enable transitions */
  }

  /* Open state when checkbox is checked */
  .NavMenu li input:checked + ul,
  .NavMenu li ul li input:checked + ul {
    max-height: fit-content; /* large enough to reveal all children */
    opacity: 1;
    transform: scaleY(1);
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .NavMenu li ul.sub-menu li {
    padding: 8px 10px;
  }
  .NavMenu li ul.sub-menu li ul.peta-menu li {
    padding: 8px 10px;
  }
  /* .NavMenu li ul.sub-menu li:last-child,
  .NavMenu li ul.sub-menu li ul.peta-menu li:last-child {
    padding-bottom: 0px;
  } */
  .NavMenu li ul.sub-menu li a {
    padding: 0px 0;
    color: var(--primary-color);
    font-weight: 500;
  }
  
  .NavMenu li ul.sub-menu li ul.peta-menu li a {
    padding: 0px 0;
    color: var(--primary-color);
    font-weight: 500;
  }
  .NavMenu li a img {
    filter: brightness(0) saturate(100%) invert(12%) sepia(52%) saturate(7465%)
      hue-rotate(201deg) brightness(93%) contrast(101%);
  }
  .orange-theme .NavMenu li a img {
    filter: brightness(0) saturate(100%) invert(69%) sepia(58%) saturate(2967%)
      hue-rotate(341deg) brightness(103%) contrast(93%);
  }
  .NavMenu li ul.sub-menu li a img {
    transform: rotate(0deg);
    width: 7px;
    transition: all 0.4s ease-in-out;
  }
  .NavMenu li ul.sub-menu li:hover a img {
    transform: rotate(180deg);
  }

  .NavMenu li ul li ul {
    background: var(--primary-color);
    position: inherit;
    margin-top: -10px;
  }

  .NavMenu li ul li ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: initial;
    padding: 7px 15px 7px 30px;
  }

  .NavMenu li a label::after {
    right: 10px;
  }

  .NavMenu li input:checked + ul,
  .NavMenu li ul li input:checked + ul {
    display: flex;
    flex-direction: column;
    /* margin-bottom: 15px; */
  }

  input:checked + .NavMenu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  .menu-search-bar {
    gap: 20px;
  }
  .NavMenu .toggle-btn {
    display: none;
  }
  /* ---------------- Banner ---------------- */
  .heading {
    font-size: 34px;
  }
  .mb-20px {
    margin-bottom: 17px !important;
  }
  .banner-content-img .banner-content p {
    margin-bottom: 26px;
  }
  /* ---------------- Announcement Bar ---------------- */
  .announcement-content {
    padding: 6px 18px;
  }
  /* ---------------- Banner Below Our Story Section ---------------- */
  .content-heading {
    padding: 70px 22px;
    max-width: 270px;
  }
  .content-heading p {
    font-size: 15px;
    margin-bottom: 8px;
  }
  .img-one {
    left: 270px;
  }
  .img-one img {
    width: 248px;
  }
  .img-two img {
    width: 300px;
  }
  .img-two {
    top: 154px;
    left: 234px;
  }
  .img-three img {
    width: 210px;
  }
  .our-story-img {
    height: 460px;
  }
  /* ---------------- Departments and Cells ---------------- */
  .depart-content ul li a {
    /* font-size: 17px; */
    padding-bottom: 18px;
  }
  .depart-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* ---------------- Programmes Offered ---------------- */
  .program-img a h4 {
    font-size: 24px;
  }
  .program-img a img {
    min-height: 230px;
  }
  /* ---------------- Academics Section ---------------- */
  .academics-content {
    padding-right: 10px;
  }
  /* .cards-info .academics-img .font-size-18 {
    font-size: 17px;
  } */
  .academics-img img,
  .academics-img span svg {
    width: 30px;
    margin-bottom: 16px;
  }
  /* ---------------- E-Services / Online Services ---------------- */
  .services-img {
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
    border-radius: 12px;
  }
  .e-online-services .services-img span svg {
    width: 20px;
  }
  /* ---------------- Media & Gallery ---------------- */
  .section-1,
  .section-3,
  .part-one,
  .part-two,
  .media-gallery {
    gap: 12px;
  }
  .view-more-img {
    padding-left: 20px;
    padding-right: 20px;
  }
  .view-more-img p {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .learn-more-btn {
    padding: 7px 15px;
    font-size: 14px;
  }
  /* ---------------- International Outreach ---------------- */
  .international-content {
    padding-top: 55px;
    padding-bottom: 55px;
    padding-left: 0;
  }
  .international-img {
    margin-left: -355px;
  }
  .program-offer-heading.margin-bottom {
    margin-bottom: 26px;
  }
  .program-offer-boxes .box a {
    margin-bottom: 20px;
  }
  .program-offer-boxes .box a {
    padding: 24px 18px;
    gap: 16px;
  }
  .program-offer-boxes .box a span svg {
    width: 32px;
    top: -15px;
  }
  .program-offer-boxes .box a .name-info p {
    font-size: 14px;
  }
  /* ---------------- Footer ---------------- */
  .footer-section {
    padding-top: 60px;
    column-gap: 20px;
  }
  .footer-part-four iframe {
    width: 335px;
    height: 215px;
  }
  a.visitor-btn {
    padding: 7px 13px;
    font-size: 13px;
  }
  ul.personal-info li {
    margin-bottom: 16px;
  }
  /* ================================================== About Page ============================================================ */
  /* ---------------- Vision Mission Section Start ---------------- */
  .about-heading h1 {
    font-size: 35px;
    line-height: 40px;
  }
  .vision-mission-wrapper::after {
    left: 10px;
    background-size: 400px;
    width: 400px;
    top: -10px;
  }
  .about-hero-section {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  /*---------------- Org Chart Cards Section ---------------- */
  .chart-boxes-div {
    padding: 40px 46px;
  }
  .chart-boxes-div::before {
    top: 13px;
    left: 13px;
    right: 13px;
    bottom: 13px;
  }
  .chart-boxes-div h4,
  .director-name h4,
  .adm-director-info-content .content h4 {
    font-size: 17px;
  }
  /*---------------- Vision Organizational Accordion ---------------- */
  .vision-org-accordion .accordion-body {
    padding-top: 16px;
  }
  .vision-org-accordion .accordion-button {
    padding-bottom: 16px;
    /* font-size: 17px; */
  }
  .vision-org-accordion .accordion-item {
    margin-bottom: 28px;
  }
  /*---------------- Information Content Two Boxes ---------------- */
  .information-content-box {
    padding: 36px 26px;
  }
  /* ---------------- Director Information Section Start ---------------- */
  .director-info-img {
    width: 284px;
    height: 284px;
  }
  /* ================================================== Administration Director Office Page ============================================================ */
  /*---------------- Administration Director Office ---------------- */
  .adm-director-info-content .content h2 {
    margin-bottom: 12px;
  }
  .adm-director-office {
    padding: 24px;
    gap: 24px;
    margin-bottom: 72px;
  }
  .adm-director-info {
    padding: 28px 40px;
  }
  .director-name {
    margin-top: 26px;
  }
  /* ---------------- Administrative Officers Section Start ---------------- */
  .administrative-officer-chart {
    padding-left: 26px;
  }
  .administrative-chart-section .administrative-officer-chart .chart-boxes {
    padding-left: 30px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content::after {
    left: -30px;
    width: 30px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    h2::after {
    left: -30px;
    width: 20px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes::after {
    top: 20px;
    height: calc(100% - 59px);
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content {
    max-width: 405px;
    /* font-size: 17px; */
  }
  .lets-contact-us.map-section iframe{
    height: 284px;
  }
  
  /* ================================================== Contact Us Page ============================================================ */
  /* ---------------- Let’s Contact Us ---------------- */
  .contact-us-section .message-box {
    padding: 46px 42px;
  }
  .contact-us-section .message-box h3 {
    font-size: 24px;
  }
  .form-contact input {
    padding: 12px 18px;
  }
  .contact-us-section .contact-Information,
  .company-info.contact-social-info .social-icons li,
  .form-send-message {
    margin-top: 26px;
  }
  .contact-Information .row .col-lg-6 {
    margin-bottom: 26px;
  }
  .vision-org-accordion.contact-accordion .accordion-item .accordion-body {
    margin-top: 40px;
  }
  .contact-accordion .accordion-item .accordion-body .row .col-lg-6,
  .contact-accordion .accordion-item .accordion-body .row .col-lg-12{
    margin-bottom: 40px;
  }
  .contact-us-section .contact-Information .company-info h3 {
    font-size: 18px;
    margin-bottom: 14px;
  }
  .company-contact-info h4 {
    font-size: 18px;
    margin-bottom: 14px;
  }
  /* ================================================== Photo Gallery Page ============================================================ */
  /* .photo-gallery h4, */
  /* .video-gallery-section .video-box .video-caption p {
    font-size: 18px;
  } */
  /* ================================================== Video Gallery Page ============================================================ */
  .video-gallery-section {
    margin-bottom: 26px;
  }
  .video-gallery-section .video-box {
    padding: 26px;
    gap: 26px;
  }
  .video-gallery-section .video-box a .video-thumb {
    width: 138px;
  }
  .video-gallery-section a .video-thumb .play-icon {
    padding: 7px 16px 6px 19px;
    font-size: 26px;
  }
  /* ================================================== Press Release Page ============================================================ */
  .press-tab-btn .nav-link {
    padding: 18px 44px;
    font-size: 17px;
  }
  .tab-content-info {
    margin-bottom: 16px;
  }
  .tab-content-info .date-news-info {
    padding: 13px;
    gap: 17px;
  }
  .tab-content-info .date-news-info .date h3 {
    font-size: 34px;
  }
  .tab-content-info .date-news-info .date {
    padding: 13px;
  }
  .press-tab-content-info,
  .press-release-nav-tabs {
    margin-top: 40px;
  }
  .pdf-show {
    margin-top: 40px;
  }
  /* ================================================== Media Coverage Page ============================================================ */
  .media-content {
    margin-top: 14px;
  }
  .coverage-right-section .top-section {
    margin-bottom: 40px;
  }
  .coverage-right-section ul li {
    margin-bottom: 16px;
  }
  .coverage-right-section ul li a {
    padding-bottom: 16px;
  }
  /* ================================================== Programmes Offered Page ============================================================ */
  .offer-course {
    padding-top: 42px;
    padding-bottom: 42px;
    padding-left: 42px;
  }
  .program-offer-course-section {
    margin-bottom: 45px;
  }
  .course-description {
    padding: 16px;
    margin-top: 18px;
  }
  /* ================================================== Study Centres / Campuses Page ============================================================ */
  .study-campus ul li {
    margin-bottom: 18px;
  }
  .study-campus ul li a {
    padding: 16px;
  }
  .academics-content::after {
    right: 0;
  }
  .study-campus-img {
    padding-left: 20px;
  }
  .administrative-members {
    margin-top: 40px;
  }
  .academic-members {
    padding: 46px 10px;
  }
  .member-photo {
    width: 178px;
  }
  .campus-establishment h5,
  .academic-members-heading h6 {
    font-size: 18px;
  }
  /* ==================================================  Faculty Staff Page ============================================================ */
  .faculty-table thead tr th,
  .faculty-table td {
    padding: 12px 20px;
  }
  .faculty-table .table-faculty-photo {
    width: 118px;
  }
  .faculty-table tr td.font-size-18 {
    font-size: 16px;
  }
  .faculty-staff-table {
    max-width: 936px;
  }
  /* ==================================================  Academic Calendar Page ============================================================ */
  .academic-calendar-box a {
    padding: 32px 26px;
  }
  /* ==================================================  Academic Council Page ============================================================ */
  .academic-council .faculty-table td {
    padding: 24px 20px;
  }
  /* ================================================== Tenders & Notices Office Page ============================================================ */
  .tender-notice-input {
    padding: 20px;
    gap: 18px;
  }
  .tender-notice-search {
    margin-bottom: 40px;
  }
  .tender-notice-input .filter-icon,
  .tender-notice-input .date-row {
    gap: 18px;
  }
  .tender-notice-input .filter-icon .btn-wrapper {
    padding: 13px 45px;
  }
  .tender-notice-input .input-group label {
    gap: 8px;
    margin-bottom: 8px;
  }

  /* ================================================== Student Log In Page ============================================================ */

  .student-login-page .login-title{
    font-size: 27px;
    line-height: 30px;
  }
  .student-login-page .login-description{
    margin-bottom: 20px;
    line-height: 20px;
  }
  .student-login-page .sign-btn{
    margin-top: 20px;
  }

  /* ================================================== Administrative Officer Page ============================================================ */

  .administrative-officers-wrapper-two .officer-card-heading{
    font-size: 20px;
    line-height: 25px;
  }
  .administrative-officers-wrapper-two .officer-card-sub-heading{
    line-height: 20px;
  }
  .right-officer-card-section .view-more-btn.accordion-button.collapsed i{
    height: 40px;
    width: 40px;
    font-size: 14px;
  }
  .administrative-officers-wrapper-two .officer-card-heading{
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  /* Common */
  .padding-top,
  .program-offer-padding,
  .depart-heading {
    padding-top: 70px;
  }
  .padding-bottom {
    padding-bottom: 70px;
  }
  .program-offer-padding {
    padding-top: 75px;
  }
  /* ---------------- Header ---------------- */
  header.sticky .logo img {
    width: 165px;
  }
  .logo img,
  .footer-part-one .logo-content img {
    width: 175px;
  }
  .header-menu .menu {
    top: 99px;
  }
  .menu-search-bar {
    gap: 20px;
  }
  /* ---------------- Banner ---------------- */
  .heading {
    font-size: 32px;
    line-height: 1.2;
  }
  .mb-20px {
    margin-bottom: 16px !important;
  }
  .banner-content-img .banner-content p {
    margin-bottom: 22px;
  }
  .btn-wrapper {
    padding: 13px 23px;
    font-size: 16px;
  }
  /* ---------------- Media & Gallery ---------------- */
  .view-more-img p {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .view-more-img {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* ---------------- Footer ---------------- */
  .footer-section {
    column-gap: 18px;
  }
  .footer-part-four iframe {
    width: 320px;
  }
  /* ================================================== About Page ============================================================ */
  /* ---------------- Vision Mission Section Start ---------------- */
  .vision-mission-wrapper::after {
    left: 10px;
    background-size: 390px;
    width: 390px;
    top: -10px;
  }
  .offer-course-list li {
    gap: 12px;
  }
  .offer-course-list li img {
    width: 19px;
  }
  /* ================================================== Administration Director Office Page ============================================================ */
  /*---------------- Administration Director Office ---------------- */
  .adm-director-office {
    margin-bottom: 70px;
  }
  /* ==================================================  Media Coverage Page ============================================================ */
  .media-content {
    padding-bottom: 26px;
  }
  .coverage-right-section ul li a {
    font-size: 16px;
  }
  /* ==================================================  Programmes Offered Page ============================================================ */
}
@media screen and (max-width: 991px) {
  .help-right-section{
    padding: 0 !important;
  }
  .help-left-section{
    order: 2;
  }
  .c-mt-0{
    margin-top: 0px;
  }
  /* ---------------- Common ---------------- */
  .font-size-15 {
    font-size: 14px;
  }
  .font-size-18 {
    font-size: 16px;
  }
  .mb-40px {
    margin-bottom: 32px !important;
  }
  .btn-wrapper {
    font-size: 15px;
  }
  .mb-30px {
    margin-bottom: 24px;
  }
  .padding-top,
  .program-offer-padding,
  .depart-heading {
    padding-top: 65px;
  }
  .padding-bottom,
  .depart-content {
    padding-bottom: 65px;
  }
  .program-offer-padding {
    padding-top: 65px;
  }
  /* ---------------- Header ---------------- */
  header.sticky .logo img {
    width: 155px;
  }
  .logo img,
  .footer-part-one .logo-content img {
    width: 165px;
  }
  .search-bar .search-form .form-group .icon svg,
  .search-box-mobile .search-btn svg {
    width: 17px;
  }
  .menu-search-bar {
    gap: 16px;
  }
  .header-menu .menu {
    top: 95px;
  }
  .NavMenu li {
    padding: 7px 18px;
}
  .search-bar .search-form .form-group #s {
    padding: 8px 32px 8px 10px;
    border-radius: 16px;
  }
  /* Main Menu Header */
  .toggle-btn {
    width: 40px;
    height: 40px;
  }
  .toggle-btn.activate {
    width: 36px;
    height: 36px;
  }
  .line-toggle:first-child,
  .line-toggle:last-child,
  .line-toggle {
    width: 24px;
  }
  .toggle-btn.activate .line-toggle:first-child,
  .toggle-btn.activate .line-toggle:last-child {
    width: 24px;
  }
  /* ---------------- Banner ---------------- */
  .heading {
    font-size: 30px;
    line-height: 1.2;
  }
  .mb-20px {
    margin-bottom: 14px !important;
  }
  .banner-content-img .banner-content p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .banner-content-img .banner-img img {
    min-height: 395px;
  }
  .banner-content-img .banner-img .banner-content {
    transform: translate(-50%, -50%);
    left: 50%;
    padding-left: 12px;
    padding-right: 12px;
    width: 90%;
    text-align: center;
    max-width: 535px;
  }
  /* .banner-content-img .banner-content h2,
  .mb-20px {
    margin-bottom: 16px !important;
  } */
  .banner-content-img .banner-content h2 {
    line-height: 1.3;
  }
  /* ---------------- Banner Below Our Story Section ---------------- */
  .our-story-img {
    height: 445px;
    max-width: 520px;
    margin: auto;
    width: 100%;
  }
  .content-heading {
    padding: 60px 20px;
    max-width: 260px;
  }
  .img-one {
    left: 260px;
  }
  .img-two {
    top: 148px;
    left: 224px;
  }
  .img-three img {
    width: 200px;
  }
  .img-one img {
    width: 238px;
  }
  .img-two img {
    width: 295px;
  }
  .our-story-content,
  .depart-heading .heading,
  .program-offer-heading .heading,
  .academics-content,
  .program-offer-heading,
  .vision-mission-section,
  .information-content-heading,
  .director-info-content .heading,
  .adm-director-info-content .content h2,
  .offer-course h3,
  .campus-intro h2,
  .campus-establishment h5,
  .account-content h2 {
    max-width: 575px;
    margin: auto;
    text-align: center;
  }
  .btn-wrapper {
    margin: auto;
  }
  /* ---------------- Announcement Bar ---------------- */
  .announcement-description,
  .announcement-title h3 {
    font-size: 14px;
  }
  .footer-part-one {
    width: 33%;
  }
  /* ---------------- Departments and Cells ---------------- */
  .depart-heading {
    padding-bottom: 35px;
  }
  /* ---------------- Programmes Offered ---------------- */
  .program-img a img {
    min-height: 258px;
  }
  .program-img a h4 {
    font-size: 22px;
  }
  .programmes-offered-section .depart-content ul li{
    width: 75% !important;
    margin-inline: auto;
  }
  .programmes-offered-section .depart-content ul li:nth-last-child(2),
  .programmes-offered-section .depart-content ul li{
    margin-bottom: 20px;
  }
  .programmes-offered-section .depart-content ul li:last-child{
    margin-bottom: 0;
  }
  .programmes-offered-section .depart-content{
    padding-block: 0;
  }
  .programmes-offered-section .depart-heading{
    padding-top: 0;
  }
  /* ---------------- Departments and Cells ---------------- */
  .depart-content {
    padding-top: 55px;
  }
  /* ---------------- Academics Section ---------------- */
  .academics-content {
    padding-top: 55px;
    padding-bottom: 26px;
    padding-right: 0;
  }
  .academics-content::after {
    right: -200px;
    overflow: hidden;
  }
  .cards-info a {
    padding: 32px 26px;
  }
  /* ---------------- E-Services / Online Services ---------------- */
  .services-img {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    border-radius: 12px;
  }
  .e-online-services h5 {
    margin-bottom: 6px;
  }
  /* ---------------- Media & Gallery ---------------- */
  .media-gallery {
    flex-direction: column;
    max-width: 720px;
    margin: auto;
    align-items: unset;
    margin-bottom: 20px;
  }
  .view-more-img {
    padding-left: 30px;
    padding-right: 30px;
  }
  .part-one,
  .part-two {
    gap: 16px;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 4 / 1.3;
  }
  .part-middle {
    aspect-ratio: 4 / 2;
    width: 100%;
    overflow: hidden;
  }
  /* ---------------- International Outreach ---------------- */
  .international-img {
    display: none;
  }
  .international-content {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  /* .name-info h5 {
    font-size: 17px;
  } */
  /* ---------------- Footer ---------------- */
  .footer-bg::after {
    display: none;
  }
  .footer-part-two,
  .footer-part-three {
    width: 26%;
  }
  .footer-part-four {
    width: 100%;
  }
  .footer-section {
    padding-top: 55px;
    column-gap: 20px;
    row-gap: 24px;
    padding-bottom: 35px;
  }
  h5.footer-heading {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  ul.personal-info li svg {
    width: 20px;
  }
  ul.personal-info li {
    margin-bottom: 14px;
  }
  .footer-part-four iframe {
    width: 100%;
    height: 260px;
  }
  /* ================================================== About Page ============================================================ */
  /* ---------------- Vision Mission Section Start ---------------- */
  .about-heading h1 {
    font-size: 38px;
    line-height: 43px;
    text-align: center;
  }
  .about-hero-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /* .vision-mission-wrapper::after,
  .about-hero-section::before {
    display: none;
  } */
  .vision-mission-img img {
    width: 85%;
  }
  .vision-mission-info .points li img,
  .offer-course-list li img,
  .coverage-right-section .bottom-section ul li a svg {
    width: 18px;
    /* margin-top: 0; */
  }
  .vision-mission-info .points li,
  .offer-course-list li {
    margin-bottom: 12px;
  }
  .vision-mission-wrapper::after {
    display: none;
  }
  .vision-mission-info {
    max-width: fit-content;
    margin: auto;
  }
  /*---------------- Org Chart Cards Section ---------------- */
  .org-chart-cards-wrapper {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .chart-boxes-div {
    padding: 36px 42px;
    min-height: 125px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-radius: 16px;
  }
  .chart-boxes-div::before {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 7px;
  }
  /*---------------- Vision Organizational Accordion ---------------- */
  .vision-org-accordion .accordion-body {
    padding-top: 15px;
  }
  .vision-org-accordion .accordion-button {
    padding-bottom: 15px;
    /* font-size: 17px; */
  }
  .vision-org-accordion .accordion-item {
    margin-bottom: 26px;
  }
  /* ---------------- Information Content Two Boxes ---------------- */
  .information-content-box {
    padding: 34px 24px;
  }
  /* ---------------- Director Information Section Start ---------------- */
  .director-info-section {
    border-radius: 18px;
  }
  .director-info-img {
    margin: auto;
    border: 18px solid #fff1cc;
  }
  .director-info-content ul li,
  .about-directors-accordion .accordion-item .accordion-body ul li {
    margin-bottom: 8px;
  }
  /* ================================================== Administration Director Office Page ============================================================ */
  /*---------------- Administration Director Office ---------------- */
  .adm-director-info-img {
    width: 320px;
    height: 320px;
    border: 8px solid var(--white);
  }
  .adm-director-office {
    padding: 24px;
    gap: 34px;
    flex-direction: column;
    margin-bottom: 65px;
  }
  .director-name {
    margin-top: 22px;
  }
  .adm-director-info-content .content {
    text-align: center;
  }
  .adm-director-info-content .content h2 {
    margin-bottom: 12px !important;
  }
  .adm-director-info-content a {
    margin-top: 22px;
  }
  /* ---------------- Administrative Officers  ---------------- */
  .administrative-officers-wrapper-two .officer-card-heading{
    font-size: 18px;
  }
  .administrative-chart-section {
    flex-direction: column;
  }
  .administrative-chart-section .administrative-officers-img {
    width: 100%;
  }
  .administrative-chart-section .name-box-chart {
    width: 100%;
    margin: auto;
    max-width: fit-content;
  }
  .administrative-chart-section .administrative-officer-chart .chart-boxes h2 {
    margin-bottom: 24px;
  }
  .administrative-chart-section .administrative-officer-chart {
    padding-left: 0;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes::after {
    top: 18px;
    height: calc(100% - 56px);
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content {
    padding: 24px;
    margin-bottom: 22px;
  }
  /* ================================================== Contact Us Page ============================================================ */
  /* ---------------- Let’s Contact Us ---------------- */
  .contact-us-section .message-box {
    padding: 40px 36px;
  }
  .contact-us-section .message-box h3 {
    font-size: 22px;
  }
  .form-contact input {
    padding: 11px 17px;
  }
  .contact-us-section .contact-Information,
  .company-info.contact-social-info .social-icons li,
  .form-send-message {
    margin-top: 24px;
  }
  .contact-Information .row .col-lg-6 {
    margin-bottom: 24px;
  }
  .vision-org-accordion.contact-accordion .accordion-item .accordion-body {
    margin-top: 35px;
  }
  .contact-accordion .accordion-item .accordion-body .row .col-lg-6,
  .contact-accordion .accordion-item .accordion-body .row .col-lg-12 {
    margin-bottom: 35px;
  }
  .contact-us-section .contact-Information .company-info h3,
  .company-contact-info h4 {
    font-size: 17px;
  }
  /* ================================================== Photo Gallery Page ============================================================ */
  .photo-gallery {
    padding: 18px;
  }
  /* .photo-gallery h4, */
  /* .video-gallery-section .video-box .video-caption p {
    font-size: 17px;
  } */
  /* ================================================== Video Gallery Page ============================================================ */
  .video-gallery-section {
    margin-bottom: 24px;
  }
  .video-gallery-section .video-box {
    padding: 20px;
    gap: 20px;
  }
  .video-gallery-section .video-box a .video-thumb {
    width: 128px;
  }
  /* ================================================== Press Release Page ============================================================ */
  .press-tab-btn .nav-link {
    padding: 16px 40px;
    font-size: 17px;
  }
  .tab-content-info {
    margin-bottom: 14px;
  }
  .tab-content-info .date-news-info {
    padding: 12px;
    gap: 16px;
  }
  .tab-content-info .date-news-info .date h3 {
    font-size: 32px;
  }
  .tab-content-info .date-news-info .date {
    padding: 12px;
  }
  /* .tab-content-info .latest-news-info h6 {
    font-size: 17px;
  } */
  .press-tab-content-info,
  .press-release-nav-tabs {
    margin-top: 35px;
  }
  .pdf-show {
    margin-top: 36px;
  }
  /* ================================================== Media Coverage Page ============================================================ */
  .media-content {
    margin-top: 12px;
  }
  .coverage-right-section {
    margin: auto;
    display: flex;
    flex-direction: column;
    max-width: fit-content;
  }
  .coverage-right-section .top-section {
    margin-bottom: 35px;
  }
  .coverage-right-section .top-section ul,
  .coverage-right-section .bottom-section ul {
    display: flex;
    align-items: self-start;
    gap: 24px;
    flex-wrap: wrap;
  }

  .coverage-right-section .top-section ul li a,
  .coverage-right-section .bottom-section ul li a {
    padding-right: 20px;
  }
  .coverage-right-section ul li:last-child {
    margin-bottom: 15px;
  }
  .coverage-right-section .top-section ul li {
    margin-bottom: 0px;
  }
  .coverage-right-section ul li a {
    font-size: 16px;
    padding-bottom: 12px;
  }
  /* ==================================================  Programmes Offered Page ============================================================ */
  .program-offer-course-section {
    padding-left: 12px;
    padding-right: 12px;
  }
  .program-offer-course-section:nth-of-type(even) .row .col-lg-4,
  .program-offer-course-section:nth-of-type(odd) .row .col-lg-8 {
    padding: 0px;
  }
  .program-offer-course-section:nth-of-type(even) .row .col-lg-8,
  .program-offer-course-section:nth-of-type(odd) .row .col-lg-4 {
    padding: 0;
  }
  .program-offer-course-section .row .col-lg-4 {
    padding: 0px;
  }
  .offer-course {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    max-width: fit-content;
    margin: auto;
  }
  /* .program-offer-course-section .row .col-lg-8 {
    padding-left: 12px;
  } */
  .course-description {
    padding: 14px;
    margin-top: 16px;
  }
  .program-offer-course-section {
    margin-bottom: 60px;
  }
  /* ================================================== Study Centres / Campuses Page ============================================================ */
  .academics-content.study-campus {
    padding: 0px;
  }
  .study-campus ul li {
    margin-bottom: 16px;
  }
  .study-campus ul li a {
    padding: 15px;
    grid-area: 8px;
  }
  .study-campus-img {
    padding-left: 0px;
  }
  .administrative-members {
    margin-top: 35px;
  }
  .academic-members {
    padding: 40px 5px;
  }
  .member-photo {
    width: 165px;
  }
  .campus-establishment h5,
  .academic-members-heading h6 {
    font-size: 17px;
  }
  /* ==================================================  Faculty Staff Page ============================================================ */
  .faculty-staff-section .search-bar {
    justify-content: center;
  }
  .faculty-staff-section .search-bar .search-form .form-group {
    width: 250px;
  }
  /* ==================================================  Faculty Staff Page ============================================================ */
  .faculty-table thead tr th,
  .faculty-table td {
    padding: 10px 18px;
  }
  .faculty-table thead tr th:first-child,
  .faculty-table tr td:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .faculty-table .table-faculty-photo {
    width: 112px;
  }
  .faculty-table tr td.font-size-18 {
    font-size: 15px;
  }
  .faculty-staff-table {
    max-width: 696px;
  }
  /* ==================================================  Academic Calendar Page ============================================================ */
  .academic-calendar-box a {
    padding: 30px 16px;
  }
  /* ==================================================  Academic Council Page ============================================================ */
  .academic-council .faculty-table td {
    padding: 22px 18px;
  }
  /* ================================================== Tenders & Notices Office Page ============================================================ */
  .tender-notice-search {
    margin-bottom: 35px;
  }
  .tender-notice-input {
    padding: 20px;
    gap: 18px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
  .tender-notice-input .input-group input.search-box {
    width: 100%;
  }
  .tender-notice-input .input-group input.date-box {
    width: 50%;
  }
  .tender-notice-input .input-group.half-width input {
    width: 100%;
  }

  .tender-notice-input .input-group.half-width {
    width: 50%;
  }
  .tender-notice-input .filter-icon {
    gap: 18px;
    margin: auto;
  }
  .tender-notice-input .filter-icon .btn-wrapper {
    padding: 13px 45px;
  }
  .tender-notice-input .input-group label {
    gap: 8px;
    margin-bottom: 8px;
  }
  .notices-search .tender-notice-input {
    flex-direction: unset;
    align-items: flex-end;
  }
  .notices-search .tender-notice-input .filter-icon {
    margin: unset;
  }
  /* ================================================== Administration Department Cells Accounts Page ============================================================ */

  .account-content p {
    text-align: center;
  }
  .account-listing {
    max-width: fit-content;
    margin: auto;
  }
  .account-listing {
    margin-top: 6px;
  }
  /* ================================================== Student Log In Page ============================================================ */

  .student-login-page .bg-login-img{
    position: relative;
    width: 100%;
    min-height: auto;
    height: 500px;
  }
  .student-login-page .login-section{
    flex-wrap: wrap;
  }
  .student-login-page .login-form-section{
    width: 100%;  
  }
  .student-login-page .login-form-wrapper{
    margin-inline: auto;
  }

  /* ================================================== Alumni Log In Page ============================================================ */

  .alumni-login-page .alumni-login-title{
    max-width: 100%;
    font-size: 30px;
  }
  .alumni-login-page .image-section{
    text-align: center;
    padding-block: 50px;
  }
  .alumni-login-page:after{
    background-color: transparent;
  }

  /* Anti Ragging Cell Page  */

  .help-line-section:after{
    width: 100%;
    background-color: transparent;
  }
  
  .help-line-section:before{
    background-image: none;
  }
  .help-left-section img{
    width: 100%;
  }
  .help-line-section{
    padding: 0;
  }
  .help-right-section{
    background-color: #FFF1CC;
    padding: 50px 25px;
    text-align: center;
  }
  .help-btn{
    margin-inline: auto;
  }
  /* ================================================== Intoduction About  Page ============================================================ */
  .right-about-section{
    margin-top: 50px;
  }
  .right-about-section h4{
    font-size: 30px;
    line-height: 35px;
  }


  /* ================================================== Department Page Start ============================================================ */
  .department-mobile .description-section{
    margin-bottom: 50px;
    background-color: transparent;
  }
  /* ================================================== Department Page End ============================================================ */

  
}
@media screen and (max-width: 768px) {
  /* Common */
  .mb-40px {
    margin-bottom: 28px !important;
  }
  .mb-30px {
    margin-bottom: 22px;
  }
  .padding-top,
  .program-offer-padding,
  .depart-heading {
    padding-top: 60px;
  }
  .padding-bottom,
  .depart-content {
    padding-bottom: 60px;
  }
  /* ---------------- Top Header ---------------- */
  .skip-log-in {
    gap: 12px;
  }
  /* ---------------- Header ---------------- */
  header.sticky .logo img {
    width: 145px;
  }
  .logo img,
  .footer-part-one .logo-content img {
    width: 150px;
  }
  .search-bar .search-form .form-group .icon svg,
  .search-box-mobile .search-btn svg {
    width: 16px;
  }
  .header-menu .menu {
    top: 88px;
  }
  .header-menu {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .header-menu .menu {
    top: 84px;
  }
  /* Main Menu Header */
  .NavMenu li {
    padding: 6px 18px;
  }
  .main-header-logo {
    padding-left: 18px;
  }
  /* ---------------- Banner ---------------- */
  .heading {
    font-size: 28px;
    line-height: 1.2;
  }
  .mb-20px {
    margin-bottom: 12px !important;
  }
  .banner-content-img .banner-content p {
    font-size: 13px;
    margin-bottom: 15px;
  }
  .btn-wrapper {
    padding: 12px 22px;
    font-size: 15px;
  }
  .banner-content-img .banner-img img {
    min-height: 375px;
  }
  .banner-content-img .banner-content h2 {
    line-height: 1.3;
  }
  .banner-content-img .banner-img .banner-content {
    max-width: 500px;
  }
  .our-story-content,
  .depart-heading .heading,
  .program-offer-heading .heading,
  .academics-content,
  .program-offer-heading {
    max-width: 515px;
  }
  /* ---------------- Announcement Bar ---------------- */
  .announcement-content {
    padding: 5px 16px;
  }
  /* ---------------- Departments and Cells ---------------- */
  .depart-heading {
    padding-bottom: 30px;
  }
  .depart-content {
    padding-top: 50px;
  }
  .depart-content ul li a {
    /* font-size: 16px; */
    padding-bottom: 16px;
  }
  /* ---------------- Academics Section ---------------- */
  .academics-content {
    padding-top: 50px;
    padding-bottom: 24px;
  }
  .cards-info a {
    padding: 30px 24px;
  }
  .academics-img img,
  .academics-img span svg {
    width: 28px;
    margin-bottom: 14px;
  }
  /* .academics-content::after {
    right: -50px;
    overflow: hidden;
  } */


  /* ---------------- Programmes Offered ---------------- */
  .programmes-offered-section{
    padding-block: 50px;
  }

  /* ---------------- E-Services / Online Services ---------------- */
  .services-img {
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
    border-radius: 10px;
  }
  .e-online-services .services-img span svg {
    width: 19px;
  }
  /* ---------------- Media & Gallery ---------------- */
  .view-more-img {
    padding-left: 25px;
    padding-right: 25px;
  }
  .part-one,
  .part-two {
    aspect-ratio: 4 / 1.3;
  }
  .part-middle {
    aspect-ratio: 4 / 2;
  }
  /* ---------------- International Outreach ---------------- */
  .international-content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /* ---------------- Footer ---------------- */
  .footer-section {
    padding-top: 50px;
  }
  h5.footer-heading {
    font-size: 15px;
  }
  ul.personal-info li {
    margin-bottom: 12px;
  }
  .copy-right {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  /* ================================================== About Page ============================================================ */
  /* ---------------- Vision Mission Section Start ---------------- */
  .about-heading h1 {
    font-size: 34px;
    line-height: 38px;
  }
  .about-hero-section {
    padding-top: 46px;
    padding-bottom: 46px;
  }
  .vision-mission-wrapper::after {
    display: none;
  }
  .vision-mission-img img {
    width: 75%;
  }
  .vision-mission-info .points li,
  .offer-course-list li {
    margin-bottom: 10px;
  }
  /*---------------- Org Chart Cards Section ---------------- */
  .chart-boxes-div {
    padding: 32px 36px;
    min-height: 120px;
  }
  .chart-boxes-div h4,
  .director-name h4,
  .adm-director-info-content .content h4 {
    font-size: 16px;
  }
  /*---------------- Vision Organizational Accordion ---------------- */
  .vision-org-accordion .accordion-body {
    padding-top: 14px;
  }
  .vision-org-accordion .accordion-button {
    padding-bottom: 14px;
    /* font-size: 16px; */
  }
  .vision-org-accordion .accordion-item {
    margin-bottom: 24px;
  }
  /*---------------- Information Content Two Boxes ---------------- */
  .information-content-box {
    padding: 30px 22px;
  }
  /* ================================================== Administration Director Office Page ============================================================ */
  /*---------------- Administration Director Office ---------------- */
  .adm-director-info-img {
    width: 295px;
    height: 295px;
  }
  .adm-director-office {
    padding: 20px;
    gap: 30px;
    margin-bottom: 56px;
  }
  .director-name {
    margin-top: 20px;
  }
  .director-name h4 {
    margin-bottom: 6px;
  }
  .adm-director-info-content a {
    margin-top: 20px;
  }
  /* ---------------- Administrative Officers Section ---------------- */
  .administrative-chart-section .administrative-officer-chart .chart-boxes h2 {
    margin-bottom: 20px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes::after {
    top: 17px;
    height: calc(100% - 54px);
  }
  /* ================================================== Contact Us Page ============================================================ */
  /* ---------------- Let’s Contact Us ---------------- */
  .contact-us-section .message-box {
    padding: 36px 32px;
  }
  .contact-us-section .message-box h3 {
    font-size: 20px;
  }
  .form-contact input {
    padding: 10px 16px;
  }
  .contact-us-section .contact-Information,
  .company-info.contact-social-info .social-icons li,
  .form-send-message {
    margin-top: 22px;
  }
  .contact-Information .row .col-lg-6 {
    margin-bottom: 22px;
  }
  .vision-org-accordion.contact-accordion .accordion-item .accordion-body {
    margin-top: 30px;
  }
  .contact-accordion .accordion-item .accordion-body .row .col-lg-6,
  .contact-accordion .accordion-item .accordion-body .row .col-lg-12 {
    margin-bottom: 30px;
  }
  .contact-us-section .contact-Information .company-info h3,
  .company-contact-info h4 {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .company-contact-info table tr {
    margin-bottom: 5px;
  }
  /* ================================================== Photo Gallery Page ============================================================ */
  /* .photo-gallery h4, */
  /* .video-gallery-section .video-box .video-caption p {
    font-size: 16px;
  } */
  .photo-gallery {
    padding: 14px;
  }
  /* ================================================== Video Gallery Page ============================================================ */
  .video-gallery-section {
    margin-bottom: 22px;
  }
  /* .video-gallery-section .video-box {
    padding: 22px;
    gap: 22px;
  } */
  .video-gallery-section a .video-thumb .play-icon {
    padding: 7px 15px 6px 17px;
    font-size: 24px;
  }
  /* ================================================== Press Release Page ============================================================ */
  .press-tab-btn .nav-link {
    padding: 14px 38px;
    font-size: 16px;
  }
  .tab-content-info {
    margin-bottom: 12px;
  }
  .tab-content-info .date-news-info .date {
    padding: 11px;
  }
  .tab-content-info .date-news-info {
    gap: 15px;
  }
  .tab-content-info .date-news-info .date h3 {
    font-size: 30px;
  }
  /* .tab-content-info .latest-news-info h6 {
    font-size: 16px;
  } */
  .press-tab-content-info,
  .press-release-nav-tabs {
    margin-top: 30px;
  }
  .pdf-show {
    margin-top: 34px;
  }
  .nav-tabs.press-tab-btn .nav-link.active::after {
    height: 3px;
  }
  /* ==================================================  Media Coverage Page ============================================================ */
  .media-content {
    padding-bottom: 24px;
  }
  .coverage-right-section .top-section ul,
  .coverage-right-section .bottom-section ul {
    gap: 20px;
  }
  .coverage-right-section .top-section {
    margin-bottom: 30px;
  }
  /* ==================================================  Programmes Offered Page ============================================================ */
  .offer-course {
    padding-bottom: 12px;
    padding-top: 24px;
  }
  .course-description {
    padding: 12px;
    margin-top: 14px;
  }
  /* ================================================== Study Centres / Campuses Page ============================================================ */
  .study-campus ul li a {
    padding: 14px;
  }
  .study-campus ul li {
    margin-bottom: 14px;
  }
  .administrative-members {
    margin-top: 30px;
  }
  .academic-members {
    padding: 38px 5px;
  }
  .member-photo {
    width: 155px;
  }
  /* ==================================================  Academic Calendar Page ============================================================ */
  .academic-calendar-box a {
    padding: 26px 12px;
  }
  /* ==================================================  Academic Council Page ============================================================ */
  .academic-council .faculty-table td {
    padding: 20px 18px;
  }
  /* ================================================== Tenders & Notices Office Page ============================================================ */
  .tender-notice-search {
    margin-bottom: 30px;
  }

  .tender-notice-input .input-group input {
    padding: 8px 10px;
  }
  .tender-notice-input .input-group svg {
    width: 15px;
  }
  .tender-notice-input .filter-icon svg {
    width: 16px;
  }
  .tender-notice-input .filter-icon .btn-wrapper {
    padding: 12px 40px;
  }
  /* ================================================== Intoduction About  Page ============================================================ */
  .right-about-section h4{
    font-size: 30px;
    line-height: 35px;
  }
}
@media screen and (max-width: 767px) {
  /* Common */
  .view-result-wrapper .academic-calendar-box{
    flex-wrap: wrap;
  }
  .view-result-wrapper .academic-calendar-box p{
    width: 100%;
    margin-bottom: 15px !important;
  }
  .mb-40px {
    margin-bottom: 26px !important;
  }
  /* ---------------- Header ---------------- */
  header.sticky .logo img {
    width: 130px;
  }
  .logo img {
    width: 140px;
  }
  .search-box-mobile .dropdown-menu.show {
    border-radius: 12px;
  }
  .search-bar .search-form .form-group {
    display: none;
  }
  .search-box-mobile {
    display: block;
  }
  .header-menu .menu {
    top: 80px;
  }
  .header-menu .menu li a {
    padding: 8px 0;
  }
  /* Main Menu Header */
  .NavMenu li {
    padding: 6px 16px;
  }
  .NavMenu li a,
  .NavMenu li ul.sub-menu li a,
  .NavMenu li ul.sub-menu li ul.peta-menu li a {
    font-size: 13.5px;
  }
  .toggle-btn.activate {
    width: 32px;
    height: 32px;
  }
  .toggle-btn.activate .line-toggle:first-child,
  .toggle-btn.activate .line-toggle:last-child {
    width: 22px;
  }

  /* .NavMenu li ul.sub-menu li,
  .NavMenu li ul.sub-menu li ul.peta-menu li {
    padding: 6px 10px;
  } */
  .main-header-logo {
    display: block;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 16px;
  }
  .main-header-logo img {
    width: 150px;
  }

  .menu-search-bar .toggle-btn.activate {
    display: none;
  }
  .menu-search-bar .toggle-btn {
    display: flex;
  }
  .NavMenu .toggle-btn {
    display: flex;
  }
  .NavMenu .toggle-btn {
    position: absolute;
    top: 15px;
    left: 270px;
    z-index: 9999;
    transition: all 0.4s ease-in-out;
  }
  .NavMenu .toggle-btn .line-toggle:first-child {
    transform: translateY(0) translateX(0) rotate(45deg);
  }
  .NavMenu .toggle-btn .line-toggle:last-child {
    transform: translateY(0) translateX(0) rotate(314deg);
  }
  .NavMenu .toggle-btn .line-toggle:nth-child(2) {
    transform: translateX(110px);
  }
  /* ---------------- Banner ---------------- */
  .heading,
  .banner-content-img .banner-content h2 {
    font-size: 26px;
  }
  .banner-content-img .banner-content p {
    line-height: 1.5;
    margin-bottom: 18px;
  }
  .banner-content-img .banner-img .banner-content {
    max-width: 445px;
  }
  /* ---------------- Banner Below Our Story Section ---------------- */
  .content-heading {
    padding: 55px 18px;
    max-width: 240px;
  }
  .our-story-img {
    height: 410px;
    max-width: 500px;
  }
  .img-one {
    left: 240px;
  }
  .img-one img {
    width: 224px;
  }
  .img-two {
    top: 128px;
    left: 214px;
  }
  .img-two img {
    width: 280px;
  }
  /* ---------------- Programmes Offered ---------------- */
  .program-img a img {
    min-height: 220px;
  }
  .programmes-offered-section .depart-content ul li.margin-bottom{
    width: 100% !important;
  }
  .programmes-offered-section .depart-heading{
    padding-bottom: 30px;
  }
  /* ---------------- Departments and Cells ---------------- */
  .depart-content {
    padding-top: 50px;
  }
  /* ---------------- Academics Section ---------------- */
  .academics-content {
    padding-top: 45px;
    padding-bottom: 24px;
  }
  .cards-info a {
    padding: 26px 20px;
    min-height: 135px;
    display: flex;
    align-items: center;
  }
  .academics-img img,
  .academics-img span svg {
    width: 26px;
    margin-bottom: 10px;
  }
  /* .cards-info .academics-img .font-size-18 {
    font-size: 16px;
  } */
  /* .academics-content::after {
    right: -140px;
  } */
  /* ---------------- E-Services / Online Services ---------------- */
  .services-img {
    width: 46px;
    height: 46px;
    border-radius: 8px;
  }
  .e-online-services .services-img span svg {
    width: 20px;
  }
  /* ---------------- Media & Gallery ---------------- */
  .media-gallery {
    max-width: 540px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .view-more-img {
    padding-left: 25px;
    padding-right: 25px;
  }
  .section-1,
  .section-3,
  .part-one,
  .part-two,
  .media-gallery {
    gap: 12px;
  }
  .part-one,
  .part-two {
    aspect-ratio: 4 / 1.3;
  }
  .part-middle {
    aspect-ratio: 4 / 2;
  }
  .view-more-img p {
    font-size: 16px;
  }
  .learn-more-btn {
    padding: 6px 14px;
  }
  /* ---------------- International Outreach ---------------- */
  .international-content {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .program-offer-boxes .box a {
    padding: 22px 18px;
  }
  .program-offer-heading.margin-bottom {
    margin-bottom: 22px;
  }
  .program-offer-boxes .box a {
    margin-bottom: 18px;
  }
  .program-offer-boxes .box a i {
    font-size: 20px;
  }
  .program-offer-boxes .box a span svg {
    width: 30px;
    top: -12px;
  }
  /* ---------------- Footer ---------------- */
  .footer-section {
    padding-top: 45px;
    gap: 0;
    padding-bottom: 26px;
    row-gap: 30px;
  }
  .footer-part-one {
    width: 100%;
  }
  .width-address {
    max-width: 320px;
  }
  .footer-part-two,
  .footer-part-three {
    width: 45%;
  }
  ul.personal-info li {
    margin-bottom: 11px;
  }
  .footer-policy-social {
    padding-bottom: 24px;
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }
  .social-icons {
    gap: 26px;
  }
  .copy-right {
    flex-direction: column;
    gap: 10px;
  }
  /* ================================================== About Page ============================================================ */
  /* ---------------- Vision Mission Section Start ---------------- */
  .about-heading h1 {
    font-size: 30px;
    line-height: 35px;
  }
  .about-hero-section {
    padding-top: 42px;
    padding-bottom: 42px;
  }
  .vision-mission-info .points li img,
  .offer-course-list li img {
    width: 16px;
    margin-top: 4px;
  }
  .vision-mission-info .points li,
  .offer-course-list li {
    gap: 10px;
    margin-bottom: 8px;
  }
  /*---------------- Org Chart Cards Section ---------------- */
  .org-chart-cards-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  /*---------------- Vision Organizational Accordion ---------------- */
  .vision-org-accordion .accordion-body {
    padding-top: 12px;
  }
  .vision-org-accordion .accordion-button {
    padding-bottom: 12px;
  }
  .vision-org-accordion .accordion-item {
    margin-bottom: 22px;
  }
  /*---------------- Information Content Two Boxes ---------------- */
  .information-content-box {
    padding: 28px 22px;
  }
  /* ---------------- Director Information Section Start ---------------- */
  .director-info-img {
    width: 270px;
    height: 270px;
    border: 15px solid #fff1cc;
  }
  /* ================================================== Administration Director Office Page ============================================================ */
  /*---------------- Administration Director Office ---------------- */
  .adm-director-info-img {
    width: 280px;
    height: 280px;
  }
  .adm-director-office {
    padding: 16px;
    gap: 28px;
  }
  .director-name {
    margin-top: 18px;
  }
  .adm-director-info {
    padding: 26px 32px;
  }
  .adm-director-info-content a {
    margin-top: 18px;
  }
  .adm-director-info-content .content h2 {
    margin-bottom: 10px !important;
  }
  /* ---------------- Administrative Officers Section ---------------- */
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes::after {
    top: 15px;
    height: calc(100% - 50px);
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content {
    padding: 22px;
    margin-bottom: 20px;
    font-size: 16px;
  }
  /* ================================================== Contact Us Page ============================================================ */
  /* ---------------- Let’s Contact Us ---------------- */
  .contact-us-section .message-box {
    padding: 32px 28px;
  }
  .contact-us-section .contact-Information,
  .company-info.contact-social-info .social-icons li,
  .form-send-message {
    margin-top: 20px;
  }
  .contact-Information .row .col-lg-6 {
    margin-bottom: 20px;
  }
  .vision-org-accordion.contact-accordion .accordion-item .accordion-body {
    margin-top: 26px;
  }
  .contact-accordion .accordion-item .accordion-body .row .col-lg-6,
  .contact-accordion .accordion-item .accordion-body .row .col-lg-12 {
    margin-bottom: 26px;
  }
  .company-info.number{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
  }
  .company-info.number .number-section{
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .company-info.number .number-section div{
    width: 100%;
  }
  .company-info.email{
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
  }
  .company-info.email .email-section{
    max-width: 100%;
  }
  .company-info.address{
    flex-wrap: wrap;
    gap: 10px;
  }
  .company-info.address p{
    width: 100%;
  }
  .contact-us-card.lets-contact-us{
    padding-inline: 20px;
  }
  .email-address-heading{
    font-size: 20px;
    line-height: 20px;
  }
  .email-address-sub-heading,
  .person-mail{
    font-size: 14px;
    line-height: 20px;
  }


  /* ================================================== Video Gallery Page ============================================================ */
  .video-gallery-section {
    margin-bottom: 20px;
  }
  .video-gallery-section .video-box {
    padding: 20px;
    gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .video-gallery-section .video-box .video-caption p {
    text-align: center;
  }
  /* ================================================== Press Release Page ============================================================ */
  .press-tab-btn .nav-link {
    padding: 12px 34px;
  }
  .tab-content-info .date-news-info {
    gap: 14px;
  }
  .pdf-show {
    margin-top: 32px;
  }
  .tab-content-info .date-news-info {
    flex-direction: column;
    text-align: center;
  }
  /* ================================================== Media Coverage Page ============================================================ */
  .media-content {
    margin-top: 10px;
  }
  .coverage-right-section .top-section {
    margin-bottom: 26px;
  }
  .coverage-right-section .bottom-section ul li a {
    gap: 10px;
  }
  .coverage-right-section .top-section ul li a,
  .coverage-right-section .bottom-section ul li a {
    padding-right: 10px;
  }
  .coverage-right-section .top-section ul,
  .coverage-right-section .bottom-section ul {
    gap: 15px;
  }
  .coverage-right-section ul li {
    margin-bottom: 12px;
  }
  .coverage-right-section ul li a {
    font-size: 15px;
    padding-bottom: 8px;
  }
  .coverage-right-section .bottom-section ul li a svg {
    width: 16px;
  }
  /* ==================================================  Programmes Offered Page ============================================================ */
  .offer-course {
    padding: 0;
  }
  .program-offer-course-section .row .col-lg-8 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  /* ==================================================  Study Centres / Campuses Page ============================================================ */
  .member-photo {
    width: 135px;
  }
  .campus-establishment h5,
  .academic-members-heading h6 {
    font-size: 17px;
  }
  /* ==================================================  Faculty Staff Page ============================================================ */
  .faculty-staff-section .search-bar .search-form .form-group {
    display: block;
  }
  /* ==================================================  Faculty Staff Page ============================================================ */
  .faculty-table thead tr th,
  .faculty-table td {
    padding: 10px 17px;
  }
  .faculty-table .table-faculty-photo {
    width: 95px;
  }
  .faculty-table tr td.font-size-18 {
    font-size: 14px;
  }
  .faculty-staff-table {
    max-width: 516px;
  }
  /* ==================================================  Academic Council Page ============================================================ */
  .academic-council .faculty-table td {
    padding: 18px 17px;
  }
  /* ================================================== Tenders & Notices Office Page ============================================================ */
  .tender-notice-input .filter-icon,
  .tender-notice-input .date-row {
    gap: 16px;
  }
  .tender-notice-input {
    padding: 16px;
  }
  .notices-search .tender-notice-input {
    flex-direction: column;
  }
  .notices-search .tender-notice-input .filter-icon {
    margin: auto;
  }


  /* ================================================== Student Log In Page ============================================================ */
  .student-login-page .bg-login-img{
    height: 350px;
  }
  .student-login-page .login-title{
    font-size: 25px;
  }
  .student-login-page .login-form-section{
    padding: 30px 20px;
  }
  .search-box-mobile button.header-round{
    border: none;
  }
  
  .mobile-search{
    display: block;
  }
  .search-box-mobile .search-modal{
    position: fixed;
    left: 0;
    background: white;
    width: 90%;
    padding: 30px;
    left: 50%;
    transform: translatex(-50%);
    top: -300px;
    z-index: 1000000;
    transition: all 0.4s ease-in-out;
    border: 1px solid #e5e5e5;
  }
  .search-box-mobile .search-modal.active-search{
    top: 0px;
  }
  .close-btn{
    position: absolute;
    right: 20px;
    cursor: pointer;
    color: #000000;
  }
  .search-box-mobile .input-group .search-bar{
    width: 80%;
    flex: none; 
  }

  /* ================================================== View Result In Page ============================================================ */ 
  
  .view-results-btn{
    font-size: 14px;
    padding: 5px  15px;
  }
  .view-results-wrapper ul li span{
    padding-left: 82px;
  }
  .view-results-wrapper ul li{
    display: block;
  }
  .view-results-wrapper ul li button{
    margin-bottom: 10px;
    margin-right: 0;
  }
  .view-results-wrapper ul li span,
  .view-results-wrapper ul li button + span{
    padding-left: 0px;
    display: block;
  }
  .view-results-wrapper ul li span{
    font-size: 14px;
  }


  /* ================================================== View Result In Page ============================================================ */ 

  .grievance-redressal-page .query-section{
    padding-inline: 30px;
  }
  .grievance-redressal-page .query-card{
    margin-bottom: 25px;
  }
  .about-grievance-section{margin-top: 25px;}
  .grievance-redressal-page{
    padding-block: 40px;
  }
  .grievance-redressal-page .custom-tab{
    font-size: 16px;
    line-height: 20px;
  }
  .grievance-redressal-page .query-card .submit-btn{
    margin-block: 30px;
  }
  .disclaimer-box{
    padding-inline: 20px;
  }

  /* ================================================== Faq Page ============================================================ */ 
  
  .record-found-card p{
    font-size: 16px;
  }
  .faq-department-card .form-select{
    font-size: 15px;
  }

  /* Anti ragging Cell Start */
  .anti-ragging-cell-title,
  .ragging-committee-heading,
  .help-heading{
    font-size: 25px;
    line-height: 25px;
  }
  .ragging-committee-heading{
    margin-bottom: 20px;
  }
  .ragging-committee-section{
    display: block;
  }
  
}
@media screen and (max-width: 575px) {
  .book-section .book-card-inner-section{flex-wrap: wrap;justify-content: center;}
  .book-section .left-book-image-section{
    max-width: 50%;
  }
  .book-section .book-read-more-btn{
    float: left;
  }
  .book-section .right-book-image-section{
    max-width: 100%;
  }
  /* Common */
  .mb-40px {
    margin-bottom: 24px !important;
  }
  .font-size-18 {
    font-size: 15px;
  }
  .mb-30px {
    margin-bottom: 22px;
  }
  .padding-top,
  .program-offer-padding,
  .depart-heading {
    padding-top: 56px;
  }
  .padding-bottom,
  .depart-content {
    padding-bottom: 56px;
  }
  /* ---------------- Header ---------------- */
  header.sticky .logo img {
    width: 120px;
  }
  .logo img {
    width: 130px;
  }
  .NavMenu li a i {

    font-size: 13px;
    transition: all 0.4s ease-in-out;
}
  .header-menu .menu {
    top: 75px;
  }
  /* Main Menu Header */
  .toggle-btn {
    width: 36px;
    height: 36px;
    border-radius: 7px;
  }
  .menu-search-bar {
    gap: 14px;
  }
  .main-header-logo img {
    width: 140px;
  }
  .NavMenu li {
    padding: 5px 16px;
  }
  .NavMenu li input:checked + ul,
  .NavMenu li ul li input:checked + ul {
    margin-bottom: 6px;
    margin-top: 6px;
  }
  /* ---------------- Banner Below Our Story Section ---------------- */
  .content-heading {
    padding: 45px 18px;
    max-width: 210px;
  }
  .our-story-img {
    /* height: 410px; */
    /* max-width: 445px; */
    height: 100%;
  }
  .content-heading p {
    font-size: 13px;
  }
  .img-one {
    left: 200px;
  }
  .img-one img {
    width: 204px;
  }
  .img-two {
    top: 126px;
    left: 164px;
  }
  .img-three img {
    width: 175px;
  }
  .img-three {
    left: 18px;
  }
  /* ---------------- Programmes Offered ---------------- */
  .program-img a {
    max-width: 375px;
    margin: auto;
  }
  .program-img a img {
    min-height: 280px;
  }
  /* ---------------- Departments and Cells ---------------- */
  .depart-image {
    max-width: 375px;
    margin: auto;
  }
  .depart-heading {
    padding-bottom: 28px;
  }
  .depart-content {
    padding-top: 45px;
  }
  .depart-content ul li a {
    /* font-size: 15px; */
    padding-bottom: 14px;
  }
  .depart-content ul li.margin-bottom {
    margin-bottom: 18px;
  }
  .depart-content ul li a img {
    width: 7px;
  }
  /* ---------------- Academics Section ---------------- */
  .academics-content {
    padding-top: 40px;
    padding-bottom: 18px;
  }
  .cards-info a {
    padding: 22px;
    text-align: center;
    min-height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .academics-cards .card {
    transition: all 0.4s ease-in-out;
    max-width: 375px;
    margin: auto;
  }
  /* .cards-info .academics-img .font-size-18 {
    font-size: 16px;
  } */
  .academics-img img,
  .academics-img span svg {
    width: 26px;
    margin-bottom: 8px;
  }
  .academics-img span {
    display: flex;
    justify-content: center;
  }
  .cards-info.see-all-box a {
    padding: 14px;
  }
  .orange-theme .academics-img span svg {
    margin-left: auto;
    margin-right: auto;
  }
  /* ---------------- E-Services / Online Services ---------------- */
  .services-img {
    margin-bottom: 12px;
  }
  .e-online-services h5 {
    margin-bottom: 4px;
  }
  .e-online-services h5 {
    font-size: 14px;
  }
  .e-online-services {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 375px;
    margin: auto;
  }
  .e-online-services p {
    text-align: center;
  }
  /* ---------------- Media & Gallery ---------------- */
  .view-more-img {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section-1,
  .section-3,
  .part-one,
  .part-two,
  .media-gallery {
    gap: 10px;
  }
  .part-one,
  .part-two {
    aspect-ratio: 4 / 1.2;
  }
  .part-middle {
    aspect-ratio: 4 / 6;
  }
  .learn-more-btn {
    padding: 5px 14px;
    font-size: 13px;
  }
  /* ---------------- International Outreach ---------------- */
  .international-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .program-offer-boxes .box a {
    margin-bottom: 16px;
  }
  .program-offer-boxes .box a {
    padding: 20px 18px;
  }
  .program-offer-heading.margin-bottom {
    margin-bottom: 18px;
  }
  /* .name-info h5 {
    font-size: 16px;
  } */
  .box img.box-arrow {
    width: 7px !important;
  }
  /* ---------------- Footer ---------------- */
  .footer-section {
    padding-top: 40px;
    padding-bottom: 24px;
    row-gap: 24px;
  }
  .footer-policy-social {
    padding-bottom: 20px;
  }
  /* ================================================== About Page ============================================================ */
  .about-heading h1 {
    font-size: 28px;
    line-height: 32px;
  }
  /* ---------------- Vision Mission ---------------- */
  .about-hero-section {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .vision-mission-img img {
    width: 100%;
    max-width: 375px;
  }
  .vision-mission-info .points li,
  .offer-course-list li {
    margin-bottom: 6px;
  }
  /* ---------------- Vision Organizational ---------------- */
  .vision-organizational-img {
    max-width: 375px;
    margin: auto;
  }
  /*---------------- Org Chart Cards Section ---------------- */
  .org-chart-cards-wrapper {
    padding-top: 38px;
    padding-bottom: 38px;
  }
  .chart-boxes-div {
    padding: 30px 34px;
    min-height: 105px;
    max-width: 375px;
    margin: auto;
  }
  .chart-boxes-div::before {
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
  }
  .chart-boxes-div h4 {
    font-size: 15px;
  }
  /*---------------- Vision Organizational Accordion ---------------- */
  .vision-org-accordion .accordion-body {
    padding-top: 10px;
  }
  .vision-org-accordion .accordion-button {
    padding-bottom: 10px;
    /* font-size: 15.5px; */
  }
  .vision-org-accordion .accordion-item {
    margin-bottom: 20px;
  }
  /*---------------- Information Content Two Boxes ---------------- */
  .information-content-box {
    padding: 24px 20px;
  }
  /* ---------------- Director Information Section Start ---------------- */
  .director-info-section {
    border-radius: 16px;
  }
  .director-info-img {
    width: 250px;
    height: 250px;
    border: 12px solid #fff1cc;
  }
  .director-info-content ul li,
  .about-directors-accordion .accordion-item .accordion-body ul li {
    margin-bottom: 6px;
  }
  /* ================================================== Administration Director Office Page ============================================================ */
  /*---------------- Administration Director Office ---------------- */
  .adm-director-info {
    padding: 24px;
  }
  .adm-director-info-img {
    width: 255px;
    height: 255px;
  }
  .director-name {
    margin-top: 16px;
  }
  .adm-director-office {
    gap: 24px;
    margin-bottom: 56px;
  }
  .adm-director-info-content a {
    margin-top: 16px;
  }
  /* ---------------- Administrative Officers Section ---------------- */
  .administrative-chart-section .administrative-officer-chart .chart-boxes h2 {
    margin-bottom: 18px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content {
    padding: 18px;
    margin-bottom: 18px;
    font-size: 15px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes::after {
    top: 15px;
    height: calc(100% - 46px);
  }
  /* ================================================== Contact Us Page ============================================================ */
  /* ---------------- Let’s Contact Us ---------------- */
  .contact-us-section .message-box {
    padding: 26px 22px;
  }
  .contact-us-section .message-box h3 {
    font-size: 18px;
  }
  .form-contact input {
    padding: 9px 15px;
  }
  .contact-Information .row .col-lg-6 {
    margin-bottom: 18px;
  }
  .contact-us-section .contact-Information .company-info h3 {
    margin-bottom: 10px;
  }
  .contact-accordion .accordion-item .accordion-body .row .col-lg-6,
  .contact-accordion .accordion-item .accordion-body .row .col-lg-12{
    margin-bottom: 24px;
  }
  /* ================================================== Photo Gallery Page ============================================================ */
  .photo-gallery {
    padding: 12px;
    max-width: 375px;
    margin: auto;
  }
  /* ================================================== Video Gallery Page ============================================================ */
  .video-gallery-section {
    margin-bottom: 18px;
  }
  .video-gallery-section .video-box {
    padding: 18px;
    gap: 18px;
    max-width: 375px;
    margin: auto;
  }
  .video-gallery-section .video-box a .video-thumb {
    width: 118px;
  }
  /* .video-gallery-section .video-box .video-caption p {
    font-size: 15px;
  } */
  .video-gallery-section a .video-thumb .play-icon {
    padding: 6px 13px 6px 16px;
    font-size: 20px;
  }
  /* ================================================== Press Release Page ============================================================ */
  .press-tab-btn .nav-link {
    padding: 10px 34px;
    font-size: 15px;
  }
  .tab-content-info .date-news-info .date {
    padding: 10px;
  }
  .tab-content-info .date-news-info .date h3 {
    font-size: 28px;
  }
  /* .tab-content-info .latest-news-info h6 {
    font-size: 15px;
  } */
  .press-tab-content-info,
  .press-release-nav-tabs {
    margin-top: 24px;
  }
  .tab-content-info .date-news-info {
    flex-direction: column;
    max-width: 375px;
    margin: auto;
    text-align: center;
  }
  .pdf-show {
    margin-top: 30px;
  }
  /* ==================================================  Media Coverage Page ============================================================ */
  .media-content {
    padding-bottom: 22px;
    /* margin-top: 8px; */
  }
  .media-coverage-gallery {
    max-width: 375px;
    margin: auto;
  }
  .coverage-right-section .top-section ul,
  .coverage-right-section .bottom-section ul {
    gap: 16px;
  }
  .coverage-right-section .top-section {
    margin-bottom: 24px;
  }
  .coverage-right-section ul li {
    margin-bottom: 10px;
  }
  .coverage-right-section ul li a {
    font-size: 14.5px;
    padding-bottom: 6px;
  }
  /* ==================================================  Programmes Offered Page ============================================================ */
  .offer-course {
    padding-bottom: 8px;
    padding-top: 8px;
  }
  .course-description {
    padding: 10px;
    margin-top: 12px;
  }
  .offer-course-img {
    max-width: 375px;
    margin: auto;
  }
  .program-offer-course-section {
    margin-bottom: 45px;
  }
  /* ================================================== Study Centres / Campuses Page ============================================================ */
  .study-campus ul li a {
    padding: 14px 12px;
  }
  .study-campus ul li {
    margin-bottom: 12px;
  }
  .administrative-members {
    margin-top: 24px;
  }
  .academic-members {
    padding: 35px 10px;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
  }
  .academic-members-heading h6 {
    padding: 5px 20px;
  }
  .campus-intro img {
    max-width: 375px;
    margin: auto;
  }
  .campus-establishment {
    margin-top: 24px;
  }
  /* ==================================================  Faculty Staff Page ============================================================ */
  .faculty-staff-section .search-bar .search-form .form-group {
    width: 225px;
  }
  /* ==================================================  Faculty Staff Page ============================================================ */
  .faculty-table thead tr th,
  .faculty-table td {
    padding: 8px 10px;
  }
  .faculty-table .table-faculty-photo {
    width: 80px;
  }
  /* ==================================================  Academic Calendar Page ============================================================ */
  .academic-calendar-box {
    max-width: 375px;
    margin: auto;
  }
  .academic-calendar-box a {
    padding: 20px 12px;
    gap: 8;
  }
  /* ==================================================  Academic Council Page ============================================================ */
  .academic-council .faculty-table td {
    padding: 16px 14px;
  }
  /* ================================================== Tenders & Notices Office Page ============================================================ */
  .tender-notice-search {
    margin-bottom: 24px;
  }
  .tender-notice-input .filter-icon,
  .tender-notice-input .date-row {
    gap: 14px;
  }
  .tender-notice-input .date-row {
    flex-direction: column;
  }
  .tender-notice-input .input-group.half-width {
    width: 100%;
  }

  /* Anti ragging Page Start */
  .first-services-img, .second-services-img, .third-services-img, .four-services-img{
    width: 175px;
    height: 175px;
  }
  /* Historical Background Start */
  .historical-card::before{
    bottom: -50px;
    z-index: 1;
    height: 50px;
    background-repeat: no-repeat;
  }
  .historical-card{
    margin-bottom: 100px;
  }
  .description-section{
    padding-block: 15px;
    line-height: 20px;
    font-size: 13px;
  }
  .contact-us-card .heading{
    font-size: 25px;
    line-height: 25px;
  }
}
@media screen and (max-width: 480px) {
  /* Common */
  .mb-40px {
    margin-bottom: 22px !important;
  }
  .mb-30px {
    margin-bottom: 18px;
  }
  .padding-top,
  .program-offer-padding,
  .depart-heading {
    padding-top: 50px;
  }
  .padding-bottom,
  .depart-content {
    padding-bottom: 50px;
  }
  /* ---------------- Top Header ---------------- */
  .language-login,
  .language-dropdown .dropdown-item {
    font-size: 13px;
  }
  .language-dropdown .dropdown-menu {
    --bs-dropdown-padding-y: 5px;
    --bs-dropdown-min-width: 8rem;
  }
  .skip-log-in {
    gap: 10px;
  }
  .checkbox-label {
    width: 38px;
    height: 18px;
    padding: 3px;
  }
  .checkbox-label .ball {
    height: 14px;
    width: 14px;
  }
  .checkbox:checked + .checkbox-label .ball {
    transform: translateX(20px);
  }
  /* ---------------- Header ---------------- */
  header.sticky .logo img {
    width: 115px;
  }
  .logo img {
    width: 120px;
  }
  .footer-part-one .logo-content img {
    width: 135px;
  }
  .header-menu .menu {
    top: 70px;
  }
  .search-box-mobile .dropdown-menu.show {
    top: 42px !important;
  }
  /* Main Menu Header */
  .toggle-btn {
    width: 32px;
    height: 32px;
    border-radius: 6px;
  }
  .main-header-logo img {
    width: 130px;
  }
  .main-header-logo {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  /* ---------------- Banner ---------------- */
  .banner-content-img .banner-img img {
    min-height: 170px;
  }
  .heading {
    font-size: 24px;
  }
  .mb-20px {
    margin-bottom: 10px !important;
  }
  .banner-content-img .banner-content p {
    margin-bottom: 14px;
  }
  .heading,
  .banner-content-img .banner-content h2 {
    font-size: 24px;
  }
  .btn-wrapper {
    padding: 11px 19px;
    font-size: 14px;
    margin: auto;
  }
  /* ---------------- Banner Below Our Story Section ---------------- */
  .content-heading {
    padding: 40px 16px;
    max-width: 185px;
  }
  .img-one img {
    width: 180px;
  }
  .img-one {
    left: 180px;
  }
  .img-two img {
    width: 220px;
  }
  .img-two {
    top: 106px;
    left: 160px;
  }
  .img-three img {
    width: 145px;
  }
  .our-story-img {
    /* height: 330px; */
    /* max-width: 385px; */
  }
  /* ---------------- Announcement Bar ---------------- */
  .announcement-description,
  .announcement-title h3 {
    font-size: 13px;
  }
  .announcement-content {
    padding: 5px 12px;
  }
  /* ---------------- Departments and Cells ---------------- */
  .depart-content {
    padding-top: 40px;
  }
  .depart-heading {
    padding-bottom: 24px;
  }
  .depart-content ul {
    gap: 10px;
  }
  .depart-content ul li {
    width: 75%;
    margin: auto;
  }
  .depart-content ul li.margin-bottom {
    margin-bottom: 12px;
  }
  /* ---------------- Academics Section ---------------- */
  .cards-info a {
    padding: 20px;
  }
  /* .academics-content .btn-wrapper {
    margin: unset;
  } */
  .academics-content {
    padding-top: 35px;
  }
  .cards-info.see-all-box a {
    padding: 12px;
  }
  /* ---------------- E-Services / Online Services ---------------- */
  .services-img {
    margin-bottom: 10px;
  }
  .e-online-services h5 {
    font-size: 14px;
  }
  /* ---------------- Media & Gallery ---------------- */
  .learn-more-btn {
    padding: 4px 12px;
    font-size: 13.5px;
  }
  .view-more-img {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* ---------------- International Outreach ---------------- */
  .international-content {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .program-offer-boxes .box a {
    padding: 18px;
  }
  /* ---------------- Footer ---------------- */
  .footer-section {
    padding-top: 35px;
    padding-bottom: 20px;
    row-gap: 24px;
  }
  /* .footer-part-two,
  .footer-part-three {
    width: 100%;
  } */
  .footer-part-two,
  .footer-part-three {
    width: 47%;
  }
  h5.footer-heading {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .font-size-15 {
    font-size: 13.5px;
  }
  .footer-part-four iframe {
    height: 232px;
  }
  .footer-policy-social {
    gap: 16px;
  }
  .copy-right {
    padding-top: 16px;
    padding-bottom: 16px;
    gap: 8px;
    text-align: center;
  }
  .social-icons {
    gap: 20px;
  }
  a.visitor-btn {
    padding: 6px 12px;
  }
  /* ================================================== About Page ============================================================ */
  /* ---------------- Vision Mission Section Start ---------------- */
  .about-heading h1 {
    font-size: 24px;
    line-height: 28px;
  }
  /* ================================================== Administration Director Office Page ============================================================ */
  /*---------------- Administration Director Office ---------------- */
  .adm-director-office {
    margin-bottom: 50px;
  }
  /* ---------------- Administrative Officers Section ---------------- */
  .administrative-chart-section .administrative-officer-chart .chart-boxes h2 {
    margin-bottom: 16px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content {
    padding: 16px;
    margin-bottom: 16px;
    max-width: 300px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes::after {
    top: 15px;
    height: calc(100% - 45px);
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content::after {
    left: -20px;
    width: 20px;
  }
  .administrative-chart-section .administrative-officer-chart .chart-boxes {
    padding-left: 20px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    h2::after {
    left: -20px;
    width: 15px;
  }
  /* ================================================== Contact Us Page ============================================================ */
  .contact-us-section .message-box {
    padding: 22px;
  }
  /* ================================================== Press Release Page ============================================================ */
  .pdf-show {
    margin-top: 28px;
  }
  /* ==================================================  Media Coverage Page ============================================================ */
  .media-content {
    padding-bottom: 18px;
  }
  .coverage-right-section .top-section ul,
  .coverage-right-section .bottom-section ul {
    gap: 14px;
  }
  /* ==================================================  Programmes Offered Page ============================================================ */
  .offer-course {
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .academic-members {
    padding: 26px 10px;
  }
  .program-offer-course-section .row .col-lg-8 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  /* ==================================================  Study Centres / Campuses Page ============================================================ */
  .campus-establishment h5,
  .academic-members-heading h6 {
    font-size: 16px;
  }
  /* ==================================================  Faculty Staff Page ============================================================ */
  .faculty-table thead tr th,
  .faculty-table td {
    padding: 6px 8px;
  }
  .faculty-table .table-faculty-photo {
    width: 60px;
  }
  .faculty-table tr td.font-size-18 {
    font-size: 13px;
  }
  .faculty-staff-table {
    max-width: 425px;
  }
  /* ================================================== Academic Calendar Page ============================================================ */
  .academic-calendar-box a {
    padding: 18px 12px;
    gap: 6;
  }
  /* ==================================================  Academic Council Page ============================================================ */
  .academic-council .faculty-table td {
    padding: 14px 12px;
  }
  /* ================================================== Tenders & Notices Office Page ============================================================ */
  .tender-notice-input .filter-icon .btn-wrapper {
    padding: 11px 36px;
  }
  .tender-notice-input .tender-notice-input {
    padding: 12px;
    gap: 18px;
  }
  .tender-notice-input .input-group label {
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 425px) {
  /* Common */
  .mb-40px {
    margin-bottom: 20px !important;
  }
  .font-size-18 {
    font-size: 14.5px;
  }
  .font-size-15 {
    font-size: 13px;
  }
  .padding-top,
  .program-offer-padding,
  .depart-heading {
    padding-top: 45px;
  }
  .padding-bottom,
  .depart-content {
    padding-bottom: 45px;
  }
  /* ---------------- Banner Below Our Story Section ---------------- */
  .content-heading p {
    font-size: 12px;
  }
  .content-heading {
    padding: 40px 16px;
    max-width: 165px;
  }
  .img-one {
    left: 150px;
  }
  .img-one img {
    width: 160px;
  }
  .img-two img {
    width: 200px;
  }
  .img-two {
    top: 100px;
    left: 140px;
  }
  .img-three img {
    width: 122px;
  }
  .our-story-img {
    /* height: 300px; */
    /* max-width: 345px; */
  }
  /* ---------------- Announcement Bar ---------------- */
  .announcement-content {
    padding: 4px 12px;
  }
  /* ---------------- Departments and Cells ---------------- */
  .depart-content ul li {
    width: 85%;
  }
  .depart-heading {
    padding-bottom: 20px;
  }

  /* ---------------- Academics Section ---------------- */
  .cards-info a {
    padding: 20px 18px;
  }
  .academics-img img,
  .academics-img span svg {
    width: 24px;
  }
  /* .cards-info .academics-img .font-size-18 {
    font-size: 15px;
  } */
  /* ---------------- Media & Gallery ---------------- */
  .section-1,
  .section-3,
  .part-one,
  .part-two,
  .media-gallery {
    gap: 8px;
  }
  .view-more-img p {
    font-size: 15px;
    margin-bottom: 8px;
  }
  .learn-more-btn {
    padding: 4px 12px;
    font-size: 13px;
  }
  .view-more-img {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* ---------------- International Outreach ---------------- */
  .program-offer-boxes .box a {
    padding: 15px;
    gap: 12px;
  }
  /* .program-offer-boxes .box a img {
    width: 28px;
    top: -20px;
  } */
  .program-offer-boxes .box a .name-info p {
    font-size: 13.5px;
  }
  /* ================================================== About Page ============================================================ */
  /* ---------------- Vision Mission ---------------- */
  .about-hero-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .about-heading h1 {
    font-size: 22px;
    line-height: 27px;
  }
  /*---------------- Org Chart Cards Section ---------------- */
  .chart-boxes-div {
    padding: 26px 28px;
    min-height: 100px;
  }
  /*---------------- Vision Organizational Accordion ---------------- */
  /* .vision-org-accordion .accordion-button {
    font-size: 15px;
  } */
  .vision-org-accordion .accordion-item {
    margin-bottom: 18px;
  }
  /*---------------- Information Content Two Boxes ---------------- */
  .information-content-box {
    padding: 20px 16px;
  }
  .director-info-img {
    border: 10px solid #fff1cc;
  }
  /* ---------------- Director Information Section Start ---------------- */
  .director-info-section {
    border-radius: 12px;
  }
  /* ================================================== Administration Director Office Page ============================================================ */
  /*---------------- Administration Director Office ---------------- */
  .adm-director-info-content a {
    margin-top: 12px;
  }
  .adm-director-office {
    gap: 20px;
    padding: 20px 12px;
    margin-bottom: 45px;
  }
  .adm-director-info {
    padding: 16px;
  }
  /* ---------------- Administrative Officers Section ---------------- */
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes::after {
    height: calc(100% - 43px);
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content {
    margin-bottom: 14px;
  }
  /* ================================================== Contact Us Page ============================================================ */
  /* ---------------- Let’s Contact Us ---------------- */
  .contact-us-section .message-box {
    padding: 18px;
  }
  .form-contact input {
    padding: 8px 14px;
  }
  .contact-us-section .contact-Information,
  .company-info.contact-social-info .social-icons li,
  .form-send-message {
    margin-top: 16px;
  }
  .contact-Information .row .col-lg-6 {
    margin-bottom: 16px;
  }
  .vision-org-accordion.contact-accordion .accordion-item .accordion-body {
    margin-top: 20px;
  }
  .contact-accordion .accordion-item .accordion-body .row .col-lg-6,
  .contact-accordion .accordion-item .accordion-body .row .col-lg-12 {
    margin-bottom: 20px;
  }
  .contact-us-section .contact-Information .company-info h3,
  .company-contact-info h4 {
    margin-bottom: 8px;
  }
  /* ================================================== Video Gallery Page ============================================================ */
  .video-gallery-section {
    margin-bottom: 16px;
  }
  .video-gallery-section .video-box {
    padding: 16px 12px;
    gap: 16px;
  }
  /* .video-gallery-section .video-box .video-caption p {
    font-size: 14px;
  } */
  /* ================================================== Press Release Page ============================================================ */
  .press-tab-btn .nav-link {
    padding: 8px 28px;
    font-size: 14px;
  }
  .tab-content-info .date-news-info .date {
    padding: 8px;
  }
  .tab-content-info .date-news-info {
    gap: 14px;
  }
  .tab-content-info .date-news-info .date h3 {
    font-size: 26px;
  }
  /* .tab-content-info .latest-news-info h6 {
    font-size: 14px;
  } */
  .pdf-show {
    margin-top: 26px;
  }
  /* ================================================== Media Coverage Page ============================================================ */
  .coverage-right-section .top-section {
    margin-bottom: 20px;
  }
  /* ==================================================  Programmes Offered Page ============================================================ */
  .program-offer-course-section {
    margin-bottom: 40px;
  }
  /* ================================================== Study Centres / Campuses Page ============================================================ */
  .study-campus ul li a {
    padding: 12px;
  }
  .study-campus ul li {
    margin-bottom: 10px;
  }
  .administrative-members {
    margin-top: 20px;
  }
  .academic-members {
    padding: 20px 10px;
  }
  /* ==================================================  Faculty Staff Page ============================================================ */
  .faculty-table thead tr th,
  .faculty-table td {
    padding: 6px 6px;
  }
  .faculty-table .table-faculty-photo {
    width: 50px;
  }
  .faculty-table tr td.font-size-18 {
    font-size: 12px;
  }
  .faculty-staff-table {
    max-width: 400px;
  }
  /* ================================================== Academic Calendar Page ============================================================ */
  .academic-calendar-box a {
    padding: 16px 12px;
  }
  /* ==================================================  Academic Council Page ============================================================ */
  .academic-council .faculty-table td {
    padding: 12px 10px;
  }
}
@media screen and (max-width: 375px) {
  /* Common */
  .mb-40px {
    margin-bottom: 18px !important;
  }
  .font-size-15 {
    font-size: 13px;
  }
  .mb-30px {
    margin-bottom: 16px;
  }
  .padding-top,
  .program-offer-padding,
  .depart-heading {
    padding-top: 40px;
  }
  .padding-bottom,
  .depart-content {
    padding-bottom: 40px;
  }
  /* ---------------- Header ---------------- */
  header.sticky .logo img {
    width: 110px;
  }
  .logo img {
    width: 115px;
  }
  .header-menu .menu {
    top: 68px;
  }
  .header-menu .menu li a {
    padding: 7px 0;
  }
  .header-menu .menu li:first-child {
    padding-top: 9px;
  }
  .header-menu .menu li:last-child {
    padding-bottom: 9px;
  }
  .search-box-mobile button i {
    font-size: 15px;
  }
  .search-box-mobile button.header-round {
    padding: 2px 7px;
  }
  .menu-search-bar {
    gap: 12px;
  }
  .search-box-mobile .dropdown-menu.show {
    top: 38px !important;
  }

  /* ---------------- Banner ---------------- */
  .heading,
  .banner-content-img .banner-content h2 {
    font-size: 22px;
  }
  .banner-content-img .banner-content h2 {
    margin-bottom: 8px !important;
  }
  .banner-content-img .banner-content p,
  .mb-40px {
    margin-bottom: 12px;
  }
  /* ---------------- Banner ---------------- */
  .banner-content-img .banner-img .banner-content {
    width: 95%;
  }
  /* ---------------- Banner Below Our Story Section ---------------- */
  .img-two img {
    width: 190px;
  }
  .img-one img {
    width: 150px;
  }
  .img-two {
    left: 130px;
  }
  .img-three img {
    width: 112px;
  }
  .our-story-img {
    /* height: 295px;
    max-width: 322px; */
  }
  /* ---------------- Departments and Cells ---------------- */
  .depart-content {
    padding-top: 35px;
  }
  .depart-heading {
    padding-bottom: 18px;
  }

  /* ---------------- Programmes Offered ---------------- */
  .program-img a img {
    min-height: 270px;
  }
  /* ---------------- Academics Section ---------------- */
  .cards-info a {
    padding: 16px;
  }
  /* ---------------- Media & Gallery ---------------- */
  .section-1,
  .section-3,
  .part-one,
  .part-two,
  .media-gallery {
    gap: 7px;
  }
  .view-more-img {
    padding-left: 10px;
    padding-right: 10px;
  }
  .view-more-img p {
    font-size: 14px;
    margin-bottom: 6px;
  }
  .learn-more-btn {
    padding: 4px 10px;
    font-size: 12px;
  }
  /* ---------------- International Outreach ---------------- */
  .international-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .program-offer-boxes .box a {
    padding: 10px 15px;
  }
  /* .name-info h5 {
    font-size: 15px;
  } */
  /* ---------------- Footer ---------------- */
  ul.personal-info li {
    gap: 14px;
  }
  ul.personal-info li svg {
    width: 18px;
  }
  ul.personal-info li {
    margin-bottom: 10px;
  }
  .social-icons li a {
    width: 32px;
    height: 32px;
  }
  .social-icons li a i {
    font-size: 15px;
  }
  /* ================================================== About Page ============================================================ */
  /*---------------- Information Content Two Boxes ---------------- */
  .information-content-box {
    padding: 16px 12px;
  }
  /* ---------------- Director Information Section Start ---------------- */
  .director-info-img {
    width: 225px;
    height: 225px;
  }
  .director-info-content ul li,
  .about-directors-accordion .accordion-item .accordion-body ul li {
    margin-bottom: 4px;
  }
  /* ================================================== Administration Director Office Page ============================================================ */
  /*---------------- Administration Director Office ---------------- */
  .adm-director-office {
    margin-bottom: 40px;
  }
  /* ---------------- Administrative Officers Section ---------------- */
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes::after {
    top: 13px;
    height: calc(100% - 41px);
    font-size: 14px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content {
    padding: 16px;
    margin-bottom: 16px;
    max-width: 290px;
  }
  /* ================================================== Contact Us Page ============================================================ */
  /* ---------------- Let’s Contact Us ---------------- */
  .contact-us-section .message-box {
    padding: 16px;
  }
  /* ================================================== Press Release Page ============================================================ */
  .pdf-show {
    margin-top: 24px;
  }
  /* ==================================================  Media Coverage Page ============================================================ */
  .media-content {
    padding-bottom: 16px;
  }
  .coverage-right-section .top-section ul,
  .coverage-right-section .bottom-section ul {
    gap: 10px;
  }
  /* ==================================================  Programmes Offered Page ============================================================ */
  .offer-course {
    padding-bottom: 16px;
    padding-top: 16px;
  }
  /* ================================================== Academic Calendar Page ============================================================ */
  .academic-calendar-box a {
    padding: 12px 10px;
  }
  /* ==================================================  Faculty Staff Page ============================================================ */
  .faculty-table thead tr th,
  .faculty-table td {
    padding: 6px 6px;
  }
  .faculty-table .table-faculty-photo {
    width: 45px;
  }
  /* ==================================================  Academic Council Page ============================================================ */
  .academic-council .faculty-table td {
    padding: 10px 8px;
  }
  /* ==================================================  Faq Page ============================================================ */
  .faq-department-select{
    display: block;
  }
  .faq-department-card .form-select{
    width: 100%;
    margin-bottom: 15px;
  }

}
@media screen and (max-width: 360px) {
  /* ---------------- Top Header ---------------- */
  .language-login {
    justify-content: center !important;
    gap: 10px;
    flex-direction: column;
  }
  /* ---------------- Header ---------------- */
  .header-menu {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .header-menu .menu {
    top: 65px;
  }
  /* ================================================== Administration Director Office Page ============================================================ */
  /* ---------------- Administrative Officers Section ---------------- */
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content {
    padding: 14px;
    max-width: 270px;
  }
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes::after {
    height: calc(100% - 39px);
  }
  /* ================================================== Press Release Page ============================================================ */
  .search-box-mobile .search-modal{padding-block: 15px;}
}
@media screen and (max-width: 345px) {
  /* ---------------- Header ---------------- */
  .menu-search-bar {
    gap: 12px;
  }
  /* ---------------- Banner Below Our Story Section ---------------- */
  .content-heading {
    padding: 35px 12px;
    max-width: 145px;
  }
  .img-one {
    top: 18px;
    left: 145px;
  }
  .img-one img {
    width: 132px;
  }
  .img-two img {
    width: 190px;
  }
  .img-two {
    top: 80px;
    left: 100px;
  }
  .img-three img {
    width: 85px;
  }
  .our-story-img {
    /* height: 272px;
    max-width: 290px; */
  }
  /* ---------------- Programmes Offered ---------------- */
  .program-img a img {
    min-height: 230px;
  }
  /* ---------------- Media & Gallery ---------------- */
  .section-1,
  .section-3,
  .part-one,
  .part-two,
  .media-gallery {
    gap: 6px;
  }
  .view-more-img p {
    font-size: 13px;
  }
  .learn-more-btn {
    padding: 3.5px 8px;
    font-size: 11px;
  }
  /* ---------------- International Outreach ---------------- */
  .name-info h5 {
    margin-bottom: 2px;
  }
  .program-offer-boxes .box a i {
    font-size: 18px;
  }
  /* ================================================== Administration Director Office Page ============================================================ */
  /* ---------------- Administrative Officers Section ---------------- */
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes
    .chart-box-content {
    padding: 14px;
    max-width: 260px;
  }
  /* ================================================== Press Release Page ============================================================ */
}
@media screen and (max-width: 320px) {
  /* ---------------- Top Header ---------------- */
  .skip-log-in {
    gap: 14px;
  }
  /* ---------------- Media & Gallery ---------------- */
  .learn-more-btn {
    padding: 3.5px 8px;
    font-size: 10px;
  }
  /* ---------------- Footer ---------------- */
  .footer-part-four iframe {
    height: 212px;
  }
  /* ================================================== Administration Director Office Page ============================================================ */
  /* ---------------- Administrative Officers Section ---------------- */
  .administrative-chart-section
    .administrative-officer-chart
    .chart-boxes::after {
    top: 14px;
    height: calc(100% - 40px);
  }
}