@media screen and (max-width: 1500px) {
    .menu li{
        padding-right: 22px;
    }
    .menu a, .other-website p{
        /*font-family: 'Gotham Book';*/
        font-size: 14px;
    }
    #header{
        grid-template-columns: 20% 1fr 20%;
    }
    #branding img{
        width: 190px;
    }

    .grid-home h2{
        font-size: 80px;
        line-height: 90px;
    }
}
@media screen and (max-width: 1350px) {
    #main-menu-container{
        padding-left: 20px;
    }
    .menu li{
        padding-right: 10px;
    }
    h1{
        font-size: 120px;
        line-height: 132px;
    }
    h2{
        font-size: 60px;
        line-height: 68px;
    }
    h3{
        font-size: 20px;
        line-height: 30px;
    }
    .space{
        margin: 50px auto;
    }
    .big-space{
        margin: 100px auto;

    }
    .txt-resa{
        margin-left: 0;
    }
    .reserv-table {
        margin-bottom: 200px;
        margin-top: 100px;
    }
    .reserv-table::after{
        top: 100px;
    }
    .brocol-home{
        bottom: -230px;
    }
    .txt-intro p {
        font-size: 21px;
        line-height: 34px;
    }
    .intro-img{
        height: 550px;
    }
    p, a{
        font-size: 20px;
        line-height: 32px;
    }
    .grid-home h2{
        font-size: 70px;
        line-height: 78px;
    }
    .swiper-galerie img{
        height: 350px;
    }
}

@media screen and (max-width: 1100px) {
    /*********
    ***MENU***
    *********/
    #menu>.menu-toggle{
        display: block;
        position: fixed;
        right: 5%;
        top: 41px;
        z-index: 10001;
    }
    #close-bar1, #close-bar2, #close-bar3{
        transition: 0.4s ease-in-out all;
        height: 2px;
        background-color: var(--gris-fonce);
    }
    #main-menu-container{
        position: fixed;
        top: 0;
        right: 0;
        width: 50%;
        background: white;
        height: 100vh;
        overflow: hidden;
        transition: 0.4s ease-in-out all;
        clip-path: circle(0% at 100% 0);
        padding: 100px 5%;
        z-index: 10000;
    }
    #menu .menu{
        flex-direction: column;
    }
    .toggled #main-menu-container{
        clip-path: circle(141.2% at 100% 0);
    }
    .other-website{
        display: none;
    }
    #menu .menu > .current_page_item > a::after{
        display: none;
    }
    #header{
        grid-template-columns: 1fr 1fr;
    }
    .grid-home h2 {
        font-size: 50px;
        line-height: 60px;
    }
    h1 {
        font-size: 90px;
        line-height: 102px;
    }
    .close-restaurant{
        display: none;
    }
    .mobile-link{
        display: flex;
        height: auto;
        padding: 15px;
        margin-top: 40px;
    }
    .container-servicetrait{
        display: none;
    }

}
@media screen and (max-width: 850px) {
    #main-menu-container{
        width: 100%;
    }

    .grid-home h2{
        opacity: 1;
        transform: rotate(-90deg) translate(0, -50%);
        position: absolute;
        right: calc(0px - 196px);
        width: auto;
        height: 0;
        margin: 0;
        top: 50%;
    }
    .grid-home a:first-of-type h2{
        right: calc(100% - 166px);
    }
    .grid-home h2 br{
        display: none;
    }
    .grid-home p{
        display: none;
    }
    .logo-first-page{
        width: 135px;
        top: 5px;
    }
    .sub-logo-first-page{
        width: 135px;
        top: 150px;
    }
    .grid-home a::after{
        background-color: rgba(0, 0, 0, 0.3);
    }
    html{
        overflow-x: hidden;
    }

    #wrapper.traiteur, #wrapper.resto{
        padding-top: 0;
    }
    .simple-header img{
        width: 100%;
    }
    #header{
        background-color: transparent;
        border-bottom: 0;
    }
    #header.scrolligne{
        background-color: white;
    }
    .simple-header::after{
        width: 100%;
    }
    .home:not(.no-scroll) #branding img{
        filter: brightness(0) invert(1);
    }
    .home:not(.no-scroll) .scrolligne #branding img{
        filter: unset;
    }

    .home #close-bar1, .home #close-bar2, .home #close-bar3{
        background-color: white;
    }
    .toggled #close-bar1, .toggled #close-bar2, .toggled #close-bar3{
        background-color: var(--gris-fonce);
    }
    .scrolligne #close-bar1, .scrolligne #close-bar2, .scrolligne #close-bar3{
        background-color: var(--gris-fonce);
    }
    .simple-header{
        height: auto;
    }
    .simple-header img, .simple-header::after{
        height: 450px;
        margin-top: 0;
    }
    .simple-header>div,.simple-header h1{
        position: relative;
        right: unset;
        top: unset;
        transform: translate(0,0);
    }
    .simple-header h1{
        width: 90%;
        margin: -40px auto 0 auto;
    }
    #branding{
        padding-left: 10%;
        position: relative;
        z-index: 10001;
    }
    .left-large{
        padding: 0 5%;
    }
    .presta{
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0 20px;
    }
    .tomato-home, .poivrons, .aubergine,.hari,.tomato-about,.carotte-about{
        display: none;
    }
    .left-less-large{
        padding: 0 5%;
    }
    .swiper-galerie {
        overflow: unset;
    }
    .swiper-slide{
        transition: 0.4s ease-in-out all;
    }
    .swiper-slide-next, .swiper-slide-prev{
        opacity: 0.4;
    }
    .big-space {
        margin: 50px auto;
    }
    .grid-day-menu{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .brochette-menu{
        top: calc(100% - 150px);
        width: 275px;
    }
    h1{
        font-size: 60px;
        line-height: 68px;
        hyphens: auto;
    }
    h2{
        font-size: 40px;
        line-height: 50px;
    }
    .head-resa img{
        height: 275px;
        margin-bottom: 50px;
    }
    .reserv-table::after{
        top: 50px;
        height: calc(100% + 100px);
    }
    .reserv-table{
        margin-bottom: 250px;
    }
    .brocol-home{
        bottom: -316px;
        width: 250px;
    }
    #footer{
        padding: 50px 5% 125px 5%;
        margin-top: 50px;
    }
    .traiteur #footer{
        padding-bottom: 50px;
    }
    .grid-footer{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .info-footer a:first-of-type{
        display: block;
        margin-bottom: 7px;
        text-decoration: underline;
        opacity: 0.7;
    }
    .social{
        display: none;
    }
    .grid-adresse{
        grid-template-columns: 1fr;
    }
    #footer>svg{
        width: 240px;
        height: 62px;
    }
    .presta div svg{
        display: none;
    }
    .presta div{
        padding-bottom: 40px;
        padding-top: 40px;
        border-bottom: 1px solid var(--jaune);
    }
    .presta div:nth-of-type(3){
        border-top: 0;
    }
    .txt-resa{
        margin-top: 0;
    }
    .light-pd{
        padding-top: 100px;
        padding-bottom: 30px;
    }
    .light-pd h1{
        font-size: 42px;
        line-height: 50px;
    }
    body:not(.home) h2 {
        font-size: 33px;
        line-height: 43px;
    }
    .left-less-large-right,.left-large-page{
        padding: 0 5%;
    }
    .social-share{
        justify-content: left;
    }
    .redirect-bottom{
        padding: 0;
    }
    .img-para{
        height: 300px;
    }
    .redirect-bottom a{
        margin-top: 50px;
        font-size: 26px;
        line-height: 36px;
        padding: 0 5%;
    }
    .redirect-bottom a svg{
        width: 36px;
    }
    .price, .litleprice{
        text-align: right;
    }

    .grid-sandwich{
        grid-template-columns: 1fr 70px 70px;
    }
    .grid-sandwich p{
        font-size: 17px;
        line-height: 22px;
    }
    .grid-sandwich .litleprice{
        font-size: 10px;
    }
    body:not(.home) .txt-intro{
        padding-right: 0;
    }
    .intro-img{
        display: none;
    }

    .menu a, .other-website p{
        font-size: 17px;
    }
    .menu li{
        margin-bottom: 10px;
    }
    .contact-form-simple [type="submit"]{
        margin-top: 20px;
    }
    .grid-contact{
        grid-template-columns: 1fr;
    }

    .fixed-all{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        z-index: 10002;
    }
    .fixed-emporter{
        display: flex;
    }
    .fixed-el{
        position: static;
        width: 100%;
        background-color: #FDF4DB;
        border: 0px;
        height: 90px;
    }
    .fixed-el path{
        fill: var(--jaune);
        stroke: var(--jaune);
    }
    .fixed-emporter path, .fixed-week path{
        stroke: transparent;
    }
    .fixed-el a{
        text-align: center;
    }
    .fixed-el svg{
        margin-top: 8px;
        height: 30px;
        margin-bottom: -12px;
    }
    .fixed-el span{
        display: block;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 300;
        color: var(--jaune);

        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    .traiteur .presta div:nth-of-type(3){
        border-top: 0;
    }
    .traiteur .presta div:nth-of-type(1), .traiteur .presta div:nth-of-type(2), .traiteur .presta div:nth-of-type(3){
        border-bottom: 1px solid var(--vert);
    }
    .img-concept{
        width: 100%;
        height: 300px;
        padding: 0;
    }
    .home-bg{
        padding: 50px 0 350px 0;
    }
    .container-avis .slide-svg{
        top: -50px;
    }
    .swiper-pagination{
        margin-top: 10px;
    }
    .container-avis .slide-prev{
        left: 5%;
    }
    .step-by-step{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .special-txt-step{
        padding: 20px 0;
    }

    .container-all-proposition{
        display: block;
        margin-top: 0;
        padding: 0 5%;
    }
    .galerie-grid{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: unset;
        height: 600px;
        /*position: static;*/
    }
    .proposition-galerie{
        height: 600px;
        margin-top: 40px;
    }
    .proposition-galerie a{
        grid-area: unset!important;
        height: 200px;
    }
    .info-footer p, .info-footer a{
        font-size: 12px;
        line-height: 18px;
    }
    .info-footer svg {
        width: 50px;
    }
    .proposition-liste{
        display: flex;
    }
    .select-galerie{
        margin-right: 5px;
        font-size: 12px;
    }
    .select-galerie.active{
        font-weight: 700;
    }
    .select-galerie.active::before{
        display: none;
    }
    .select-galerie:not(:last-of-type)::after{
        content: "/";
        display: inline-block;
        padding-left: 5px;
    }
}

@media screen and (max-width: 350px) {
    .grid-home h2{
        font-size: 32px;
        line-height: 42px;
        right: calc(0px - 124px);
    }
    .grid-home a:first-of-type h2{
        right: calc(100% - 104px);
    }
    h1 {
        font-size: 50px;
        line-height: 60px;
    }
    h2 br{
        display: none;
    }
    .simple-header img, .simple-header::after{
        height: 350px;
    }
    .fixed-all{
        z-index: 9000;
    }
    body .fixed-all{
        display: none;
    }
    .select-galerie{
        margin-right: 5px;
        font-size: 10px;
    }
}