@media screen and (max-width: 1500px) {
    .logo-maillard{
        width: 800px;
    }
}
@media screen and (max-width: 1400px) {
    .logo-maillard{
        width: 620px;
        height: 114px;
        top: calc(100% - 114px - 50px);
    }
    h1, .h1{
        font-size: 52px;
        line-height: 52px;
    }
    .h1 svg, h1 svg {
        transform: translate(-4px, 18px);
    }
    .item-vendre{
        width: calc(33% - 20px);
        margin-right: 20px;
        margin-bottom: 20px;
        height: 23vw;
    }
    .menu li {
        margin-right: 35px;
    }
    .grid-galerie{
        grid-gap: 20px;
    }
    .item-vendre h3{
        font-size: 18px;
        line-height: 24px;
    }
    .item-vendre p{
        font-size: 16px;
        line-height: 21px;
    }
    .item-vendre::before{
        height: 120px;
    }
}
@media screen and (max-width: 1200px) {
   .menu-menu-1-container{
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100dvh;
       background: white;
       padding: var(--medium-margin) var(--ltspace);
       clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
       transition: 0.4s ease-in-out all;

   }
    #main-menu-container>svg{
        position: absolute;
        left: unset;
        right: calc(var(--ltspace) - 8px);
        z-index: 1;
    }
    .toggled .menu-menu-1-container{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
    #close-bar1, #close-bar2, #close-bar3{
        background: white;
        height: 1px;
        transition: 0.4s ease-in-out all;
    }
    #menu .menu-icon{
        width: 28px;
    }
    #menu>.menu-toggle{
        display: block;
        position: fixed;
        top: 10px;
        right: var(--ltspace);
        z-index: 10000;
    }
    #menu{
        background: transparent;
    }
    .menu li .sub-menu{
        display: none;
    }
    .menu li{
        margin-right: 0;
        margin-bottom: 20px;
    }

    .menu li a{
        font-size: 21px;
    }
    #menu .menu{
        flex-direction: column;
    }
}
@media screen and (max-width: 900px) {
    :root {
        --small-margin: 20px;
        --medium-margin: 40px;
        --big-margin: 70px;
        --ltspace: 7.5vw;
        --bigspace: 7.5vw;
    }
    p, li, a {
        font-size: 17px;
        font-weight: 300;
        line-height: 25px;
    }
    .container-prestations{
        overflow: hidden;
    }
    .logo-maillard{
        width: calc(100% - var(--ltspace) * 2);
        height: 15vw;
        top: calc(100svh - 15vw - 20px);
    }
    .content-first{
        position: absolute;
        /*top: calc(100% - 15vw - 35px - 140px);*/
        /*top: calc(100% - 15vw - 35px - 140px);*/
        /*bottom: calc(15vw + 50px + 100px);*/

        top: calc(100svh - 15vw - 60px);
        transform: translateY(-100%);
        left: var(--ltspace);
        right: var(--ltspace);
    }
    .img-full,
    .first-section-home{
        height: 100svh;
    }
    .first-section-home::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 50%;
        width: 100%;
        background: linear-gradient(180deg, rgba(77, 77, 77, 0.00) 0%, rgba(77, 77, 77, 0.88) 100%);
        mix-blend-mode: multiply;
        z-index: 3;
    }
    .grid-titre-txt{
        display: block;
    }
    h2, .h2{
        font-size: 32px;
        line-height: 35px;
    }
    .swiper-rea .swiper-slide:not(.swiper-slide-active) img{
        margin-top: 100px;
    }
    .swiper-rea .swiper-slide:not(.swiper-slide-active) p{
        opacity: 0;
    }
    .swiper-rea .swiper-slide.swiper-slide-active img{
        margin-top: 0px;
    }
    .swiper-rea .swiper-slide.swiper-slide-active p{
        opacity: 1;
    }
    .swiper-agencement img, .swiper-rea img{
        height: 68.6vw;
    }
    .flex-agencement .group-swip,
    .swiper-presta .group-swip,
    .group-swip{
        padding-left: var(--ltspace);
    }
    .group-swip svg{
        width: 16px;
        height: 16px;
    }
    .third-section-home .img-bois{
        top: -130vw;
        height: calc(100% + 130vw);
    }
    .swiper-rea{
        margin-left: calc(-1 * var(--ltspace));
    }
    .img-foret-first{
        height: 700px;
    }
    .grid-immobilier{
        display: block;
    }
    .relative-for-image{
        display: none;
    }
    .third-section-home{
        padding-right: var(--ltspace);
    }
    .item-vendre{
        width: 100%;
        height: 85vw;
    }
    .banniere{
        height: 390px;
        padding-right: var(--ltspace);
        align-items: flex-start;
        padding-top: var(--big-margin);
    }
    .banniere-home{
        padding-top: calc(200px );

    }
    .banniere p{
        font-size: 16px;
        font-weight: 600;
        line-height: 21px;
    }
    .banniere .h1{
        font-size: 32px;
        font-weight: 700;
        line-height: 35px;
        margin-top: var(--medium-margin);
    }
    .banniere .h1 svg{
        transform: translate(0px, 12px);
        height: 17px;
        width: 17px;
    }
    .banniere img{
        height: 390px;
        object-position: right;
    }
    .ft-content{
        width: 100%;
    }
    #footer{
        height: 400px;
        justify-content: flex-start;
        align-items: flex-start;
        padding-left: var(--ltspace);
        padding-top: var(--medium-margin);
    }
    .grid-adresse{
        margin-bottom: 10px;
    }
    #footer p, #footer a{
        font-size: 13px;
        line-height: 19px;
    }
    #copyright p, #copyright a{
        font-size: 9px;
    }
    .pix-rea{
        display: block;
    }
    .pom-ft{
        margin-left: -4px;
    }
    h1 br{
        display: none;
    }
    .header-page{
        min-height: unset;
        padding: 0;
    }
    .grid-head{
        display: flex;
        position: relative;
        flex-direction: column-reverse;
        grid-gap: unset;
    }
    .grid-head img{
        height: 100svh;
        width: 100%;
    }
    .header-page h1{
        margin-top: 0;
    }
    .grid-head>div:first-of-type{
        padding-left: var(--ltspace);
        padding-right: var(--ltspace);
    }
    .header-page h1{
        color: white;
        top: calc(100svh - 15vw - 60px);
        transform: translateY(-100%);
        position: absolute;
        left: var(--ltspace);
        right: var(--ltspace);
    }
    .header-page .intro{
        padding-top: var(--medium-margin);
    }
    .flex-accord{
        width: 100%;
        padding-right: var(--ltspace);
    }
    .swiper-presta, .swiper-agencement{
        overflow: hidden;
        width: calc(100% + var(--ltspace) * 2);
        margin-left: calc(-1 * var(--ltspace));
        padding-bottom: var(--medium-margin);
    }
    .presta img{
        height: 68.6vw;
    }
    .grid-vendre{
        display: block;
    }
    .first-single-img{
        width: 100%;
        height: 90vw;
    }
    .grid-sing-head{
        display: flex;
        flex-direction: column-reverse;
        grid-gap: 0;
        margin-top: var(--medium-margin);
        padding-left: var(--ltspace);
        align-items: flex-start;
    }
    .flex-agencement{
        flex-direction: column;
    }
    body .flex-agencement>div{
        width: 100% !important;
        padding-right: 0;
    }
    .grid-caracteristique{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .listing-caract>div p:first-of-type {
        width: auto;
    }
    .relative-cara{
        height: 85vw;
    }
    .listing-caract>div{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
        margin-bottom: 10px;
    }
    .listing-caract .cara{
        font-size: 12px;
    }
    .listing-caract p{
        font-size: 16px;
        margin-bottom: 0px;
        line-height: 21px;
    }
    .listing-caract .cara {
        line-height: 19px;
    }
    .container-agencement{
        padding-right: var(--ltspace);
    }
    .swiper-agencement{
        padding-bottom: unset;
        padding-top: var(--ltspace);
    }
    .quick-cara{
        display: block;
    }
    .grid-sing-img{
        display: block;
        /*margin-top: var(--small-margin);*/
    }
    .grid-sing-img img{
        width: 100%;
        height: 85vw;
        margin-top: var(--small-margin);
    }
    .lt-h1 {
        font-size: 40px;
        line-height: 40px;
    }
    h1, .h1 {
        font-size: 43px;
        line-height: 43px;
        margin-bottom: 30px;
    }
    h1 br, .h1 br{
        display: none;
    }
    .quick-cara>div:not(:last-of-type){
        margin-bottom: 15px;
    }
    .about-maill{
        height: 85vw;
        margin-bottom: 20px;
    }
    .apprenti img{
        height: 85vw;
        margin-bottom: 10px;
    }
    .grid-galerie{
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
    .grid-galerie img{
        height: 39.7vw;
    }
    .grid-emploi{
        display: block;
    }
    #emploi{
        padding-right: var(--ltspace);
    }
    .single-emploi .grid-head img{
        display: none;
    }
    .page-template-template-contact .header-page h1,
    .single-emploi .header-page h1{
        position: static;
        color: var(--vert);
        transform: unset;
        margin-top: 100px;
    }
    .grid-form{
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
    .wpcf7 textarea{
        margin-top: 10px;
    }
    .wpcf7-submit{
        font-size: 40px;
        line-height: 40px;
        width: fit-content!important;
    }
    .send-msg{
        transform: translate(0px, 8px);
        width: 21px;
        height: 21px;
    }
    .page-template-template-contact .grid-head{
        display: flex;
        flex-direction: column;
    }
    #maps{
        margin-top: var(--small-margin);
        margin-bottom: var(--medium-margin);
    }
    .ajecem-logo svg {
        width: 151px;
        height: auto;
    }
    .lignum-logo svg {
        width: 62px;
        height: auto;
    }
    .h1 svg, h1 svg{
        transform: translate(-4px, 16px);
    }
    .lt-h1 svg{
        transform: translate(-4px, 10px);
    }
    .swiper-wrapper .realisation p, .swiper-wrapper .presta p{
        font-size: 16px;
        line-height: 18px;
        transform: translate(0, 16px);
    }

    .grid-real-head{
        display: flex;
        grid-gap: 0;
        flex-direction: column-reverse;
    }
    .realisation-grid{
        grid-template-columns: repeat(2,1fr);
        grid-gap: 10px;
        padding-right: var(--bigspace);
        width: 100%;
        margin-top: 10px;
    }
    .galerie-col-1{
        margin-top: 20px;
    }
    .galerie-col-1 a,
    .realisation-grid a{
        line-height: 1;
    }
    .galerie-col-1 img{
        height: 64.4vw;

    }
    .realisation-grid img{
        height: 35.4vw;

    }
    .lt-h1 {
        font-size: 30px;
        line-height: 36px;
    }
    .go-back{
        font-size: 11px;
    }
    .go-back svg {
        height: 10px;
        width: 10px;
    }
    .flex-prestation .swiper-presta{
        margin-top: 20px!important;
        margin-bottom: 20px;
    }
    .filtre-type-bien{
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #formations .presta img {
        height: 108vw;
    }
    .accord-pretations p:last-child, .accord-pretations ul:last-child{
        margin-bottom: 0;
    }
    #cookieNotice{
        width: 100%;
    }
    .single-immobilier .h1{
        font-size: 34px;
        line-height: 34px;
    }
}