@media (max-width: 1023px) {
    .navbar, .container-btncontact{
        display: none;
    }
    .container-header {
        position: relative;
        max-width: 100%;
        padding: 1rem 2rem;
    }

    .img-logo {
        width: 40%;
        margin: 0 2%;
    }

    #btn-min {
        position: absolute;
        right: 2rem;
        top: 50%;
        transform: translateY(-50%);
    }

    .min{
        display: block;

        color: hsl(var(--foreground));
        cursor: pointer;

        background-color: transparent;
        background-image: none;
        border-color: transparent;

        margin: 0;
        padding: 0.5rem;
    }
    .menu-min{
        border-top: 1px solid var(--foreground);
        box-sizing: border-box;

        max-width: 100vw;

        backdrop-filter: blur(20px);
    }
    .container-gap-4{
        padding: 1rem 2rem;
        gap: 1rem;

        display: flex;
        flex-direction: column;

        max-width: 100%;
        margin: 0 auto;
    }
    a.text-min{
        font-family: "Inter", sans-serif;
        font-weight: 600;

        text-decoration: inherit;

        color: var(--foreground);
        font-size: 1rem;

        padding: 0 1rem;
    }

    .lucide-x-min, .menu-min {
      display: none;
    }

    .close{
        display: none;
    }
    .open{
        display: block;
    }

    .content-contact {
        padding: 2rem;
    }
    .grid-startcontact {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .items-email, .items-tel {
        flex-direction: column;
    }

    .container-expertise, .container-solutions,
    .container-contact, .container-carddev {
        padding: 1rem 0;
    }

    .grid-devdataa{
        max-width: 100%;
        width: 100%;
    }

    .container-footer{
        gap: 1rem;
    }

    .img-devdata{
        display: none;
    }
    .grid-carddev, .grid-etpesdev, .grid-outils {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .container-outils {
        max-width: 100%;
        width: 100%;
        padding: 2rem;

        box-sizing: border-box;
    }
    .carddevdata {
        padding: 0.5rem;
    }

    .title-semi-tarifs {
        margin-left: 1rem;
    }

    .grid-devweb, .grid-maintenance, 
    .gap-portfolio, .grid-cle {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .footer-wbs {
        margin-top: 1rem;
    }
}