/* General mobile styles */
@media (max-width: 768px) {
    .nav-links {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 60px; /* Adjust as needed */
        left: 0;
        width: 100%;
        background-color: #333; /* Example background */
        z-index: 1000;
    }

    .nav-links.active {
        display: flex;
    }

    .hamburger-btn {
        display: block; /* Show hamburger menu on mobile */
    }

    /* Adjust main content for mobile */
    main {
        padding: 1rem;
    }

    /* Responsive images */
    img {
        max-width: 100%;
        height: auto;
    }

    /* Photo and video gallery adjustments */
    .photo-gallery, .video-gallery {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* responsive grid */
    }
}