@media (min-width: 769px) {
    
    .main-navigation .main-nav ul li:not(.mega-menu) ul li a {
        padding: 2px 10px 2px 15px;
        color:var(--gris-dark);
        text-transform: none;
    }
    
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: fit-content;
        display: flex;
        flex-wrap: wrap;
        padding: 10px 20px 10px 0px!important;
        gap: 20px 10px;
        max-width: 768px;
        min-width:auto;
    }

    

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: bold;
    }

    .main-navigation .main-nav .mega-menu ul li ul li a {
        padding: 0px 0px 0px 15px;
        text-transform: none;
        color:var(--gris-dark);
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 26%;
        flex-grow: 1;
        vertical-align: top;
    }

    nav .main-nav .mega-menu>ul>li:nth-child(3n+4){
        max-width:33%;  
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .site-footer .gb-grid-column .gb-headline:not(.h4),
    .site-footer .gb-grid-column .wp-block-navigation a{
        font-size: 14px;
    }

    .site-footer .gb-grid-column .gb-headline.h4{
        font-size:19px;
    }

    .site-footer .gb-grid-column .gb-container>.gb-container{
        padding-left:0px;
    }

}

 
@media (max-width: 1200px) {

    .site-header .header-image{
        width: 150px;
    }
    .nav-float-right #site-navigation {
        margin-left: 15px;
    }

    .inside-header{
        padding:20px 10px;
    }

    .main-navigation a{
        font-size:12px;
    }

    .main-navigation .main-nav ul ul li a{
        font-size:12px;
    }

    .main-navigation .main-nav ul li a{
        padding-left:5px;
    }

    .menu-item-has-children .dropdown-menu-toggle{
        padding-left:2px;
    }

    .menu-item-has-children .dropdown-menu-toggle{
        padding-right:5px;
    }



    .menu-bar-items>.gb-container{
        margin-right:10px;
    }

    .menu-langue-header .current-language-item{
        padding:8px 16px;
        
    }
    .menu-langue-header .current-language-item .hasTextTransform{
        font-size:12px!important;
    }
    .main-navigation .menu-bar-item > a{
        padding-left:10px;
    }

    

}




@media (max-width:1024px){

    .gb-headline.h1 {

        font-family: Sora, sans-serif;
        font-size: 30px;
        line-height: normal;
        margin-bottom: 30px;
    }
    
    .gb-headline.h2 {
    
        font-family: Sora, sans-serif;
        font-size: 24px;
        line-height: normal;
        margin-bottom: 27px;
    }
    
    .gb-headline.h3 {
        font-family: Sora, sans-serif;
        font-size: 20px;
        line-height: normal;
        margin-bottom: 15px;
    }
    
    .gb-headline.h4 {
        font-family: Sora, sans-serif;
        font-size: 18px;
        line-height: normal;
        margin-bottom: 15px;
    }
    
    .gb-headline.h5 {
        font-family: Sora, sans-serif;
        font-size: 15px;
        margin-bottom: 15px;
        line-height: normal;
    }
    

}

@media (max-width:768px){
    .carrousel-catalogues .scarrousel .scarrousel-items{
        padding-left:0px;
    }
    .scarrousel{
        width: 100%;
    }
    body, button, input, select, textarea {
        font-size: 0.938rem;
    }

    .untiers-deuxtiers p>span:first-child {
        max-width: 50%;
    }

    .mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
    background-color: var(--blanc)!important;
}

}

@media (max-width:500px) {

    .gb-container:has(>.carrousel-catalogues){
        min-height: auto!important;
    }

    .bloc-gauche-page-produit,.bloc-droit-page-produit{
        padding-top:0px!important;
    }

    .bloc-gauche-page-produit .wp-block-gutenkit-pro-unfold .gkit-unfold-data{
        height:fit-content!important;
    }

    .bloc-feat-image-page-pdt{
        max-height:fit-content!important;
    }

    .main-navigation .main-nav ul li a{
        line-height: 35px;
    }
    /**
* afficher les drapeaux ds nav principale
**/

.main-navigation .wpml-ls-item{
    display:inline-flex;
    width: auto!important;
}

.main-navigation .wpml-ls-item a{
    padding: 0!important;
   
}

.main-navigation ul>.wpml-ls-item:nth-last-child(3){
    margin-left:5px;
}

.main-navigation ul>.wpml-ls-item{
    margin-right:10px;
}

#menu-main-menu{
    padding-bottom: 30px;
}

.main-navigation ul:not(.wp-block-social-links){
    padding-bottom:15px;
}

/**
* Page pdt
**/

.bg-rounded-shapes{
   
    padding-bottom: 140px;
   
}


}