@media (max-width: 1200px) {
    .container {
        max-width: 960px;
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 720px;
    }

    .header-left {
        gap: 20px;
    }

    .desktop-nav {
        gap: 15px;
    }

    .nav-link {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 540px;
        padding: 0 20px;
    }

    .desktop-nav,
    .desktop-actions {
        display: none !important;
    }

    .mobile-actions {
        display: flex !important;
    }

    .burger-menu {
        display: flex !important;
    }

    .p9x2l-hero-section {
        height: 400px;
    }

    .zx9kl-hero-title {
        font-size: 28px;
    }

    .mn4pk-hero-text {
        font-size: 16px;
    }

    .btn-xl7m2 {
        font-size: 14px;
        padding: 12px 25px;
    }

    .zm8nk-promo-card {
        padding: 20px;
    }

    .promo-code-text {
        font-size: 24px;
        letter-spacing: 2px;
    }

    .promo-actions {
        flex-direction: column;
        gap: 10px;
    }

    .btn-copy,
    .btn-activate {
        width: 100%;
        justify-content: center;
    }

    .screenshots-grid {
        grid-template-columns: 1fr;
        overflow-x: auto;
        display: flex;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .screenshot-item {
        min-width: 85%;
        scroll-snap-align: start;
    }

    .slot-machine {
        padding: 20px;
    }

    .slot-display {
        gap: 10px;
        padding: 15px;
    }

    .reel {
        width: 60px;
        height: 80px;
    }

    .symbol {
        font-size: 40px;
    }

    .lm8x2-content-section {
        padding: 25px 20px;
    }

    .lm8x2-content-section h1 {
        font-size: 28px;
    }

    .text-content h2 {
        font-size: 24px;
    }

    .text-content h3 {
        font-size: 20px;
    }

    .xk7m2-faq-section {
        padding: 25px 20px;
    }

    .faq-question h4 {
        font-size: 16px;
    }

    .author-info {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .author-avatar {
        width: 70px;
        height: 70px;
        font-size: 28px;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    .footer-links {
        flex-direction: column;
        gap: 10px;
    }

    .widget-content {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .widget-bonus {
        font-size: 16px;
    }

    .widget-btn {
        width: 100%;
        text-align: center;
    }

    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .mirrors-table {
        min-width: 600px;
    }
}

@media (max-width: 576px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }

    .logo-img {
        height: 35px;
    }

    .btn-login-mobile,
    .btn-signup-mobile {
        font-size: 11px;
        padding: 6px 10px;
    }

    .online-counter {
        font-size: 12px;
    }

    .p9x2l-hero-section {
        height: 300px;
    }

    .zx9kl-hero-title {
        font-size: 24px;
    }

    .mn4pk-hero-text {
        font-size: 14px;
    }

    .card-header h3 {
        font-size: 20px;
    }

    .promo-code-text {
        font-size: 20px;
        letter-spacing: 1px;
    }

    .bonus-info-card {
        padding: 20px;
    }

    .pk8x2-mirrors-section,
    .xm7k2-screenshots-section,
    .qm9x2-slot-game-section {
        padding: 20px 15px;
    }

    .lm8x2-content-section h1 {
        font-size: 24px;
    }

    .text-content {
        font-size: 15px;
    }

    .payment-logos img,
    .provider-logos img {
        height: 25px;
    }

    .fixed-widget {
        padding: 10px;
    }

    .widget-bonus {
        font-size: 14px;
    }

    .widget-btn {
        font-size: 14px;
        padding: 10px 20px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .screenshots-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .promo-actions {
        justify-content: flex-start;
    }
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.elementor-widget-wrap {
    display: block;
    width: 100%;
}

@media print {
    .fixed-widget,
    .xk9m2-header,
    .zm9x2-footer {
        display: none;
    }
}