@media screen and (max-width:1200px) {
    .container {
        width: 100% !important;
    }
}



@media screen and (max-width: 992px) {
    .container {
        width: 100% !important;
    }
      .navbar-collapse {
        background-color: var(--background-color);
        padding: 1.5rem;
        margin-top: 0.5rem;
        border-radius: 8px;
        box-shadow: var(--nav-shadow);
        position: absolute;
        left: 1rem;
        right: 1rem;
        top: 100%;
        z-index: 1000;
        text-align: left;
    }

    .nav-link {
        margin: 0.5rem 0;
        display: block;
    }

    .dropdown-menu {
        position: static !important;
        transform: none !important;
        border: none;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        background-color: rgba(255, 216, 216, 0.2);
        margin-left: 1rem;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .dropdown-item {
        padding: 0.5rem 1rem;
    }

    .btn-contact {
        margin: 1rem 0 0 0;
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .nav-link.active {
        background-color: var(--accent-color-1);
        padding-left: 1rem !important;
        border-radius: 4px;
    }

    .nav-link.active:after {
        display: none;
    }
}



@media screen and (max-width: 767px) {
    .container {
        width: 100% !important;
    }

    .hero-title {
        font-size: 2.4rem;
    }

    .hero-subtitle {
        font-size: 1rem;
    }

    .where-title,
    .industries-title,
    .commercialization-title,
    .what-we-do-title,
    .distribution-title,
    .project-enablement-title,
    .project-global-title,
    .global-research-modern-title,
    .global-research-modern-subtitle,
    .xh-partners-title,
    .xh-services-title,
    .partners-title,
    .mission-modern-title {
        font-size: 2rem;
    }

    .xh-services-subtitle,
    .xh-partners-subtitle,
    .global-research-point,
    .project-global-subtitle,
    .distribution-subtitle,
    .project-enablement-subtitle,
    .partners-subtitle,
    .commercialization-subtitle {
        font-size: 1rem;
    }


    .where-card {
        height: 200px;
    }

    .xh-legal-title,
    .xh-terms-title {
        font-size: 1.8rem;
    }

    .xh-legal-text,
    .xh-terms-text {
        font-size: 0.95rem;
    }


}