@media (min-width: 600px) {

    .listOfPosts { display: flex;  justify-content: space-between; gap: 50px; flex-direction: row; align-items: stretch;  }
    .listOfPosts .postThumbnailLink { height: 100%; }
    .blockHomeNewsWrapper .listOfPosts .postInList { flex-basis: calc(33.33% - 33.33px); margin-left: 50px; }
    .blockHomeNewsWrapper .listOfPosts .postInList:nth-child(4n+1) { margin-left: 0px; }
    
    .homeNewsWrapper { background-position: 0% 50%, 100% 50%; background-size: auto 80%; }
    
    .listOfBoissonsListeWrapper .boissonInList:nth-child(even){ flex-direction: row-reverse; }
    .boissonInList { display: flex; gap: 30px; align-items: center; }
    .boissonInList .postThumbnailWrapper, .boissonInList .postInfos { flex-basis: 50%; }
}



@media (min-width: 760px) {


    

    /*** header ***/
    
 
    /*** headings ***/
    .txt {  }
    h1, .txt h1 { font-size: 75px; margin-bottom: 50px; letter-spacing: -0.4px; }
    .txt h2 { font-size: 50px; margin-bottom: 50px; letter-spacing: -0.3px; }
    h3 { font-size: 40px; }
    .boissonInList h3 { font-size: 36px; }
    h4 { font-size: 28px; }
    
    .chapo { font-size: 22px; }
    
    /*** Mobile menu ***/


    /*** navigation ***/
    .navigation.pagination a.page-numbers.next, .navigation.pagination a.page-numbers.prev { display: inline-block; } 
    
    /*** listsOfPosts ***/
    
    
    /*** single post header ***/
    .singleHeaderRow { padding-top: 50px; }
    
    .singlePostHeader > .main { display: flex; flex-direction: row; position: relative; align-items: center; justify-content: space-between; min-height: 13vw; }
    .singlePostInfos { max-width: 65%; }
    .singlePostThumbnail { width: 30%; max-width: 30%; }
    .singlePostThumbnail img { aspect-ratio: 3 / 2; }
    .singleTxt {  }
   
    /*** home ***/
   
    /*** contact ***/
    .wpcf7-form textarea { min-height: 368px;  }
    
    .txt .noMarginBottomDesktop { margin-bottom: 0; }
    .txt .noMarginTopDesktop { margin-top: 0; }
    .txt .noMarginDesktop { margin-top: 0; margin-bottom: 0;  }
    
    .singlePostInList { display: flex; gap: 50px; }
    .singlePostInList > * { flex-basis: 50%; }
    .singlePostInList > .postThumbnailWrapper { margin-bottom: 0; }

}




@media (min-width: 780px) { 
    .columnsContactTitle { align-items: baseline!important; }
    .wp-block-column:not(:first-child) { margin-left: 50px; }
    
    .colsPictoTextWrapper, .colsPictoTextWrapper.reverse { flex-direction: row; }
    .colsPeopleWrapper, .colsPeopleWrapper.reverse { flex-direction: row; }
}


@media (min-width: 1002px) { /*** 992px ***/

    
    
    :root { 
        --site-content-padding-vertical: 100px;
        --site-content-padding-vertical-minus: -100px;
        --site-content-margin-horizontal: 50px;

    }
    
    /*** header ***/
    .mainNavigationDesktop { display: block; padding: 63px 0 64px; }
    
    
    .socialLinks > ul, .socialLinks > a { display: inline-block;  }
    
  
    

    
    .logo a  { position: absolute; left: 0; top: 11px; z-index: 10; padding: 0;     }
    .logo .logoBig { display: block; }
    .logo .logosmall { display: none; }
    
    .site-content { padding-top: 160px; }
    .topSection { margin-top: -160px; }
    
    /*** Menu ***/
    
    .navigationWrapper { border-bottom: 1px solid #fff; }
    
    
    .mobileMenuSelector { display: none; }
    .menuWrapper  { display: block!important; flex-basis: auto; width: auto; clear: none; padding-bottom: 0; text-align: center; }

   
    .pageHeader { padding-top: 150px; }
    .colonnesImageDroiteHeader > .wp-block-column:last-child { position: relative; top: -150px; }
    .colonnesImageDroiteHeader { margin-bottom: -150px; }
    
    .showOnDesktop { display: block; }

    /*** Footer ***/
    .prefooter { padding-top: 130px; }
    .prefooter a { max-width: 308px; top: 162px;  }
    .prefooter .blasonLion { max-width: 299px; bottom: 20px; }
    .prefooter .blasonChien { max-width: 267px; bottom: 20px; }
    .site-footer .main { flex-direction: row-reverse; justify-content: space-between; }
    .site-footer .footerLinks { flex-direction: row; justify-content: flex-start; }
    .footerAddress { text-align: right; }

    /*** general ***/
    
    .grandColumns { display: flex;  }
    .grandColumns .grandColumnSmall { flex-basis: 250px; display: block; }
    .grandColumns .grandColumnSmallContent > div { padding-top: 25px; padding-bottom: 50px; }
    .grandColumns .grandColumnSmallContent > div:after { 
        content: ''; position: absolute; z-index: 2; right: 0; top: 0; bottom: 0; width: 1px; background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, var(--color-light) 50%);
    }
    .grandColumnGrand { flex-basis: calc(100% - 320px); padding-left: 50px; padding-top: 35px; }
    
    
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { /*margin-left: 60px;*/ }
    .txt > .wp-block-group.alignwide.has-background, .txt > .wp-block-group.alignfull.has-background {
        padding: 50px 9%; 
    }
    
    .txt > .wp-block-group.alignfull.has-background > * { max-width: 940px; margin-left: auto; margin-right: auto; }
    
    
    /*** single ***/
    .singleHeaderRow > .postHeader {  }

    
    /*** listsOfPosts ***/
    
    .txt .swiper-button-prev { right: calc(100% + 40px); left: auto; }
    .txt .swiper-button-next { left: calc(100% + 40px); right: auto; }
    .txt .swiper-button-next span, .txt .swiper-button-prev span { display: inline; }
    .txt .swiper-button-prev:not(.swiper-button-lock), .txt .swiper-button-next:not(.swiper-button-lock) { display: block; }
    
    
    /*** home ***/
   
    .homePageHeader {  min-height: calc(100vh - 70px);    }
  
   .topVideoBackground { min-height:calc(100vh - 240px)!important; }
   .topVideoBackground h1 { }
   
   .homeSpacer { min-height: 8vw; }
        
    /*** Contact ***/
   
    
   
}

@media (min-height: 900px) { 
    .homePageHeader {  min-height: 800px;    }
}


@media (min-width: 1220px) { 
    
    
    .maxWidth70p { max-width: 70%; }
    .maxWidth80p { max-width: 80%; }
    
    .main-menu li { padding: 0 20px; }
    .mainNavigationDesktop li a { font-size: 20px; }
    
    .singlePostHeader > .main { min-height: 250px; }
    
    .narrowerContent { padding-left: 96px; padding-right: 96px; }

    
}

@media (min-width: 1340px) { 

    
}