@media screen and (max-width: 768px) {
    div#js-product-list-top {
        display: block;
    }
    #productAssocie .owl-stage-outer {
        justify-content: center;
    }
    .item-onParleDeNous {
        width: calc(50% - 10px); /* Deux colonnes pour les tablettes */
    }
    #product section.bestselling_product_list_section.featured-products.clearfix.mt-3 {
        padding-left: 50px;
    }
    .hidden-lg-up.mobile.mobile-wrap {
        padding-right: 20px;
        padding-left: 5px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-wrap: nowrap;
    }
    .commanderModal {
        position: absolute;
        top: -10px;
    }
    .navbar-icons {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        width: 100%;
    }
    #popup1 {
        width: 86%;
        height: 50%;
    }
    a.titreMagasin {
        font-size: 14px !important;
    }
    .selectMagasinBTN {
        padding-right: 0px;
    }
    #selectMagasin {
        width: 75%;
    }
    div#_desktop_cart {
        display: none;
    }
    .product-miniature .product-container .product-title {
        white-space: break-spaces;
    }
    .fb_iframe_widget span {
        display: contents !important;
    }
    .fb_iframe_widget iframe {
        position: inherit !important;
        max-width: 100%;
        width: 100% !important;
    }
    .fb_iframe_widget {
        margin: auto;
    }
    .contact-text-left2 {
        font-size: 27px !important;
    }
    .contact-text-left {
        font-size: 30px !important;
    }
    div#_mobile_contact-link {
        display: none;
    }
    .deco_section {
        display: block;
        text-align: center;
        margin: 30px;
    }
    .deco_section img {
        width: auto !important;
    }
    .owl-stage {
        width: 10000px !important;
    }
    .owl-prev {
        background: url(https://www.boulangeriemathieu.fr/img/cms/Bouton-02.svg)no-repeat !important;
        transform: rotate(180deg);
        width: 30px !important;
        height: 30px;
    }
    .owl-next {
        background: url(https://www.boulangeriemathieu.fr/img/cms/Bouton-02.svg)no-repeat !important;
        width: 30px !important;
        height: 30px;
    }
    div#tdstoryblock .tdbanner-img {
        height: auto;
        width: 61%;
        margin: auto;
    }
    .sub-heading span {
        font-size: 45px;
    }


    /* NAV */
    header#header {
        margin-top: 0px !important;
    }
    img.logo.img-responsive {
        max-width: 50% !important;
    }
    div#header_logo {
        margin-left: 0px;
    }
    #header,
    #header .header-top {
        background-color: rgb(81 42 22);
        Z-INDEX: 999;
        position: initial;
        width: -webkit-fill-available;
    }
    .search-widget form button[type=submit] {
        box-shadow: none;
    }
    .hidden-lg-up.mobile.mobile-wrap {
        padding-right: 20px;
        padding-left: 5px;
    }
    i.fa.fa-user-circle.hidden-lg-up {
        font-size: 28px;
        padding-top: 8px;
    }


    /* MENU BURGER */
    div#_mobile_user_info {
        display: none;
    }
    nav.tdmegamenu.responsive-menu.mobile.active.hidden-lg-up {
        padding-top: 20px;
    }
    .tdmegamenu li a {
        color: #888 !important;
    }


    /* COOKIE */
    #cookieNotice {
        width: 73% !important;
        position: fixed;
        bottom: 0px;
        box-shadow: 0px 0 10px 0 #ffffff;
        background: #FFFFFF;
        z-index: 9999;
        font-size: 14px;
        line-height: 1.3em;
        font-family: arial;
        left: 0px;
        text-align: center;
        color: #FFF;
        opacity: 0.70;
        margin-bottom: 10px;
        margin-left: 10px;
    }
    body .cc-window.cc-type-info {
        text-align: center;
        display: none;
    }
    

    /* PAGE ACCUEIL */
    .menuEntreprises .tel_boulangerie {
        font-weight: bold!important;
    }
    .tdstoryblock-outer .row {
        display: block !important;
    }
    div#search_widget {
        width: 100%;
    }
    div#tdstoryblock {
        margin-left: 0px;
        margin-right: 0px;
    }
    .divImgMathieu {
        display: none;
    }
    .servicecms_inner button#myBtn {
        border-radius: 0px !important;
        width: 70%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 70px;
    }
    .servicecms_inner button#myBtnCommander {
        border-radius: 0px !important;
        width: 70%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 70px;
    }
    .commanderBTN {
        display: block;
    }
    .images_produits .owl-stage {
        display: block;
    }
    .right-block.col-12.col-md-6 {
        max-width: 100%;
    }
    .hautGauche {
        margin-right: 0px;
        margin-top: 20px;
    }
    .service-description.rte-content {
        margin: 20px 30px;
    }
    p.tdstoryblock-text {
        font-size: 13pt !important;
        text-align: justify;
    }
    .tdbanner-img {
        margin-left: 0px;
    }
    aside.parallax1 {
        display: none;
    }
    .tdgallerycmsblock.clearfix {
        display: block;
    }
    #titreActuMobile {
        display: block;
        text-align: center;
        padding-top: 30px;
    }
    .images_produits {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        width: 100%;
        background-color: transparent;
    }
    .tdgallarycms-content .owl-stage-outer {
        width: 100%;
        flex-direction: column;
    }
    .tdgallerycmsblock.clearfix .owl-item.active,
    .tdgallerycmsblock.clearfix .owl-item {
        margin-left: 10px;
        margin-right: 10px;
    }
    .text_images_produits {
        width: 100%;
        float: none;
        background-color: transparent;
        margin: 0;
        padding-bottom: 20px;
    }
    .border_text {
        background: white;
        margin-left: 20px;
        margin-right: 20px;
        padding-top: 30px;
    }
    h2.homepage-heading {
        display: none;
    }
    .tdgallarycms-content .owl-nav {
        margin: -24px 0 0;
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        position: absolute;
        top: 52%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .tdgallarycms-content i.fa.fa-caret-left,
    .tdgallarycms-content i.fa.fa-caret-right {
        color: #f89a45;
    }
    #titre3boulangeries {
        margin-right: 0px;
        margin-left: 0px;
    }
    hr.barre {
        display: block;
    }
    h1.collaborateurs-titre {
        margin-top: 0px !important;
        font-size: 28pt !important;
    }
    .footer-container {
        height: auto;
    }
    h2.sous-titre {
        font-size: 25pt !important;
    }
    .parallax2 {
        display: none;
    }
    .navEntreprises {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        margin: 25px 20px 25px 20px;
    }
    #BtnnavEntreprises1,
    #BtnnavEntreprises2,
    #BtnnavEntreprises3 {
        color: #f89a45;
        padding: 5px;
        font-weight: bold;
        font-size: 1.5rem;
    }
    .menuEntreprises {
        display: block;
        border: 2px solid black;
        width: 100%;
        margin: auto;
    }
    .menuEntreprises1 .marcq {
        padding-bottom: 0px;
        flex-direction: row;
        align-items: center;
        display: flex;
    }
    .menuEntreprises1 .carouselMarcq {
        width: 180px;
    }
    .carousel-main-Marcq {
        padding-left: 0% !important;
        padding-right: 0% !important;
        margin: 0 !important;
    }
    .texte_boulangerie-marcq {
        padding-right: 10px !important;
        margin-left: 10px !important;
    }
    .menuEntreprises2 .hem {
        padding-bottom: 0px;
        display: flex;
    }
    .texte_boulangerie-hem {
        width: 55%;
    }
    .texte_boulangerie-lille {
        width: 55%;
    }
    .texte_boulangerie-marcq {
        width: 55%;
    }
    .menuEntreprises2 .carouselHem {
        width: 180px;
    }
    .info_footer {
        text-align: center;
    }
    .carousel-main-Hem {
        padding-left: 5% !important;
        padding-right: 5% !important;
        margin: 0 !important;
    }
    .menuEntreprises3 .lille {
        padding-bottom: 0px;
        flex-direction: row;
        align-items: center;
    }
    .carousel-main-Lille {
        padding-left: 0px !important;
    }
    .carouselLille {
        width: 180px;
    }
    p.mail_boulangerie {
        display: none;
    }
    p.text_boulangerie {
        margin-right: 0;
    }
    #menuEntreprises2 .carousel-navHem {
        display: none;
    }
    .sdsblog-box-content.block_content.row .owl-stage-outer {
        flex-direction: column;
    }
    .testimonial_inner.container {
        margin-right: 0;
        margin-left: 0;
    }
    .marcq img.buttonImg {
        display: none;
    }
    #titreActu {
        display: none;
    }
    button.button_aller {
        font-size: 9pt;
    }
    .carouselPDV-main {
        margin-right: 90px;
    }
    .testimonial_inner.container .testimonial-content {
        width: 90%;
    }
    .testimonial_inner.container .owl-stage-outer {
        flex-direction: column;
    }
    .flexTestimonial {
        display: block;
        text-align: end;
        margin-right: 10px;
        margin-bottom: 10px;
    }


    /* PAGE NOS PRODUITS */
    .backgroundNosproduits {
        background: none;
    }
    .categorie {
        border: 0px #f89a45 solid;
        position: relative;
        width: 100%;
        margin: 0;
    }
    .div_cat_pains {
        position: static;
        width: 100%;
        filter: drop-shadow(0px 0px 0px #7D7D7D);
    }
    .div_img_cat_pains {
        width: 100%;
    }
    .titre_cat {
        margin-left: 0;
    }
    .text_cat {
        margin: 0;
    }
    .last_text_cat {
        margin: 0px 0px 40px 0px;
    }
    .image_cat_pains {
        width: 63%;
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        margin-left: 0px !important;
    }
    .button_produits_pains {
        width: 155px;
        background-color: #f89a45;
        border-radius: 0px;
        color: white;
        text-decoration: none;
        text-align: center;
        border: none;
        font-size: 10pt;
        left: 50%;
        transform: translate(-50%, -50%);
        position: relative;
    }
    .categorie2 {
        border: 0px #f89a45 solid;
        width: 100%;
        margin: 0;
    }
    .image_cat_patisseries {
        width: 100%;
    }
    .div_cat_patisseries {
        position: static;
        width: 100%;
        filter: drop-shadow(0px 0px 0px #7D7D7D);
    }
    .button_produits_patisseries {
        position: relative;
        width: 155px;
        background-color: #f89a45;
        border-radius: 0px;
        color: white;
        text-decoration: none;
        text-align: center;
        border: none;
        font-size: 10pt;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .categorie3 {
        border: 0px #f89a45 solid;
        margin: 0;
        width: 100%;
    }
    .div_cat_viennoiseries {
        filter: drop-shadow(0px 0px 0px #7D7D7D);
        position: static;
        width: 100%;
    }
    .div_img_cat_viennoiseries {
        width: 100%;
    }
    .image_cat_viennoiseries {
        width: 63%;
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        margin-left: 0px !important;
    }
    .button_produits_viennoiseries {
        position: relative;
        width: 155px;
        background-color: #f89a45;
        border-radius: 0px;
        color: white;
        text-decoration: none;
        text-align: center;
        border: none;
        font-size: 10pt;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .categorie4 {
        border: 0px #f89a45 solid;
        width: 100%;
        margin: 0;
    }
    .image_cat_sales {
        margin: 0 !important;
        padding: 0 !important;
    }
    .div_cat_sales {
        position: static;
        width: 100%;
        filter: drop-shadow(0px 0px 0px #7D7D7D);
    }
    .button_produits_sales {
        position: relative;
        height: 45px;
        width: 155px;
        background-color: #f89a45;
        border-radius: 0px;
        color: white;
        text-decoration: none;
        text-align: center;
        border: none;
        font-size: 10pt;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .container-produit {
        margin: 30px;
    }
    .product_title.h1 {
        font-size: 32pt !important;
        margin: 20px
    }
    #produits img {
        width: auto;
    }
    

    /* PAGE NOS BOULANGERIES */
    .decoration-img-employé2 {
        max-width: 180px;
        max-height: 180px;
    }
    .collaborateurs-sous-titre {
        font-size: 55px !important;
    }
    .lille {
        flex-direction: column;
    }
    .carousel-itemLille {
        left: 44px;
    }
    .text-Lille-nosBoulangerie {
        margin-left: 0;
    }
    .carousel-nextLille {
        display: none;
    }
    .carousel-prevLille {
        display: none;
    }
    .carouselLille {
        position: relative;
        width: 600px;
        height: 380px;
    }
    img.shoppingblanc {
        display: none;
    }
    .nav-full-width {
        padding-top: 10px;
        padding-bottom: 0px;
        background-color: #512a16;
    }
    .nosPartenaires-pageNotreEntreprise h1 {
        font-size: 5vw !important;
    }
    .titre-onParleDeNous {
        font-size: 6vw !important;
    }
    .fond {
        margin: 20px;
        margin-top: 70px;
    }
    .titre-page {
        padding-bottom: 30px;
    }
    .carousel-itemHem {
        left: 44px;
    }
    .test {
        margin-top: 0px;
        background-image: none !important;
    }
    .texte_boulangerie {
        padding-right: 10px !important;
        margin-left: 10px !important;
    }
    .marcq {
        flex-direction: column;
    }
    .carousel-itemMarcq {
        left: 87px;
    }
    .rte-content .carousel-navMarcq,
    .rte-content .carousel-navHem,
    .rte-content .carousel-navLille {
        display: none;
    }
    .carousel-Hem-nosBoulangerie {
        max-width: inherit;
    }
    .text-Hem-nosBoulangerie {
        width: 100%;
    }
    .Hem-nosBoulangerie {
        align-items: center;
        flex-direction: column;
        font-size: 2.5vw !important;
        padding: 60px;
    }
    .imgPrev-Hem-nosBoulangerie {
        display: none;
    }
    .imgNext-Hem-nosBoulangerie {
        display: none;
    }
    .Lille-nosBoulangerie {
        align-items: center;
        flex-direction: column;
        font-size: 2.5vw !important;
        padding: 60px;
    }
    .imgPrev-Lille-nosBoulangerie {
        display: none;
    }
    .imgNext-Lille-nosBoulangerie {
        display: none;
    }
    .text-Lille-nosBoulangerie {
        width: 100%;
    }
    .Marcq-nosBoulangerie {
        align-items: center;
        flex-direction: column;
        font-size: 2.5vw !important;
        padding: 60px;
    }
    .imgPrev-Marcq-nosBoulangerie {
        display: none;
    }
    .imgNext-Marcq-nosBoulangerie {
        display: none;
    }
    .text-Marcq-nosBoulangerie {
        width: 100%;
    }
    .carousel-Lille-nosBoulangerie {
        padding-left: 0px;
        max-width: inherit;
    }
    .Marcq-nosBoulangerie .carousel-Marcq-nosBoulangerie {
        max-width: inherit;
    }
    .titre-page-nosBoulangerie h2 {
        font-size: 6.5vw !important;
    }


    /* PAGE NOTRE ENTREPRISE */
    .quiSommeNous {
        display: flex;
        margin-left: 6%;
        width: 92%;
        margin-top: 3%;
        flex-direction: column;
        margin-bottom: 180px;
    }
    .quiSommeNousText-text {
        margin-top: 35px;
        margin-right: 43px;
        color: #512a16;
        font-weight: bold;
        width: 670px;
    }
    .quiSommeNousImg {
        width: 670px;
        height: 335px;
        margin-top: 120px;
    }
    .hrNotreEntreprise3 {
        width: 100.9vw;
    }
    .uneEntrepriseEngage {
        display: flex;
        flex-direction: column;
        margin-top: 3%;
        width: 91%;
        margin-bottom: 25%;
        margin-left: 2%;
        margin-right: 20%;
    }
    .uneEntrepriseEngageText-text {
        margin-top: 35px;
        color: #512a16;
        font-weight: bold;
        width: 669px;
    }
    .uneEntrepriseEngageImg {
        width: 670px;
        height: 335px;
        margin-top: 26px;
    }
    .carouselPDV-Entreprise {
        position: relative;
        width: 90%;
        height: 154px;
        top: 26px;
        left: 30px;
        overflow: hidden;
    }
    .quiSommeNous-pageNotreEntreprise {
        display: block;
        flex-direction: row;
    }
    .quiSommeNous-partieText {
        width: 100%;
    }
    .quiSommeNous-partieText p {
        width: 100%;
    }
    .quiSommeNous-partieImg iframe {
        margin-left: 100px;
        margin-right: auto;
    }
    .uneEntrepriseENgage-pageNotreEntreprise {
        display: block;
    }
    .uneEntrepriseENgage-pageNotreEntreprise .quiSommeNous-partieText {
        margin-left: 0;
    }
    .quiSommeNous-partieImg {
        width: 100%;
        margin: auto;
    }


    /* PAGE NOUS CONTACTER */
    .contactflex {
        padding-top: 0px;
        display: flex;
        flex-direction: column;
        align-content: center;
        margin-left: 0px;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 200px;
    }
    .nav-full-width {
        display: block;
    }
    .img_contact {
        max-width: 130px;
        margin-top: 0px;
    }
    #flexContact {
        flex-direction: column;
        align-items: initial;
        width: 100%;
    }
    section.contact-form {
        margin-left: auto;
        margin-right: auto;
        width: 640px;
        position: relative;
    }


    /* PAGE 2-ACCUEIL */
    .row {
        display: flex;
        margin-right: -15px !important;
        margin-left: -15px !important;
        align-content: center !important;
        align-items: center !important;
        flex-direction: row !important;
    }
    .imgproduitsale {
        width: 1300px;
        max-width: 94% !important;
        height: auto !important;
    }
    

    /* FOOTER */
    .main-footer {
        flex-direction: row;
    }
    .map img {
        width: 313px;
        height: auto;
    }
    .footer-container {
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;

    }
    .link {
        background-color: transparent;
    }
    .accordion {
        width: 100%;
    }
    .accordion .link {
        cursor: pointer;
        display: block;
        padding: 15px 15px 15px 42px;
        color: white;
        font-size: 14px;
        font-weight: 700;
        border-bottom: 2px solid black;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .accordion li:last-child .link {
        border-bottom: 0;
    }
    .accordion li i.fa-chevron-down {
        right: 12px;
        left: auto;
        font-size: 16px;
        color: #f89a45;
        top: auto;
        position: absolute;
        transition: all 0.4s ease;
    }
    .accordion li.open .link {
        color: #f89a45;
    }
    .accordion li.open i {
        color: #f89a45;
    }
    .accordion li.open i.fa-chevron-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .submenu {
        display: none;
        background: transparent;
        font-size: 14px;
    }
    .submenu li {
        border-bottom: 1px solid #f89a45;
    }
    .submenu a {
        display: block;
        text-decoration: none;
        color: white !important;
        padding: 12px;
        padding-left: 42px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

    
    /*Page categorie*/
    .produitsH1 {
        margin-left: 0;
        text-align: center;
        font-size: 57px !important;
    }
    .produitsH2 {
        font-size: 30px !important;
        text-align: center;
    }
    section#products {
        margin: 10px;
    }
    .qty-products {
        gap: 10px;
    }


    /*Page Panier*/
    #mainpanier {
        margin-right: 40px;
        margin-left: 40px;
    }
    h1.text-center.mt-5 {
        padding-top: 0;
    }
    .cart-overview.js-cart {
        padding-bottom: 0;
    }
    .product-line-grid-right.product-line-actions.col-md-5.col-12 .row {
        gap: 0px;
        padding-right: 0px;
    }
    .product-line-grid-right .cart-line-product-actions {
        position: initial;
    }


    /*Page produit*/
    .quantite-products {
        font-size: 12px;
    }
}