@media (min-width: 1900px) {  .hero-students-layer img, .hero-students-container img {max-width: 950px; width: 46vw; }
}
@media (min-width: 1700px) {  .hero-students-layer img, .hero-students-container img {max-width: 850px; width: 45vw; }
}
@media (max-width: 1600px) {  .life-bes-card span {font-size: 70px; margin-bottom: 10px; }
  .life-bes-card:before {width: 200px; height: 200px; }
}
@media (max-width: 1360px) {  
  .lower-primary-staff-main-wraper {padding: 80px 0 30px; }
  .pu-committee-section {padding: 80px 0; }
  .committee-carousel-container {padding: 20px 20px 0; }
  .alumni-section {padding: 80px 0; }
  .faculty-details-main-wrapper {padding: 80px 0; }
  .form-md .form-group input, .form-group textarea {font-size: 12px; }
  .our-programs-wrapper {padding: 80px 0; }
  .about-institute-wrapper {padding: 80px 0; }
  .our-facilities-wrapper {padding: 80px 0; }
  .virtual-tour-wrapper {margin: 80px 0; }
  .faq-wrapper {padding: 80px 0 0; }
  .virtual-tour-inner-wrapper h2 {font-size: 36px; margin-top: 37px; }
  .banner-inner-wrapper h2 span {font-size: 35px; }
  .banner-inner-wrapper h2 span:nth-child(3) {font-size: 35px; }
  .banner-inner-wrapper h2 span:nth-child(5) {font-size: 35px; }
  .achievements-main-wrapper {padding: 80px 0; }
  .activities-main-wrapper {padding: 80px 0; }
  .header-logo img {max-width: 75px; }
  .logo-text {font-size: 23px; }
  h2 {font-size: 35px; }
  .age-section-wrap {margin: 20px 0; }
  .nursery-main-wrapper {padding: 90px 0; }
  .learning-journey-main-wrapper {padding: 80px 0; }
  .subjects-we-teach-main-wrapper {padding: 80px 0; }
  .nursery-slider-main-wrapper {padding: 80px 0; }
  .bento-section-wrapper {padding: 80px 0; }
  h1 {font-size: 40px; }
  .age-section-wrap {margin: 30px 0 0 !important; }
  .annual-plan-main-wrapper {padding: 80px 0; }
  .subjects-section-wrapper {padding: 80px 0; }
  .competitions-section-wrapper {padding: 80px 0; }
  .lower-primary-main-wraper {padding: 90px 0 80px; }
  .leadership-main-wrapper {padding: 80px 0; }
  .admission-main-wrapper {padding: 80px 0; }
  .pu-about-intro-section {padding: 80px 0; }
  .pu-founders-section {padding: 80px 0; }
  .pu-history-section {padding: 80px 0; }
.mlilestone-wrapper.pu-milestones-section {
	padding: 80px 0 ;background: radial-gradient(circle at center, #fff 0%, #E0E5E9 100%) !important;}
  .about-gallery-section {padding: 80px 0 60px; }
  .featured-history-card .history-foundation-date {font-size: 60px; }

  .contact-img, .contact-right {width: inherit;max-width: inherit;}
  .gallery-nav-btn.next-btn {right: 18px;}
  .gallery-nav-btn.prev-btn {
	left: 18px;
}

}
@media (max-width: 1280px) {  .hero-students-layer img, .hero-students-container img {max-width: 620px; width: 42vw; }
}
@media screen and (max-width:1260px) {  .nav-links {gap: 0; }
}
@media screen and (max-width:1240px) {  .nav-links {display: none; }
  .desk-resp-ham {display: block; }
  .banner-inner-wrapper h2 span {font-size: 30px; }
  .banner-inner-wrapper h2 span:nth-child(3) {font-size: 30px; }
  .banner-inner-wrapper h2 span:nth-child(5) {font-size: 30px; }
  .contact-info-card {max-width: 442px; }
  .contact-flex-container {gap: 15px; }
  .contact-form-card {max-width: 580px; }
  .contact-main-wrapper {padding: 80px 0; }
  .contact-form-card {padding: 22px; }
  .contact-info-card {padding: 22px 22px; }
  .error-card {padding: 30px 20px; }
  .error-contant {padding: 40px 0 20px; }
  .nursery-card, .journey-card {max-width: calc(50% - 17.5px); flex: 1 1 calc(50% - 17.5px); }
}
@media (max-width:1200px) {  .virtual-tour-inner-wrapper h2 {font-size: 48px; margin-top: 20px; }
  .nav-links {gap: 10px}
  .our-facilities-inner {max-width: 300px; }
  .contact-info-card {max-width: 442px; }
  .contact-flex-container {gap: 15px; }
  .contact-form-card {max-width: 580px; }
  .contact-main-wrapper {padding: 80px 0; }
  .contact-form-card {padding: 22px; }
  .contact-info-card {padding: 22px 22px; }
  .error-card {padding: 30px 20px; }
  .error-contant {padding: 40px 0 20px; }
  .hero-students-layer img, .hero-students-container img {max-width: 550px; width: 40vw; }
  .pu-timeline-circle-container {max-width: 770px; }
  .activity-ref-card {padding: 65px 10px 45px; }
  .competition-card {flex: 1 1 calc(50% - 15px); max-width: calc(50% - 15px); min-height: 250px; }
  .subjects-grid {gap: 24px; }
  .subject-modern-card {flex: 1 1 calc(33.333% - 16px); max-width: calc(33.333% - 16px); }
  .bento-card-large .bento-image-wrapper {display: none; }
  .subject-card {padding: 26px 25px; }
  .journey-timeline {flex-wrap: wrap; }
  .journey-timeline::before {display: none; }
  .sitemap-card {flex: 0 0 calc(33.333% - 20px); max-width: calc(33.333% - 20px); }
  .sitemap-flex-container {gap: 30px; justify-content: center; }
  .fee-payment-main-wrapper {margin-top: 50px; }
  .fee-payment-main-wrapper {padding: 60px 0 60px; }
  .age-card h3 {font-size: 19px; }
  .age-grid {flex-wrap: wrap; }
}
@media(max-width:1100px) {  .about-school-main-wrapper, .why-bes-main-wrapper, .life-bes-main-wrapper {padding: 60px 0; }
  .about-school-inner-wrapper h1 {margin: 0 0 25px; }
  .message-from-the-management-img img {width: 400px; }
  .inner-pg-event-card:last-of-type {grid-column: 1 / -1; justify-self: center; width: 100%; max-width: 480px; }
  .inner-pg-event-card-wrapper {grid-template-columns: repeat(2, 1fr); gap: 25px; }
  .hero-students-layer img, .hero-students-container img {max-width: 480px; width: 38vw; }
}
@media (max-width:1080px) { 
   .banner-inner-wrapper {max-width: 545px; }
  .section-new {width: 100%; height: 100%; background: #0e0d0d; opacity: 0; pointer-events: none; transition: all .9s ease; }
  .act-section {transition: all 1s ease; opacity: .6; position: fixed; pointer-events: visible; top: 0; z-index: -1; }
  .our-programs-inner-wrapper {flex-wrap: wrap; gap: 50px 24px; }
  .our-programs-inner-wrapper .our-programs-inner:nth-child(even) {transform: translateY(0); }
  .our-programs-inner-wrapper .our-programs-inner:nth-child(odd):hover, .our-programs-inner-wrapper .our-programs-inner:nth-child(even):hover {transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); }
  .about-institute-inner-wrapper {flex-direction: column; }
  .about-right {max-width: 100%; }
  .faq-inner-wrapper {flex-direction: column; gap: 20px}
  .faq-left {display: none; }
  .faq-inner-questions {max-width: 100%; }
  .our-programs-wrapper {padding: 60px 0; }
  .our-facilities-wrapper {padding: 60px 0; }
  .virtual-tour-wrapper {margin: 60px 0; }
  .explore-school-wrapper {margin: 0 0 60px; }
  .virtual-tour-inner-wrapper h2 {font-size: 44px; }
  .our-facilities-inner {max-width: calc(32% - 10px); }
  .header-logo {max-width: 300px; }
  .contact-flex-container {flex-direction: column; }
  .contact-info-card {max-width: 580px; margin: auto; }
  .contact-form-card {margin: auto; }
  .contact-flex-container {gap: 50px; }
  .contact-flex-container {flex-direction: column; gap: 30px; }
  .contact-info-card, .contact-form-card {flex: 0 0 100%; max-width: 100%; }
  .about-wrapper {padding: 60px 0; }
  .about-inner-wrapper {flex-direction: column-reverse; }
  .about-left-wrapper {max-width: 100%; }
  .about-institute-inner-wrapper {gap: 35px; }
  .milestone-desc.top {text-align: left; }
  .pu-timeline-circle-container {height: auto; aspect-ratio: auto; max-width: 100%; margin-top: 40px; }
  .pu-circle-wrapper {position: relative; display: flex; flex-direction: column; align-items: center; gap: 40px; }
  .pu-circle-dashed-line {position: absolute; inset: auto; left: 36px; top: 471px; bottom: 40px; width: 2px; height: auto; border-radius: 0; border: none; border-left: 2px dashed rgba(23, 54, 201, 0.25); animation: none; }
  .pu-circle-center {position: relative; top: auto; left: auto; transform: none; margin-bottom: 20px; }
  .pu-milestone-node {position: relative; top: auto !important; left: auto !important; width: 100%; height: auto; transform: none; display: flex; align-items: flex-start; gap: 20px; padding-left: 10px; }
  .milestone-icon-btn {width: 52px; height: 52px; flex-shrink: 0; }
  .milestone-text-box {position: relative; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; text-align: left !important; width: 100%; pointer-events: auto; }
  .milestone-year {font-size: 22px; margin-bottom: 2px; }
  .milestone-desc {font-size: 15px; }
  .activities-premium-grid {gap: 40px 30px; }
  .activities-premium-grid {flex-wrap: wrap; }
  .contact-flex-container {flex-direction: column; }
  .contact-info-card {max-width: 580px; margin: auto; }
  .contact-form-card {margin: auto; }
  .contact-flex-container {gap: 50px; }
  .pu-milestone-node.node-1 {width: 100%; height: 100%; }
  .right {text-align: inherit; }
  .vision-mission-cards-wrapper {gap: 30px; flex-direction: column; }
  .vm-card {width: 100%; max-width: 90%; }
  .common-btn {justify-content: center;}
  .about-right p, .about-right h2{text-align: center;}
  .faq-wrapper {padding: 80px 0;}
  .about-left-wrapper H1 {	text-align: center;}
  .pu-about-intro-section p {text-align: center;}
 
}
@media (max-width: 1024px) {  .age-grid {grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .plan-month-card {flex: 1 1 calc(50% - 15px); max-width: calc(50% - 15px); }
  .contact-flex-container {flex-direction: column; gap: 30px; }
  .contact-info-card, .contact-form-card {flex: 0 0 100%; max-width: 100%; }
  .subject-card {max-width: calc(50% - 17.5px); flex: 1 1 calc(50% - 17.5px); }
  .faculty-details-inner-wrapper .message-from-the-management-tabs .tab-btn {min-width: 158px; }
}
@media (max-width:992px) {  
  .banner-inner-wrapper {padding: 0; }
  .hero-students-layer {display: none; }
  .hero-experiment .banner-inner-wrapper h2 span {white-space: normal; }
  .hero-experiment {--tube-x: 32%; --tube-y: 52%; --tube-glow-size: 92px; --doodle-draw-limit: 10; }
  .hero-students-container {width: min(76vw, 650px); }
  .hero-students-layer img, .hero-students-layer video, .hero-students-container img, .hero-students-container video {opacity: 0.78; }
  .hero-doodle-1 {left: 8%; top: 27%; }
  .hero-doodle-2 {left: 38%; top: 20%; }
  .hero-doodle-3 {display: none; }
  .hero-doodle-4 {left: 32%; top: 72%; opacity: 0.24; }
  .hero-doodle-5 {right: 10%; top: 26%; opacity: 0.26; }
  .hero-doodle-6 {display: none; }
  .hero-doodle-7 {right: 13%; bottom: 14%; opacity: 0.24; }
  .hero-doodle-8 {display: none; }
  .contact-img img {display: none; }
  .banner-inner-wrapper {max-width: 100%; position: relative; }
  .banner-inner-wrapper h2 {text-align: center; }
  .banner-inner-wrapper p {text-align: center; }
  .common-button {justify-content: center;gap:18px; }
  .index-contact-inner-wrapper {flex-wrap: wrap; }
  .contact-right {max-width: 100%; }
.index-contact-wrapper {padding: 0 0 40px;}
  .virtual-tour-inner-wrapper h2 {font-size: 42px; }
  .banner-inner-wrapper h2 span:nth-child(1) {font-size: 38px; }
  .banner-inner-wrapper h2 span:nth-child(3) {font-size: 50px; }
  .banner-inner-wrapper h2 span:nth-child(5) {font-size: 42px; }
  .sitemap-card {flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }
  .academics-main-wrapper {flex-direction: column; }
  .academics-inner {max-width: 100%; }
  .banner-wrapper::before {content: ''; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.4; z-index: 3; }
  .hero-experiment {--tube-x: 32%; --tube-y: 52%; --tube-glow-size: 108px; }
  .hero-doodle-right {right: 5%; top: 30%; opacity: 0.34; }
  .hero-doodle-left {left: 7%; top: 28%; opacity: 0.4; }
  .hero-doodle-top {left: 43%; top: 19%; opacity: 0.34; }
  .careers-inner-wrapper {flex-direction: column; gap: 40px; padding-bottom: 50px; }
  .career-content-left, .career-content-right {max-width: 100%; width: 100%; }
  .career-cta-card {padding: 50px 20px; }
  .high-school-inner-wrapper h1 {font-size: 40px; margin-bottom: 40px; }
  .high-school-card-wrapper {padding: 35px 30px; }
 .high-school-card-wrapper.first {padding: 70px 46px;flex-direction: column;gap: 50px;}
 .high-school-card-wrapper.first  .h-p-content {max-width: 100%;display: flex;justify-content: center; align-items: center; flex-direction: column;}
 .child-inner-wrapper {justify-content: end;padding: 0 0 30px;}
 .high-school-card-wrapper.first .h-p-content p {text-align: center;margin: 0 0 20px;}
.high-school-card-wrapper.first h2::after {width: 100%;}
  .high-school-card-wrapper h2 {font-size: 26px; }
  .why-bes-cards-wrapper {grid-template-columns: repeat(2, 1fr); }
  .life-bes-cards-wrapper {grid-template-columns: repeat(2, 1fr); }
  .life-bes-card:nth-child(2), .life-bes-card:nth-child(5) {transform: none; }
  .vm-icon {max-width: 70px; height: 70px; margin-bottom: 10px; }
  .vm-icon img {max-width: 35px; }
  .vm-card h3 {margin: 0 0 15px; }
  .values-card {padding: 40px 20px; }
  .life-bes-card {padding: 30px; }
  /* .life-bes-card h3 {font-size: 24px; } */
  .why-bes-card {padding: 80px 20px 20px; }
  .why-bes-card span {left: 22px; }
  .message-from-the-management-card.active {padding: 40px 15px; }
  .message-from-the-management-tabs .tab-btn {min-width: 300px; }
  .faculty-details-inner-wrapper .message-from-the-management-tabs {margin-bottom: 35px; margin-top: 20px; justify-content: flex-start; padding-left: 20px; padding-right: 20px; }
  .faculty-details-inner-wrapper h1 {font-size: 36px; }
  .faculty-details-inner-wrapper .message-from-the-management-tabs .tab-btn {min-width: 170px; font-size: 15px; padding: 12px 24px; }
  .inner-pg-events-main-wrapper {padding: 60px 0; }
  .inner-pg-events-inner-wrapper h1 {font-size: 36px; }
  .inner-pg-event-card-img {height: 220px; }
  .gallery-slider-wrapper {padding: 0 40px; }
  .gallery-nav-btn {width: 42px; height: 42px; }
  .gallery-scrolling-item {flex: 0 0 calc((100% - 20px) / 2); width: calc((100% - 20px) / 2); max-width: calc((100% - 20px) / 2); min-width: calc((100% - 20px) / 2); height: 260px; }
  .gallery-cards-wrapper {grid-template-columns: repeat(2, 1fr); gap: 25px; }
  .gallery-img {height: 300px; padding: 25px; }
  .gallery-img h2 {font-size: 20px; }
  .individual-photo-components-wrapper {grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .pu-event-row {/* flex-wrap: wrap; */ justify-content: center; flex-direction: column-reverse !important; }
  .featured-card {flex: 1 1 100%; max-width: 100%; }
  .standard-card {flex: 1 1 calc(50% - 15px); max-width: calc(50% - 15px); }
  .pu-event-row:nth-child(2n+1) {flex-direction: column-reverse; }
  .standard-card {max-width: 100%; }
  .cocurricular-bento-grid {gap: 60px; }
  .pu-history-bento {flex-direction: column; gap: 30px; }
  .history-left-panel, .history-right-panel {max-width: 100%; width: 100%; }
  .featured-history-card {padding: 50px 40px; }
  .about-inner-wrapper {flex-direction: column; gap: 50px; }
 .about-inner-wrapper {flex-direction: column;gap: 20px;}
  .about-right-wrapper {max-width: 400px; margin: 0 auto; }
  .academics-card {max-width: 100% !important; }
  .lower-primary-intro {max-width: 100%; }
  .lower-primary-intro h1 {text-align: center; }
.middle-school-main {gap: 53px;flex-direction: column-reverse;}
  .bento-grid {flex-direction: column; }
  .bento-card-medium {max-width: 100%; }
  .lower-primary-intro p.section-lead-text {text-align: center; }
  .lower-primary-intro h1 {margin-bottom: 12px; }
  .nursery-section {gap: 30px; }
  .bento-grid {margin-top: 45px; }
  .academics-card-header {margin-bottom: 10px !important; justify-content: center; }
  .committee-carousel .item img {max-width: 480px; }
  .committee-carousel .owl-nav {justify-content: center; gap: 490px; }
  .faculty-details-inner-wrapper .message-from-the-management-tabs {gap: 8px; }
  .doc-main {gap: 30px; flex-direction: column; }
  .career-content-left h1 {text-align: center;}
  .career-content-left p {text-align: center;}
  /* .contact-info-card h2, .contact-info-card p {
	text-align: center;} */
   .contact-info-card p {	margin-top: 10px;}
   .contact-info-card, .contact-form-card {padding: 30px 20px 40px;}
   .alumni-org {margin-top: 5px;}
   .alumni-org {font-size: 15px;}
}
@media (max-width:991px) {  .alumni-card {flex-direction: column; min-height: auto; }
  .alumni-photo-wrap {flex: 0 0 auto; width: 100%; }
  .alumni-photo {object-fit: cover; object-position: center 20%; }
  .alumni-content-wrap {flex: 1; padding: 30px 24px; }
  .alumni-curve-shape {display: none; }
  .lower-primary-staff-main-wraper {padding: 60px 0 10px; }
  .pu-committee-section {padding: 60px 0; }
  .careers-main-wrapper {padding: 60px 0; }
  .high-school-main-wrapper {padding: 60px 0 0; }
  .faculty-details-main-wrapper {padding: 60px 0; }
  .faq-wrapper {padding: 60px 0 ;}
  .subject-modern-card {flex: 1 1 calc(50% - 12px); max-width: calc(50% - 12px); }
  .cocurricular-floating-card {max-width: 460px; padding: 40px 30px; }
  .cocurricular-floating-card h2 {margin-bottom: 18px; }
  .step-content p {text-align: left; }
  .sitemap-card {flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); min-height: auto; }
  .sitemap-header {margin-bottom: 40px; }
  .sitemap-main-title {font-size: 36px; }
  .bento-card-large, .bento-card-medium, .bento-card-full {grid-column: span 12; }
  .bento-card-large .bento-content-layout, .bento-card-full {flex-direction: column; align-items: stretch; }
  .bento-card-large .bento-image-wrapper, .bento-card-full .bento-image-wrapper {display: none; }
  .slider-left-content {flex: 1 1 100%; max-width: 100%; min-height: auto; padding-bottom: 50px; }
  .slider-right-image-wrapper {flex: 1 1 100%; max-width: 100%; width: 100%; height: 320px; border-radius: 30px; }
  .slider-right-image-wrapper {display: none; }
  .interactive-slider-box {height: 371px; }
  .journey-timeline {flex-direction: column; gap: 50px; align-items: flex-start; }
  .journey-timeline::before {top: 0; bottom: 0; left: 85px;
    
/* Aligned with center of image (20px padding + 65px radius) */
  width: 4px; height: auto; background: linear-gradient(180deg, #2563eb, #ED0308, #2563eb, #ED0308); }
  .timeline-step {flex-direction: row; align-items: center; text-align: left; gap: 30px; width: 100%; }
  .step-image-wrapper {margin-bottom: 0; flex-shrink: 0; }
  .step-content {padding-top: 0; }
  .step-content p {padding: 0; }
  .nursery-main-wrapper {padding: 70px 0 60px; }
  .learning-journey-main-wrapper {padding: 60px 0; }
  .subjects-we-teach-main-wrapper {padding: 60px 0; }
  .nursery-slider-main-wrapper {padding: 60px 0 0; }
  .bento-section-wrapper {padding: 60px 0 60px; }
  h1 {font-size: 38px; }
  .nursery-intro h2 {margin-bottom: 10px !important; }
  .leadership-flex-container {flex-direction: column; gap: 40px; }
  .leadership-left, .leadership-right {flex: 1 1 100%; max-width: 100%; }
  .leadership-quote-card {padding: 40px 30px; }
  .leadership-quote-card::after {display: none; }
  .leadership-quote-card p {margin: 15px 0 0 0; }
  .sports-left-content h1 {text-align: center; }
  .sports-left-content p.lead-text {text-align: center; }
  .sports-flex-container {flex-direction: column-reverse; gap: 50px; }
  .sports-left-content, .sports-right-stack {flex: 1 1 100%; max-width: 100%; width: 100%; }
  .sports-card-stack {width: 300px; height: 400px; }
  .sports-card.pos-2 {transform: translate3d(15px, 15px, -15px) scale(0.95) rotate(2deg); }
  .sports-card.pos-3 {transform: translate3d(30px, 30px, -30px) scale(0.9) rotate(4deg); }
  .activities-main-wrapper {padding: 60px 0; }
  .activities-title {font-size: 44px; }
  .activities-lead-desc {font-size: 16px; margin-bottom: 60px; }
  .activities-premium-grid {gap: 50px 30px; }
  .activity-ref-card {padding: 55px 20px 35px; }
  .lower-primary-main-wraper {padding: 70px 0 60px; }
  .subjects-section-wrapper {padding: 60px 0; }
  .competitions-section-wrapper {padding: 60px 0; }
  .achievements-main-wrapper {padding: 60px 0; }
  .admission-main-wrapper {padding: 60px 0; }
  .annual-plan-main-wrapper {padding: 60px 0; }
  .achievements-tabs-container-outer {margin-bottom: 45px; }
  .achievements-tabs-wrapper {padding: 5px; gap: 4px; }
  .achievements-tab-btn {padding: 10px 20px !important; font-size: 14px; min-width: 120px !important; }
  .achievements-showcase-row, .achievements-showcase-row.row-reverse {flex-direction: column-reverse; gap: 55px; }
  .showcase-text-col {align-items: center; text-align: center; }
  .showcase-text-col p {text-align: center; }
  .showcase-number {left: 50%; transform: translateX(-50%); top: -55px; }
  .showcase-highlights {justify-content: center; }
  .achievements-showcase-container {gap: 80px; }
  .leadership-main-wrapper {padding: 60px 0; }
  .pu-about-intro-section {padding: 60px 0; }
  .pu-founders-section {padding: 60px 0; }
  .pu-history-section {padding: 60px 0; }
  .mlilestone-wrapper.pu-milestones-section {padding: 60px 0; }
  .about-gallery-section {padding: 60px 0 40px; }
  .featured-history-card .history-foundation-date {font-size: 60px; }
  .alumni-section {padding: 60px 0; }
}

@media (max-width:776px) {  .facilities-wrapper:nth-child(2n+1) .facilities-inner {flex-direction: column; }
  .facilities-right-wrapper h2 {text-align: center; }
  .facilities-right-wrapper p {text-align: center; }
  .facilities-inner {gap: 10px; flex-direction: column; }
  h2 {font-size: 36px; }
  .child-inner-wrapper p {font-size: 22px; }
  .virtual-tour-inner-wrapper h2 {font-size: 40px; }
  .our-facilities-inner {max-width: calc(40% - 10px); }
  .banner-inner-wrapper h2 span:nth-child(1) {font-size: 36px; }
  .banner-inner-wrapper h2 span:nth-child(3) {font-size: 48px; }
  .banner-inner-wrapper h2 span:nth-child(5) {font-size: 40px; }
  .form-row {flex-direction: column; gap: 22px; }
  .contact-info-card, .contact-form-card {padding: 30px 25px; border-radius: 16px; }
  .contact-submit-btn {width: 100%; }
  .contact-map-wrapper {height: 350px; }
  .inner-banner-title {font-size: 34px; }
  .inner-banner-desc {font-size: 15px; }
  .inner-page-banner-wrapper {height: 350px; }
  .milestone-inner-wrapper::before {left: 15px; }
  .mlilestone-inner {width: calc(100% - 45px); margin-left: 45px !important; padding: 20px; }
  .mlilestone-inner::before {left: -40px !important; right: auto !important; }
  .mlilestone-inner::after {left: -22px !important; width: 22px; }
  .curricular-activities-inner-wrapper {flex-direction: column; }
  .curricular-image, .curricular-content {width: 100%; }
  .our-facilities-inner-wrapper.facilities-scroll {gap: 15px !important; }
  .our-facilities-inner-wrapper.facilities-scroll 
  .our-facilities-inner {flex: 0 0 calc((100% - 15px) / 2); width: calc((100% - 15px) / 2); max-width: calc((100% - 15px) / 2); min-width: calc((100% - 15px) / 2); }
    .cocurricular-parallax-section {position: relative; overflow: hidden; }
  .cocurricular-parallax-section::before {content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.65); opacity: 0; transition: opacity 0.4s ease; z-index: 1; pointer-events: none; }
  .cocurricular-parallax-section:hover::before, .cocurricular-parallax-section:active::before, .cocurricular-parallax-section:focus-within::before {opacity: 1; }
  .cocurricular-parallax-section .cocurricular-floating-card {background: transparent !important; box-shadow: none !important; padding: 20px !important; text-align: center !important; opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease; pointer-events: none; z-index: 2; }
  .cocurricular-parallax-section:hover .cocurricular-floating-card, .cocurricular-parallax-section:active .cocurricular-floating-card, .cocurricular-parallax-section:focus-within .cocurricular-floating-card {opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
  .cocurricular-parallax-section .cocurricular-floating-card h2 {color: #ffffff !important; text-align: center !important; font-size: 28px !important; margin-bottom: 12px !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); }
  .cocurricular-parallax-section .cocurricular-floating-card p {color: rgba(255, 255, 255, 0.95) !important; text-align: center !important; font-size: 16px !important; font-weight: 500 !important; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6); }
}

@media (max-width: 767px) {
}

@media(max-width:768px) {  .committee-carousel-container {padding: 20px; }
  .committee-carousel .owl-nav {width: calc(100% + 20px); left: -10px; }
  .committee-carousel .owl-nav button.owl-prev, .committee-carousel .owl-nav button.owl-next {width: 40px; height: 40px; font-size: 18px !important; }
  .gallery-slider-wrapper {padding: 0 40px; }
  .gallery-nav-btn {width: 38px; height: 38px; }

  .vision-mission-cards-wrapper {grid-template-columns: 1fr; }
  .section-heading h2 {font-size: 32px; }
  .values-card {padding: 30px 20px; }
  .life-bes-cards-wrapper {grid-template-columns: 1fr !important}
  .life-bes-card {padding: 30px; }
  .life-bes-card span {font-size: 60px; }
  .message-from-the-management-main-wrapper {padding: 60px 0; }
  .message-from-the-management-card.active {padding: 30px 20px; border-radius: 16px; }
  .message-from-the-management-profile {padding-bottom: 30px; }
  .message-from-the-management-card-content h2 {font-size: 24px; }
  .message-from-the-management-card-content blockquote {font-size: 16px; padding: 20px; }
  .career-cta-card h2 {font-size: 32px; }
  .career-email {font-size: 18px; padding: 14px 30px; }
  .career-cta-card::before {width: 200px; height: 200px; }
  .career-cta-card::after {width: 200px; height: 200px; }
  .high-school-inner-wrapper h1 {font-size: 34px; }
  .high-school-common-icon-wrapper {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
  .why-bes-cards-wrapper {grid-template-columns: 1fr; }
  .faculty-details-inner-wrapper h1 {font-size: 30px; }
  .faculty-details-inner-wrapper .message-from-the-management-tabs {flex-direction: row; justify-content: flex-start; gap: 12px; overflow-x: auto; padding-left: 15px; padding-right: 15px; }
  .faculty-details-inner-wrapper .message-from-the-management-tabs .tab-btn {min-width: 140px; font-size: 14px; padding: 10px 18px; }
  .inner-pg-events-inner-wrapper h1 {font-size: 30px; }
  .inner-pg-event-card-wrapper {grid-template-columns: 1fr; gap: 40px; }
  .gallery-cards-wrapper {grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .individual-photo-components-wrapper {grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .inner-pg-event-card:last-of-type {max-width: 100%; }
  .history-row-top {flex-direction: column; gap: 30px; }
  .pu-cocurricular-section {padding: 0 0 60px; }
  .pu-event-row {flex-direction: column; gap: 20px; }
  .cocurricular-bento-grid {gap: 40px; }
  .featured-card {flex: 1 1 100%; max-width: 100%; min-height: 300px; padding: 30px 20px; background-size: cover; }
  .featured-card:hover {background-size: cover; }
  .standard-card {flex: 1 1 100%; max-width: 100%; }
  .pu-academics-section {padding: 60px 0; }
  .academics-card {max-width: 100%; flex: 1 1 100%; padding: 30px 20px; }
  .course-item {flex-direction: column; align-items: flex-start; gap: 10px; padding: 15px; }
  .course-code {width: 100%; }
  .mandatory-lang-banner {flex-direction: column; text-align: center; padding: 20px; }
  .lang-banner-content p {text-align: center; }
  .process-timeline {flex-direction: column; gap: 40px; align-items: flex-start; padding-left: 15px; }
  .process-line-bg {top: 0; bottom: 0; left: 50px; width: 4px; height: auto; right: auto; }
  .process-progress-bar {width: 100%; height: 0%; transition: height 2.4s linear; }
  .process-step {flex-direction: row; gap: 20px; align-items: flex-start; width: 100%; }
  .step-icon-number-wrap {margin-bottom: 0; flex-shrink: 0; }
  .step-info-card {text-align: left; padding: 20px; }
  .pu-eligibility-card {padding: 30px 24px; max-width: 100%; }
  .competitions-section-wrapper {padding: 60px 0; background-attachment: scroll; }
  .lower-primary-main-wraper {padding: 60px 0; }
  .subjects-section-wrapper {padding: 60px 0; }
  .lower-primary-intro h2 {font-size: 24px; }
  .cocurricular-parallax-section {background-attachment: scroll; height: auto; padding: 80px 0; }
  .cocurricular-parallax-section .fluid-container {justify-content: center; }
  .cocurricular-floating-card {max-width: 100%; margin: 0 10px; }
  .form-row {flex-direction: column; gap: 22px; }
  .contact-info-card, .contact-form-card {padding: 30px 25px; border-radius: 16px; }
  .contact-submit-btn {width: 100%; }
  .contact-map-wrapper {height: 350px; }
  .inner-banner-title {font-size: 34px; }
  .inner-banner-desc {font-size: 15px; }
  .inner-page-banner-wrapper {height: 350px; }
  .nursery-main-wrapper {padding: 60px 0; }
  .nursery-flex-row {padding: 40px 25px; }
  .committee-carousel .item img {max-width: 390px; }
  .month-icon-wrapper {top: 13px; right: 9px; }
}

@media (max-width:676px) { 
   .committee-carousel .owl-nav {display: none; }
  h2 {font-size: 34px; }
  .virtual-tour-inner-wrapper h2 {font-size: 38px; margin-top: 100px; }
  .banner-inner-wrapper h2 span:nth-child(1) {font-size: 34px; }
  .banner-inner-wrapper h2 span:nth-child(3) {font-size: 46px; }
  .banner-inner-wrapper h2 span:nth-child(5) {font-size: 38px; }
  .faq-inner-questions h2 {padding: 0 0 30px;}
  .about-institute-inner-wrapper .about-leaf-img {border-top-right-radius: 0; border-bottom-left-radius: 0; border-radius: 30px; }
}

@media (max-width: 640px) {  .admission-main-wrapper h1.page-title {font-size: 32px; margin-bottom: 30px; }
  .admission-section-title::after {width: 40px; height: 3px; }
  .age-grid {grid-template-columns: 1fr; gap: 20px; }
  .document-item {padding: 14px 18px; }
  .doc-left {gap: 14px; }
  .doc-title {font-size: 15px; }
  .app-card {padding: 16px; max-width: 100%; border-color: rgba(23, 54, 201, 0.2); }
  .info-card, .offline-location-card, .bank-details-card, .hours-detail-card, .single-hours-card {padding: 24px; max-width: 100%; }
  .hours-tabs-container {gap: 10px; }
  .hours-tab-btn {width: 100%; justify-content: center; }
  .norm-card {padding: 16px; gap: 12px; }
  .column-header-wrap {padding: 12px 18px; }
  .tag-1 {top: 10px; left: 0px; }
  .tag-2 {bottom: 25px; right: -10px; }
  .tag-3 {bottom: 10px; left: 10px; }
}
@media (max-width:576px) {  h2 {font-size: 32px; }
.about-primary-left::before {right: 3px;}
  .copyrights {justify-content: center; gap: 3px}
  .footer-social ul {flex-wrap: wrap; }
  .our-programs-inner {max-width: 100%; }
  .virtual-tour-inner-wrapper h2 {font-size: 36px; }
  .our-facilities-inner {max-width: calc(49% - 10px); }
  .virtual-tour-inner-wrapper {min-height: 400px; }
  .question {font-size: 18px; }
  .banner-inner-wrapper h2 span:nth-child(1) {font-size: 32px; }
  .banner-inner-wrapper h2 span:nth-child(3) {font-size: 40px; }
  .banner-inner-wrapper h2 span:nth-child(5) {font-size: 34px; }
  .banner-inner-wrapper h2 {line-height: 1.1; }
  .sitemap-card {flex: 0 0 100%; max-width: 100%; }
  .hero-experiment {--tube-x: 28%; --tube-y: 55%; --tube-glow-size: 82px; }
  .hero-doodle {width: 82px; opacity: 0.24; }
  .hero-doodle-right {right: -4%; }
  .hero-doodle-left {left: 1%; }
  .hero-doodle-top {display: none; }
  .hero-bubbles span {animation-duration: 6s; }
  .hero-experiment {--tube-x: 28%; --tube-y: 55%; --tube-glow-size: 72px; --doodle-draw-limit: 5; }
  .hero-students-layer {opacity: 0.52; }
  .hero-students-container {width: 108vw; margin-left: 0; }
  .hero-doodle {width: 58px; opacity: 0.22; }
  .hero-doodle-1 {left: 5%; top: 31%; }
  .hero-doodle-2 {display: none; }
  .hero-doodle-4 {display: none; }
  .hero-doodle-5 {right: 4%; top: 24%; }
  .hero-doodle-7 {display: none; }
  .careers-main-wrapper {padding: 50px 0; }
  .career-content-left h1 {margin-bottom: 20px; }
  .career-highlight-card {padding: 24px; }
  .career-highlight-card h2 {font-size: 20px; }
  .career-cta-card {padding: 40px 15px; border-radius: 16px; }
  .career-cta-card h2 {font-size: 28px; }
  .career-cta-card p {font-size: 16px; margin-bottom: 25px; }
  .career-email {width: 100%; max-width: 290px; font-size: 16px; padding: 12px 20px; margin-bottom: 30px; }
  .career-contact {padding-top: 25px; }
  .career-contact a {font-size: 18px; display: block; margin: 5px 0; }
  .career-contact span {display: none; }
  .high-school-inner-wrapper h1 {font-size: 28px; margin-bottom: 30px; }
  .high-school-card-wrapper {padding: 25px 20px; border-radius: 16px; }
  .high-school-card-wrapper h2 {font-size: 22px; margin-bottom: 15px; }
  .curriculum-grid {grid-template-columns: 1fr; }
  .high-school-card-wrapper p {font-size: 16px; text-align: left; }
  .high-school-icon-card {min-height: 80px; padding: 20px 15px; }
  .life-bes-card {padding: 25px 20px; }
  .life-bes-card span {font-size: 45px; margin-bottom: unset; }
  .message-from-the-management-card-content p {margin: 0px 0 15px; }
  .life-bes-card p {margin: 10px 0 0; }
  /* .life-bes-card h3 {font-size: 22px; } */
  /* .why-bes-card h3 {font-size: 22px; } */
  .values-card h3 {font-size: 26px; margin-bottom: 20px; }
  .faculty-details-inner-wrapper h1 {font-size: 26px; margin-bottom: 30px; }
  .faculty-details-inner-wrapper .message-from-the-management-tabs {gap: 8px; justify-content: flex-start; overflow-x: auto; padding-left: 10px; padding-right: 10px; }
  .faculty-details-inner-wrapper .message-from-the-management-tabs .tab-btn {min-width: 120px; font-size: 13px; padding: 8px 12px; }
  .faculty-details-content-wrapper.active tbody {grid-template-columns: 1fr; }
  .faculty-details-content-wrapper tbody tr {padding: 20px 15px; }
  .faculty-details-content-wrapper td:nth-child(2) {font-size: 19px; }
  .inner-pg-events-main-wrapper {padding: 50px 0; }
  .inner-pg-events-inner-wrapper h1 {margin-bottom: 30px; }
  .inner-pg-event-card-img {height: 200px; }
  .inner-pg-event-card-content {padding: 20px; }
  .inner-pg-event-card-content h2 {font-size: 20px; }
  .gallery-cards-wrapper {grid-template-columns: 1fr; gap: 20px; }
  .gallery-img {height: 260px; padding: 20px; }
  .gallery-img h2 {font-size: 18px; }
  .individual-photo-components-wrapper {grid-template-columns: 1fr; gap: 20px; }
  .individual-photo-component {height: 250px; }
  .explore-school-inner-wrapper.custom-scroll span {flex: 0 0 100%; }
  .alumni-photo {object-fit: cover; object-position: center 20%; }
  .alumni-meta-grid {flex-direction: column; gap: 19px; padding: 12px 6px; }
  .meta-label {font-size: 10px; }
  .meta-val {font-size: 11px; }
  .alumni-nav-btn {display: none; }
}
@media (max-width: 575px) {  .gallery-slider-wrapper {padding: 0 30px; }
  .gallery-nav-btn {width: 32px; height: 32px; }
  .gallery-nav-btn svg {width: 16px; height: 16px; }
  .scrolling-gallery-track {gap: 15px; }
  .gallery-scrolling-item {flex: 0 0 100%; width: 100%; max-width: 100%; min-width: 100%; height: 230px; }
  .pu-founders-section .founders-inner {max-width: 100%; }
  .competition-card {flex: 1 1 100%; max-width: 100%; padding: 35px 25px; }
  .subject-modern-card {flex: 1 1 100%; max-width: 100%; }
  .cocurricular-parallax-section {padding: 60px 0; }
  .sitemap-main-wrapper {padding: 50px 0; }
  .sitemap-flex-container {gap: 20px; }
  .sitemap-card {flex: 0 0 100%; max-width: 100%; padding: 24px; }
  .sitemap-main-title {font-size: 30px; }
  .sitemap-subtitle {font-size: 15px; }
  .nursery-card, .journey-card {max-width: 100%; flex: 1 1 100%; }
  .card-joy {max-width: 100%; }
  .plan-month-card {flex: 1 1 100%; max-width: 100%; }
  .annual-plan-main-wrapper {padding: 60px 0; }
  .subject-card {max-width: 100%; flex: 1 1 100%; }
  .timeline-step {flex-direction: column; }
  .step-content h3, .step-content h4 {margin-bottom: 7px; text-align: center; }
  .step-content p {text-align: center; }
  .timeline-step:hover .step-image-wrapper {transform: inherit; }
  .timeline-step {gap: 22px; }
  .journey-timeline {margin-top: 0; }
  .subject-card-icon {width: 50px; height: 50px; margin-bottom: 10px; }
  .activities-main-wrapper {padding: 60px 0 40px; }
  .activities-title {font-size: 32px; }
  .activities-lead-desc {margin-bottom: 30px; }
  .activity-ref-card {margin-top: 45px; }
  .interactive-slider-box {height: 100%; flex-direction: column; }
  .slider-left-content {padding-bottom: 0; }
  .slider-dots-indicator {flex-direction: revert; }
  .slider-dots-indicator {padding: 0 10px 40px; }
  .alumni-content-wrap {justify-content: start; }
}
@media (max-width:480px) {  
  .cocurricular-parallax-section[style*="sports.webp"]:not([style*="lower-primary-sports.webp"]), .sports-parallax-bg {background-image: url('../images/higher-primary-sports-res.webp') !important; }
  .cocurricular-parallax-section[style*="lower-primary-sports.webp"], .lp-sports-parallax-bg {background-image: url('../images/lower-prim-sports-res.webp') !important; }
  .cocurricular-parallax-section[style*="h-p-art-and-craft.webp"], .art-parallax-bg {background-image: url('../images/higher-primary-art-res.webp') !important; }
  .cocurricular-parallax-section[style*="yoga.webp"]:not([style*="lower-primary-yoga.webp"]), .hp-yoga-parallax-bg {background-image: url('../images/yoga-res.webp') !important; }
  .nursery-slider-main-wrapper h2 {padding: 0 0 20px; }
  .stream-header-text h3, .stream-header-text span {font-size: 19px; }
  .stream-icon-box img {width: 30px; height: 30px; }
  .stream-icon-box {width: 50px; height: 50px; }
  .cocurricular-header-area {margin: 0 auto 30px; }
  .cocurricular-bento-grid {margin-top: 20px; }
  .pu-academics-section {padding: 40px 0; }
  .mandatory-lang-banner {margin: 20px auto 0; }
  .mandatory-lang-banner {padding: 10px 0 0 0; }
  .academics-header-area {margin: 0 auto 10px; }
  .high-school-img {margin: 0 0 20px; }
  .about-institute-wrapper {padding: 40px 0; }
  .child-wrapper {padding: 40px 0; }
  .explore-school-wrapper {padding: 40px 0 0; }
  .faq-wrapper {padding: 40px 0; }
  .header-logo img {max-width: 55px; }
  .logo-text {font-size: 19px; }
  .header-logo {gap: 7px; }
  .facilities-wrapper {padding: 40px 0; }
  h2 {font-size: 30px; }
  p, a {font-size: 16px; }
  .our-programs-wrapper {padding: 40px 0; }
  .our-facilities-wrapper {padding: 40px 0 0; }
  .virtual-tour-wrapper {margin: 40px 0; }
  .explore-school-wrapper {margin: 0 0 40px; }
  .child-inner-wrapper p {font-size: 18px; }
  .virtual-tour-inner-wrapper h2 {font-size: 30px; }
  .our-facilities-inner {max-width: 100%; }
  .child-inner-wrapper h2, .child-inner-wrapper p {text-align: center !important; }
.child-inner-wrapper {align-items: center;padding: 0;}
.child-wrapper::before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to right, #000000c4, transparent);}
  .child-inner-wrapper .common-btn {justify-content: center; }
  .virtual-tour-inner-wrapper::after {width: 50px; height: 50px; }
  .facilities-img {margin: auto; }
  .our-facilities-inner span, .our-facilities-inner p {text-align: center; }
  .contact-img {max-width: 300px; }
  .banner-inner-wrapper h2 span:nth-child(1) {font-size: 28px; }
  .banner-inner-wrapper h2 span:nth-child(3) {font-size: 34px; }
  .banner-inner-wrapper h2 span:nth-child(5) {font-size: 30px; }
  .contact-main-wrapper {padding: 40px 0; }
  .info-card-title {margin-bottom: 0; }
  .form-card-title {margin-bottom: 0; }
  .contact-info-card, .contact-form-card {padding: 20px 20px; }
  .error-code {font-size: 45px; }
  .about-wrapper {padding: 40px 0; }
  .achievements-section-header {margin: 0 auto 40px; }
  .common-button {flex-direction: column; }
  .banner-inner-wrapper .common-btn a, .button {min-width: 180px; }
  .facilities-wrapper h1 {padding: 0 0 35px; }
  .facilities-right-wrapper p {margin: 15px 0 0; }
  .facilities-inner {gap: 0; }
  .curricular-activities-wrapper {padding: 0 0 40px; }
  .curricular-activities-inner-wrapper {margin: 30px 0 0; }
  .high-school-main-wrapper {padding: 40px 0 0; }
  .faculty-details-main-wrapper {padding: 40px 0; }
  .about-school-main-wrapper, .why-bes-main-wrapper, .life-bes-main-wrapper {padding: 40px 0; }
  .mlilestone-wrapper.pu-milestones-section {padding: 40px 0 40px; }
  .pu-history-section {padding: 40px 0; }
  .pu-history-section .section-title-wrapper {margin: 0 auto 30px; }
  .pu-founders-section .founders-inner {padding: 20px !important; }
  .pu-about-intro-section p {margin-bottom: 0; }
  .pu-founders-section {padding: 40px 0; }
  .pu-founders-section .section-title-wrapper {margin: 0 auto 30px; }
  .achievements-section-header {margin: 0 auto 40px; }
  .age-section-wrap {margin: 18px 0 0 !important; }
  .age-card {max-width: 400px; }
  .documents-section-wrap {margin-top: 40px; }
  .step-by-step-process-main-wrapper {margin-top: 40px; }
  .pu-eligibility-card {margin: 30px 0 30px; }
  .pu-docs-list {margin: 20px 0 0 0; }
  .fee-payment-main-wrapper {margin-top: 30px; padding: 30px 0 80px; }
  .info-card, .offline-location-card, .bank-details-card, .hours-detail-card, .single-hours-card {border-color: rgba(23, 54, 201, 0.18); }
  .info-card {padding: 0px; }
  .info-card {gap: 0px; }
  .fee-payment-main-wrapper {padding: 30px 0 40px; }
  .applications-section {margin-top: 30px; }
  .applications-grid {margin-top: 20px; }
  .working-hours-main-wrapper {margin-top: 30px; padding: 30px 0 40px; }
  .institution-norms-main-wrapper {padding: 0 0 40px; }
  .doc-right-dash {display: none; }
  .process-step {gap: 6px; }
  .step-info-card p {text-align: left; }
  .pu-eligibility-card h3 {font-size: 20px; }
  .pu-eligibility-card p {font-size: 16px; }
  .documents-section-wrap h3, .step-by-step-process-main-wrapper h3, .pu-docs-column h3 {font-size: 22px; }
  .sports-main-wrapper {padding: 40px 0; }
  .leadership-main-wrapper {padding: 40px 0; }
  .contact-main-wrapper {padding: 40px 0; }
  .info-card-title {margin-bottom: 0; }
  .form-card-title {margin-bottom: 0; }
  .contact-info-card, .contact-form-card {padding: 20px 20px; }
  .error-code {font-size: 45px; }
  .nursery-main-wrapper {padding: 40px 0 40px; }
  .learning-journey-main-wrapper {padding: 40px 0; }
  .subjects-we-teach-main-wrapper {padding: 40px 0; }
  .nursery-slider-main-wrapper {padding: 40px 0; }
  .bento-section-wrapper {padding: 40px 0; }
  .activities-p {padding: 0 0 20px; }
  .slider-left-content h2 {padding: 0 0 12px; }
  .plan-month-card {padding: 20px; }
  .bento-card {padding: 30px 20px 10px 20px; }
  .step-image-wrapper {width: 230px; height: 230px; }
  h1 {font-size: 33px; }
  .sports-main-wrapper {padding: 40px 0; }
  .sports-card-stack {width: 270px; }
  .activities-main-wrapper {padding: 40px 0; }
  .annual-plan-main-wrapper {padding: 40px 0; }
  .achievements-section-header {margin: 0 auto 40px; }
  .footer-logo>span img {max-width: 70px; }
  .footer-text span {font-size: 23px; }
  .footer-logo>span {max-width: 90px; }
  .footer-logo {gap: 0px; }
  .middle-school-main {gap: 45px; }
  .nursery-section {gap: 15px; }
  .journey-timeline {gap: 40px; }
  .bento-grid {margin-top: 30px; }
  .bento-card h3 {font-size: 20px; }
  .annual-plan-section-header p {font-size: 18px; margin-top: 7px; }
  .annual-plan-section-header {margin: 0 auto 30px; }
  .subject-card-icon {width: 40px; height: 40px; }
  /* .slide-sub-item h3, .slider-pane.active h3 {font-size: 21px; } */
  .bento-card .bento-badge {font-size: 15px; padding: 0 0 5px; }
  .bento-card .bento-badge {font-size: 15px; margin-bottom: 3px; }
  .bento-card h3 {margin: 0 0 4px; }
  .annual-plan-section-header h2 {margin-bottom: 12px; }
  .month-card-header h3 {font-size: 21px; }
  .footer-main-text p {margin: 20px auto 30px; }
  .nursery-slider-main-wrapper {padding: 40px 0 0; }
  .lower-primary-main-wraper {padding: 50px 0 40px; }
  .subjects-section-wrapper {padding: 40px 0; }
  .competitions-section-wrapper {padding: 40px 0; }
  .subjects-grid {margin-top: 30px; }
  .cocurricular-floating-card p {text-align: center; }
  .cocurricular-floating-card h2 {margin-bottom: 0; }
  .cocurricular-floating-card p {margin: 5px 0 0 0; }
  h3 {font-size: 25px; }
  .leadership-flex-container {gap: 30px; }
  .sports-flex-container {gap: 26px; }
  .sports-left-content p.lead-text {margin-bottom: 22px; }
  .achievements-main-wrapper {padding: 40px 0; }
  .achievements-showcase-container {gap: 60px; }
  .admission-main-wrapper {padding: 40px 0; }
  .step-by-step-process-main-wrapper h3 {text-align: left; }
  .featured-history-card .history-foundation-date {font-size: 45px; }
  .featured-history-card h3 {font-size: 22px !important; }
  .featured-history-card .history-card-badge {margin-bottom: 18px; }
  .featured-history-card {padding: 30px 30px; }
  .history-card {padding: 23px; }
  .about-gallery-section .section-title-wrapper {margin-bottom: 20px; }
  .about-gallery-section {padding: 40px 0 20px; }
  .node-1 .milestone-year {font-size: 20px; }
  .pu-timeline-circle-container {margin-top: 0; }
  .founder-card-body h3 {font-size: 16px; }
  .pu-center-building-img {max-width: 425px; }
  .pu-committee-section {padding: 40px 0; }
  .our-programs-card-wrapper {max-width: 100%; }
  .explore-school-wrapper .common-btn {margin: 5px 0 0; }
  .explore-school-inner-wrapper {margin: 20px 0 0; }
  .inner-page-banner-wrapper .banner-inner-wrapper li a, .inner-page-banner-wrapper .banner-inner-wrapper li p {font-size: 11px; }
  .inner-page-banner-wrapper .banner-inner-wrapper li img {max-width: 17px; }
  .lower-primary-staff-main-wraper h2 {padding: 0 0 30px; }
  .lower-primary-staff-main-wraper {padding: 40px 0 0 0 !important; }
  .addmission-cta-inner-wrapper p {font-size: 17px; }
  .pu-details-main-wrapper {padding: 40px 0 0; }
  .addmission-cta-main-wrapper {padding: 40px 0; }
  .alumni-section {padding: 40px 0; }
  .bento-card p {text-align: left; }
  .high-school-card-wrapper.first {	padding: 30px;		gap: 30px;}
  .high-skl-first-photo::before {right: -3px;}
  .vm-card li {font-size: 16px;line-height: 1.6;}
  .document-list {gap: 10px; }
  .document-list {margin: 23px auto 0; }
  .doc-main {gap: 10px; }
  .plan-month-card {padding: 20px !important; }
  .month-icon {top: 16px !important; right: 16px !important; width: 48px !important; height: 48px !important; padding: 10px !important; }
  .month-badge {left: 16px !important; width: 32px !important; height: 42px !important; font-size: 13px !important; }
  .plan-month-card h3 {margin: 40px 0 15px 0 !important; font-size: 20px !important; }
  .month-icon-wrapper {top: 8px; right: 6px; width: 39px; height: 38px; }
  .card-watermark {width: 60px; height: 60px; }
  .faq-wrapper {padding: 40px 0 20PX;}
  .answer {padding: 10px 20px 30px;}
  .about-institute-inner-wrapper {gap: 21px;}
  .faq-inner-questions h2 {text-align: center;}
  .about-school-inner-wrapper h1 {margin: 0 0 10px;}
  .about-school-inner-wrapper h2 {margin: 0 0 30px;}
  .message-from-the-management-main-wrapper {padding: 40px 0;}
  .message-from-the-management-tabs {margin-bottom: 30px;}
  .message-from-the-management-info span:first-child {font-size: 20px;}
  .message-from-the-management-card-content h2 {	font-size: 19px;}
  .message-from-the-management-signature h3 {	font-size: 17px;}
  .pu-docs-list {gap: 10px;}
  .leadership-quote-card {padding: 20px 16px;}
  .leadership-quote-card p {line-height: 1.6;}
  .leadership-right p.lead-text {font-size: 16px;}
  .leadership-feature-item {gap: 14px;padding: 20px 15px;}
  .faq-wrapper {padding: 40px 0;}
  .question {font-size: 17px;}
  .answer {font-size: 16px;}
   .our-facilities-inner-wrapper.facilities-scroll .our-facilities-inner {flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; min-width: 100% !important; }
   .pu-founders-section .founders-inner {justify-content: center !important;}
   .founder-card-header {margin-bottom: 8px;}
   .founder-card-body h3 {margin: 0 0 0 7px;}
   p{font-size:16px;}
}

@media (max-width:420px) {  .pu-center-building-img {max-width: 386px; height: auto; }
  h1 {font-size: 26px; }
  h2 {font-size: 25px; }
  .subject-modern-card {padding: 30px 20px; }
  .featured-history-card .history-foundation-date {font-size: 40px; }
  .featured-history-card .history-foundation-date {margin-bottom: 12px; }
  h3 {font-size: 20px; }
}