@media (max-width: 768px) {
    .main-container {
        margin: 0;
        min-height: 100vh;
        border-radius: 0;
        border: none;
    }
    
    .top-header-wrapper {
        padding: 0;
    }

    .squeaky-toy-container {
        top: 5px;
        right: 10px;
    }

    .header-logo-img {
        height: 100px;
    }
    
    .header-content-top {
        padding: 0 15px;
    }
    
    .container {
        padding: 15px;
    }

    .logo-area {
        gap: 10px;
    }
    
    .main-nav-container {
        padding: 0 15px;
    }
    
    .main-nav-menu {
        gap: 1rem;
        /* Ensure play-now-btn fits */
        flex-wrap: wrap; /* Allow items to wrap if space is tight */
        justify-content: center; /* Center items when wrapped */
    }

    .play-now-container {
        display: none;
    }

    .sidebar {
        display: none; /* Hide sidebars on smaller screens */
    }
    
    .main-navbar .nav-link {
        font-size: 12px;
    }
    
    .main-navbar .nav-link:hover {
        background-color: #ffd24d;
    }
    
    .modal-content {
        width: 95%;
        margin: 20px;
        padding: 20px;
    }
    
    .modal-buttons {
        flex-direction: column;
    }
        
    .packages-header {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .packages-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .package-card {
        padding: 15px;
    }
    
    /* Mobile responsiveness for rules modal */
    .rules-modal-content {
        width: 95%;
        max-height: 95vh;
        margin: 10px;
    }
        
    .rules-content {
        padding: 20px;
        max-height: 55vh;
    }
        
    .hero-section {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 25px;
    }
    
    .hero-content h1 {
        font-size: 2rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
    }
    
    .hero-actions {
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .features-grid, .rules-grid {
        grid-template-columns: 1fr;
    }
    
    .game-page {
        padding: 15px;
    }
    
    #game-iframe {
        border-radius: 0;
        border-width: 1px;
    }
}