@media (max-width: 991px) {
    .same-section {
        padding: 3rem 0;
    }

    .gallery-section .gallery-grid {
        grid-template-rows: repeat(2, 100px);
    }

    .support-section .logo-card {
        padding: 0.5rem;
    }

    .stack-section .stack-footer {
        margin-top: 2rem;
    }

    .same-heading {
        margin-bottom: 2rem;
    }

    .same-heading h2 {
        font-size: 2rem;
    }

    .same-heading p {
        font-size: 0.9rem;
    }

    .stack-section .stack-card,
    .paths-section .path-card {
        padding: 1rem;
    }

    /* Header Responsive */
    .site-header :is(.menu-toggle, .close-menu) {
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--PrimaryColor);

        color: var(--WhiterColor);
    }

    .site-header .mobile-logo-bx {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        border-bottom: 1px solid #eee;
        width: 100%;
        margin-bottom: 1rem;
    }

    .site-header .mobile-logo-bx .logo {
        width: 100%;
        max-width: 150px;
    }

    .site-header .nav-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background-color: var(--WhiterColor, #fff);
        display: flex;
        flex-direction: column;
        padding: 1rem;
        gap: 0.5rem;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
        transition: left 0.3s ease;
        z-index: 10000;
        align-items: flex-start;
        overflow-y: auto;
    }

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

    .site-header .nav-menu a:not(.btn) {
        font-size: 1rem;
        padding: 0;
        display: block;
        width: 100%;
        padding: 0.5rem 0;
    }

    .site-header .nav-menu .btn {
        margin-left: 0;
        width: 100%;
        justify-content: center;
        margin-top: 1rem;
    }

    .site-header .close-menu {
        margin-bottom: 1rem;
        align-self: flex-end;
        cursor: pointer;
    }

    .campus-section .campus-card {
        padding: 1rem;
    }

    .tracks-section .track-card .track-desc {
        max-width: 100%;
    }

    .max-wid-80 {
        max-width: 100%;
    }

    .ready-section .max-wid-50{max-width: 100%;}

    .dw-cookie-wrapper {
  padding: 1rem.9375rem; /* 15px */
}

.dw-cookie-card {
     gap: 0.5rem;
}


}



@media (max-width: 575px) {
    html {
        font-size: 15px;
    }
 .dw-cookie-wrapper{    max-width: 100%;    left: 0;    right: 0px;        margin: 0 auto;}
    .site-header {
        padding: 0.5rem 0;
    }

    .site-header .header-row .logo {
        width: 100%;
        max-width: 140px;
    }

    .hero {
        min-height: inherit;
        padding: 3rem 0;
    }

    .hero p {
        max-width: 100%;
    }

    .location-section .image-container {
        min-height: 240px;
    }

    .location-section .image-mask {
        border-top-left-radius: 60px;
    }

    .why-section .compare-card {
        min-height: 360px;
    }

    .why-section .compare-card .dot-list {
        z-index: 2;
        position: relative;
    }

    .why-section .compare-card .watermark {
        bottom: 2rem;
        opacity: 0.5;
        z-index: 1;
    }

}