@media(max-width:1400px) {
    .nav-link {
        padding: 0.5rem;
    }
}

@media (max-width: 1400px) {
    .navbar-toggler {
        display: block !important;
    }
}

@media (max-width: 1200px) {
    .hero {
        height: 80vh;
    }

    .player-card {
        width: 100%;
    }

    .player-card h2 {
        left: 171px;
    }

    .nav-link {
        padding: 0.3rem;
    }

    #image-slider .logo-item img {
        max-height: 86px;
    }

    .sponsors.space-between {
        padding-bottom: 2rem !important;
    }

}

@media (min-width: 768px) and (max-width: 1200px) {
    .footer-row {
        --bs-gutter-x: 0.75rem;
    }

    .footer-brand-col {
        width: 28%;
    }

    .footer-nav-col {
        width: 47%;
    }

    .footer-credit-col {
        width: 25%;
        font-size: 0.75rem;
        white-space: nowrap;
    }

    .footer-brand-col a {
        gap: 0.5rem !important;
    }

    .footer-brand-col svg {
        width: 3.5rem;
        height: auto;
        flex: 0 0 auto;
    }

    .footer-logo {
        font-size: 1.25rem !important;
        white-space: nowrap;
    }

    .footer-nav-col .nav {
        flex-wrap: nowrap;
        justify-content: center;
        width: 100%;
    }

    .footer .nav-link {
        padding: 0.35rem 0.25rem !important;
        font-size: 0.875rem;
        white-space: nowrap;
    }
}

@media (max-width: 1000px) {
    .hero-content h1 {
        font-size: 4rem;
    }

    .hero-content p {
        max-width: 660px;
    }

    .matches {
        display: none;
    }

    .matches-mobile {
        display: block;
        margin-bottom: 40px;
    }

    .player-card {
        height: 500px;
    }

    .player-card .text-uppercase.position-absolute.z-1 {
        bottom: 0;
        transform: rotate(0deg);
        left: 0;
        right: 0;
        width: 100%;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .footer-logo {
        font-size: 1.5rem;
    }

    .logo-background svg {
        width: 100%;
    }

    h2 {
        font-size: 3rem;
    }
}

@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 3rem;
    }

    .hero-content p {
        max-width: 455px;
    }

    h2 {
        font-size: 2rem !important;
    }

    h3 {
        font-size: 1.5rem !important;
    }

    .matches-mobile .match-row {
        --match-logo-width: 5.75rem;
        --match-logo-height: 4.375rem;
    }

    .achievment-card {
        width: 100%;
    }

    .nav-link {
        padding: 0.5rem;
    }

    .col-md-3.col-lg-4.text-end.small.text-muted {
        text-align: center !important;
    }

    .footer h2 {
        text-align: center !important;
    }

    .col-md-4.d-flex.align-items-center.gap-3 {
        justify-content: center;
    }

    #image-slider .logo-item img {
        max-height: 88px;

    }

    .player-card h2 {
        letter-spacing: 3px;
    }

    .team .team-grid,
    .team .row.justify-content-between.gy-5,
    .team .row.gy-5 {
        --bs-gutter-y: 6.5rem !important;
    }



    .player-card .text-uppercase.position-absolute.z-1 {
        bottom: -2.75rem;
    }

    .team .role-icon {
        top: -1.5rem;
        z-index: 2;
    }
}

@media (max-width: 573px) {

    .match-countdown-wrapper,
    .vr.mx-2.bg-white.opacity-50 {
        display: none !important;
    }

    .hero-content h1 {
        font-size: 2.5rem;
    }

    .hero {
        height: 70vh;
    }

    .hero-socials {
        display: none;
    }

    .hero-socials-horizontal-wrapper {
        display: block;
        position: absolute;
        bottom: 3rem;
    }

    .hero-socials-horizontal {
        display: flex;
        gap: 1rem;
    }

    h2 {
        font-size: 1.2rem !important;
    }

    h3 {
        font-size: 1rem !important;
    }

    .matches-mobile .match-team-name {
        font-size: 0.875rem !important;
    }

    .matches-mobile .match-row {
        --match-logo-width: 4.75rem;
        --match-logo-height: 3.625rem;
    }

    .tournament {
        margin-bottom: 0.5rem;
    }

    .player-card {
        width: 100%;
        height: 420px;
    }

    .player-card h2 {
        left: 0;
        right: 0;
        width: 100%;
        font-size: 1.5rem !important;
    }

    .player-card img {
        object-position: center 33%;
    }

    #image-slider .logo-item img {
        max-height: 92px;

    }
}

@media (max-width: 380px) {
    .hero {
        height: 80vh;
    }

    .hero-content h1 {
        font-size: 2rem;
    }

    p {
        font-size: 0.875rem;
    }

    btn {
        font-size: 0.875rem;
    }

    #image-slider .logo-item img {
        max-height: 97px;

    }

    .matches-mobile .match-team-name {
        font-size: 0.75rem !important;
    }
}

/* GDPR Responsive */
@media (max-width: 768px) {
    .gdpr-text-content h2 {
        font-size: 1.25rem;
        margin-top: 2rem;
    }

    .gdpr-text-content p,
    .gdpr-text-content ul li {
        font-size: 0.9375rem;
    }
}

@media (max-width: 573px) {
    .gdpr-text-content h2 {
        font-size: 1.125rem;
    }

    .gdpr-text-content p,
    .gdpr-text-content ul li {
        font-size: 0.875rem;
    }
}