/* Mobile Styles */
@media screen and (max-width: 767px) {
    main {
        margin-bottom: 80px;
    }

    .navbar-language,
    .dropdown,
    .nav-link {
        display: none !important;
    }

    .navmenu .nav-icon {
        display: block;
    }

    .overlay-content a.active {
        background: linear-gradient(90deg, rgba(0,0,0,0) 10px, rgba(0,0,0,0) 10px, rgba(255,119,0,0.5) 10px, rgba(255,119,0,0.10) 20%, rgba(255,119,0,0) 100%);
    }

    .grid-list {
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr;
        padding: 0 50px;
    }

    .bizarre-section {
        width: 80%;
        height: 100%;
    }

    #in-progress-banner span {
        display: none;
    }
    #in-progress-banner:hover span {
        display: block;
    }
}

/* Tablet Styles */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .navbar-language,
    .dropdown,
    .nav-link {
        display: none !important;
    }

    .navmenu .nav-icon {
        display: block;
    }

    .bizarre-section {
        width: 80%;
        height: 100%;
    }

}

/* Desktop Styles */
@media screen and (min-width: 1024px) {
    /* Add your desktop styles here */
}

@media screen and (max-width: 1200px) {
    .grid-list {
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr;
        padding: 0 50px;
    }

    .grid-list-item {
        grid-column: 1;
        grid-template-columns: 1fr;
    }

    .grid-list-item.expanded {
        grid-column: 1;
        grid-template-columns: 1fr;
    }

    .grid-list-item img {
        max-height: 220px;
    }

    .grid-list-item.expanded img {
        max-height: 300px;
    }
}