@charset "UTF-8";
@media only screen and (max-width: 768px) { 
    .hamburger-menu {
        display: block;
    }

    .desktop-menu {
        display: none;
    }

    .footer-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #000;
        color: white;
        font-size: 10px;
        padding: 10px;
        text-align: center;
    }

    .footer-desktop {
        display: none;
    }

    .layer-text,
    .custom-cursor {
        display: none !important;
    }

    body {
        cursor: default !important;
    }

    .non-clickable {
        color: white;
        font-size: 1em;
        padding: 10px 80px;
        display: block;
        cursor: pointer;
    }

    .footer-desktop {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #000;
        color: white;
        font-size: 11px;
        padding: 10px;
        text-align: center;
    }

    .footer-mobile {
        display: none;
    }

    /* Show the mobile logo only on mobile screens */
    .mobile-logo { 
        display: block;
        text-align: left; /* Center-align the logo if necessary */
        margin-top: 10px; /* Add spacing around the logo */
    }

    .mobile-logo img { 
        max-width: 80px !important; /* Adjust the logo size for mobile */
        height: auto;
    }

    .mobile-menu-container { 
        height: 65%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 9999;
    }

    .mobile-menu-container ul {
        z-index: 9999;
    }
}

/* For iPads ------------------------------------- */
    @media screen and (max-width: 868px) {
    .background-slide {
        left: 0;
        width: 100%;
        max-width: 560px;
    }
    }

    .layer-1 {
        position: relative;
        width: 100%;
        z-index: 100;
        padding-top: 20px;
    }
    
    .menu-container {
        position: relative;
        z-index: 1000;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .desktop-menu {
        display: block;
        z-index: 1000;
    }
    
    .mobile-logo {
        display: block;
        max-height: 60px;
    }
    
    .mobile-menu-container {
        z-index: 999;
    }

    .mobile-logo {
        display: none;
    }

    .mobile-logo {
        display: none;
    }
    
    .desktop-logo {
        display: block;
        max-height: 60px;
}