@media only screen and (max-width: 5000px) {

  

}


@media only screen and (max-width: 1490px) {

 
}


@media only screen and (max-width: 1300px) {

    .container {
        padding: 0 20px;
    }

}


@media only screen and (max-width: 1200px) {

.wrapper-super-header {
    /* display: none; */
}

.wrap-navlink {
    width: auto;
}


.item-meta-shop {
    margin-left: 10px;
}

.item-meta-shop:first-child {
    margin: 0;
}




.title-bloc {
    font-size: 26px;
}

.social-footer {
    width: 35%;
}

.parent-wrap-newsletter {
    width: 65%;
}
  
}


@media only screen and (max-width: 1024px) {

    .wrapper-super-header {
        display: none;
    }

    .header-mobile {
/*        background: #edf2f8;*/
        box-shadow: 0 0 30px rgba(0 0 0 / 21%);
        z-index: 2;
        position: relative;
        display: block;
        padding: 10px 0;
    }

    .wrap-header-mobile {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }
    
    .widget_menu.content_panel_menu_mobile {
        /* left: 0; */
        /* opacity: 1; */
        /* visibility: visible; */
    }

    .btn-search {
        background: var(--second-color);
    }

    .item-meta-shop {
    background-color: #2e66b129;
    color: var(--primary-color);
}

.left-middle-header {
    padding-left: 10px;
}



    


    

    .widget_menu.content_menu_btn {
        position: relative;
    }
    
    .icon_bar {
        width: 50px;
        aspect-ratio: 1;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--second-color);
    }
    
    .icon_bar svg {
        height: 100%;
        display: flex;
        fill: #fff;
    }

    .content_panel_menu_mobile {
        position: fixed;
        top: 0;
        overflow-y: auto;
        height: 100vh;
        width: 100%;
        z-index: 10;
        transition: all 1s ease;
        visibility: hidden;
        opacity: 0;
        left: -100%;
    }

    .content_panel_menu_mobile:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        opacity: .5;
        cursor: pointer;
    }

    .container_panel {
        position: relative;
        background: var(--primary-color);
        width: 500px;
        height: 100%;
        max-width: 100%;
    }


/* ********************* MENU *************************** */

    .close-menu-mb {
        background: transparent;
        width: 10%;
        margin-right: 5px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .close-menu-mb span {
        display: flex;
        background: #fff;
        width: 100%;
        height: 35px;
        align-items: center;
        justify-content: center;
        color: grey;
        position: absolute;
        top: 0;
    }

    .main-menu-mb {
        width: 100%;
        position: relative;
        padding: 70px 20px 0 30px;
        overflow-y: auto;
        height: 100%;
    }

    .linklist-menu {
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        position: relative;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #fff;
        padding-bottom: 10px;
        padding-top: 10px;
        text-transform: uppercase;
        justify-content: space-between;
    }

    .listmenu input:checked ~ .linklist-menu {
        color: var(--white-color);
        border-bottom: 1px solid var(--white-color);
    }

    .panel_submenu_mb {
        background: #ffffff;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        position: relative;
        transition: all 3ms ease;
        overflow: hidden;
        height: 0;
    }

    .linksubmenu__mb {
        color: grey;
        position: relative;
    }

    .listmenu input {
         display: none; 
    }

    .listmenu input:checked ~ label.submenu-label .panel_submenu_mb {
        height: 100%;
        padding: 10px 20px 10px 22px;
    }
    
    .listmenu input:checked ~ label.submenu-label span.linklist-menu {
        color: var(--white-color)
    }

    label.submenu-label .linklist-menu:after {
        content: "\f105";
        position: relative;
        font-family: "FontAwesome";
    }

    .listmenu input:checked ~ label.submenu-label  span.linklist-menu:after {
        content: "\f107";
    }

    .smenu-item label {
        width: 100%;
    }
        
    .smenu-item.has-children {
        display: flex;
        justify-content: space-between;
    }
        
    .has-children .smenu-item-titre:after {
        content: "\f105";
        font-family: 'FontAwesome';
        position: relative;
        font-size: 14px;
    }
    
.smenu-item input:checked ~ label .smenu-item-titre:after {
    content: "\f107";
}
    
    .smenu-item {
        border-bottom: 1px solid #d1d1d1;
        padding: 8px 0;
        line-height: 1.2;
    }
    
    .smenu-item:last-child {
        border: none;
    }

    .ssmenu {
        /* font-size: 14px; */
        line-height: 1.8;
        background: none;
        position: relative;
        transition: all 3ms ease;
        overflow: hidden;
        height: 0;
        font-weight: 400;
    }

    .ssmenu li {
        position: relative;
        padding: 4px 0;
        line-height: 1.3;
        font-size: 15px;
    }

    .ssmenu li:before {
        content: "\f105";
        position: relative;
        font-family: 'FontAwesome';
        font-size: 12px;
        margin-right: 10px;
    }

    .smenu-item input:checked ~ label .smenu-item-titre {
        color: var(--primary-color);
        /* border-bottom: 1px solid var(--primary-color); */
    }

    .smenu-item input:checked ~ label .ssmenu {
        height: auto;
        padding: 3px 15px 0;
        top: unset;
        left: unset;
        position: relative;
        opacity: 1;
        visibility: visible;
        margin: unset;
        min-width: unset;
        border: none;
        box-shadow: none;
        transform: unset;
        clip: unset;
    }

    .smenu-item-titre {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .smenu-item-titre span {
        margin: 2px 0 0 15px;
    }


    .button_close {
        position: absolute;
        display: flex;
        font-size: 16px;
        left: 12px;
        background: #fff;
        width: 25px;
        height: 25px;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .contentclose {
        position: absolute;
        display: flex;
        font-size: 16px;
        background: #fff;
        width: 35px;
        aspect-ratio: 1;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        right: 20px;
        /* left: 45%; */
        top: 20px;
        border: 2px solid grey;
        border-radius: 50%;
    }









    .navlink > li {
    padding: 0 10px;
}

.meta-info-header a {
    line-height: 1.2;
    font-size: 16px;
}


 

.social-footer a {
    font-size: 15px;
    width: 45px;
}

.left-newsletter h3 {
    font-size: 16px;
}

.left-newsletter div {
    font-size: 13px;
}

.wrap-social-footer {
    height: 100px;
}



.footer-widget {
    width: 33.33%;
    margin-bottom: 20px;
}

.footer-widget-title {
    font-size: 17px;
    line-height: 1.2;
    padding-bottom: 10px;
}

.footer-widget-title h3::before {
    bottom: -10px;
}

li.item-info-contact {
    margin-bottom: 20px;
    width: 50%;
    justify-content: unset;
}

.wrapper-info-contact-footer {
    padding-bottom: 10px;
}

.footer-copyright {
    padding: 15px 0 15px;
}

.content-copyright.row-container {
    padding-bottom: 10px;
}

form.form-newsletter button {}



}


@media only screen and (max-width: 768px) {




.left-newsletter {
    /* display: none; */
}

.right-newsletter {
    width: 100%;
}

.wrap-newsletter-social.row-container {
    margin: 0 -15px;
}

.social-footer {
    width: 45%;
}

.parent-wrap-newsletter {
    width: 55%;
}

.footer-widget {
    width: 50%;
}

.incon-info-contact {
    width: 50px;
    font-size: 18px;
}

.text-info-contact {
    padding-left: 15px;
}

.text-info-contact h3 {
    font-size: 15px;
    line-height: 1;
}

li.item-info-contact {padding: 0;flex-wrap: nowrap;}

.primary-btn {
    padding: 13px 13px 13px 30px;
    font-size: 13px;
}

.wrapper-newsletter-social {
    padding-top: 10px;
}

}


@media only screen and (max-width: 600px) {

    .user-account{
        padding-left:0px !important;
    }

}

@media only screen and (max-width: 486px) {
    .left-header {
        width: 80px;
    }
    .right-hot-deal {
    
        padding: 0;

    }


    .incon-info-contact {
    margin-right: 5px;
    padding: 5px;
    width: 40px;
    height: 40px;
    }


    .text-info-contact {
    
        padding: 0;

    }
    .wrap-footer.row-container {
        display: none;
    }
    .footer-partenaires.row-container {
        padding: 0;
    }
        li.item-info-contact {
        width: 100%;
        padding: 0;
    }
    
    .primary-btn {
        padding: 8px 10px 8px 20px;
    }
    
    .wrapper-newsletter-social {
        margin-bottom: -115px;
    }
    
    .wrapper-footer {
        padding: 100px 0 20px;
    }
    
    .left-copyright {
        font-size: 12px;
        line-height: 15px;
    }

    .wrap-item-partenaire {
    width: 50px;
}

.item-partenaire {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap-partenaire .slick-arrow {
    width: 35px;
    height: 35px;
    font-size: 13px;
}
    }


@media only screen and (max-width: 425px) {



.logo-header img {
    height: 45px;
}

.item-meta-shop {
    width: 35px;
    font-size: 13px;
    margin-left: 5px;
}

.icon_bar {
    width: 35px;
}

.icon_bar svg {
    width: 55%;
    height: auto;
}

.left-middle-header {
    padding-left: 5px;
}

span.item-meta-count {
    font-size: 8px;
    width: 12px;
    height: 12px;
    line-height: 12px;
}


.container_panel {
    width: 85%;
}

.btn-search button {
    font-size: 15px;
    width: 50px;
}

.btn-search {
    width: 50px;
    font-size: 1px;
}

.main-menu-mb {
    padding: 70px 20px 0 20px;
}

.linklist-menu {
    font-size: 13px;
}

ul.panel_submenu_mb {
    font-size: 13px;
}







.title-bloc {
    font-size: 20px;
}
.wrapper-footer {
    padding-top: 100px;
}

.incon-info-contact {
    height: 50px;
    width: 50px;
    padding: 10px;
}


.ligne-titre > * {
    width: 100%;
    text-align: center;
}

.ligne-titre .wrap-btn {
    justify-content: center;
    margin-top: 20px;
}

.primary-btn {
    padding: 8px 8px 8px 20px;
    font-size: 12px;
}

.wrapper-newsletter-social {
    margin-bottom: -133px;
    padding: 25px 0;
}

.wrap-newsletter-social.row-container > * {
    width: 100%;
    /* padding: 0; */
}

.wrap-newsletter-social.row-container {
    margin: 0;
}

.social-footer {
    margin-bottom: 15px;
}

.wrapper-footer {
    padding: 30px 0 20px 0;
}

.footer-widget {
    width: 100%;
    padding: 0;
}

.footer-widget-title {
    font-size: 14px;
}

li.item-info-contact {
    width: 100%;
    padding: 0;
}

.text-info-contact h3 {
    font-size: 13px;
}

.footer-copyright {
    font-size: 11px;
    line-height: 1.2;
}

.wrap-copyright.container.row-container {
    font-size: inherit;
}

.footer-partenaires a {
    height: 25px;
}

}


@media only screen and (max-width: 375px) {



.item-meta-shop {
    width: 30px;
    font-size: 12px;
/*    margin-left: 5px;*/
}




}


@media only screen and (max-width: 320px) {

.logo-header img {
    height: 35px;
}

.item-meta-shop {
    width: 30px;
    font-size: 12px;
}

}