@media (max-width: 991.9px){
    .container{
        width: 100%;
    }
    #header .header-banner .container,
    #header .header-nav > .container{
        width: 100%;
    }
    #header .header-banner .container::after{
        left: 64px;
    }
    #header .header-nav .d-flex{
        justify-content: space-between;
    }
    #header .header-nav .whatsapp,
    #header .header-nav .block-social{
        display: none;
    }
    #header .header-nav .d-flex .col.search{
        order: 2;
        flex: 0 0 100%;
        margin-top: 20px;
    }
    #search_widget{
        padding: 0;
    }

    #header .header-nav #logo{
        display: flex;
        flex: 0 0 230px;
        align-items: flex-end;
    }
    #header .header-nav #logo .mobile-menu-toggle{
        flex: 0 0 30px;
        max-width: 30px;
        height: 27px;
        display: block;
        background: url(../img/menu_mobile.png) center no-repeat;
        background-size: contain;
        padding: 0;
        margin-right: 20px;
    }
    #header .header-nav #logo .mobile-menu-toggle.opened:before{
        background-color: rgba(0, 0, 0, 0.4);
        bottom: 0;
        content: "";
        height: 100%;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 2;
    }
    #header .header-top{
        padding: 0;
    }
    #header .header-top .ets_mm_megamenu{
        margin: 0;
    }
    #header .header-top .ets_mm_megamenu .ets_mm_megamenu_content{
        border: none;
    }
    #header .header-top .ets_mm_megamenu .ets_mm_megamenu_content .ybc-menu-toggle{
        display: none;
    }
    #header .header-top .ets_mm_megamenu .mm_menus_ul .close_menu{
        background: var(--violet1);
    }
    #header .header-top .ets_mm_megamenu .mm_menus_ul .close_menu .pull-right{
        display: none;
    }
    #header .header-top .ets_mm_megamenu .mm_menus_ul .mm_menus_li a{
        font-weight: 900;
        color: var(--violet1) !important;
        position: relative;
        padding-bottom: 10px;
    }
    #header .header-top .ets_mm_megamenu .mm_menus_ul .mm_menus_li .arrow::before,
    #header .header-top .ets_mm_megamenu .mm_menus_ul .mm_menus_li .arrow::after{
        border-color: var(--pink) !important;
    }
    #header .header-top .ets_mm_megamenu .mm_menus_ul .mm_menus_li .h4{
        color: var(--light-blue);
        margin-left: 15px;
        padding-left: 15px;
        padding-bottom: 15px;
        position: relative;
    }
    #header .header-top .ets_mm_megamenu .mm_menus_ul .mm_menus_li .h4::before {
        content: "";
        width: 10px;
        height: 3px;
        background: var(--pink);
        position: absolute;
        top: 5px;
        left: 0;
    }
    #header .header-top .ets_mm_megamenu .mm_menus_ul .mm_menus_li ul.ets_mm_categories li{
        width: 100%;
    }
    #header .header-top .ets_mm_megamenu .mm_menus_ul .mm_menus_li ul.ets_mm_categories li a{
        padding: 2px 15px;
        display: block;
    }
    #header .header-top .ets_mm_megamenu .mm_menus_ul .mm_menus_li ul.ets_mm_categories li a:hover{
        font-weight: 700;
        background: var(--violet5);
        border-radius: 0 20px 20px 20px;
    }
    #header .header-top .ets_mm_megamenu .mm_menus_ul .mm_menus_li ul.ets_mm_categories li a::before{
        display: none;
    }
    #header .header-top .ets_mm_megamenu .mm_menus_ul .mm_columns_ul{
        margin-top: 0;
    }


    #carousel .carousel-inner .carousel-item .caption{
        bottom: 40px;
    }
    #carousel .carousel-inner .carousel-item .caption-description .btn {
        font-size: 14px;
        line-height: 35px;
        width: 170px;
    }

    #wrapper .breadcrumb{
        margin-bottom: 40px;
    }

    #category #left-column {
        position: fixed;
        width: 315px;
        max-width: 315px;
        height: 100%;
        background: #fff;
        top: 0;
        left: -315px;
        -webkit-transition: left .3s;
        -o-transition: left .3s;
        transition: left .3s;
        padding: 77px 30px 50px;
        overflow-y: auto;
        z-index: 9999;
    }
    #category #left-column.show{
        left: 0;
        -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 20%);
        box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    }
    #category #left-column #search_filters_wrapper {
        margin-left: -30px;
        margin-right: -30px;
    }
    #category #left-column #search_filters{
        border: none;
        margin: 0;
    }
    #category #left-column #search_filters .facet{
        padding: 0;
        border: none;
    }
    #category #left-column #search_filters .facet .collapse{
        max-height: none;
    }
    #category #left-column #search_filter_controls button.ok{
        display: none;
    }
    #category #left-column #search_filters .facet .title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
    }   
    #category #left-column #search_filters .facet .h6 {
        display: inline-block;
        padding: 1.25rem;
        margin-bottom: 0;
    }
    #category #left-column #search_filters .facet .navbar-toggler{
        padding: 0 0.625rem 0 0;
    }
    #category #left-column #search_filters .facet .collapse {
        display: none;
    }
    #category #left-column #search_filters .facet .collapse.in {
        display: block;
    }
    #category #left-column #search_filters .facet .title .collapse-icons .remove {
        display: none;
    }
    #category #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .remove {
        display: block;
    }
    #category #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .add {
        display: none;
    }
    #category #left-column #search_filters .facet ul li{
        padding: 0 1.25rem;
    }

    /* HOME TABS */
    #home-tabs #home-page-tabs li {
        margin: 0;
    }

    #product .social-sharing{
        margin: 20px 0;
    }

    #blockcart-modal .modal-body .divide-left{
        min-width: 100%;
        border-left: none;
        border-top: 2px solid #dbe5e8;
        padding-top: 15px;
        margin-top: 15px;
    }
    #blockcart-modal .cart-content{
        padding-left: 0;
    }
}
@media (max-width: 767.9px){
    .container{
        width: 100%;
    }
    #carousel{
        display: none;
    }
    #mobile-carousel{
        display: block;
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
    }
    #mobile-carousel .mobile-carousel_tabs {
        margin: 0px;
        display: flex;
    }
    #mobile-carousel .mobile-carousel_tabs li{
        flex-grow: 1;
        margin: 0 3px;
        max-width: 30px;
    }
    #mobile-carousel .mobile-carousel_tabs li a {
        display: block;
        width: 100%;
        height: 4px;
        margin: 2px;
        font-size: 0;
        background: var(--platinium);
        border: none;
        transition: all .3s;
        outline: none;
    }
    #mobile-carousel .mobile-carousel_tabs li.mobile-carousel_here a {
        background: var(--violet1);
    }
    #mobile-carousel .carousel-inner .carousel-item{
        width: 100%;
    }
    #mobile-carousel .carousel-inner .carousel-item img{
        width: 100%;
        border-radius: 40px 0 40px 40px;
    }
    #mobile-carousel .carousel-inner .carousel-item p,
    #mobile-carousel .carousel-inner .carousel-item figure {
        margin: 0;
    }
    #mobile-carousel .carousel-inner .carousel-item button.btn {
        height: 50px;
        font-weight: 300;
        position: absolute;
        bottom: -25px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 18px;
        text-transform: uppercase;
        background: #00b75c;
        color: #fff;
        width: 215px;
        border-radius: 0 25px 25px 25px;
    }
    
    .home-right-banner{
        float: none;
        width: 100%;
        text-align: center;
        padding: 0 15px;
    }
    #block-reassurance{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    #block-reassurance>.container>.row{
        display: block;
        margin: 0;
    }
    #block-reassurance .avantages-cadeaux {
        border-radius: 50px 0 0 0;
    }
    #block-reassurance .reassurance::before,
    #block-reassurance .reassurance::after {
        display: none;
    }
    #block-reassurance .infos-questions {
        border-radius: 0 0 40px 0;
    }

    #bottomslider .img-fluid{
        display: none;
    }

    /* AIDE ASTUCE */
    #aide-astuce .row{
        display: flex;
    }
    #aide-astuce .content{
        padding-top: 90px;
        height: 100%;
    }
    #aide-astuce img {
        left: 50%;
        transform: translateX(-50%);
        right: 0;
        max-width: 100%;
        top: -50px;
    }

    .block_newsletter {
        background-size: cover;
        background-position: right -150px top;
    }

    /* FILTER */
    #category #left-column #search_filters .facet ul li{
        padding-top: 0;
        padding-bottom: 0;
        border: none;
    }

    /* CART */
    .product-line-grid-body{
        margin-bottom: 0;
    }
    .cart-line-actions{
        min-width: 66.6666%;
    }

    /* FOOTER */
    .footer-container,
    .footer-top {
        padding: 0 !important;
    }
    .footer-container .footer-top .row{
        display: block;
    }
    .footer-container .footer-top .service-client, 
    .footer-container .footer-top .paiement, 
    .footer-container .footer-top .suivez-nous {
        border-left: none;
        border-top: 1px solid #6a44ae;
        padding: 30px 15px;
    }
    .footer-container .footer-top .service-client {
        padding-top: 160px;
        text-align: center;
        border-top: none;
    }
    .footer-container .footer-top .service-client::before {
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .footer-container .footer-top h3 {
        text-align: center;
    }
    .footer-container .footer-top p .service-client{
        display: block;
        margin-bottom: 15px;
    }
    .footer-container .footer-menu{
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 15px 60px;
    }
    .footer-container .footer-menu > .wrapper {
        flex: 0 0 50%;
        padding: 15px !important;
    }
    .footer-container .footer-menu > .wrapper:nth-child(odd) {
        padding-left: 0 !important;
    }
    .footer-container .footer-menu > .wrapper:nth-child(even) {
        padding-right: 0 !important;
    }
    .footer-container .footer-menu > .wrapper.block-contact{
        padding: 0 !important;
    }
    .footer-container .links ul {
        background: transparent;
    }
    .footer-container .links ul>li {
        padding: 0;
        border: none;
    }

    .footer-bottom{
        padding-top: 40px;
    }
    .footer-bottom > .container {
        width: 75%;
        padding: 0;
    }
    .footer-bottom .d-flex{
        flex-direction: column-reverse;
        text-align: center;
    }
    .footer-bottom .paiement{
        text-align: right;
    }
    .footer-bottom .d-flex > .col{
        border-top: 1px solid #e5e3ef;
        border-right: none;
        padding: 15px 0;
    }
    .footer-bottom .d-flex > .col.paiement img {
        bottom: 100%;
        right: 50%;
        transform: translateX(50%);
    }
    .footer-bottom .d-flex > .paiement span::after {
        right: 0;
    }
}

@media (max-width: 575.9px){
    #header .header-banner p{
        letter-spacing: normal;
    }
    #header .header-nav #logo{
        flex: 0 0 200px;
    }
    #header .header-nav .user-info{
        margin-left: 0;
    }
    #header .header-nav .blockcart, 
    #header .header-nav .blockcart.active{
        width: 35px;
        height: 35px;
    }
    #header .header-nav .blockcart i::before{
        width: 20px;
        height: 20px;
    }
    #aide-astuce .row{
        flex-direction: column;
    }
    #aide-astuce .row > div{
        width: 100%;
        margin-top: 70px;
    }
    #aide-astuce .row > div:first-child{
        margin-top: 0;
    }

    .featured-products{
        background: url(../img/bg-tab.png) center center no-repeat;
        background-size: cover;
        padding: 50px 0;
    }

    #products .all-product-link, 
    .featured-products .all-product-link, 
    .product-accessories .all-product-link, 
    .product-miniature .all-product-link {
        position: relative;
        display: block;
        text-align: right;
    }

    #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container{
        padding-left: 5px;
        padding-right: 5px;
    }
    #products .product-title, 
    .featured-products .product-title, 
    .product-accessories .product-title, 
    .product-miniature .product-title {
        height: 36px;
    }
    #products .product-title a, 
    .featured-products .product-title a, 
    .product-accessories .product-title a, 
    .product-miniature .product-title a{
        font-size: 12px;
    }
    #products .product-price-and-shipping, 
    .featured-products .product-price-and-shipping, 
    .product-accessories .product-price-and-shipping, 
    .product-miniature .product-price-and-shipping{
        margin: 10px 0;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    #products .regular-price, 
    .featured-products .regular-price, 
    .product-accessories .regular-price, 
    .product-miniature .regular-price{
        font-size: 10px;
    }
    #products .product-price-and-shipping .discount-product, 
    .featured-products .product-price-and-shipping .discount-product, 
    .product-accessories .product-price-and-shipping .discount-product, 
    .product-miniature .product-price-and-shipping .discount-product{
        font-size: 10px;
        padding: 0px 4px;
    }
    #products .product-miniature .add-to-cart, 
    .featured-products .product-miniature .add-to-cart, 
    .product-accessories .product-miniature .add-to-cart, 
    .product-miniature .product-miniature .add-to-cart,
    #products .product-miniature .add-to-cart:focus:active, 
    .featured-products .product-miniature .add-to-cart:focus:active, 
    .product-accessories .product-miniature .add-to-cart:focus:active, 
    .product-miniature .product-miniature .add-to-cart:focus:active,
    #products .product-miniature .add-to-cart:disabled, 
    .featured-products .product-miniature .add-to-cart:disabled, 
    .product-accessories .product-miniature .add-to-cart:disabled, 
    .product-miniature .product-miniature .add-to-cart:disabled,
    #products .product-miniature .add-to-cart:disabled:hover, 
    .featured-products .product-miniature .add-to-cart:disabled:hover, 
    .product-accessories .product-miniature .add-to-cart:disabled:hover, 
    .product-miniature .product-miniature .add-to-cart:disabled:hover {
        padding-left: 15px;
        padding-right: 15px;
        background-position: right 10px center;
        font-size: 12px;
        background-size: 20px;
    }
    #products .product-miniature .add-to-cart::before, 
    .featured-products .product-miniature .add-to-cart::before, 
    .product-accessories .product-miniature .add-to-cart::before, 
    .product-miniature .product-miniature .add-to-cart::before{
        right: 0px;
    }

    .prodcrsl .slick-track .product{
        margin-left: 5px;
        margin-right: 5px;
    }
    #products .product, 
    .featured-products .product, 
    .product-accessories .product, 
    .product-miniature .product{
        padding-left: 10px;
        padding-right: 10px;
    }

    .products-selection .filter-button{
        padding-left: 15px;
    }
    #category #category-description{
        background: url(../img/bg-promo-category.png) left center no-repeat, linear-gradient(180deg, #f4b4af 0%, #f2978f 50%);
        flex-wrap: wrap;
        height: auto;
        background-position: center top;
        align-items: center;
        justify-content: space-around;
        padding: 0 15px 15px;
        background-size: contain;
        margin: 25px 0 15px;
    }
    #category #category-description img {
        top: -25px;
        position: relative;
    }
    #category #category-description .price,
    #category #category-description .discount,
    #category #category-description a.panier{
        margin: 0;
    }
    #category .pagination .pagination-summary{
        display: none;
    }

    #product .product-cover::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: transparent;    
    }
    #product .images-container{
        flex-direction: column-reverse;
    }
    #product .images-container .js-qv-mask{
        width: auto;
        min-width: auto;
        margin: 0;
    }
    #product .images-container .js-qv-mask.scroll{
        width: 100%;
        margin: 0 auto;
        overflow: scroll;
    }
    #product .images-container .js-qv-mask ul {
        display: block;
    }
    #product .images-container li.thumb-container {
        width: auto;
    }
    #product .product-quantity .add{
        order: 2;
        min-width: 100%;
        margin: 15px 0 0;
    }
    .blockreassurance_product {
        flex-wrap: wrap;
    }
    .blockreassurance_product h4 {
        min-width: 100%;
        padding-top: 20px;
        background-position: left top;
    }
    .blockreassurance_product .item {
        flex: 0 0 50%;
        margin-top: 20px;
        border: none;
    }
    .blockreassurance_product .item:nth-child(even) {
        padding-left: 0;
    }

    /* CART */
    .product-line-grid-right .price{
        order: 2;
        min-width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .product-line-grid-right .qty{
        width: auto;
    }

}