/** 1920 - large Screen **/
@media screen and (max-width:1920px) {
    .overlay{
        padding: 60px;
        font-size: 1.8em;
    }
    .swiper-container {
        height: 80vh; /* Ajustez la hauteur en fonction de vos besoins */
    }

}

/** 1200 - Laptops **/
@media screen and (max-width:1366px) {
    .overlay{
        padding: 50px;
        font-size: 1.5em;
    }

}

/** 1024 - Tablets **/
@media screen and (max-width:1024px) {
    .overlay{

    }

}

/** 810 - IPad **/
@media screen and (max-width:810px) {
    .logo {
        width: auto;
    }
    .logo {display: none}
    .logo-mobile {display: block}
    .nav-catalog-root, .contact,.lang-search  {
        margin-top: 1rem !important;
    }
    .main-nav {
        margin-bottom: 20px;
    }
    ol.breadcrumb li {
        font-size: 14px;
    }
    .overlay{
        padding: 40px 20px;
        font-size: 1.0em;
    }
    .intro-txt-home {font-size: 1.2em;}
    .detail-content-line, .list-button {font-size: 0.9em}
    .detail-content-line span {font-size: 1.1em}
    .swiper-container {
        height: 40vh; /* Ajustez la hauteur en fonction de vos besoins */
    }
    .prod-detail {border-top: 1px solid #1e1e1c}
}

@media screen and (max-width:580px) {
    .overlay{
        padding: 10px;
        font-size: 0.8em;
    }
    .detail-title {font-size: 1.1em;margin-bottom: 15px;font-weight: bold}
    .list-nomta-wrap {float: left;width: 40%;text-align: left;border: none}
    .list-buttons {width: 60%;display: flex;justify-content: flex-end;}
    .list-buttons span {display: none}
    .thumbnail-detail {margin-top: 15px}
    .catalog-content h3 {font-size: 1.0em;margin-bottom: 20px}

    .hours-content {padding-left: 0;font-size: 0.9em}
    .dropdowntoggle {margin-right: 20px; margin-left: 0}
    .dropdownsearch {padding: 20px 30px}
    .dropdownmenu {padding: 45px 20px}
    .img-categ {display: none}
    .dropdownlist {width: 100%}
    .prod-detail-row, .prod-mta {flex-direction: column-reverse}
    .prod-mta {padding-bottom: 15px;}
    .prod-detail {border-top: none;border-bottom: none;}
    ul.lang-switch {float: left}
    ul.social-networks {margin-top: 0;float: right}
    .detail-teaser-large {padding: 0 25px}
    .detail-teaser-txt {font-size: 0.9em;line-height: 1.0em}
    .toggle-classif {display: none}
    .prod-detail-row {margin-bottom: 15px; border-top: 1px solid #1e1e1c;}
}

@media screen and (max-width:375px) {
    .overlay{
        padding: 10px;
        font-size: 0.7em;
    }
}