/* @media screen and (min-width:930px) and (max-width: 1010px) {
    nav section {
        display: flex;
        flex-direction: row;
        gap: 1em;
    }
} */

/* @media screen and (min-width:930px) and (max-width: 1160px) {
    #MainHome #imgGallery img {
        width: 8em !important;
        height: 17.5vh !important;
        object-fit: cover;
        border-radius: 2em;
    }
} */

/* 
@media screen and (min-width:930px) and (max-width: 1103px) {
    #navDesktop {
        padding: 1.2em 1em !important;
    }

    nav section {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: auto !important;
        margin: 0 !important;
        padding-inline: 0.3em;

    }

    #MainHome #imgGallery img {
        width: 13vw !important;
        height: 17.5vh !important;
        object-fit: cover;
        border-radius: 2em;
    }

    #headerDesktop {
        padding: 0 1em !important;

    }
} */

@media screen and (min-width:930px) and (max-width: 1054px) {
    body {
        /* background: red; */
    }



    /* MAIN */

    #MainHome #imgGallery {
        row-gap: 0.5em !important;
        column-gap: 0.5em !important;
        padding: 1em 0.5em;

    }

    #MainHome #imgGallery article {

        row-gap: 0.5em !important;
        column-gap: 0.5em !important;
    }



    #MainHome article {
        display: flex;
        gap: 2em;
    }


    #Annoncepoint article:nth-child(2) picture {
        display: flex;
        flex-direction: column;
        padding: 1.5em 2em !important;
        gap: 1.5em;
        padding-bottom: 2em;
    }

    #Annoncepoint article:nth-child(2) picture figure {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1.5em;
    }

    #temoignage article:nth-child(2) figure {
        width: 45%;
    }

    #Explore article:nth-child(2) {
        padding: 0;

    }
}
/* 
@media screen and (min-width:1110px) and (max-width: 1290px) {
    header {
        padding: 0 1.2em !important;
    }

    header section {
        width: 100% !important;
    }
} */

@media screen and (max-width: 1200px) {
    /* nav {
        background: #fff;
        padding: 1.2em 3em !important;
    }

    .btn-ctp {
        text-wrap: wrap;
    }

    #headerDesktop section {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 1.5em;
    }

    #headerDesktop section article {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1.5em;
        text-align: center;
    } */

    #title {
        width: 90%;
    }

    #Annonce img:nth-child(2) {
        margin-top: 4.5em;
        margin-left: 2.5em;
        left: 0;
    }

    #Annonce img:nth-child(4) {
        right: 0;
        margin-top: -5em;
        margin-right: 2.5em;
        width: 6em;
        height: 15em;
    }
}

@media screen and (max-width: 1212px) {
    #paginnation article:nth-child(2) ul li:last-child {
        display: none;
    }
}

@media screen and (max-width: 1400px) {
    /* #paginnation article:nth-child(2) i:first-child {
        margin-left: 0.5em;
        position: absolute;
        left: 0;
    }

    #paginnation article:nth-child(2) i:last-child {
        margin-right: 0.5em;
        position: absolute;
        right: 0;
    } */
}

@media screen and (min-width:930px) and (min-width: 1000px) {
    #underline {
        width: 12.7em;

    }

    #underline2 {
        width: 9.5em;

    }
}
/* 
@media screen and (min-width: 1406px) {
    #headerDesktop section {
        display: flex;
        flex-direction: row;
        justify-content: space-between !important;
        gap: 2em;
        width: 100%;
        margin: 0 auto;
        padding: 2em 0;
        overflow-x: hidden;
    }
} */
/* 
@media screen and (width: 1105px) {
    nav {
        padding: 1.2em 1em !important;

    }

    header {
        padding: 0 1em !important;

    }

} */
/* 
@media screen and (min-width:1130px) {
    nav {
        padding: 1.2em 1.5em !important;

    }

    #headerDesktop {
        padding: 0 1.5em !important;
    }
}

@media screen and (min-width:1228px) {
    nav {
        padding: 1.2em 2.1em !important;

    }

    #headerDesktop {
        padding: 0 2.1em !important;
    }
} */
/* 
@media screen and (min-width:1228px) {
    nav {
        padding: 1.2em 2.1em !important;

    }

    #headerDesktop {
        padding: 0 2.1em !important;
    }
}

@media screen and (min-width:1311px) {
    nav {
        padding: 1.2em 2.5em !important;

    }

    #headerDesktop {
        padding: 0 2.5em !important;
    }
}

@media screen and (min-width:1324px) {
    nav {
        padding: 1.2em 2.1em !important;

    }

    #headerDesktop {
        padding: 0 2.1em !important;
    }
}

@media screen and (min-width:1342px) {
    nav {
        padding: 1.2em 2.1em !important;

    }

    #headerDesktop {
        padding: 0 2.1em !important;
    }
}

@media screen and (min-width:1362px) {
    nav {
        padding: 1.2em 2.2em !important;

    }

    #headerDesktop {
        padding: 0 2.2em !important;
    }
} */
/* 
@media screen and (min-width:1366px) {
    nav {
        padding: 1.2em 2.8em !important;

    }

    #headerDesktop {
        padding: 0 2.8em !important;
    }
}

@media screen and (width: 1133px) and (width:1448px) {
    nav {
        padding: 1.2em 2em !important;

    }

    header {
        padding: 0 2.5em !important;

    }

}

@media screen and (min-width: 1133px) and (max-width:1455px) {
    nav {
        padding: 1.2em 2em !important;

    }

    header {
        padding: 0 2.5em !important;

    }

}

@media screen and (width: 1112px) {
    nav {
        padding: 1.2em 2.5em !important;

    }

    header {
        padding: 0 1em !important;

    }

} */

@media screen and (min-width: 930px) and (max-width: 1424px) {
    #MainHome #imgGallery img {
        width: 13.4vw !important;
        max-height: max-content;
        height: 21vh;
        object-fit: cover;
        border-radius: 2em;
    }

}


/* 

@media screen and (min-width: 1450px) and (max-width: 1494px) {
    nav {
        padding: 1.2em 1.8em;

    }

}

@media screen and (min-width: 1449px) and (max-width: 1455px) {

    #headerDesktop {
        padding: 0 0.9em !important;
    }
}

@media screen and (min-width: 1433px) {
    nav {
        padding: 1.2em 3.8em !important;

    }

    #headerDesktop {
        padding: 0 3.8em !important;
    }
}

@media screen and (min-width: 1455px) and (max-width: 1475px) {

    #headerDesktop {
        padding: 0 1.6em !important;
    }
} */
/* 
@media screen and (min-width: 1475px) and (max-width: 1494px) {
    nav {
        padding: 1.2em 1.9em !important;

    }

    #headerDesktop {
        padding: 0 1.9em !important;
    }
} */
/* 
@media screen and (min-width: 1500px) and (max-width: 1530px) {
    nav {
        padding: 1.2em 2.6em !important;

    }

    #headerDesktop {
        padding: 0 2.6em !important;
    }
}

@media screen and (min-width: 1450px) and (max-width: 1500px) {

    #headerDesktop {
        padding: 0 1em !important;
    }
} */

/* @media screen and (min-width: 1450px) {
    nav {
        padding: 1.2em 2em;

    }



    header {
        padding: 0;
        padding-left: 0.3em;
    }

    header section {
        width: 87.8em !important;
        margin: 0 auto !important;
    }

} */

/* @media screen and (min-width: 1522px) {

    nav section {
        width: 87.9em !important;
        margin: 0 auto;

    }

    header section {
        width: 87.9em !important;
        margin: 0 auto;
    }

} */

@media screen and (min-width: 1800px) {

    #underline {
        width: 12.7em;

    }

    #underline2 {
        width: 14.7em;

    }
}

@media screen and (min-width: 1900px) {
    /* #paginnation article:nth-child(2) i:first-child {
        margin-left: 15em;
        position: absolute;
        left: 0;
    }

    #paginnation article:nth-child(2) i:last-child {
        margin-right: 15em;
        position: absolute;
        right: 0;
    } */
}

@media screen and (min-width: 2000px) {
    /* #paginnation article:nth-child(2) ul {
        display: flex;
        flex-direction: row;
        gap: 2em;
        justify-content: space-between;
        align-items: center;
        width: 100em;
        height: max-content !important;
        padding-left: 1em;
        padding-top: 0.9em;
        overflow-x: hidden !important;
    }

    #paginnation article:nth-child(2) i:first-child {
        margin-left: 15em;
        position: absolute;
        left: 0;
    }

    #paginnation article:nth-child(2) i:last-child {
        margin-right: 15em;
        position: absolute;
        right: 0;
    } */
}

@media screen and (min-width: 2223px) {

    /* #paginnation article:nth-child(2) i:first-child {
        margin-left: 18em;
        position: absolute;
        left: 0;
    }

    #paginnation article:nth-child(2) i:last-child {
        margin-right: 18em;
        position: absolute;
        right: 0;
    } */

    #underline {
        width: 12.7em;

    }

    #underline2 {
        width: 14.7em;

    }
}

@media screen and (min-width: 2523px) {

    /* #paginnation article:nth-child(2) i:first-child {
        margin-left: 21em;
        position: absolute;
        left: 0;
    }

    #paginnation article:nth-child(2) i:last-child {
        margin-right: 21em;
        position: absolute;
        right: 0;
    } */
}

@media screen and (min-width:931px) and (max-width:990px) {
    /* nav {
        padding: 1.2em 0.5em !important;
    } */

    main {
        width: 99vw !important;
        margin: 0 auto;
    }


}

@media screen and (min-width: 931px) and (max-width:1071px) {}

@media screen and (min-width: 931px) and (max-width:1035px) {}

@media screen and (min-width: 1036px) and (max-width:1071px) {}

@media screen and (min-width: 931px) and (max-width:1071px) {
    /* nav {
        padding: 1.2em 1em;
    } */

    /* nav section {

    } */


}

@media screen and (min-width: 1071px) and (max-width:1155px) {
    /* nav {
        padding: 1.2em 1em;
    } */

    /* nav section {

    } */

    main {
        width: 93vw !important;
        margin: 0 auto;
    }


}

@media screen and (min-width: 1156px) and (max-width:1277px) {

    /* nav section {
        width: 100% !important;
        margin: 0 auto;
    } */

    main {
        width: 96vw !important;
        margin: 0 auto;
    }


}
/* 
@media screen and (min-width: 1156px) and (max-width:1310px) {
    nav {
        padding: 1.2em 1em;
    }
} */

@media screen and (min-width: 1278px) {

    /* nav section {
        width: 79em !important;
        margin: 0 auto;
    } */

    #signup {
        margin: auto;
        max-width: 76em !important;
    }

}