/* col-xs */
@media screen and (max-width: 576px) {
    #top-menu {
    display: flex;
    flex-direction: column;
    }
    .bountonAjouterPanierMobile{
        border: 1px solid #FFF;
        padding: 5px;
        border-radius: 15px;
    }
    #modalShop,#modalShipping{
        display:none;
        width: 100%;
        height: 90%;
        left: 0px;
        z-index:9998;
        top: 0px;
        padding: 30px;
        background-color: transparent;
        overflow: hidden;
    }
    #_desktop_top_menu{
        display: none!important;
    }
    #order-items{
        display:none;
    }
    .btnfooterpassage .btnGradientRound{
        padding: 5px;
        margin-bottom: 13px;
        text-align:center;
    }
    .btnfooterpassage{
        margin: 20px;
    }
    .codePromoField{
        font-size: 0.8rem;
    }
    .appliquercodepromoTitle{
        display:block!important;
    }
    body#checkout section.checkout-step .forgot-password{
        text-align:right;
        widh:100%;
        margin-left: unset;
    }
    .withborderbottom{
        font-size: 0.8rem;
    }
    #header .header-nav .search-widget{
        width: initial;
        float: left;
    }
    #_desktop_user_info a span{
        display: none;
    }
    .displayMenuBlockTablette{
        display: block;
    }
    #header .header-nav #menu-icon{
        margin :unset;
    }
    .headerIcon{
        max-width: 25%;
    }
    #_desktop_logo{
        padding-top: 10px;
    }

    .listeChangePicture h3{
        text-align:center;
        margin-top: 10px;
    }
    .cacheEligibilite{
        display:none;
    }
    #_desktop_top_menu{
       display:none;
    }
    ._mobile_ps_eligibiliteadresse #_desktop_ps_eligibiliteadresse{
        margin-top: 0px;
        width:100%;
        margin-top: 5px;
    }
    section.ps_bandeauhome div.content{
        margin-top: 70px;
    }
    .cuistou-tabs{
        height: 30px;
        padding-top: 5px;
    }
    .featured-products .product-miniature{
        padding: unset;
    }
    .featured-products .thumbnail-container{
        padding: unset;
    }
    .infosCardsList{
        text-align:center;
    }

    .ifdisabled{
        margin-left: inherit;
    }
    .changePicture{
        display: none;
    }
    .picto img{
        float: none;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .listeChangePicture h3{
        text-align:center;
        margin-top: 10px;
    }
    div.blogArticle div div.blogArticleContent{
        right: -20px;
    }
    .block_newsletter form button[type="submit"]{
        position: absolute;
        right: 0px;
        left: unset;
    }
    .block_newsletter .products-section-title{
        margin-bottom: 20px;
    }
    .followUsTitle{
        text-align: left;
    }
    #googleMapCarte, .ps_link_list{
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: left;
    }
    .iconFooterSocial {
        margin-right: unset!important;
    }
    .iconFooterSocial  a{
        text-indent: unset!important;
    }
    .footer-container{
        text-align:center;
    }
    .blogArticle{
        margin-bottom: 10px;
    }
    #bandeauHome .modal-cuistou-header{
        height: 45px;
        padding: unset;
    }
    .closeBanner{
        float: right;
        margin-top: -15px;
        margin-right: -23px;
    }
    .cookieBannerClose img{
        height: 15px;
        width: 15px;
    }
    .cuistou-tabs-content{
         padding-top: 1rem!important;
    }
    .page-customer-account #content .no-account {

        margin-bottom: 60px;
        margin-top: 80px;

    }
    .closeMenuWrapper{
        display: block;
        float:right;
        margin-top: 10px;
        margin-right:10px;
    }
    #top-menu{
        margin-top: 75px;
    }
    .category{
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .block-category{
        display: none;
    }
    .mobile{
        display: block;
    }
    .filtersFormMobile{
        width: initial;
    }
    .settingsMobile {
        float: right;
        margin-top: 35px;
        margin-right: 10px;
        position: absolute;
        right: 0px;

    }
    .ingredientsCellText a.remove-from-cart,
    .recetteRow div a.remove-from-cart{
        position: absolute;
        right: 8px;
    }

    .filtersFormMobile input[type='checkbox'] {
        display: none;
    }
    .rowFilterMobile{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .settingsMobile{
        float:right;
    }
    .filtersFormMobile, .formFiltersTagMobile h3 {
        color: #000;
        text-align: center;
    }
    .filtersFormMobile.allergenes{
        margin-right:unset;
    }
    .filtersFormMobile.activeFilters {
        color: #FFF;
        border-radius: 15px;
    }
    .activeFilters{
        background: none;
    }
    .settingPannel {
        position: fixed;
        display: none;
        top: 0px;
        left: 0px;
        height: 100%;
        overflow: scroll;
        width: 100%;
        z-index: 9999;
        background-color: #FFF;
    }
    .productOptionHeader { 
		  position: fixed;
		  bottom: 0; 
	    height: 60px;
	    width: 100%;
	    z-index: 99999; 

        padding-top: 15px;
        text-align: center;
    }
    .productOptionHeader a {
        color: #FFF;
    }
    .product-actions .passageEncaisse{
        text-align: right;
    }
    .product-actions .passageEncaisse .closeMenuWrapper{
        z-index: 9999;
        POSITION: ABSOLUTE;
        right: 25px;
        margin-top: 5px;
    }
    .recetteProductAction{
        overflow: hidden;
        text-overflow:ellipsis;
    }
    .ifdisabled{
        margin-right: 0px!important;
    }
    .product-accessories .thumbnail-container, .product-miniature .thumbnail-container{
        width: 100%;
    }
    .product-accessories .thumbnail-container .bottomInformations{
        padding : 0px;
    }
    .product-accessories .thumbnail-container .bottomInformations .add button{
        left: 25px;
    }
    .passageEncaisse .add-to-cart{
        right: 0px;
    }
    .pack-product-price, .pack-product-name-container{
        font-size: 0.7rem;
    }
    .product-pack .ingredients .thumb-mask > .mask{
        margin: 1rem 2.5rem;
    }
    .titleDuCHef{
        font-size: 1rem;
    }
    #quotemarkLeftTop, #quotemarkRightBottom{
        height: 50px;
        width: 50px;
     }
    #modalToBuy{
        display:none;
    }
    figure.coinPresse{
        width: 100%;
    }
    .coinPresse a img {
        max-width: 75% !important;
        height:auto!important;
    }
    .coinPressTitle{
        font-size: 1rem;
        padding: 5px!important;
    }
    #search_widget_desktop {
        position: absolute;
        left: -110px;
        display: none;
        top: 125px;
        padding-left: 30px;
        padding-top: 15px;
        background-color: #f1f1f1;
        padding-bottom: 15px;
        padding-right: 30px;
    }
    #submit-login{
       float:right!important;
        padding: 5px 5px 5px 5px;
        width: 100%;
   }
    .footerReturn{
        position: relative;
    }
    .cart-grid{
        margin-bottom: initial;
    }
    ._mobile_ps_eligibiliteadresse{
        display: block;
    }

    .cartPassageEncaisse a{
        padding: 0px;
        margin-top: 15px;
        padding-right: 15px;
    }
    .ingredientsRow{
        padding-left: 0px;
        padding-right: 0px;
    }

    .recetteRowTitle{
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .alunite{
        padding-right: 15px;
        padding-left: 15px;
    }
    .step-edit{
      display: none!important;
    }

    .cart-products-count{
        width: 80px!important;
    }

    a{
        cursor: pointer;
    }

    .cartproduct .row{
        padding-left:10px;
        padding-ight:10px;
    }
    .pac-container{
        background-color: #FFF;
    }
    .h6.carrier-name, .carrier-price{
        text-transform: initial;
    }
    .shippingLogo{
        display:none;
    }
    #delivery label, .card-title.h3{
        text-transform: initial;
    }
    .modalCGV {
        top: 115px;
    }
    #order-items .qty{
        padding-top: 10px;
    }
    .ingredientsCellText{
        padding: 10px 10px 10px 5px;
    }
    .boutonSearch{
        background: #B9CE21;
        background: -moz-linear-gradient(left, #B9CE21 0%, #51B131 100%);
        background: -webkit-linear-gradient(left, #B9CE21 0%, #51B131 100%);
        background: linear-gradient(to right, #B9CE21 0%, #51B131 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B9CE21', endColorstr='#51B131', GradientType=1);
        color: #FFF;
        text-transform: unset;
        padding: 5px 15px 5px 15px;
        border-radius: 15px;
        float: right;
    }
    .order-confirmation-table .ingredientsCellText{
        padding: 10px 10px 10px 0px;
    }
    #searchBar  .closeMenuWrapper{
        margin-top: unset;
    }

    #top-menu{
        text-align:center;
    }
    #searchBar .modal-cuistou-header{
        font-family: 'Nunito';
        font-style: normal;
        font-weight: 300;
        font-size: 25px;
        letter-spacing: 0.2rem;
    }
    .top-menu a[data-depth="0"]{
        text-transform: uppercase;
        font-family: 'Nunito';
        font-style: normal;
        font-weight: 300;
        font-size: 0.7em;
        letter-spacing: 0.2rem;
    }

    .category{
        margin-bottom: 10px;
    }
    #_desktop_ps_eligibiliteadresse div input{
        background-color: #F5F5F5;
    }
    .recetteRow div a.remove-from-cart {
        position: absolute;
        right: 8px;
    }

    .cartPassageEncaisse{
        margin-bottom: 20px;
    }

    .cartPassageEncaisse div a.btnGradientRound {
        display: block;
        position: inherit;
        color: #FFF;
        font-size: 1rem;
    }
    .marginbottompromo {
        margin-bottom: 3rem;
        margin-top: -5px;
    }

    .cart-detailed-totals{
        margin-bottom: 30px;
    }
    section#wrapper {
        margin-top: 115px;
    }



    #returnCategoryCroix a img{
       width: 60%;
       margin: 6px; 
    }
    
    #returnCategoryCroix{
        display: block;
        -moz-box-shadow: 0px 2px 2px 0px #9b9b9b;
        -webkit-box-shadow: 0px 2px 2px 0px #9b9b9b;
        -o-box-shadow: 0px 2px 2px 0px #9b9b9b;
        box-shadow: 0px 2px 2px 0px #9b9b9b;
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=180, Strength=2);
            position: fixed;
        right: 0;
         top: 115px;
        margin: 20px; 
        background-color: #FFF; 
        border-radius: 20px; 
        height: 30px;  
        width: 30px;
        z-index: 9999;
    }
 

    .homefeaturecategories{
        display: block;
    }
    .homefeatureproduct{
        display: none;
    }
}