/* ---------------- MOBILE ---------------- */
@media(max-width:1200px) {
    .hero-slide .overlay {
        width: 60%;
    }

    .hero-slide {
        height: 70vh;
    }

    .footprint-strip {
        flex-wrap: wrap;
        height: 180px;
        padding: 0px 30px;
        gap: 20px;
        justify-content: center;
    }

    .footprint-heading {
        margin-bottom: 40px;
    }

    .footprint-circle {
        top: 0;
    }

}

@media (max-width: 992px) {
    .nav-container {
        width: 100%;
    }

    /* hamburger show */
    .hamburger {
        display: block;
        color: #111;
    }

    /* MENU → SIDE DRAWER */
    .nav-menu {
        position: fixed;
        top: 90px;
        /* navbar height ke niche */
        left: -280px;
        width: 280px;
        height: auto;
        background: #ffffff;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 0;
        padding: 10px 0;
        transition: left 0.4s ease;
        box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
        overflow-y: auto;
        z-index: 999;
    }

    .nav-menu.active {
        left: 0;
    }

    /* RESET ul default spacing */
    .nav-menu {
        list-style: none;
    }

    /* LINKS */
    .nav-menu li {
        width: 100%;
        height: auto;
    }

    .nav-menu a {
        height: auto;
        width: 100%;
        padding: 14px 22px;
        color: #111;
        background: transparent;
        justify-content: space-between;
    }

    /* ❌ REMOVE DESKTOP HOVER ON MOBILE */
    .nav-menu li:hover>a {
        background: transparent;
        color: #111;
    }

    /* ICON-ONLY (mail / phone) HIDE */
    .icon-only {
        display: none;
    }

    /* DROPDOWN */
    .dropdown-menu {
        position: static;
        display: none;
        min-width: 100%;
        box-shadow: none;
        background: #f5f9fb;
    }
     .oncology-menu {
        position: static;
        display: none;
        min-width: 100%;
        box-shadow: none;
        background: #f5f9fb;
        left: 0;
        top: 0;
    }

    .dropdown.active .dropdown-menu {
        display: block;
    }
     .oncology-main.active .oncology-menu {
        display: block;
    }

    .dropdown-menu li a {
        padding: 12px 30px;
        font-size: 14px;
        color: #333;
    }
    .oncology-menu li a {
        padding: 12px 30px;
        font-size: 14px;
        color: #333;
    }

    .hero-slide .overlay {
        width: 70%;
    }

    .hero-slide {
        height: 70vh;
    }

    .about-wrap {
        flex-direction: column;
    }

    .about-content {
        padding: 40px;
    }

    .img-two {
        position: static;
        width: 100%;
        height: 260px;
        margin-top: 20px;
        border: none;
    }

    .why-wrap {
        grid-template-columns: 1fr;
    }

    .split {
        flex-direction: column;
        height: auto;
    }

    .split.reverse {
        flex-direction: column;
    }

    .why-img,
    .why-content {
        width: 100%;
    }

    .why-card {
        height: auto;
    }

    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-grid1 {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-container {
        flex-direction: column;
        gap: 10px;
    }
    .footer{
        padding: 40px 20px 10px;
    }
   .links{
  margin-left: 0px;
}
.footer-column{
    flex: 1 1 180px;
}

    .gallery-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
     .footprint-strip {
        flex-wrap: wrap;
        height: auto;
        padding: 50px 30px;
        gap: 50px;
        justify-content: flex-start;
    }
}

@media(max-width:768px) {
    .hero-slide {
        height: 60vh;
    }

    .hero-slide .overlay {
        width: 100%;
    }

    .hero-content {
        max-width: 90%;
        top: 50%;
        left: 5%;
    }

    .hero-content h1 {
        font-size: 32px;
    }

    .hello-sec h2 {
        font-size: 45px;
        font-weight: 800;
        color: #fff;
        text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
    }

    .hello-sec h4 {
        font-size: 25px;
        color: #fff;
        font-weight: 650;
        text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
    }

    .event-images {
        grid-template-columns: 1fr;
    }

    .event-img img {
        height: 240px;
    }

    .event-content {
        padding: 25px;
    }
    .contact-wrapper {
    flex-direction: column;
  }

  .contact-form {
    padding: 30px;
  }
  .product-grid1 {
        grid-template-columns: 1fr;
    }
}

@media(max-width:500px) {

    .full-bg h3 {
        font-size: 15px !important;
    }

    .full-bg p {
        font-size: 10px !important;
    }

    .full-bg .why-btn {
        margin-top: 5px;
        align-self: flex-start;
        padding: 5px 28px;
        background: #fff;
        color: #111;
        text-decoration: none;
        font-weight: 600;
        border-radius: 4px;
        transition: .3s;
    }

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


    .footprint-circle {
        width: 170px;
        height: 170px;
        padding: 40px 15px;
    }

    .footprint-circle h3 {
        font-size: 32px;
    }

    .footprint-heading {
        margin-bottom: 50px;
    }

    .gallery-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-item {
        height: 220px;
    }
}