@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        /* max-width: 1280px; */
    }
}


/* **********************************************************************************************************************
***************************************************************************************************************** */

@media (max-width: 1810px) {
    /* nous : show plat
=======================================*/
    /*bg img + psition (margin + padding + width)*/
    #nous_eng_show_plat p {
        /* font-size: 14px; */
    }
    .home_middle_container_info h2 {
        margin-bottom: 1%;
    }
    /* l'espace entre les images de "menu du jour"*/
    .home_middle_container_info .col-md-4 {
        padding: 0% 2%;
    }
    /* registre_company: presentatio
=======================================*/
    /* la position de bloc de presentation */
    #registre_company .present {
        margin: 88% 0% 1% 15%;
    }
}


/* **********************************************************************************************************************
***************************************************************************************************************** */

@media (max-width: 1710px) {
    /* home : header
=======================================*/
    /* inverse le voiture et le titre */
    #gooddej_page_home .titre_bg {
        flex-wrap: wrap-reverse;
    }
    /* pourquoi : 
=======================================*/
    /* le taille du font */
    .pourquoi_item_bg p {
        font-size: 14px;
    }
    /* carte : sous-menu
=======================================*/
    /* la position du sous-menu */
    #cate_nav {
        padding: 2% 38% 0;
    }
    #category_page .products_wrap {
        padding: 0 14% 5.5%;
    }
}


/* **********************************************************************************************************************
***************************************************************************************************************** */

@media (max-width: 1610px) {
    /* pourquoi : header
=======================================*/
    /* la position des differents blocs de text */
    .pourquoi_item_text h2,
    .item1_envie .pourquoi_item_text h1,
    .item1_envie .pourquoi_item_text p,
    .item3_cuisine_fr .pourquoi_item_text h1,
    .item3_cuisine_fr .pourquoi_item_text p {
        /* margin-left: 20%; */
        padding-right: 10%;
    }
    /* nous : header
=======================================*/
    /* la position des differents blocs de text */
    #nous_eng_show_plat #text2 {
        padding-top: 2rem !important;
    }
    /* cart : header
=======================================*/
    /* menu de la carte */
    #category_page .alacarte_sous_menu {
        padding: 10% 0 1%;
    }
}


/* **********************************************************************************************************************
***************************************************************************************************************** */

@media (max-width: 1400px) {
    /* header : Navbar
=======================================*/
    nav a {
        font-size: 12px !important;
    }
    /* home : banner
======================================= */
    #gooddej_page_home .header .home_text_title {
        margin-top: 10%;
    }
    /* home : body
======================================= */
    #ilu_destination_cmd,
    #ilu_deroule_cmd,
    .home_middle_container_info {
        padding: 0 10%;
    }
    /* pourquoi : 
=======================================*/
    /* la position de paragraphe pour les differents images */
    .item1_envie .pourquoi_item_text,
    .item3_cuisine_fr .pourquoi_item_text {
        padding-left: 10%;
    }
    .item4_healthy .pourquoi_item_bg p {
        margin-top: -26%;
        margin-left: 37%;
    }
    .item1_envie .pourquoi_item_bg p {
        bottom: 10%;
        right: 10%;
    }
    .item2_veg .pourquoi_item_bg p {
        left: 40%;
    }
    .item3_cuisine_fr .pourquoi_item_bg p {
        top: 77%;
    }
    /* home & contact: choix du location pour le livraison
=======================================*/
    .lieu_inscription p {
        font-size: 12px !important;
    }
    .lieu_inscription .col {
        margin: 10px;
        padding: 6px;
    }
    .lieu_inscription .modal_livraison_img {
        margin: 4% 2%;
    }
    /* registre_company: presentatio + logo 
=======================================*/
    /* la position de logo et de bloc de presentation */
    #registre_company .registre_footer {
        margin-top: 170%;
        margin-left: 3%;
    }
    #registre_company .present {
        margin: 88% 0% 1% 15%;
    }
    /* carte : sous-menu
=======================================*/
    /* la position du sous-menu */
    #cate_nav {
        padding: 2% 34% 0;
    }
    #category_page .products_wrap {
        padding: 0 10% 5.5%;
    }
}


/* **********************************************************************************************************************
***************************************************************************************************************** */

@media (max-width: 1200px) {
    /* header : Navbar
=======================================*/
    nav a {
        font-size: 10px !important;
    }
    /* body
======================================= */
    main {
        padding-top: 60px;
    }
    #gooddej_page_home .header .home_text_title {
        margin-top: 14%;
    }
    /* nous : dejeuner
=======================================*/
    #nos_eng_info_dej {
        padding: 4% 10%;
    }
    /* nous : show plat
=======================================*/
    #nous_eng_show_plat {
        padding: 6% 10%;
    }
    #nous_eng_show_plat .plat_size {
        width: 287.2px;
    }
    /* footer
=======================================*/
    footer {
        padding: 2% 10% 0;
    }
    .footer_logo {
        width: 135px !important;
        height: 106.5px !important;
    }
    .footer_fin {
        margin-top: 2%;
    }
    /* contact : form
=======================================*/
    #contact_form form {
        padding: 1% 16%;
    }
    /* pourquoi : 
=======================================*/
    .item1_envie .pourquoi_item_bg p {
        top: 68%;
    }
    .item1_envie .pourquoi_item_text,
    .item3_cuisine_fr .pourquoi_item_text {
        padding-left: 6%;
    }
    .pourquoi_item_text h1,
    .pourquoi_item_text p {
        margin: 1% auto !important;
        padding: 0 !important;
        text-align: left;
    }
    .item2_veg .pourquoi_item_text,
    .item4_healthy .pourquoi_item_text {
        padding-right: 10%;
    }
    .item_extra {
        padding: 0 6% !important;
    }
    /* registre_company: presentation 
=======================================*/
    /* la position de bloc de presentation */
    #registre_company .present {
        margin: 88% 0% 1% 15%;
    }
    /* notre carte : contenu 
=======================================*/
    /* padding for products block */
    #category_page .products_wrap {
        padding: 1% 6% 5.5%;
    }
}


/* **********************************************************************************************************************
***************************************************************************************************************** */

@media (max-width: 1160px) {
    /* header : Navbar
=======================================*/
    nav a {
        /* font-size: 2px !important; */
    }
    .padding_bloc {
        padding: 5px 10% !important;
        /* padding-top: 100px!important; */
    }
    /* home : header
=======================================*/
    #gooddej_page_home .titre_bg {
        /* padding: 0 10%; */
        /* background-color: #ffffff; */
    }
    /*la position du deuxieme bloc de text*/
    .home_bg1 .home_text {
        padding-left: 6%;
    }
    /* padding des texte et recherche en fin du page home */
    .home_fin {
        padding-top: 100px !important;
    }
    /* buttton search */
    #search_bar input {
        width: 70% !important;
    }
    /* registre_company: presentatio + logo 
=======================================*/
    /* la position de logo et de bloc de presentation */
    #registre_company .registre_footer {
        margin-top: 180%;
    }
    #registre_company .present {
        margin: 88% 0% 1% 15%;
    }
}

@media (max-width: 1100px) {
    /* home : banner
======================================= */
    #gooddej_page_home .header .home_text_title {
        padding: 2%;
        margin-top: 14%;
    }
    /* inscrivez-vous : bureau ou domicile
=======================================*/
    /* partie gauche : img */
    .inscrit_deco_gauche {
        display: none !important;
    }
    /* partie droite : contenu d'inscription */
    .inscrit_deco_droit {
        margin: 5%;
    }
    /* position des contenus de chauque etape */
    .inscrit_deco_droit .contact_inscription,
    #account_lr_content .contact_inscription,
    #buttons_other_connexion {
        margin: 1% auto;
    }
    /* position des autres buttons de connexion (Google et Facebook) */
    #gooddej_page_account_registre .form_connexion_autre {
        max-width: 100%;
    }
    /* pourquoi : 
=======================================*/
    .item1_envie .pourquoi_item_bg p {
        right: 6%;
    }
    .item2_veg .pourquoi_item_bg img {
        margin-top: 5%;
    }
    .item2_veg .pourquoi_item_text {
        margin-top: 15%;
        padding-left: 5%;
        padding-right: 5%;
    }
    /* registre_company : form
=======================================*/
    #registre_company h3 {
        font-size: 16px !important;
    }
    #registre_company_form {
        margin: 2% auto 1%;
        width: 70%;
    }
    /* select entreprise */
    #account_choice_company .dropdown-menu {
        width: 65vw;
    }
    #registre_company_form form {
        width: 90%;
    }
    /* rigister success 
===================================== */
    #registre_success {
        max-width: 60%;
    }
    /* **********************************************************************************************************************
***************************************************************************************************************** */
    @media (max-width: 991px) {
        /* header : Navbar
=======================================*/
        nav a {
            font-size: 14px !important;
        }
        #nav_menu_elements,
        #nav_compte {
            width: 100%;
        }
        #nav_gooddej {
            height: auto;
        }
        /* l'apparition de mot "mon compte" */
        .nav_img_compte {
            display: none;
        }
        .nav_word_compte {
            display: block;
        }
        /* l'apparition du panier mobile */
        #panier_mobile {
            display: block;
        }
        /* disparaitre de panier pour le pc */
        #nav_client {
            display: none !important;
        }
        /* font weight de drop down menu item */
        #nav_client_connect .dropdown-item {
            font-weight: 400 !important;
        }
        main {
            padding-top: 50px;
        }
        /* header : Compte Connexion
=======================================*/
        /* position des buttons connextion (google et facebook) */
        .button_connexion_autre {
            margin: 0 3px;
        }
        .button_connexion_autre:first-of-type {
            margin-bottom: 15px;
        }
        /* home : banner
======================================= */
        #gooddej_page_home .header .home_text_title {
            margin-top: 17%;
            padding: 1.6% 2%;
        }
        /* body : padding 
======================================= */
        #ilu_destination_cmd,
        #ilu_deroule_cmd,
        .home_middle_container_info {
            padding: 0 5%;
        }
        /* nous :dejeuner
=======================================*/
        #nos_eng_info_dej .text {
            /* font-size: 14px; */
        }
        /* nous :show plat
=======================================*/
        #nous_eng_show_plat .row p {
            font-size: 14px;
        }
        /* footer :
=======================================*/
        .footer_padding_bloc {
            padding-left: 10%;
            padding-right: 10%;
        }
        #footer .col-6 {
            margin-top: 5%;
            padding-right: 10px;
        }
        /* pourquoi : 
=======================================*/
        .item2_veg,
        .item4_healthy {
            flex-wrap: wrap-reverse;
        }
        .pourquoi_item_text h1 {
            margin: 2% 0 !important;
            text-align: center;
        }
        .pourquoi_item_text h1,
        .pourquoi_item_text p {
            margin: 1% auto !important;
            padding: 0 !important;
            text-align: left;
        }
        .pourquoi_item_text p {
            line-height: 18px;
        }
        .pourquoi_item_text {
            margin: 5% 0 3%;
        }
        .pourquoi_item_bg {
            margin: 0 !important;
        }
        .pourquoi_item_bg img {
            margin-top: 2% !important;
        }
        .item1_envie .pourquoi_item_text {
            margin-bottom: 0;
            margin-top: 0;
        }
        .item1_envie .pourquoi_item_bg p {
            margin-top: 4%;
            padding-left: 0;
            padding-right: 20%;
        }
        .item2_veg .pourquoi_item_text {
            margin-top: 6%;
            margin-bottom: 0;
        }
        .item2_veg .pourquoi_item_bg p {
            margin-top: 2%;
            left: 46%;
        }
        .item3_cuisine_fr .pourquoi_item_text {
            margin-top: 8%;
            margin-bottom: 0;
        }
        .item3_cuisine_fr .pourquoi_item_bg p {
            margin-top: -2%;
        }
        .item4_healthy .pourquoi_item_text {
            margin-top: 6%;
            margin-bottom: 0;
        }
        .item_extra p {
            text-align: left !important;
        }
        .item_extra {
            margin-top: 4% !important;
        }
        .item_extra h1 {
            text-align: left !important;
        }
        /* contact : form
=======================================*/
        #contact_form form {
            padding: 1% 12%;
        }
        /* registre_company 
=======================================*/
        #inscrit_retour {
            margin: 6%;
        }
        #account_choice_company,
        #account_creer_compte {
            max-width: 70%;
            margin-top: 5%;
        }
        #registre_company_form,
        #account_creer_compte {
            width: 88%;
            margin-bottom: 3%;
        }
        #account_choice_company h3 {
            font-size: 14px !important;
        }
        #page_company a {
            font-size: 12px;
        }
        #buttons_other_connexion p {
            padding-top: 4px !important;
        }
        /* registre_company: presentatio + logo 
=======================================*/
        /* la position de logo et de bloc de presentation */
        #registre_company .registre_footer {
            margin: 5% auto 5% !important;
        }
        #registre_company .present {
            margin: 75% 0% 1% 15%;
        }
        /* select company existant */
        #registre_company_form .dropdown-menu {
            width: 40vw;
        }
        /* register_person 
======================================== */
        #gooddej_page_account_registre .form_connexion_autre {
            margin-top: 0 !important;
        }
        #account_creer_compte {
            margin-top: 4% !important;
            margin-bottom: 2% !important;
        }
        /* carte : contenu 
=======================================*/
        /* la position de prix + bouton */
        .savoir_plus {
            padding-right: 5% !important;
        }
        /* background pour le titre */
        .main {
            padding: 1% 8%;
        }
        /* carte : sous-menu
=======================================*/
        /* la position du sous-menu */
        #cate_nav {
            padding: 2% 30% 0;
        }
        /* haiteur de l'affichage de plats */
        #category_page .card {
            height: 400px;
        }
        /* confirmation de commande :
=======================================*/
        /* la position du button return */
        .commande_return {
            margin-left: 4%;
            margin-top: 1%;
        }
        /* annonce avant s'inscrire 
======================================= */
        .note_modal .modal-content {
            width: 94%;
            height: 96%;
        }
        .note_modal .modal-content h3 {
            font-size: 14px !important;
        }
        .note_modal .modal-content p {
            text-align: left;
        }
    }
    /* **********************************************************************************************************************
***************************************************************************************************************** */
    @media (min-width:950px) and (max-width: 991px) {
        /* taille de la description de produit */
        .description-scroll {
            max-height: 170px;
        }
    }
    @media (min-width:900px) and (max-width: 950px) {
        /* taille de la description de produit */
        .description-scroll {
            max-height: 150px;
        }
    }
    @media (min-width:850px) and (max-width: 900px) {
        /* taille de la description de produit */
        .description-scroll {
            max-height: 110px;
        }
    }
    @media (min-width:800px) and (max-width: 850px) {
        /* taille de la description de produit */
        .description-scroll {
            max-height: 90px;
        }
    }
    @media (min-width:768px) and (max-width: 800px) {
        /* taille de la description de produit */
        .description-scroll {
            max-height: 70px;
        }
    }
    @media (max-width: 768px) {
        h1,
        h2,
        h3,
        p {
            text-align: center;
        }
        /* header : Navbarss
=======================================*/
        .padding_bloc {
            padding: 5px 5% !important;
        }
        /* home : header
=======================================*/
        #gooddej_page_home .titre_bg {
            padding: 0;
        }
        #gooddej_page_home .titre_bg .banner .carousel-inner .carousel-item {
            height: 300px;
        }
        #gooddej_page_home .header .home_text_title {
            margin-top: 11%;
            padding: 1%;
        }
        /* la position du h1 de text de header*/
        #gooddej_page_home .header .home_text h2 {
            margin-top: 15%;
            margin-bottom: 5%;
        }
        /* l'hauteur du h3 (text = facilitez ... bureaux) */
        #gooddej_page_home .header .home_text h3 {
            line-height: 30px;
        }
        /* la position du button de text de header*/
        #gooddej_page_home .header .home_text .border_button {
            margin: 10% auto;
        }
        /*la position du deuxieme bloc de text*/
        .home_bg1 .home_text {
            padding-left: 0%;
            padding: 13% 5% 10%;
            text-align: center;
        }
        /* la position et les tailles des titres (partie deroulement de livraison) */
        #home_derouole_title {
            margin-bottom: 2% !important;
        }
        #home_derouole_title h1 {
            font-size: 26px !important;
        }
        #home_derouole_title h2 {
            font-size: 22px !important;
        }
        #ilu_destination_cmd {
            padding: 0 5%;
        }
        #ilu_deroule_cmd {
            padding: 0 5%;
        }
        .home_middle_container {
            height: 500px;
        }
        .home_middle_container_info {
            padding: 3% 5%;
        }
        /*  */
        #home_derouole_title h2 {
            font-size: 18px !important;
        }
        /* le style du titre "menu du jour" */
        .home_middle_container_info h2 {
            font-size: 26px !important;
            margin-bottom: 5% !important;
            margin-top: 10%;
        }
        /* l'espace entre les images de "menu du jour"*/
        .home_middle_container_info .col-sm-12 {
            margin-top: 4%;
        }
        /*  */
        .home_fin {
            margin-top: 1%;
            margin-bottom: 6%;
        }
        /* nous : dejeuner
=======================================*/
        #dejeuner {
            font-size: 28px !important;
        }
        #nos_eng_info_dej .col-sm-4 {
            padding: 0 2%;
        }
        #nos_eng_info_dej {
            padding: 4% 5%;
        }
        #nous_eng_show_plat p {
            /* font-size: 12px!important; */
        }
        #nous_eng_show_plat .row:nth-child(2) p {
            /* font-size: 4px; */
        }
        #nous_eng_show_plat .col-sm-4 {
            padding: 2% !important;
        }
        /*  */
        #nous_eng_show_plat #text1 {
            padding-top: 2rem !important;
        }
        #nous_eng_show_plat #text2 {
            padding-top: 0rem !important;
            font-size: 12px;
            line-height: -0.5px;
        }
        #nous_eng_show_plat #text3 {
            padding-top: 4rem !important;
        }
        /* footer
=======================================*/
        /*  */
        footer {
            padding: 0 7%;
        }
        .footer_paddind_bloc {
            padding-left: 5%;
            padding-right: 5%;
        }
        #footer .col-6 {
            margin-top: 3%;
        }
        .footer_null {
            display: none;
        }
        footer p {
            text-align: left;
            font-size: 10px !important;
        }
        /*  */
        .footer_fin h4 {
            margin-bottom: 2px;
        }
        .footer_fin p {
            margin-top: 0;
            text-align: center;
        }
        .footer_logo {
            width: 90px !important;
            height: 71px !important;
            margin-left: 0 !important;
        }
        /* pourquoi
=======================================*/
        #pourquoi_container {
            margin-top: 5%;
        }
        .pourquoi_item_bg {
            text-align: center !important;
        }
        .pourquoi_item_bg p {
            margin-left: 0 !important;
            font-weight: 600;
        }
        .item1_envie .pourquoi_item_bg img {
            margin-top: 2%;
        }
        .item1_envie .pourquoi_item_bg p,
        .item3_cuisine_fr .pourquoi_item_bg p,
        .item2_veg .pourquoi_item_bg p,
        .item4_healthy .pourquoi_item_bg p {
            font-size: 12px !important;
            font-weight: 500;
            line-height: 18px;
        }
        .pourquoi_text_marche {
            margin-top: 20%;
        }
        .pourquoi_padding_bloc {
            /* padding: 3px 5% !important; */
        }
        .pourquoi_item_text h2 {
            margin: 5% auto
        }
        /* contact : form
=======================================*/
        #contact_form form {
            padding: 1% 4%;
        }
        /* inscrivez-vous : choix du lieu
=======================================*/
        .inscrit_deco_droit {
            margin: 0 auto !important;
            width: 85%;
            margin: 0;
        }
        .inscrit_deco_droit .deco {
            display: none;
        }
        /* inscrivez-vous : etape 1
=======================================*/
        /* le style du button pour acceder au page de l'inscription des entreprises */
        #buttons_other_connexion {
            padding: 0 1%;
        }
        #buttons_other_connexion button,
        #buttons_other_connexion p {
            margin: 0 1%;
        }
        /* registre_company : petite presentation
=======================================*/
        #registre_company .present {
            margin: 5% auto 5%;
        }
        /* registre_company : logo + reseaux-sociaux 
=======================================*/
        #registre_company .registre_footer {
            margin: 5% auto;
        }
        /* registre_company : form
=======================================*/
        #registre_company_form {
            width: 88%;
        }
        #registre_company .deco {
            display: none;
        }
        /* select company existant */
        #registre_company_form .dropdown-menu {
            width: 78vw;
        }
        /* rigister success 
===================================== */
        #registre_success {
            max-width: 70%;
        }
        /* notre carte : sous-menu
=======================================*/
        /* la position du sous-menu */
        #cate_nav {
            padding: 2% 23% 0;
        }
        /* notre carte : contenu 
=======================================*/
        /* padding for products block */
        #category_page .products_wrap {
            /* padding: 1% 10% 5.5%; */
        }
        .category_description {
            margin-top: 2%;
            text-align: left;
        }
        /* confirmation de commande :
=======================================*/
        /* la position du button return */
        .commande_return {
            margin-left: 0%;
            margin-top: 1%;
        }
        /* haiteur de l'affichage de plats */
        #category_page .card {
            height: 440px;
        }
        /* Pages Accounts :
=======================================*/
        /* les padding de contenu des pages "Accounts"  */
        #modifie_compte_infos .container-fluid,
        #content .container-fluid,
        #collapse-shipping-address .card-body,
        #collapse-shipping-method .card-body,
        #collapse-payment-method .card-body {
            padding: 4% 8% 9%;
        }
        .table_commandes {
            width: 90% !important;
        }
        /* zoom plat  :
=======================================*/
        /* scroll description */
        .description-scroll {
            /* max-height: unset; */
            /* overflow: unset; */
            /* position: unset; */
            /* height: 100%; */
            /* bottom: 80px; */
            top: unset;
            margin-bottom: 90px;
        }
        .product_description p {
            text-align: left;
        }
        .button_choisi_plat {
            width: 100%;
        }
        .quantity {
            /* margin-bottom: .5rem; */
        }
        .quantity_plus {
            margin: 0;
            padding-left: 0;
        }
        .quantity_minus {
            margin: 0;
            padding-right: 0;
        }
        /* cart modal
======================================== */
        #checkout_cart .table .commande .text-left p {
            text-align: left !important;
        }
        #panier_mobile .cart-total {
            bottom: 120px;
            min-width: 39px;
            min-height: 36px;
            font-size: 18px;
            line-height: 34px;
        }
        /* cookie */
        #cookieModal .modal-dialog {
            max-height: 50%;
        }
        #cookieModal .modal-content {
            padding: 3% 10%;
        }
        #cookieModal .modal-body button {
            width: 130px;
            height: 40px;
        }
    }
    /* **********************************************************************************************************************
***************************************************************************************************************** */
    @media (max-width: 576px) {
        main {
            padding-top: 50px;
        }
        h1 {
            font-size: 20px !important;
        }
        h2 {
            font-size: 18px !important;
        }
        h3 {
            font-size: 16px !important;
        }
        p {
            font-size: 12px !important;
        }
        .padding_bloc {
            padding: 5px 5% !important;
        }
        .footer_paddind_bloc {
            padding-left: 5%;
            padding-right: 5%;
        }
        /* home : banner 
======================================= */
        #gooddej_page_home .header .home_text_title {
            margin: auto;
            margin-top: 54%;
        }
        #home_button {
            text-align: center;
        }
        .carousel-indicators {
            display: none;
        }
        #carouselIllustration {
            display: none;
        }
        /* home : choisir ou on vous livre 
============================================ */
        #home_destination_title {
            margin: 1% 0 !important;
        }
        #ilu_destination_cmd .ilu_box {
            height: 380px;
        }
        #ilu_destination_cmd .ilu_img {
            margin-top: 2%;
        }
        #ilu_destination_cmd button {
            margin-top: 0;
            margin-bottom: 0;
        }
        #ilu_destination_cmd {}
        /* home : deroulement du livraison
=======================================*/
        /* la position et les tailles des titres (partie deroulement de livraison) */
        #home_derouole_title {
            margin: 1% 0 !important;
        }
        #home_derouole_title h1 {
            font-size: 22px !important;
        }
        /* home : contenu
=======================================*/
        /* buttton search */
        #search_bar input {
            width: 70% !important;
        }
        /* home & contact: choix du location pour le livraison
=======================================*/
        .lieu_inscription p {
            font-size: 12px !important;
        }
        .lieu_inscription .col,
        .lieu_inscription .col-sm-6 {
            margin: 10px;
            padding: 6px;
        }
        .lieu_inscription .modal_livraison_img {
            margin: 4% 2%;
        }
        /* nous : header
=======================================*/
        /* le taille des images à cote du titre */
        #gooddej_page_nos_eng .nos_eng_dejeuner img {
            width: 50px;
            margin-top: -25px;
            padding-right: 6px;
        }
        /* nous : dejeuner
=======================================*/
        #nos_eng_info_dej .col-sm-4 {
            padding: 5% 10%;
        }
        /* nous : show plat
=======================================*/
        #nous_eng_show_plat .col-sm-4 {
            padding: 8% !important;
        }
        /* la position des texts*/
        #nous_eng_show_plat #text1 {
            padding-top: 2rem !important;
        }
        #nous_eng_show_plat #text2 {
            padding-top: 2rem !important;
        }
        #nous_eng_show_plat #text3 {
            padding-top: 2rem !important;
        }
        /* footer
=======================================*/
        /*  */
        footer {
            padding: 1% 10% 0;
            height: 220px;
        }
        footer p {
            margin: 0px 0px 5px 0px;
        }
        .home_middle_container {
            height: 780px;
        }
        .home_middle_container_info {
            padding: 2.9% 5%;
        }
        footer .footer_fin h4 {
            margin-top: 10px;
        }
        footer .footer_fin p {
            margin-bottom: 0;
            font-size: 10px !important;
        }
        .footer_reseaux_sociaux {
            margin-top: 1%;
            margin-bottom: 1%;
        }
        footer h4 {
            margin-top: 1% !important;
            margin-bottom: 1%;
        }
        .footer_logo {
            width: 90px !important;
            height: 71px !important;
        }
        /* pourquoi :
=======================================*/
        #gooddej_page_pourquoi .titre_bg span {
            font-size: 24px !important;
        }
        #gooddej_page_pourquoi .titre_bg img {
            max-width: 30px !important;
        }
        .item1_envie {
            margin-bottom: 18%;
        }
        .item2_veg,
        .item3_cuisine_fr {
            margin-bottom: 14%;
        }
        .item1_envie .pourquoi_item_bg p,
        .item2_veg .pourquoi_item_bg p {
            top: 98%;
            width: 100%;
            left: 0;
            padding: 0 6%;
            text-align: left;
        }
        .item3_cuisine_fr .pourquoi_item_bg p {
            top: 106%;
            width: 100%;
            left: 0;
            padding: 0 6%;
            text-align: left;
        }
        .item_extra {
            margin-top: 8% !important;
        }
        /* carte : select date et lieu 
======================================= */
        #category_page h6 {
            font-size: 14px;
        }
        /* carte : sous-menu
=======================================*/
        /* la position du sous-menu */
        #cate_nav {
            padding: 2% 5% 0;
        }
        /* cart (= panier) :
=======================================*/
        /* le coupon (= promotion)(input et button) */
        #input-coupon,
        #button-coupon-border,
        #button-coupon {
            border-radius: 8px 8px 8px 8px !important;
        }
        /* category (card)
=======================================*/
        /* les zoom img */
        #product .img_zoom_plat,
        #zoom_option_detail .img_zoom_plat {
            width: 100%;
            height: auto !important;
        }
        /* les paragraphe de description */
        .product_description p {
            text-align: left;
        }
        /* block de date et adresse */
        /* .dateAdresseSelect {
            margin-top: 10% !important;
        } */
        .button_choisi_plat {
            /* width: 80%; */
        }
        .quantity .quantity_minus_option {
            margin: 0;
            padding-left: 0;
        }
        .quantity .quantity_plus_option {
            margin: 0;
            padding-right: 0;
        }
        #product .quantity input,
        #checkout_cart .quantity input {
            width: 24px !important;
        }
        #panier_mobile .cart-total {
            bottom: 80px;
            min-width: 26px;
            min-height: 24px;
            font-size: 15px;
            line-height: 20px;
        }
        /* notre carte (à la carte): header 
=======================================*/
        /* background pour le titre */
        .main {
            padding: 1% 3%;
        }
        /* menu de categorie (carte, formule, epicerie) */
        #category_page .alacarte_sous_menu {
            font-size: 12px;
        }
        /* espace entre date et adresse select */
        #address {
            margin-top: -4%;
        }
        #address h6 {
            -webkit-box-sizing: border-box;
            /* box-sizing: border-box; */
        }
        #address .output_address {
            margin-top: 2%;
            /* width: min-content; */
            /* word-wrap: break-word; */
            white-space: pre-wrap;
        }
        /* diminuer la taille de l'adresse */
        .output_address,
        .address_option {
            zoom: 0.85;
        }
        .address_select {
            padding: 5px !important;
        }
        .address_select:hover {
            background-image: none !important;
        }
        .address_option {
            left: 25px !important;
            margin-right: auto;
        }
        .adresse_defaut label {
            margin: 2% 0 !important;
            padding-left: 0 !important;
            padding-right: 50px;
        }
        .adresse_defaut .radio i {
            margin-left: -10%;
        }
        /* menu de la page A la carte */
        .cate_name a {
            width: 80px;
        }
        /* haiteur de l'affichage de plats */
        #category_page .card {
            /* height: 440px; */
        }
        /* position du titre de categorie */
        .category_description {
            margin-bottom: 0;
            margin-left: 0 !important;
            text-align: center;
        }
        /* formule etape */
        #img-option {
            margin-bottom: 0 !important;
        }
        /* Inscrivez-vous (register): 
=======================================*/
        .inscrit_deco_droit {
            width: 100%;
        }
        /* select entreprise */
        #account_choice_company .dropdown-menu {
            margin-left: -15vw;
            width: 90vw;
        }
        /* font size of company */
        #account_choice_company .dropdown-menu li {
            font-size: 12px;
            transform: scale(0.85) !important;
            -webkit-transform: scale(0.85) !important;
        }
        /* font color of input placeholder */
        #account_choice_company input::placeholder {
            color: lightgray;
        }
        #registre_company_form {
            width: 100%;
        }
        #account_choice_company,
        #account_creer_compte {
            max-width: 86%;
        }
        /* Inscrivez-vous (etape 1): 
=======================================*/
        /* autre lien en l'étape1 */
        #buttons_other_connexion button,
        #buttons_other_connexion p {
            margin: 0 1px;
        }
        /* position du bouton 'suggérer entreprise' en l'étape1 */
        #buttons_other_connexion button {
            padding: 2% 0%;
            width: 268px !important;
            height: auto;
            font-size: 14px;
            margin-top: 4%
        }
        /* success rigister 
=========================================== */
        #successRegistreModal .modal-content {
            width: 90%;
            left: 5%;
        }
        #registre_success {
            max-width: 80%;
        }
        #registre_success h2 {
            margin-top: 3%;
        }
        #registre_success img {
            width: 100px;
        }
        /* account : modifier adresse (etape 1): 
=======================================*/
        /* autocomplete select */
        /* jinlei 20220117 缩放后select遮挡输入框，注释掉
        #shipping-new .dropdown-menu,
        #shipping-new .dropdown-menu ul,
        #mdf_adresse_detaille .dropdown-menu {
            zoom: 0.85 !important;
        }
        */
        /* nous contacter
====================================== */
        #contact_form label,
        #contact_form input,
        #contact_form textarea,
        #contact_form select,
        #contact_form select option {
            font-size: 12px;
        }
        /* panier img size 
======================================= */
        #panier_mobile .panier_mobile_img {
            width: 56px;
            height: 56px;
        }
        #panier_mobile .cart-total {
            bottom: 100px;
        }
        /* login modal 
======================================= */
        .form_connexion_autre h4,
        #cas-special a {
            font-size: 12px !important;
        }
    }
}

@media (max-width: 414px) {
    #gooddej_page_home .titre_bg .banner .carousel-inner .carousel-item {
        height: 200px;
    }
    /* cookie */
    #cookieModal .modal-header h1 {
        font-size: 24px !important;
    }
}

@media (max-width: 360px) {
    #gooddej_page_home .titre_bg .banner .carousel-inner .carousel-item {
        height: 190px;
    }
    .item3_cuisine_fr .pourquoi_item_text {
        margin-top: 14%;
    }
    /* cookie */
    #cookieModal .modal-body button {
        width: 100px;
        height: 40px;
        font-size: 14px;
    }
}

@media (max-width: 320px) {
    #gooddej_page_home .titre_bg .banner .carousel-inner .carousel-item {
        height: 160px;
    }
}

@media (max-width: 767px) {
    /* l'apparition du button close */
    #close-produit-zoom1 {
        display: block;
    }
    #close-produit-zoom2 {
        display: none;
    }
}