@media (max-width:1240px) {

    .logo {
        width: 15%;
        gap: 0;
    }

    .logo span {
        font-size: 1.2rem;
    }

    .navbar ul {
        gap: 22px;
    }

}

@media (max-width:992px) {

    .logo {
        width: auto;
        height: 100%;
    }

    .logo span {
        display: none;
    }

    .navbar ul {
        gap: 18px;
    }

    .navbar ul li a {
        width: min-content;
        line-height: 1.4;
    }

    .dropdown-menu li a {
        width: fit-content !important;
    }
}

@media (max-width:768px) {

    .logo {
        margin-left: -3%;
    }

    .logo span {
        display: inline;
    }

    .navbar-actions {
        display: none;
    }

    .mobile-toggle {
        position: relative;
        top: 3px;
    }

    .navbar ul li a {
        width: auto;
    }

    .nav-menu {
        height: 100%;
    }

    .nav-menu li:last-of-type {
        margin-bottom: 15px;
    }

    .dropdown .dropdown-menu {
        display: none;
    }

    .dropdown.active .dropdown-menu {
        display: block;
        position: sticky;
    }

    .navbar-actions-responsive {
        display: block !important;
    }

}

@media (max-width:480px) {
    .logo img {
        height: 65%;
    }

    .stats-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .news-banner-slider {
        height: 450px !important;
    }

    .news-banner-wrapper {
        padding: 32px 28px !important;
    }
}

/* News Banner Responsive */
@media (max-width: 992px) {
    .news-banner-slider {
        height: 400px;
    }

    .news-banner-wrapper {
        gap: 24px;
        padding: 24px;
    }

    .news-icon {
        width: 70px;
        height: 70px;
    }

    .news-icon i {
        font-size: 1.75rem;
    }

    .news-title {
        font-size: 1.25rem;
    }

    .news-cta {
        padding: 12px 24px;
        font-size: 0.9375rem;
    }

    .slider-nav {
        width: 45px;
        height: 45px;
        font-size: 1.125rem;
    }

    .slider-prev {
        left: 15px;
    }

    .slider-next {
        right: 15px;
    }
}

@media (max-width: 768px) {
    .news-banner-slider {
        min-height: 400px;
    }

    .news-banner-wrapper {
        flex-direction: column;
        text-align: center;
        padding: 32px 20px;
        gap: 20px;
    }

    .news-icon {
        width: 60px;
        height: 60px;
    }

    .news-icon i {
        font-size: 1.5rem;
    }

    .news-title {
        font-size: 1.125rem;
    }

    .news-text {
        font-size: 0.9375rem;
    }

    .news-cta {
        justify-content: center;
    }

    .slider-nav {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }

    .slider-prev {
        left: 10px;
    }

    .slider-next {
        right: 10px;
    }
}

.navbar-actions-responsive {
    display: none;
}

/* Donation Section Responsive */
@media (max-width: 992px) {
    .donation-wrapper {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .donation-qr-section {
        max-width: 600px;
        margin: 0 auto;
    }

    .donation-header h2 {
        font-size: 2rem;
    }

    .hero {
        background-position: center !important;
        background-size: cover !important;
    }
}

@media (max-width: 768px) {
    .donation-section {
        padding: 60px 0;
    }

    .donation-header {
        margin-bottom: 40px;
    }

    .donation-header h2 {
        font-size: 1.75rem;
    }

    .donation-header p {
        font-size: 1rem;
    }

    .qr-card,
    .iban-card,
    .form-card {
        padding: 24px;
    }

    .qr-placeholder {
        width: 200px;
        height: 200px;
    }

    .qr-placeholder i {
        font-size: 3rem;
    }

    .form-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

/* CTA Section Responsive */
@media (max-width: 992px) {
    .cta-container {
        padding: 40px;
    }

    .cta-logo {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 768px) {
    .cta-section {
        padding: 48px 0;
    }

    .cta-container {
        padding: 32px 24px;
    }

    .cta-logo {
        width: 90px;
        height: 90px;
    }

    .cta-text h3 {
        font-size: 1.75rem;
    }

    .cta-text p {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .cta-container {
        padding: 24px 20px;
    }

    .cta-logo {
        width: 80px;
        height: 80px;
    }

    .cta-text h3 {
        font-size: 1.5rem;
    }

    .cta-text p {
        font-size: 0.9375rem;
    }

    .cta-action .btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .donation-section {
        padding: 48px 0;
    }

    .donation-header h2 {
        font-size: 1.5rem;
    }

    .section-badge {
        padding: 6px 16px;
        font-size: 0.8125rem;
    }

    .qr-card,
    .iban-card,
    .form-card {
        padding: 20px;
    }

    .qr-placeholder {
        width: 180px;
        height: 180px;
    }

    .qr-placeholder i {
        font-size: 2.5rem;
    }

    .iban-number {
        font-size: 0.75rem;
        word-break: break-all;
    }

    .copy-btn {
        padding: 6px 12px;
        font-size: 0.8125rem;
    }

    .form-header h3 {
        font-size: 1.25rem;
    }

    .form-group input,
    .form-group textarea {
        padding: 12px 14px;
        font-size: 0.875rem;
    }
}