.mobile-menu-logo, .mobile-menu {
    display: none;
}

@media (max-width: 1320px) {
    #header > div, #header ul.entity-list {
        width: 100%;
    }

    #header .entity-list li {
        float: none;
        display: inline-block !important;
        vertical-align: top;
        margin-left: 3.7%;
    }

    .Recettes #page-title {
        width: 100%;
        /* background: url('/~/media/Cotedor/be/Files/Images/recipes/Tablette_1024x125px-1.ashx') center top no-repeat;
		background-size:100%; */
    }
}

@media (max-width: 1200px) {
    #rightcontent .product_Cotedor_Related_product, #rightcontent .product_Cotedor_Related_product .jcarousel-skin-tango {
        width: 100%;
    }

    .cookie_container {
        background-size: cover;
        width: 100%;
    }

        .cookie_container p {
            padding-left: 30%;
        }
}

@media (max-width: 1024px) {
    #header .entity-list li {
        margin-left: 3.2%;
    }

    #cookie_popup {
        line-height: 1.2;
    }
}

@media (max-width: 990px) {
    
       .productdetail #laselection {
            margin: 0px;
        }

    /* recette pages*/

    .Recettes #page-title .recette-title h1 .recipes-title-keyword {
        font-size: 28px;
    }

    #products-filter #products-filters {
        text-align: left;
    }

    .produits-list .list-callout .head {
        margin: 0 auto;
        text-align: center;
    }

    .Recettes #products-filters .filter-block {
        background-position: right 0;
        min-height: 128px;
        height: auto;
        position: relative;
    }

    .Recettes #products-filter {
        height: 135px;
    }

    .recipe_images a {
        display: block;
    }

        .recipe_images a img {
            width: 100%;
        }

    .Rec-Details .rdrelatedrecipes {
        clear: both;
        margin: auto;
        position: relative;
        width: 980px;
    }

    .rdrelatedrecipes h2 {
        text-transform: uppercase;
    }

    .rdrelatedrecipes ul div.related_anchor {
        height: 70px;
    }

    .Recettes .list-callout .head {
        text-align: center;
        padding: 0 30px;
        box-sizing: border-box;
        margin: 0;
    }

    .Recettes .head h3 {
        padding: 12px 0;
        display: inline-block;
        position: relative;
    }

        .Recettes .head h3:after {
            content: '';
            background: url('../images/down-arrow-img.png') 0px 20px no-repeat;
            width: 15px;
            height: 30px;
            display: inline-block;
            position: absolute;
            right: -25px;
            top: 0px;
        }

        .Recettes .head h3.visible:after {
            background: url("../images/up-arrow-img.png") 0 bottom no-repeat;
            height: 28px;
        }

        .Recettes .head h3:before {
            content: '';
            background: url('../images/down-arrow-img.png') 0px 20px no-repeat;
            width: 15px;
            height: 30px;
            display: inline-block;
            position: absolute;
            left: -25px;
            top: 0px;
        }

        .Recettes .head h3.visible:before {
            background: url("../images/up-arrow-img.png") 0 bottom no-repeat;
            height: 28px;
        }

    #share_social .print {
        float: left;
        width: auto;
    }

    #content .entity-listview ul.entity-list {
        margin: auto;
        text-align: center;
    }

    .Recettes #page-title .recette-title a.button {
        margin-left: 154% !important;
        width: 130px;
        font-size: 23px!important;
        margin-top: -18%!important;
    }
    /* recette pages ENDS*/

    /*------------- Buttons -----------*/
    .produits-list #products-filter #products-filters {
        text-align: center;
    }

    a.button {
        background: url("../images/mobile/btn-right-mobile.png") right top no-repeat !important;
        padding-right: 49px;
        font-size: 16px !important;
    }

        a.button:hover {
            background-image: url("../images/mobile/btn-right-hover-mobile.png") !important;
        }

        a.button span {
            background: none;
            padding: 0;
        }

        a.button > span {
            background: url("../images/mobile/btn-left-mobile.png") left top no-repeat !important;
            padding: 14px 12px 24px 20px;
        }

        a.button:hover > span {
            background-image: url("../images/mobile/btn-left-hover-mobile.png") !important;
        }

    /*------------- Products -----------*/
    .produits .base-page-content, .produits #nouveautes, .produits #tablettes, .produits #pralines, .produits #biscuits, .produits #chocolatees, .produits #chokotoff, .produits #autres_chocolats, #footer .links, #footer_Nav, .copyright-container, .produits #laissez .wrapper {
        max-width: 980px;
        width: 100%;
    }

    .produits #content {
        background: none;
    }

    /* Laissez */
    .produits .base-page-content {
        height: auto;
    }

        .Recettes #page-title .recette-title h1, .produits .base-page-content h1 {
            font-size: 18px;
            padding: 14px 0;
            text-align: center;
        }

    .produits #laissez {
        height: auto;
        background: none;
    }

        .produits #laissez .wrapper .readMoreImg {
            height: 325px;
            background: url("../images/mobile/products-elephant.jpg") top center no-repeat;
            background-size: cover;
        }

        .produits #laissez .wrapper .readMoreContent {
            width: 100%;
            float: none;
            background: url("../images/mobile/products-guide-bg.jpg") top center no-repeat;
            background-size: cover;
            margin: 0;
            box-sizing: border-box;
            padding: 20px;
        }

    /* Nouveautes */
    .produits #nouveautes .readMoreContent {
        float: right;
        width: 80%;
        margin-left: 0;
        padding-left: 20px;
    }

    .produits #nouveautes .readMoreImg {
        height: 325px;
        background: url("../images/mobile/products-chocolate-01.jpg") top center no-repeat;
    }

    .produits #nouveautes .readMoreContent a {
        float: right;
        margin-left: 0;
    }

    /* Tablettes */
    .produits #tablettes .readMoreImg {
        height: 396px;
        background: url("../images/mobile/products-chocolate-02.jpg") top center no-repeat;
    }

    .produits #tablettes .readMoreContent {
        float: none;
        width: 100%;
        margin-top: -40px;
    }

    /* Pralines */
    .produits #pralines .readMoreImg {
        height: 352px;
        background: url("../images/mobile/products-chocolate-03.jpg") top center no-repeat;
    }

    .produits #pralines .readMoreContent {
        float: left;
        padding: 20px 20px 0;
        width: 100%;
    }

        .produits #pralines .readMoreContent a {
            float: right;
        }

    /* Common for chocolate blocks */
    .produits .readMoreBlock {
        background: url("../images/mobile/border-chocolate-blocks.png") center bottom no-repeat;
    }

        .produits .readMoreBlock .readMoreContent {
            box-sizing: border-box;
            padding: 0 20px;
            margin-bottom: 20px;
        }

    .produits #nouveautes, .produits #tablettes, .produits #pralines, .produits #biscuits, .produits #chocolatees, .produits #chokotoff, .produits #autres_chocolats {
        height: auto;
        float: left;
    }

        .produits #laissez .wrapper .readMoreContent h3, .produits #nouveautes .readMoreContent h3, .produits #tablettes .readMoreContent h3, .produits #pralines .readMoreContent h3 {
            font-size: 18px;
            padding-top: 0;
        }

        .produits #laissez .wrapper .readMoreContent p, .produits #nouveautes .readMoreContent p, .produits #tablettes .readMoreContent p, .produits #pralines .readMoreContent p {
            font-size: 14px;
        }

        .produits #nouveautes .readMoreContent a, .produits #pralines .readMoreContent a, .produits #chokotoff .readMoreContent a, .produits #autres_chocolats .readMoreContent a {
            margin-left: 0;
        }

    /*------------- Products list -----------*/
    #page-title div.layout, #products-filter .layout, #content .entity-listview, .head .layout {
        width: 100%;
    }

    .Recettes #page-title {
        background: url('/~/media/Cotedor/be/Files/Images/recipes/Mobile_768x125px-1.ashx') center top no-repeat;
        height: auto;
        float: left;
        width: 100%;
        background-size: 100% 100%;
    }

    .Recettes #content, .produits-list #content {
        padding-top: 45px !important;
    }

    .Recettes #page-title p {
        display: none;
    }

    .Recettes #page-title .recette-title {
        padding: 0;
        width: 100%;
        margin-top: 30px;
    }

        .Recettes #page-title .recette-title h1 {
            padding: 15px 0 5px;
            text-align: left;
            font-size: 28px;
            margin-left: 0;
            width: 25%;
            padding-top: 0%;
            padding-left: 5%;
            line-height: 26px;
            margin-top: 1%;
        }

    .Recettes #page-title .recette-title-second-line {
        /* line-height: 17px!important; */
        font-size: 28px;
        line-height: 26px;
    }

    .Recettes .recette-title .button span {
        padding: 14px 12px 0px 20px !important;
    }

    .Recettes #page-title .recette-title a.button {
        width: 128px;
        margin-left: 150%!important;
    }

    .Recettes #page-title .recette-title, #page-title {
        /* background: none; */
        text-align: center;
        height: auto;
    }

    .Rec-Details #recipes_Details {
        margin: 0 auto;
    }

    #page-title h2 {
        font-size: 18px;
    }

    #page-title h3 {
        font-size: 14px;
        font-weight: bold;
        line-height: 30px;
    }

    .imagetype202 img {
        max-width: 100%;
    }

    #content .entity-listview li {
        margin-left: 25px;
        margin-right: 25px;
    }

    .produits-list #content .entity-listview ul.entity-list {
        text-align: center;
    }

    .product_CDO_Product_Name a {
        text-align: left;
    }

    .produits-list #content .list-callout {
        text-align: center;
    }

    /*------------- Filters -----------*/
    .produits-list .head h3 {
        background: none!important;
        display: inline-block;
        position: relative;
        padding-left: 25px;
        padding-right: 25px;
        margin: 0 10px;
    }

        .produits-list .head h3:before, .produits-list .head h3:after {
            content: "";
            position: absolute;
            left: 0;
            top: 17px;
            width: 13px;
            height: 9px;
            background: url("../images/down-arrow-img.png") 0 0 no-repeat;
        }

        .produits-list .head h3:after {
            right: 0;
            left: auto;
        }

        .produits-list .head h3.visible:before, .produits-list .head h3.visible:after {
            background-image: url("../images/up-arrow-img.png");
        }

    #products-filter {
        background: url("../images/mobile/filters-bg.jpg") 0 0 no-repeat;
        background-size: cover;
        position: relative;
        padding: 0;
        box-sizing: border-box;
        float: left;
        height: auto;
    }

    #products-filters .filter-block {
        width: 100%!important;
        box-sizing: border-box;
        height: auto;
        margin: 0;
        padding: 15px 10%;
        background: url("../images/mobile/border-chocolate-blocks.png") center top no-repeat;
    }

    #products-filters ul {
        padding: 0;
        box-sizing: border-box;
        width: 100%;
        text-align: center;
        display: none;
    }

    #products-filters li {
        display: inline-block;
        width: 30%;
        text-align: left;
        line-height: 1.4;
    }

    #products-filters .filters-ingredients li {
        float: none;
        width: auto!important;
    }

    #products-filters .filters-produits:first-child ul {
        width: 69%;
    }

        #products-filters .filters-produits:first-child ul li {
            width: 43%;
        }

    #products-filters .filters-produits#filterproduct {
        position: absolute;
        left: 61%;
        top: 36px;
        width: 200px!important;
        background: none;
        padding: 0;
    }

    #filterproduct .filters-list {
        padding: 0;
    }

        #filterproduct .filters-list li {
            width: 100%;
        }

    #products-filters li span {
        line-height: 18px;
        font-size: 13px;
    }

    #products-filters h4 {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

        #products-filters h4:after {
            content: "";
            position: absolute;
            right: -20px;
            top: 5px;
            width: 13px;
            height: 9px;
            background: url("../images/down-arrow-img.png") 0 0 no-repeat;
        }

        #products-filters h4.visible:after {
            background-image: url("../images/up-arrow-img.png");
        }

        #products-filters h4.visible:after {
            background-image: url("../images/up-arrow-img.png");
        }

    /*------------- Product detail -----------*/
    .productdetail #page-title {
        background: none;
        height: auto;
        margin-bottom: 20px;
    }

    .productdetail #product-slug {
        float: left;
        box-sizing: border-box;
        padding: 0 20px;
    }

    #product-slug .container .product_CDO_Product_Name span {
        font-size: 18px;
        color: #ffffff;
        text-transform: none;
    }

    #product-slug .container .product_Product_long_description span.productLabel {
        color: #ffffff;
        font-family: 'FuturaStdBold',Arial,sans-serif;
        font-size: 18px;
        display: block;
        margin-bottom: 10px;
    }

    #product-slug .container .product_Product_long_description .productProperty p {
        font-size: 14px;
        line-height: 1.4;
    }

    .productdetail #product-slug .container {
        width: 100%;
        float: left;
        height: auto;
        clear: both;
    }

        .productdetail #product-slug .container #rightcontent, .productdetail #product-slug .container #leftcontent {
            float: none;
            width: 100%;
            padding: 0 40px;
            box-sizing: border-box;
            position: relative;
        }

    .productback {
        color: #ffffff;
        font-size: 14px;
        margin: 0;
        top: 15px;
        left: 0;
        width: auto;
        padding-left: 15px;
        background: url("../images/mobile/arrow-go-back.png") left 1px no-repeat;
    }

    #rightcontent .product_CDO_Product_Name {
        padding: 60px 0 20px;
    }

    #product-slug #rightcontent .product_image {
        text-align: center;
    }

        #product-slug #rightcontent .product_image img {
            width: auto!important;
            height: auto!important;
            max-height: 320px
        }

         
    .productdetail .menu-item#foot_nav4 {
        display:none;
    }

    #rightcontent .product_Product_long_description {
        padding-top: 20px;
    }

    #rightcontent .product_Cotedor_Related_product {
        width: 100%;
        height: 276px;
        box-sizing: border-box;
        padding: 0 40px;
        background: url("../images/mobile/related-bg-tablet.png") center top no-repeat;
    }

    #rightcontent h3 {
        text-align: left;
        font-size: 16px;
    }

    .Recettes #selection {
        clear: both;
        background: url("/~/media/Cotedor/be/Files/Images/recipes/1024x752_NOTEXT.ashx") no-repeat scroll transparent;
        height: 252px;
    }


    .DivProduit {
        width: 100%;
    }

    #laselection {
        width: 100%;
        background: url("../images/mobile/selection-bg.jpg") 0 0 no-repeat;
        background-size: cover;
        padding-top: 30px;
    }

        #laselection h2, #Actuellement h2 {
            font-size: 18px;
        }

        #laselection p, #Actuellement p {
            font-size: 14px;
            margin: 0 !important;
        }

        #laselection p {
            padding-left: 60px;
        }

        #laselection .readMoreContent {
            margin: 0 20% 20px 60px;
            background: url("../images/mobile/fb-button.png") left 55px no-repeat;
        }

    #Actuellement {
        width: 100%;
        background: url("../images/mobile/actual-bg.jpg") 0 0 no-repeat;
        background-size: cover;
        padding-top: 30px;
    }

        #Actuellement .readMoreContent {
            padding: 0 150px 20px 60px;
            width: 100%;
            left: 0;
            box-sizing: border-box;
        }

    #leftcontent.hide-mobile {
        display: none;
    }


    /*------------- Footer -----------*/
    #footer {
        padding: 20px 0 0;
        background: #323232;
        color: #ffffff;
        clear: both;
    }

    #footer_Nav {
        height: auto;
        margin-bottom: 20px;
        box-sizing: border-box;
        padding: 0 20px;
    }

        #footer_Nav > li {
            float: none;
            margin: 0;
        }

            #footer_Nav > li > a span {
                color: #ffffff;
            }

        #footer_Nav li .menu-item-children {
            float: left;
            width: 100%;
            margin: 8px 0 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #cbcbcb;
        }

            #footer_Nav li .menu-item-children li {
                float: left;
                width: 45%;
                margin: 5px 0;
            }

                #footer_Nav li .menu-item-children li a span {
                    color: #ffffff;
                    font-family: arial, sans-serif;
                    font-size: 13px;
                }

    #footer .links {
        float: left;
        width: 100%;
        height: auto;
        border-top: 1px solid #4D4D4D;
        padding: 5px 0;
    }

    ul.footer-links {
        text-align: center;
    }

        ul.footer-links li {
            float: none;
            display: inline-block;
        }

    #footer .footer-links a {
        font-size: 13px;
    }

    .copyright-container {
        clear: both;
    }

        .copyright-container .copyright {
            text-align: center;
            padding: 5px 0;
            background-color: #000000;
        }

    #footer_Nav > li#foot_nav4 {
        text-transform: uppercase;
    }

    .Recettes #products-filter #products-filters {
        padding: 0px 10%;
    }

        .Recettes #products-filter #products-filters ul {
            display: block;
        }

            .Recettes #products-filter #products-filters ul li {
                float: left;
            }

    .Recettes #products-filters .filter-block {
        padding-top: 30px;
    }

    .Recettes .line4 {
        margin-left: -34.6%;
        margin-top: 30px;
    }

    .Recettes .line5 {
        margin-left: 0;
        margin-top: 0;
    }

    .Recettes .list-callout .head {
        min-height: 50px;
        height: auto;
        background: #5b0202;
    }

    .Rec-Details #recipes_Details .container {
        width: 100%;
    }

        .Rec-Details .rdrelatedrecipes, .Rec-Details #recipes_Details .container #rightcontent, .Rec-Details #recipes_Details .container #leftcontent {
            float: none;
            width: 70%;
            margin: 0 auto;
        }

            .Rec-Details .rdrelatedrecipes ul > div {
                float: left;
                background-color: #CD181F;
                margin: 2%;
                width: 46%;
            }

            .Rec-Details .rdrelatedrecipes ul div img {
                width: 100%;
                margin: 0;
                padding: 9px;
                box-sizing: border-box;
                height: auto;
            }

    .rdrelatedrecipes ul div div {
        height: 100%;
    }

    .Rec-Details #rightcontent .recipe_instructions {
        margin-left: 0;
        margin-top: 10px;
    }

    .Rec-Details #rightcontent .rdIngredients {
        margin-left: 0;
        margin-top: 0;
    }

    .Rec-Details .myRecipeImages table {
        width: 100%;
    }

        .Rec-Details .myRecipeImages table img {
            height: auto;
        }

    .Rec-Details .recipe_title {
        padding-top: 10px;
        padding-bottom: 0;
    }

        .Rec-Details .recipe_title span {
            font-size: 13px;
            text-transform: none;
        }

    .Rec-Details #recipes_Details .productback {
        top: inherit;
        left: inherit;
        position: relative;
        display: inline-block;
        font-family: "FuturaStdBook","Times New Roman",Times,serif;
        font-style: normal;
    }

    .Rec-Details .rdrelatedrecipes ul div.related_anchor {
        padding: 8px;
        box-sizing: border-box;
    }

        .Rec-Details .rdrelatedrecipes ul div.related_anchor a {
            margin: 0;
            position: relative;
        }

    .Rec-Details #rightcontent .rdIngredients h2, .Rec-Details #rightcontent .recipe_instructions h2 {
        font-family: 'FuturaStdBold',Arial,sans-serif;
        font-size: 13px;
    }

    .Rec-Details .rdrelatedrecipes h2 {
        font-family: 'FuturaStdBold',Arial,sans-serif;
        font-size: 13px;
    }

    .Rec-Details #share_social {
        margin-left: 0;
    }

    .Rec-Details .recipe_instructions ul {
        margin-left: 0;
    }

    .Rec-Details #rightcontent .recipe_instructions ul li {
        list-style: none;
    }


    /*Menu*/
    #header .entity-list li {
        display: none !important;
    }

        #header .entity-list li.mobile-menu-logo, #header .entity-list li.lastItem, #header .entity-list li.listItem-4 {
            display: inline-block !important;
            float: none;
        }

        #header .entity-list li.mobile-menu-logo {
            margin-left: 0;
            position: absolute;
            left: 10px;
            top: 15px;
        }

            #header .entity-list li.mobile-menu-logo span {
                background: url("../images/mobile/mobile-menu-img.png") 0 0 no-repeat transparent;
                width: 25px;
                height: 18px;
                display: inline-block;
                cursor: pointer;
            }

        #header .entity-list li.lastItem {
            position: absolute;
            top: 0;
            right: 0;
        }

            #header .entity-list li.lastItem .languageSwitcher a {
                font-size: 16px;
                color: #ffffff;
                font-weight: bold;
            }

        #header .entity-list li.listItem-4 {
            margin-left: 0;
        }

            #header .entity-list li.listItem-4 #site-logo {
                margin-top: 0;
                width: 75px;
            }

                #header .entity-list li.listItem-4 #site-logo img {
                    width: 100%;
                    height: auto;
                }

    #header ul.entity-list {
        width: 100%;
        text-align: center;
    }

    #header .sweetControl {
        width: 100%;
    }

    .mobile-menu {
        background: #cfbaa7; /* Old browsers */
        background: -moz-linear-gradient(-45deg, #cfbaa7 0%, #cfbaa7 28%, #cfbaa7 28%, #bba896 44%, #cfbaa7 44%, #aa9788 44%, #bba896 44%, #aa9788 47%, #aa9788 47%, #aa9788 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cfbaa7), color-stop(28%,#cfbaa7), color-stop(28%,#cfbaa7), color-stop(44%,#bba896), color-stop(44%,#cfbaa7), color-stop(44%,#aa9788), color-stop(44%,#bba896), color-stop(47%,#aa9788), color-stop(47%,#aa9788), color-stop(100%,#aa9788)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg, #cfbaa7 0%,#cfbaa7 28%,#cfbaa7 28%,#bba896 44%,#cfbaa7 44%,#aa9788 44%,#bba896 44%,#aa9788 47%,#aa9788 47%,#aa9788 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg, #cfbaa7 0%,#cfbaa7 28%,#cfbaa7 28%,#bba896 44%,#cfbaa7 44%,#aa9788 44%,#bba896 44%,#aa9788 47%,#aa9788 47%,#aa9788 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg, #cfbaa7 0%,#cfbaa7 28%,#cfbaa7 28%,#bba896 44%,#cfbaa7 44%,#aa9788 44%,#bba896 44%,#aa9788 47%,#aa9788 47%,#aa9788 100%); /* IE10+ */
        background: linear-gradient(135deg, #cfbaa7 0%,#cfbaa7 28%,#cfbaa7 28%,#bba896 44%,#cfbaa7 44%,#aa9788 44%,#bba896 44%,#aa9788 47%,#aa9788 47%,#aa9788 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfbaa7', endColorstr='#aa9788',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        width: 269px;
        position: fixed;
        top: 0;
        left: -269px;
        display: block;
        height: 100%;
        z-index: 9999;
    }

        .mobile-menu .close-mobile-menu span {
            background: url("../images/mobile/close-menu-img.png") 0 0 no-repeat transparent;
            width: 21px;
            height: 21px;
            display: inline-block;
            margin: 10px;
            cursor: pointer;
        }

        .mobile-menu .close-mobile-menu {
            background: url("../images/mobile/mobile-menu-border.jpg") 0 bottom repeat-x transparent;
        }

            .mobile-menu .close-mobile-menu + .linkContainer a {
                background: none;
            }

        .mobile-menu .linkContainer {
            float: left;
            width: 100%;
            padding: 0 10px;
            background: url("../images/mobile/menu-arrow.png") 245px center no-repeat transparent;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        .mobile-menu a {
            display: block;
            font-size: 14px;
            color: #ffffff;
            font-family: 'FuturaStdBook',Arial,sans-serif;
            text-transform: uppercase;
            padding: 10px 0;
            background: url("../images/mobile/mobile-menu-border.jpg") 0 0 repeat-x transparent;
        }
    /*menu end*/

    .rdrelatedrecipes h2 {
        border-bottom: 3px solid #CD181F;
    }

    .cookie_container {
        padding-left: 0;
        background-position: -220px 0;
    }

        .cookie_container p {
            padding-left: 150px;
        }

    .rdrelatedrecipes ul li {
        display: inline-block;
        width: 47%;
        margin: 1.0%;
        padding: 0;
    }

        .rdrelatedrecipes ul li img {
            display: inline-block;
            width: 100%;
            margin: 0;
        }
}



@media (min-width: 641px) and (max-width: 788px) {
    #content .entity-listview li {
        margin-left: 10px;
        margin-right: 10px;
        width: 186px;
    }

        #content .entity-listview li .recipe_title {
            width: 171px;
        }
}


@media (max-width: 640px) {
    .Recettes #selection {
        clear: both;
        background: url("/~/media/Cotedor/be/Files/Images/recipes/768x252_NOTEXT.ashx") no-repeat scroll center transparent;
        height: 252px;
        background-size: 100% 100%;
    }

    #selection .readMoreContent h1 {
        width: 50%!important;
        line-height: 28px;
        font-size: 28px;
        padding-left: 5% !important;
    }

    #selection .readMoreContent p {
        width: 51% !important;
        padding-left: 6% !important;
        margin-top: -1%;
        line-height: 18px;
    }

    .Recettes #selection .readMoreContent a.button {
        margin-top: -12%!important;
        width: 120px;
        padding-left: 30%!important;
    }

    #content .entity-listview li {
        margin-left: 10px;
        margin-right: 10px;
    }

    .Recettes #products-filters li {
        width: 50% !important;
        margin-right: 14%;
        margin-bottom: 8px;
    }

    .Recettes .line4 {
        margin-left: -19.6%;
        margin-top: 0;
    }

    .Recettes .line5 {
        margin-left: -19.6%;
        margin-top: 38px;
    }

    .Recettes #products-filters .filter-block {
        background: none;
        padding-top: 0;
    }

    .Recettes #products-filter {
        background: #5b0202;
    }

    .Recettes #page-title .recette-title h1, .produits .base-page-content h1 {
    }

    .recette-title h1 span.first-line {
        font-size: 16px !important;
        margin-left: 0;
        padding-left: 6%;
    }

    .recette-title h1 span.second-line {
        margin-left: 0;
        padding-left: 9%;
        margin-top: 12px!important;
    }

    /*------------- Buttons -----------*/
    a.button {
        display: block;
        float: none!important;
        text-align: center;
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -moz-transform: scale(0.6);
        margin: 9px 0 0 122px;
    }

        a.button span {
            display: block;
        }

    /*------------- Products -----------*/
    .produits .base-page-content h1, .produits #laissez .wrapper .readMoreContent h3 {
        font-size: 14px;
        line-height: 1.4;
    }

    .produits #laissez .wrapper .readMoreImg, .produits #nouveautes .readMoreImg, .produits #tablettes .readMoreImg, .produits #pralines .readMoreImg {
        min-height: 250px;
        background-size: cover;
    }

    .produits #tablettes .readMoreContent {
        margin-top: 0;
    }

    .produits #nouveautes .readMoreContent {
        width: 100%;
    }

        .produits #nouveautes .readMoreContent h3, .produits #tablettes .readMoreContent h3, .produits #pralines .readMoreContent h3 {
            font-size: 16px;
            padding-bottom: 5px;
        }

        .produits #laissez .wrapper .readMoreContent p, .produits #nouveautes .readMoreContent p, .produits #tablettes .readMoreContent p, .produits #pralines .readMoreContent p {
            font-size: 11px;
        }

    .produits .readMoreBlock {
        background-image: url("../images/mobile/border-small-chocolate-blocks.png");
    }

    #page-title h2 {
        font-size: 14px;
        line-height: 1.2;
    }

    /*------------- Filters -----------*/

    #products-filters .filter-block {
        padding-left: 20px;
        padding-right: 20px;
        background-image: url("../images/mobile/border-small-chocolate-blocks.png");
    }

    #products-filters li {
        float: left;
        width: 50%!important;
        font-size: 12px;
    }

    #products-filters .filters-ingredients li {
        float: none;
        width: auto!important;
    }

    #products-filters .filters-produits:first-child ul {
        width: 100%;
    }

    #products-filters .filters-produits#filterproduct {
        position: relative;
        top: -7px;
        left: 0;
        width: 100%!important;
        padding-left: 20px!important;
        padding-right: 20px;
    }

    #products-filters .filters-produits {
        padding-bottom: 0;
    }

    #products-filter .filters-produits.has-padding {
        padding-bottom: 0;
    }

    #filterproduct .filters-list {
        width: 100%;
    }

    #products-filters h4 {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

        #products-filters h4:after {
            content: "";
            position: absolute;
            right: -20px;
            top: 7px;
            width: 13px;
            height: 9px;
            background: url("../images/down-arrow-img.png") 0 0 no-repeat;
        }

        #products-filters h4.visible:after {
            background-image: url("../images/up-arrow-img.png");
        }

    #products-filters .filters-ingredients h4:after {
        content: normal;
    }

    #products-filters ul {
        display: none;
    }

    #products-filters .filters-segments {
        margin-top: 15px;
    }

    .productdetail #product-slug {
        padding: 0;
    }

        .productdetail #product-slug .container #rightcontent {
            padding: 0 20px;
        }

    a.productback {
        left: 20px;
    }

    #rightcontent .product_CDO_Product_Name {
        padding: 40px 0 0;
    }

    #product-slug .container .product_CDO_Product_Name span {
        font-size: 14px;
        line-height: 1.4;
    }

    #product-slug .container .product_Product_long_description span.productLabel {
        font-size: 14px;
        margin-bottom: 0;
    }

    #rightcontent .product_Cotedor_Related_product {
        padding: 0;
    }

    #laselection .readMoreContent {
        margin: 0 20px 20px;
    }

    #laselection h2, #Actuellement h2 {
        font-size: 14px;
    }

    #laselection p, #Actuellement p {
        font-size: 11px;
    }

    #Actuellement {
        background-image: url("../images/mobile/actual-mobile-bg.jpg");
    }

        #Actuellement .readMoreContent {
            padding: 0 20px 20px;
        }

    #product-slug .container .product_Product_long_description .productProperty p {
        font-size: 11px;
    }

    #rightcontent .product_Cotedor_Related_product {
        background: url("../images/mobile/related-bg-mobile.png") center top no-repeat;
    }

    body.productdetail #rightcontent .product_Cotedor_Related_product .jcarousel-skin-tango .jcarousel-clip-horizontal {
        width: 345px;
    }

    body.productdetail #rightcontent .jcarousel-skin-tango .jcarousel-next-horizontal {
        margin-right: 0;
    }

    body.productdetail #rightcontent .jcarousel-skin-tango .jcarousel-prev-horizontal {
        margin-left: 0;
    }

    #rightcontent .product_Cotedor_Related_product .jcarousel-skin-tango, #rightcontent .product_Cotedor_Related_product .jcarousel-skin-tango .jcarousel-container, #rightcontent .product_Cotedor_Related_product .jcarousel-skin-tango .jcarousel-clip-horizontal {
        width: 100%;
    }

    ul#mycarousel li {
        padding-left: 0px;
        padding-right: 0px;
    }

    #content .entity-listview li {
        margin-left: 2%;
        margin-right: 2%;
        width: 45%;
    }

        #content .entity-listview li .recipe_title {
            padding-right: 0;
            width: 100%;
        }

            #content .entity-listview li .recipe_title a {
                display: block;
                padding-right: 15px;
                font-size: 13px;
            }

    .Recettes #page-title .recette-title h1 {
        line-height: 13px;
        margin-top: 0px;
        padding-top: 0px !important;
        padding-bottom: 15px;
    }

    .Recettes #page-title .recette-title {
        margin-top: 15px !important;
    }

    #content .entity-listview li .recipe_images table {
        width: 100%;
    }

    .Rec-Details .rdrelatedrecipes, .Rec-Details #recipes_Details .container #rightcontent, .Rec-Details #recipes_Details .container #leftcontent {
        width: 95%;
    }

    .Recettes #page-title .recette-title h1, .produits .base-page-content h1 {
        font-size: 16px;
        padding-top: 5%;
        width: 38%;
    }

        .Recettes #page-title .recette-title h1 span, .produits .base-page-content h1 span {
            font-size: 15px!important;
        }

    .Recettes #page-title .recette-title-second-line {
        font-size: 16px;
        line-height: 13px !important;
    }

    .Recettes #page-title .recette-title .button span {
        padding: 13px 12px 15px 20px !important;
    }

    .Rec-Details #selection {
        width: auto;
    }

    .Recettes #selection {
        width: auto;
    }

    #selection .readMoreContent h1 {
        padding-left: 0;
        width: auto;
    }

    #selection .readMoreContent p {
        padding-left: 0;
        width: auto;
        font-size: 14px;
    }

    .Recettes #selection .readMoreContent a.button {
        margin-top: -17px;
        padding-left: 10px;
        /* margin-left:91px; */
    }

    .Recettes #page-title .recette-title h1 span.first-line {
        padding-left: 6%;
        width: 100px;
        line-height: 19px;
        margin-top: -24px;
    }

    .Recettes #page-title .recette-title h1 span.second-line {
        padding-left: 7%;
        width: 130px;
        line-height: 18px;
        font-size: 14px!important;
        margin-top: 0px!important;
    }

    .Recettes #page-title .recette-title a.button {
        margin: -27px 0 -16px 90% !important;
    }
}

@media (max-width: 640px) {
    .cookie_container {
        height: 200px;
        background-size: cover;
        background-position: 100% 0;
    }

        .cookie_container p {
            padding: 5px 10px;
            font-size: 11px;
        }
}




@media all and (max-width : 767px) {

        .produits-list #footer #foot_nav4
{
    display: none;
}
    #product-slug .product_image.imagetype233 img {
        max-height: 145px!important;
    }

    #product-slug .product_image.imagetype203 img {
        max-height: 220px!important;
    }

    #product-slug .product_image.imagetype235 img {
        max-height: 80px!important;
    }

    .produits-list .imagetype234 a {
        height: 70px!important;
        margin-top: 20px!important;
    }

    .produits-list .imagetype232 a{
        height: 90px!important;
    }

    .produits-list .product_image.imagetype202 a {
        height: 166px!important;
        margin-top:0px!important;
    }

        .produits-list .imagetype221 a {
        height: 170px!important;
      }
    .produits-list .imagetype221 a img{
        height: 170px!important;
    }

    .productdetail .jcarousel-item.jcarousel-item-horizontal {
        margin-left: 3.1%;
    }

    /*.productdetail ul#mycarousel li {
            margin-left: 130px;
    }*/

    .productdetail #mycarousel {
        width: 1350px!important;
    }






    @media all and (orientation:landscape) {
        .productdetail #mycarousel {
                width: 2422px !important;
        }

    }

}



@media (max-width: 400px) {
    /*------------- Buttons -----------*/
    #laissez a.button > span {
        padding-top: 7px;
    }

    /*------------- Products -----------*/
    .produits #laissez .wrapper .readMoreImg, .produits #nouveautes .readMoreImg, .produits #tablettes .readMoreImg, .produits #pralines .readMoreImg {
        height: 200px;
        background-size: cover;
    }

    #content .entity-listview li {
        width: 48%;
        margin-left: 0;
        margin-right: 0;
    }

    .Recettes #content .entity-listview li {
        margin-left: 2%;
        margin-right: 2%;
        width: 45%;
    }

    #content .entity-listview li .product_image a {
        width: 100%!important;
    }

        #content .entity-listview li .product_image a img {
            max-width: 100%;
        }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .Recettes #page-title {
        background: url('/~/media/Cotedor/be/Files/Images/recipes/Tablette_1024x125px-1.ashx') center top no-repeat;
        background-size: 100% 100%;
    }

        .Recettes #page-title .recette-title h1 {
            padding-top: 0px;
        }

        .Recettes #page-title .recette-title span.first-line, .Recettes #page-title .recette-title span.second-line {
            font-size: 29px;
            padding-left: 4%;
            width: 29%;
            line-height: 32px;
            margin-top: 0px!important;
        }

            .Recettes #page-title .recette-title span.first-line .recipes-title-keyword {
                font-size: 32px;
            }

            .Recettes #page-title .recette-title span.second-line span {
                font-size: 28px;
            }
}

@media (min-device-width : 991px) and (max-device-width : 1024px) {
    #content .entity-listview ul.entity-list {
        text-align: center;
    }

    .Recettes #page-title .recette-title h1 {
        padding-left: 2%;
        padding-top: 2%;
        width: 50%;
        line-height: 30px;
        font-size: 30px;
    }

    .Recettes #page-title .recette-title a.button {
        margin-left: 108%;
        margin-top: -4%;
        width: 127px;
    }

    .recipes-title-keyword {
        font-size: 30px;
    }

    .Recettes #page-title .recette-title span.first-line, .Recettes #page-title .recette-title span.second-line {
        width: 50%;
    }

    .Recettes #page-title .recette-title {
        padding-left: 2%;
        margin-top: -2%;
    }

    .Recettes #page-title {
        margin-top: -5%;
    }
}

@media (min-device-width : 320px) and (max-device-width : 350px) {
    .Recettes #selection .readMoreContent a.button {
        padding-left: 17% !important;
    }
}

@media (min-device-width : 320px) and (max-device-width : 768px) {
    .productdetail #laselection {
        background-size: cover;
        margin-left: 0;
        background-position-x: 90%;
    }

    .productdetail .button {
        margin: 0;
        padding-left: 0!important;
    }

        .productdetail .button span {
            padding: 0px 29px 24px 50px;
            font-size: 37px;
        }

    #laselection .readMoreContent {
        margin: 0 8px 0px;
        background: url("../images/mobile/fb-button.png") left 37px no-repeat;
    }

    .productdetail #laselection h2 {
        font-size: 11px;
        padding-left: 60px;
        font-family: Georgia,'Times New Roman',Times,serif!important;
        font-style: italic;
        line-height: 19px;
        width: 70%;
        text-align: left;
        padding-top: 24px;
    }

    .productdetail #laselection .readMoreImg {
        display: none;
    }

    .productdetail #Actuellement {
        min-height: 162px;
    }

        .productdetail #Actuellement .readMoreContent {
            padding-left: 0;
            margin-left: 11px;
            bottom: -90px;
        }

    @media (orientation: landscape) {
        /*.productdetail #laselection h2 {
            width: 500px;
        }*/

        #laselection .readMoreContent {
            margin: 0 23px 0px;
        }
    }

   
}
 @media (min-device-width:666px) and (max-device-width:1000px) and (orientation: landscape) {
        #Actuellement .readMoreContent .button {
            position: absolute;
            left: 2%;
        }
    }


@media (min-device-width : 768px) and (max-device-width :1024px) {


    #laselection .readMoreContent, #Actuellement .readMoreContent {
        margin: 0 47px 0px;
    }

        #laselection .readMoreContent h2, #Actuellement .readMoreContent h2 {
            width: 74%;
        }

    #Actuellement .button {
        position: absolute;
        left: 5%;
    }
}

.display-none {
    display:none;
}
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
    @media (min-width:300px) and (max-width:1000px){
        .productdetail #selection {
            height: 0px;
        }

        .productdetail #footer #foot_nav4 {
            display: none;
        }

    .produits-list #footer #foot_nav4
{
    display: none;
}

       .productdetail #laselection {
            margin: 0px;
        }

            #laselection .readMoreImg img {
                display: none;
            }

        .productdetail #laselection h2 {
            font-size: 11px;
            padding-left: 60px;
            font-family: Georgia,'Times New Roman',Times,serif!important;
            font-style: italic;
            line-height: 19px;
            width: 70%;
            text-align: left;
            padding-top: 24px;
        }
         .productdetail .button span {
            padding: 0px 29px 24px 50px;
            font-size: 31px;
        }
    }
}