@media (max-width: 1200px) {
      body { overflow: auto; }

      /* #fp-wrapper {
        height: auto;
        overflow-y: visible;
        scroll-snap-type: none;
      } */

      .fp-section {
        height: auto;
        min-height: auto;
        scroll-snap-align: none;
        overflow: visible;
      }

      /* Restore normal padding for each section content */
      .sec-content {
        padding-top: 60px;
        padding-bottom: 60px;
      }

      #dot-nav { display: none; }

      /* Hero stays full viewport height on tablet */
      #sec-hero {
        height: 100svh;
      }

      .about-grid { grid-template-columns: 1fr; gap: 32px; }
      .about-img-wrap { height: 350px; }

      .services-grid {
        flex-direction: column;
        height: auto;
      }
      .service-item {
        height: 260px;
        flex: none;
      }
      .services-grid:hover .service-item { flex: none; }
      .services-grid .service-item:hover { flex: none; }

      .event-section { flex-direction: column; }
      .event-left, .event-right { width: 100%; }
      .event-left-img { height: 280px; flex: none; }

      .blog-grid { grid-template-columns: 1fr; }
      .blog-card-img-wrap { height: 200px; flex: none; }

      .footer-grid { grid-template-columns: 1fr 1fr; }

      /* Projects carousel — let it be natural height */
      .projects-inner { padding: 0; }
      #sec-projects .sec-content { gap: 20px; }
    }

          @media (max-width: 920px) {
            .nav-links {
                gap: 23px;
            }
            .main-navbar {
                padding: 0px 23px;
            }
            .main-navbar {
                height: 85px;
            }




          }

             @media (max-width: 810px) {
                   .nav-links { display: none; }
                       .menu-bar {
                        display: block;
                       }

             }

    @media (max-width: 768px) {
   
      /* .tata-support { display: none; } */
      .footer-grid { grid-template-columns: 1fr; }
      .sec-content { padding-top: 40px; padding-bottom: 40px; }
      .blog-grid { grid-template-columns: 1fr; }
      .event-right-img { width: 120px; }
    }

        @media (max-width: 576px) {
               .tata-support {
                display: none;
               }
               .nav-logo img {
                height: 55px;
               }
                   .main-navbar {
                padding: 0px 15px;
                height: 68px;
            }
            .offcanvas-nav a {
              padding:0.3rem 0
            }



        }