@media screen and (min-width: 768px) and (max-width: 1024px) {

    .container {
        max-width: 1024px;
        margin: 0 1rem;
    }


    /* NAV */

    .menuderoulant {
        flex-direction: column;
        transform: translateX(-20px)
    }

    nav {
        padding: 10px 0;
        position: relative;
        flex-direction: column;
    }

    .menuderoulant li.active > .sousmenuderoulant {
        display: block;
    }


    /* SECTION 10 */


    #div32 {
        flex-direction: column;
    }

    #div22 {
        width: 300px;
    }
}