@media (max-width: 1199.98px) {
    header .container .middle-header .row .icons {
        right: 72px;
        z-index: 122;
        position: absolute;
    }
    .dl-menuwrapper button:active,
    .dl-menuwrapper button:hover {
        color: unset !important;
        background-color: rgba(0, 0, 0, 0.06) !important;
    }
    .dl-menuwrapper button:hover svg .a, .dl-menuwrapper button.dl-active svg .a {
        fill: unset !important;
    }
}


@media (max-width: 577px) {
    header .container .middle-header .row .icons,
    header .container .middle-header .row .logo {
        width: 50%;
    }
    header .container .middle-header .row .logo svg {
        width: 100%;
    }
    header .container .middle-header .row .logo {
        text-align: left;
        margin-bottom: 0;
    }
    body.page-group-product .sidebar-icons {
        display: none;
    }
}
@media (max-width: 550px) {
    header .container .middle-header .row .icons {
        right: 49px
    }
    .dl-menuwrapper button,
    header .container .middle-header .row .icons .icon-menu-right {
        width: 30px;
        height: 30px;
    }
    header .container .middle-header .row .icons {
        align-items: center;
    }
    header .container .middle-header .row .icons .icon-menu-right svg {
        width: 12px
    }
    header .container .middle-header .row .icons .icon-menu-right.cart .bag-icon {
        width: 14px;
        height: 14px
    }
    .margin-header .container-carousel {
        padding: 0;
    }
    #carouselHomeIndicators .carousel-inner .contain-slide {
        height: auto;
    }
    .banner-infos img {
        display: none
    }
    .banner-infos .ttl-banner {
        font-size: 1.1rem;
    }
    .banner-infos {
        padding: 30px;
    }
    .go-green .right-side .insta .txt-insta,
    .go-green .left-side .top-txt .sub-ttl,
    .slider-item .top-slider .sub-ttl-section {
        font-size: 1.5rem;
        line-height: 1;
    }
    .go-green .left-side .top-txt .sub-ttl,
    .go-green .right-side .insta .txt-insta i,
    .go-green .left-side .top-txt .ttl {
        margin-bottom: 0;
    }
    .go-green .left-side .top-txt a,
    .go-green .left-side .top-txt .txt {
        padding: 0;
    }
    .slider-item .slider-product .product-item {
        min-width: 0;
    }
    .slider-item .slider-product .product-item .contain-item .visuel-product {
        height: 315px;
    }
    .slider-item .slider-product .product-item {
        height: 480px !important;
    }
    .infos-delivery.v2 {
        padding: 1rem;
        margin-left: -15px;
        margin-right: -15px;
    }
    .footer .footer-facts .container .row .col-lg-3.reassurances {
        width: 50% !important
    }
    .blog .col-lg-6.img,
    .blog .col-lg-6.articles {
        padding: 0 30px
    }
    .footer .footer-links .container .row .col-xl-3 {
        padding: 30px;
    }
    .footer .footer-links .container .row .link-help .ttl-links {
        margin-bottom: .350rem
    }
    .footer .footer-links .container .row .col-xl-3 {
        flex-direction: column
    }
    .footer .footer-links .container .row .col-xl-3.logo-footer img {
        display: none
    }
    .ttl-category-s {
        font-size: 2.688rem;
        line-height: 1.5
    }
    .bottom-category .container .filters label {
        display: none;
    }
    .bottom-category .container .filters .form-group {
        width: 48%;
        margin: 0 !important;
    }
    .bottom-category .container .filters .form-group.mr-4 {
        margin-right: 4% !important;
    }
    .bottom-category .container .filters {
        padding-top: 0px;
    }
    .ttl-category-s {
        margin-bottom: 9px !important;
    }
}

/* MENU CATEGORIE */
@media (min-width: 1110px) {
    #filters-container.hidden {
        display: block !important;
    }
}
@media (max-width: 1109px) {
    .bottom-category .col-prods,
    .bottom-category .col-cat {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bottom-category #filters .title {
        padding: 0.5rem 0;
        font-size: 1rem;
        text-transform: uppercase;
        opacity: .7;
        letter-spacing: 2px;
    }
    #filters .reset-all-filters {
        margin: 0.5rem 0;
        font-size: 1rem;
        font-weight: 400;
    }
    .filters-mobile-title.active i {
        transition: 0.3s;
        transform: rotate(180deg);
    }
    #filters .block-module .ttl {
        padding: 0.5em 2.5em;
    }
    #filters .block-module .ttl::after {
        top: 15px;
    }
    #filters .mod-content {
        padding-bottom: 0;
    }
    #filters .mod-list {
        margin: 5px 0 5px 0;
    }
    #filters .mod-list:last-child {
        margin-bottom: 10px;
    }
}
@media (max-width: 1005px) {
    .bottom-category .container .filters > .col-sm-12 {
        display: flex;
        flex-flow: inherit;
    }
    .bottom-category .container .ttl-category-s {
        order: 1;
        width: 100%
    }
    .bottom-category .container .filters .form-inline {
        order: 2;
    }
    .bottom-category .container .filters {
        padding-top: 20px;
    }
    .ttl-category-s {
        padding-top: 80px;
        margin-bottom: 25px;
    }
}

/* MENU ESPACE CLIENT */
@media (min-width: 1025px) {
    .my-place-menu.hidden {
        display: block !important;
    }
    #espaceclient {
        display: none
    }
}
@media (max-width: 1024px) {
    body.page-private-space .wrapper .container {
        display: block !important
    }
    #espaceclient {
        font-size: 1.1rem;
        padding: .6rem;
        display: block;
        border: 1px solid #f5f5f5;
    }
    #espaceclient:hover {
        opacity:.8;
        text-decoration: none
    }
    #espaceclient i {
        margin-right: .4rem;
    }
    body.page-private-space .card {
        padding: 0;
    }
    #espaceclient .close-m {
        display: none;
    }
    #espaceclient.active .close-m {
        display: inline-block;
    }
    #espaceclient.active .open {
        display: none;
    }
    nav.my-place-menu {
        position: static;
        padding: 0 0 0 4px !important;
    }
    nav.my-place-menu ul li {
        padding-left: 1.4rem;
    }
    nav.my-place-menu ul li a {
        letter-spacing: 0 !important;
    }
    body.page-private-space h1 {
        font-size: 3rem;
    }
    body.page-private-space .my-place-menu.hidden {
        display: none !important
    }
    body.page-private-space .banner {
        padding: 24px;
    }
    body.page-private-space #delete_account_btn_container + .form-group  .float-right .btn,
    body.page-private-space #delete_account_btn_container .btn{
        width: 100%;
        display: block
    }
    body.page-private-space #delete_account_btn_container + .form-group .float-right,
    body.page-private-space #delete_account_btn_container .float-left {
        float: none !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }
    body.page-private-space .block-address {
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 1375px) {
    body.page-private-space .responsive-table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    body.page-private-space .responsive-table table {
        table-layout:fixed;
        width: 1145px
    }
}

@media (max-width: 991.98px) and (orientation:landscape) {
    header .middle-header .row .logo {
        text-align: left;
    }
    header .middle-header .row .logo svg {
        transform-origin: 2px;
        transform: scale(.7);
    }
}

@media (max-width: 1199.98px) and (orientation:landscape) {
    .sidebar-icons{
        display: none;
    }
    .dl-menuwrapper .dl-menu.dl-menuopen {
        max-height: 100vh !important;
        padding-bottom: 80px;
        overflow-x: auto !important;
    }
    .dl-menuwrapper .dl-menu {
        padding-top: 0;
    }
    header {
       /* height: 111px; */
    }
    header .middle-header {
        margin-top: 6px;
    }
    .dl-menuwrapper button {
       /*  top: 48px; */
       top: 58px;
    }
    .page-wrapper[style="margin-top: 165px !important;"] {
        margin-top: 111px !important;
    }
    .infos-delivery .container .contain-infos {
        height: 37px;
    }
    #back-to-top {
        right: 10px;
        bottom: 10px;
        z-index: 202 !important;
    }
}