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

    h1,
    h2 {
        font-size: 30px;
    }

    h6 {
        font-size: 20px;
    }

    /* accueil  */
    .bg-grey {
        background-image: none !important;
        margin-top: 60px;
    }

    img.img-interventionpro {
        width: 100%;
    }

    .paragraph {
        height: auto !important;
    }

    .img-intervention {
        width: 100%;
        height: auto !important;
    }

    .paragraph-pro {
        height: auto !important;
    }

    .paragraph-contract {
        height: auto !important;
    }

    .para-hotel {
        width: 100% !important;
    }

    .links {
        width: 100% !important;
    }

    .image-equipe {
        height: 330px !important;
    }

    .image-equipe2 {
        margin-top: 46px !important;
        height: 330px !important;
    }

    .display-tablette {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .image-equipe3 {
        width: 50% !important;
        height: 330px !important;
    }

    .title-designers {
        padding: 255px 0 0 0 !important;
    }

    .statistique {
        height: 50vh !important;
    }

    .hover-content {
        opacity: 1 !important;
    }

    .hover-content span {
        font-size: 13px !important;
    }

    /* residentiel */
    .space-para {
        padding-top: 22% !important;
        text-align: center;
    }

    /* agencement */
    .logo-marque {
        width: 200px !important;
    }

    .img-poigne {
        width: 230px !important;
    }

    /* pro */
    .image {
        height: auto !important;
    }

    /* le groupe */
    .menu {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
    }

    .menu li {
        white-space: nowrap;
    }

    /* showroom */
    .card-magasin {
        padding: 65px 10px;
        height: 50vh;
    }

    .logos-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    /* realisations */
    p.text-center.para-show {
        width: 100% !important;
    }

    .slider-home {
        width: 100%;
        height: 50vh !important;
        margin-top: -111px;
        object-fit: cover;
        background-position: center;
    }
}