@media (max-width: 767.98px) {
      .bsb-navbar .dropdown-toggle {
          position: relative;
          padding-right: 28px;
      }
      /* Rotate when open */
      .bsb-navbar .dropdown-toggle[aria-expanded="true"]::after {
          transform: translateY(-50%) rotate(-135deg);
      }
      .navbar-toggler:focus {
          box-shadow: unset;
      }
      .dropdown-submenu.show>.dropdown-item.dropdown-toggle::after {
          transform: rotate(-130deg);
      }
  }
  
  @media (max-width: 992px) {
      .ssc-banner {
          min-height: 70vh;
      }
      .ssc-banner .ssc-content h1 {
          font-size: 2.3rem;
      }
  }
  
  @media (min-width: 768px) {
      .bsb-navbar .dropdown-menu .dropdown-item {
          padding-right: 30px;
          /* space for arrow */
          font-weight: 400;
          font-size: 14px;
      }
      .bsb-navbar .navbar-nav>.nav-item>.dropdown-toggle::after {
          display: none !important;
      }
      /* Show arrow for nested dropdowns */
      .bsb-navbar .dropdown-menu .dropdown-toggle::after {
          display: inline-block !important;
      }
  }
  /* ========== MOBILE / RESPONSIVE ========== */
  /* In mobile, show arrows for ALL dropdowns */
  
  @media (min-width: 768px) {
      /* When hovering a dropdown that contains another dropdown */
      .bsb-navbar .dropdown-menu .dropdown:hover>.dropdown-toggle::after {
          transform: rotate(-135deg);
      }
  }
  
  @media (min-width: 992px) {
      .dropdown-menu {
          padding: 0px 0;
      }
      .dropdown-item {
          position: relative;
          padding: 6px 10px;
          transition: all 0.35s ease;
          overflow: hidden;
      }
      /* Left animated bar */
      .dropdown-item::before {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          height: 100%;
          width: 0;
          /* background: #0d6efd; */
          /* change to your theme color */
          transition: width 0.35s ease;
          z-index: 0;
      }
      /* Text stays above the bar */
      .dropdown-item span {
          position: relative;
          z-index: 1;
          transition: transform 0.35s ease, color 0.35s ease;
      }
      /* Hover animation */
      .dropdown-item:hover::before {
          width: 100%;
          border-bottom: 2px solid #e2a42c;
      }
      .dropdown-item:hover span {
          transform: translateX(6px);
          color: #000000;
      }
      .dropdown-item:hover {
          background-color: #f8f9ff;
      }
      .dropdown-submenu:hover>.dropdown-menu {
          display: block;
      }
  }
  /* Desktop hover */
  
  @media (max-width: 991px) {
      .dropdown-submenu>.dropdown-menu {
          position: static;
          margin-left: 15px;
          display: none;
      }
      .dropdown-submenu.show>.dropdown-menu {
          display: block;
      }
  }
  
  @media (max-width: 991px) {
      .dropdown-menu {
          position: static !important;
          transform: none !important;
      }
  }
  /* Mobile only */
  
  @media (max-width: 968px) {
      .school-about-section .about-wrapper .content-container {
          flex-direction: column;
      }
      .school-about-section .about-wrapper .content-container .image-block {
          flex: 0 0 auto;
      }
      .school-about-section .about-wrapper .content-container .image-block .main-image {
          min-height: 320px;
      }
      .school-about-section .about-wrapper .content-container .text-block {
          padding: 36px 32px;
      }
      .school-about-section .about-wrapper .content-container .text-block .heading-primary {
          font-size: 28px;
      }
  }
  
  @media (max-width: 640px) {
      .school-about-section .about-wrapper .content-container .text-block {
          padding: 28px 12px;
      }
      .school-about-section .about-wrapper .content-container .text-block h2 br {
          display: none;
      }
      .school-about-section .about-wrapper .content-container .text-block .heading-primary {
          font-size: 24px;
      }
      .school-about-section .about-wrapper .content-container .text-block h2 {
          font-size: 28px;
      }
  }
  
  @media (max-width: 1200px) {
      .academics-container .programs-layout .row-two {
          grid-template-columns: repeat(2, 1fr);
      }
  }
  
  @media (max-width: 1100px) {
      .footer-container {
          grid-template-columns: repeat(2, 1fr);
      }
  }
  
  @media (max-width: 600px) {
      .footer-container {
          grid-template-columns: 1fr;
      }
  }
  
  @media (max-width: 767px) {
      .bsb-navbar .navbar-nav>.nav-item {
          font-size: 20px;
      }
      .dropdown-item {
          font-size: 15px;
      }
      .bsb-navbar .dropdown-toggle::after {
          display: inline-block !important;
      }
      .ssc-hero {
          margin-top: 0;
      }
      .footer-back-to-top {
          right: 0px;
          bottom: 100px;
      }
      .footer-back-to-top {
          opacity: 1;
          visibility: visible;
          transform: translateY(10px);
      }
      .footer-back-to-top.show {
          opacity: 1;
          visibility: visible;
          transform: translateY(0);
      }
      .back-to-top-btn {
          padding: 8px 14px;
          font-size: 13px;
      }
      .admission-strip {
          margin-top: 50px;
          padding: 110px 0 110px;
      }
      .admission-strip .admission-content p br {
          display: none;
      }
      .admission-strip .admission-content p {
          margin-bottom: 15px;
      }
      .sscs-activities-card-body h3 {
          font-size: 20px;
      }
      .sscs-activities {
          padding: 110px 0 60px;
      }
      .sscs-activities {
          margin-top: -60px;
      }
      .sscs-activities-card {
          margin-bottom: 0px;
      }
      .sscs-activities-card img {
          height: 180px;
      }
      .academics-container .main-header h1 {
          font-size: 2.5rem;
      }
      .academics-container .programs-layout .row-one,
      .academics-container .programs-layout .row-two {
          grid-template-columns: 1fr;
      }
      .academics-container .program-card {
          height: 380px;
      }
      .academics-container .program-card .card-image-box .content-overlay h3 {
          font-size: 2rem;
      }
  }
  
  @media (max-width: 992px) {
      .header .navbar-brand {
          left: 0px;
      }
      .header.sticky .navbar-brand {
          left: 0px;
      }
      .header .navbar-brand h5 {
          color: #fff;
          font-size: 16px;
          font-weight: 800;
          padding-bottom: 8px;
      }
      .latest-news-wrapper .news-item {
          display: flex;
          align-items: center;
          font-size: 12px;
          gap: 12px;
      }
      .latest-news-wrapper .news-label {
          background: #e2a42c;
          color: #fff;
          font-weight: 700;
          padding: 8px 10px;
          font-size: 9px;
          white-space: nowrap;
      }
      .inside-banner {
          height: 340px;
      }
      .inside-banner .inside-banner-content h2 {
          font-size: 32px;
      }
      .about-section .about-content {
          padding: 0px 0 0 0;
      }
      .about-section {
          padding: 60px 0;
      }
      .sscs-activities-card img {
          height: 200px;
      }
      .admission-strip .admission-box {
          text-align: center;
      }
      .admission-strip .admission-image img {
          height: 200px;
          margin-bottom: 15px;
      }
      .admission-strip .admission-content {
          padding: 0 15px;
      }
      .admission-strip .admission-content h2 {
          font-size: 24px;
      }
      .ssc-hero .ssc-hero__title {
          font-size: 2.6rem;
      }
      .vision-mission-section .vm-wrapper {
          flex-direction: column;
      }
      .school-about .about-intro {
          grid-template-columns: 1fr;
      }
      .school-about .about-intro {
          gap: 0px;
          margin-bottom: 25px;
      }
      .school-about .about-header h2 {
          font-size: 32px;
      }
      .leadership-section .leader-block,
      .leadership-section .leader-block.reverse {
          flex-direction: column;
          gap: 0px;
      }
      .leadership-section .section-title {
          text-align: center;
          margin-bottom: 25px;
      }
      .leadership-section .leader-photo {
          width: 100%;
          max-width: 380px;
          height: 380px;
      }
      .leadership-section .leader-info {
          padding: 35px;
      }
  }
  
  @media (max-width: 576px) {
      .header .helpdesk-link {
          font-size: 14px;
          padding: 10px 20px;
      }
      .inside-banner {
          height: 400px;
      }
      .inside-banner img.img-fluid {
          object-position: center;
      }
      .inside-banner .inside-banner-content {
          bottom: 35px;
          padding: 0 15px;
      }
      .inside-banner .inside-banner-content h2 {
          font-size: 24px;
      }
      .inside-banner .breadcrumb-item {
          font-size: 13px;
      }
      .about-section .about-content h2 {
          font-size: 26px;
      }
      .about-section .about-content p {
          font-size: 15px;
      }
      .academics-container {
          padding: 0 15px;
      }
      .academics-container .main-header h1 {
          font-size: 3rem;
      }
      .academics-container .main-header .tagline {
          font-size: 16px;
      }
      .academics-container .program-card {
          height: 350px;
      }
      .ssc-hero {
          min-height: auto;
      }
      .ssc-hero .ssc-hero__container {
          padding-bottom: 60px;
          text-align: center;
      }
      .ssc-hero .ssc-hero__content {
          max-width: 100%;
      }
      .ssc-hero .ssc-hero__title {
          font-size: 1.8rem;
      }
      .ssc-banner {
          min-height: 65vh;
          text-align: center;
      }
      .ssc-banner .ssc-content {
          max-width: 100%;
      }
      .ssc-banner .ssc-content h1 {
          font-size: 1.9rem;
      }
      .ssc-banner .ssc-content p {
          font-size: 1rem;
      }
      .school-about {
          padding: 60px 0px;
      }
      .school-about .about-header h2 {
          font-size: 28px;
      }
      .school-about .intro-highlight {
          padding: 28px;
      }
      .school-about .governance {
          padding: 35px 25px;
      }
      .leadership-section {
          padding: 65px 15px;
      }
      .leadership-section .section-title h2 {
          font-size: 30px;
      }
      .leadership-section .leader-name {
          font-size: 22px;
      }
  }
  
  @media (max-width: 767px) {
      .offcanvas-header .btn-close {
          margin-right: 16px;
          font-size: 16px;
      }
      .nav-top {
          justify-content: center;
          margin-bottom: 100px;
      }
      .offcanvas.offcanvas-end {
          display: flex;
          flex-direction: column;
      }
      /* 2nd div becomes 3rd */
      .offcanvas.offcanvas-end>div:nth-child(2) {
          order: 3;
      }
      /* 3rd div comes before it */
      .offcanvas.offcanvas-end>div:nth-child(3) {
          order: 2;
      }
      .admission-footer {
          flex-direction: column;
          gap: 20px;
      }
      .ms-admission-title {
          font-size: 28px;
      }
      .ms-admission-brief {
          font-size: 15px;
      }
      .ms-admission-nav {
          overflow-x: auto;
          flex-wrap: nowrap;
          padding-bottom: 8px;
      }
      .ms-admission-nav .nav-link {
          font-size: 13px;
          padding: 12px 14px;
          white-space: nowrap;
      }
      .ms-admission-nav {
          gap: 5px;
      }
      .ms-admission-content {
          padding: 25px;
          border-radius: 12px;
      }
      .ms-section-header h4 {
          font-size: 20px;
      }
      .ms-tab-list li {
          font-size: 15px;
      }
      .activities-section {
          padding: 50px 0;
      }
      .activities-section .activity-row {
          margin-bottom: 0px;
      }
      .activities-section .activity-text {
          padding: 25px 10px;
      }
      .activities-section .activity-text h3 {
          font-size: 24px;
      }
      .activities-section .activity-text p {
          font-size: 15px;
      }
      .contact-modern {
          padding: 70px 0;
      }
      .contact-modern .contact-header h2 {
          font-size: 28px;
      }
  }
  
  @media (max-width: 768px) {
      .alumni-form-section .form-title {
          font-size: 26px;
      }
      .alumni-form-section .alumni-form-wrapper .form-label {
          font-size: 14px;
      }
      .alumni-form-section .alumni-form-wrapper .form-control,
      .alumni-form-section .alumni-form-wrapper .form-select,
      .alumni-form-section .alumni-form-wrapper textarea {
          font-size: 14px;
      }
      .alumni-form-section .alumni-submit-btn {
          font-size: 15px;
      }
  }
  
  @media (max-width: 768px) {
      .alumni-form-section {
          padding: 50px 15px;
      }
  }
  
  @media (max-width: 768px) {
      .educhamps-section .educhamps-title {
          font-size: 28px;
      }
      .educhamps-section .educhamps-floating-img {
          position: static;
          margin-top: 20px;
          width: 100%;
      }
      .ssc-hero .ssc-hero__container {
          position: relative;
          z-index: 2;
          width: 100%;
          padding: 200px 4% 60px;
      }
      .ssc-hero .ssc-hero__title {
          line-height: 1.5;
      }
      .ssc-hero .ssc-hero__text br {
          display: none;
      }
      #ssc-hero-rotating-text {
          display: block;
          transition: opacity 0.6s ease, transform 0.6s ease;
      }
      .header.sticky .navbar-nav .nav-link.active,
      .header.sticky .navbar-nav .nav-link.show {
          color: #dea12b !important;
      }
      .bsb-navbar .nav-item {
          position: relative;
      }
      .bsb-navbar .dropdown-toggle {
          position: relative;
          padding-right: 25px;
      }
      .bsb-navbar .dropdown-toggle::after {
          content: "";
          width: 7px !important;
          height: 7px !important;
          border-right: 2px solid #000 !important;
          border-bottom: 2px solid #000 !important;
          position: absolute;
          right: 8px;
          top: 50%;
          transform: translateY(-50%) rotate(45deg);
          transition: 0.3s;
      }
      .bsb-navbar .dropdown-toggle.show::after {
          transform: translateY(-50%) rotate(-135deg);
      }
      .dropdown-menu {
          border: none;
          border-radius: 6px;
          padding: 10px 0;
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
      }
      .dropdown-item {
          padding: 8px 18px;
          font-size: 14px;
      }
      .dropdown-item:hover {
          background: #f5f5f5;
      }
      .navbar-nav .nav-link::after {
          left: 90% !important;
          background-color: transparent !important;
      }
      .navbar-nav .nav-link.active::before,
      .navbar-nav .nav-link.show::before {
          display: none;
      }
      .blue-bg::before {
          content: "";
          position: absolute;
          top: 0;
          left: -100vw;
          width: 100vw;
          height: 100%;
          background: #1d3557;
          z-index: -1;
          display: none;
      }
      .blue-bg .sscs-activities-card-body {
          padding: 0px 0px 20px 0;
      }
      .blue-bg.sscs-activities-card {
          padding: 30px;
      }
      .main-gallery-buttons {
          justify-content: start;
      }
      .main-header {
          margin-bottom: 10px;
          animation: fadeIn 1s ease;
          text-align: center;
      }
      .affiliation_recognition_awards {
          display: flex;
          flex-direction: column;
      }
      .school-about .governance {
          margin-top: 0 !important;
      }
      .school-about .info-cards {
          margin-bottom: 15px;
      }
      .affiliation_recognition h2 {
          font-size: 28px;
          font-weight: 700;
          color: #1c2b4a;
      }
      .vision-mission-section .vm-heading {
          margin-bottom: 25px;
      }
      .school-about .about-header {
          text-align: start;
          margin-bottom: 0px;
      }
      .why-section-content-img {
          position: relative;
          width: 100%;
          top: 0;
          left: 0;
          z-index: 5;
      }
      .educhamps-section .row {
          padding-bottom: 0px;
      }
      .edu-creative-section {
          margin-top: 60px;
          padding-bottom: 60px;
      }
      .educhamps-section .why-section {
          background: #ffffff;
          padding: 40px 0px 40px 0px;
          border-radius: 25px;
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
          margin-top: 0px;
      }
      .facilities-details-content-right {
          padding: 25px;
          right: 0%;
      }
      .facilities-details {
          padding: 0px;
      }
      .facilities-details .facilities-details-content-left {
          padding: 25px;
          left: 0%;
      }
      .educhamps-section .container .row {
          padding: 0px 10px;
      }
      .educhamps-section .image-row img {
          height: auto;
          width: 48%;
      }
  }