@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: 1000px) {
    #MainHome #imgGallery article {
        margin-top: -8em !important;
    }
}
@media screen and (min-width:1000px) and (max-width: 1050px) {
    #MainHome #imgGallery article {
        margin-top: -10em !important;
    }
}
@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: 1300px) {
    /* #MainHome #imgGallery img {
        margin-top: -4em;
    } */
}

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

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

    } */

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

    .img {
        width: 87.9em !important;
        max-width: 87.9em !important;
        /* min-width: 87.9em !important; */
        width: 87.9em !important;
        /* background: red; */
    }

}

@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;
        position: relative !important;
    }

    .btn-ctp {
        text-wrap: wrap;
    }
    
    .tablet-btn {
        /* background: red; */
        padding: 1.5em 1.2em !important;
    }


    #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 (min-width: 197px) {
    #underline {
        width: 7.7em;

    }
}

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

    }

    #underline2 {
        width: 14.7em;

    }
}

/* @media screen and (max-width: 1158px) {
    #MainHome #imgGallery {
        row-gap: 1em !important;
        column-gap: 1em !important;
        padding: 1em 0.5em;

    }

    #MainHome #imgGallery article {

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

} */

/* @media screen and (min-width: 930px) and (max-width: 1254px) {
    #MainHome #imgGallery img {
        width: 13vw !important;

        max-height: max-content;
        height: 21vh;
        object-fit: cover;
        border-radius: 2em;
    }
} */

@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: 930px) and (max-width: 1442px) {
    #MainHome #imgGallery img {
        width: 13.2vw;
        max-height: max-content;
        height: 21vh;
        object-fit: cover;
        border-radius: 2em;
    }

    #MainHome #imgGallery {
        display: flex;
        flex-direction: row;
        justify-content: center;
        row-gap: 2em !important;
        column-gap: 2em !important;
        padding: 1em 0.5em;
        width: 25em;
        margin: 0 auto;
        height: auto;
    }
} */

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

    #underline {
        width: 12.7em;

    }

    #underline2 {
        width: 14.7em;

    }
}


@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: 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;
    } */
}