@media screen and (max-width: 768px) {
    .padd-top{padding-top: 40px;}
    .padd-bottom{padding-bottom: 40px;}
    .margin-top{margin-top: 40px;}
    .margin-bottom{margin-bottom: 40px;}

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 24px;
    }

    span.nombre,
    h4 {
        font-size: 18px;
    }

    h1 br,
    h2 br,
    h3 br,
    h4 br{
        display: none;
    }

    #NagaHeader nav {
        padding: 110px 20px 20px 20px;
    }

    #NagaHeader nav ul li a {
        font-size: 24px;
    }

    #NagaHeader nav ul li:last-child {
        bottom: 40px;
        right: 30px;
    }

    #NagaHeader nav::after {
        width: 260px;
        height: 300px;
    }

    #NagaHeader nav ul li.menu-item-has-children>a::after {
        top: 23px;
    }

    .section-padd {
        padding: 60px 0;
    }

    .htg-content-simple .inner {
        padding: 0 10px;
    }

    .section-etapes .col-etape-right .item-etape {
        width: 100%;
        max-width: 100%;
    }

    .section-etapes .col-etape-right .item-etape:nth-child(2),
    .section-etapes .col-etape-right .item-etape:nth-child(4){
        top: 0;
    }

    .section-services .col-right,
    .section-services .col-right-item,
    .section-services .col-left-full {
        width: 100%;
        max-width: 100%;
    }

    section .slick-dots li {
        margin: 0 2px;
    }
    .section-chiffres .htg-flex-row.chiffres-items {
        padding: 0;
    }

    .section-avis .wrap-slider-avis{
        padding: 0;
    }
    .section-avis .slick-track{
        display: block;
    }
    .section-avis .slick-track .slick-slide{
        width: 400px;
    }

    .section-couverture-couleur .htg-flex-row .col-image {
        max-height: 250px;
        min-height: 250px;
    }
    .section-couverture-couleur .htg-flex-row .col-content{
        padding: 20px;
        background-size: 200px;
    }
    .section-bullet .htg-container>.htg-flex-row {
        gap: 20px;
    }
    .section-bullet .col-bullet{
        padding: 40px 20px;
    }

    .section-images .col-image-1 img,
    .section-images .col-image-2 img{
        min-height: 200px;
    }

    .section-banner .inner a{
        padding-bottom: 120px;
    }
    .section-banner .inner a::after {
        bottom: 20px;
        right: unset;
        left: 40px;
    }

    footer .col-left .htg-flex-row{
        flex-direction: column;
    }
    footer .col-left .htg-flex-row div{
        width: 100%;
        max-width: 100%;
    }
    footer .col-left .htg-flex-row ul{
        flex-direction: column;
        gap: 10px;
    }
    footer .col-right .col-content{
        align-items: flex-end;
    }
    footer .col-left img{
        margin-bottom: 30px;
    }
    footer .col-left .htg-mentions{
        margin-top: 30px;
        flex-direction: column;
        gap: 10px;
    }
}




@media screen and (max-width: 520px) {
    .htg-btn,
    .htg-btn-blanc,
    .htg-btn-bleu,
    .htg-btn-vert,
    .htg-btn-violet,
    .htg-btn-noir,
    .htg-btn-border{
        font-size: 14px;
        padding: 7px 17px;
    }
    .section-redirections .inner a {
        padding: 40px 20px 120px 20px;
    }
    .section-redirections .inner a::after{
        left: 20px;
    }

    footer > .htg-container > .htg-flex-row {
        gap: 10px;
    }
    footer > .htg-container{
        padding: 0 10px;
    }
    footer .col-left,
    footer .col-right{
        padding: 40px 20px;
    }

    .section-formulaire .htg-flex-row{
        gap: 20px;
        max-width: 100%;
    }
    .section-avis .slick-track .slick-slide{
        width: auto;
    }
    .section-cartes .row-cartes:has(> .col-card:nth-child(2):last-child)>.col-card{
        width: 100%;
        max-width: 100%;
    }
}