@media all and (min-width: 485px){
    #el-header-page #el-top{
        padding: 0 1rem;
    }#el-header-page #el-middle,
    #el-header-page #el-bottom{
        padding: .5rem 1rem;
    }
    #el-sliders .el-card{
        height: 450px;
    }#el-sliders .el-card .el-content h1 span {
        font-size: calc(var(--font-size) * 2.7);
    }h1.vertical-text {
        font-size: calc(var(--font-size) * 1.7);
        line-height: calc(var(--font-size) * 3);
    }

    .el-offre label {
        font-size: calc(var(--font-size) * 2);
        width: 115px;
    }
}
@media all and (min-width: 575px){
    .el-content-area {
        width: 540px;
    }#el-bottom .el-icon-home {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }#el-sliders .el-card{
        height: 500px;
    }#el-sliders .el-card .el-link{
        bottom: -100px;
    }#el-sliders .el-card .el-bg{
        width: 82%;
    }
    #el-articles .el-grid-articles{
        grid-template-columns: repeat(2, 1fr);
    }
    footer .el-top{
        grid-template-columns: repeat(2, minmax(200px, 1fr));
    }
    #el-nos-offres .el-content-area,
    #el-nos-categories .el-content-area,
    #el-nos-offres-desktop .el-content-area,
    #el-nos-categories-desktop .el-content-area{
        padding: 1rem 0;
    }#el-info-article .el-controls,
    #el-info-article{
        gap: 1rem;
    }
}
@media all and (min-width: 768px){
    .el-content-area {
        width: 720px;
    }
    #el-sliders .el-card .el-box-img{
        width: calc(100% - 30% - 8dvw);
    }#el-sliders .el-card .el-container-grids{
        width: 30%;
    } #el-sliders .el-card {
        height: 570px;
    }#el-sliders .el-card .el-content h1 span{
        font-size: calc(var(--font-size) * 3.3);
    }h1.vertical-text{
        font-size: calc(var(--font-size) * 2.3);
        line-height: 3rem;
    }#el-sliders .el-card .el-link{
        padding: 2.3rem .5rem;
        bottom: -90px;
    }

    #el-nos-offres .el-title,
    #el-nos-offres-desktop .el-title,
    #el-nos-categories .el-title,
    #el-nos-categories-desktop .el-title,
    #el-nos-forces .el-title{
        font-size: calc(var(--font-size) * 2);
    }#el-nos-offres .el-title::before,
    #el-nos-offres .el-title::after,
    #el-nos-offres-desktop .el-title::before,
    #el-nos-offres-desktop .el-title::after,
    #el-nos-categories .el-title::before,
    #el-nos-categories .el-title::after,
    #el-nos-categories-desktop .el-title::before,
    #el-nos-categories-desktop .el-title::after,
    #el-nos-forces .el-title::before,
    #el-nos-forces .el-title::after{
        height: 4px;
    }#el-contact .el-grid-content{
        width: calc(100% - 8rem);
    }
    footer .el-top{
        grid-template-columns: repeat(3, minmax(200px, 1fr));
    }
    .el-offre label {
        font-size: calc(var(--font-size) * 2.2);
        width: 180px;
    }#el-about .el-content-area,
    #el-about .el-grid{
        padding: 2rem;
    }
    .el-grid-favoris .el-row,
    .el-grid-favoris .el-list-controls,
    .el-grids-identification .el-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .el-grid-favoris .el-download-catalog {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}

@media all and (min-width: 992px) {
    :root{
        --font-size: 16px;
    }

    .el-content-area {
        width: 960px;
        /* padding: 2rem; */
    }
    #el-header-page #el-top .el-account{
        font-size: calc(var(--font-size) * .9);
    }#el-header-page #el-top div img{
        width: calc(var(--font-size) * 1.2);
    }
    #el-banner .el-content-area{
        padding: 0 1rem;
    }

    #el-sliders .el-card .el-container-grids {
        width: calc(50% - 50px);
        position: relative;
        z-index: 2;
        height: 100%;
    }#el-sliders .el-card .el-content{
        padding: 0;
        height: 40%;
        flex-direction: column;
    }#el-sliders .el-card .el-content .el-promo{
        display: block;
  }#el-sliders .el-card .el-content h1 span {
        font-size: calc(var(--font-size) * 4);
    }h1.vertical-text {
        font-size: calc(var(--font-size) * 3);
        line-height: calc(var(--font-size) * 4.2);
    }#el-sliders .el-card .el-box-img {
        width: calc(55.2% - 50px);
    }#el-sliders .el-card .el-container-2{
        display: flex;
        background: transparent;
        gap: 2rem;
        padding: 1rem 1rem 0;
    }#el-sliders .el-container-2 p{
        line-height: 2rem;
    }#el-sliders .el-container-2 .el-catalogue-link{
        padding: .7rem 4rem;
        font-size: calc(var(--font-size) * 2);
    }#el-sliders .owl-dot{
        width: 50px;
        height: 40px;
    }#el-sliders .owl-dots{
        top: auto;
        bottom: 10%;
    } #el-sliders .el-card .el-link {
        padding: 2.3rem .5rem;
        bottom: -62px;
        left: 40px;
        font-size: calc(var(--font-size) * 1.7);
    }#el-sliders .el-card .el-link span{
        font-size: calc(var(--font-size) * 1.6);
    }#el-sliders .el-card .el-bg{
        height: 60%;
    }
    .vertical-text {
      writing-mode: horizontal-tb;
      transform: rotate(0deg);
    }

    #el-header-page #el-middle form{
        display: flex;
    }#el-header-page #el-middle .el-block{
        width: auto;
        min-width: 90px;
    }#el-header-page #el-top .el-icon,
    #el-header-page #el-top form{
        display: none;
    }#el-header-page #el-top p,
    #el-header-page #el-top div{
        display: flex;
    }#el-header-page #el-middle .el-logo img{
        height: 60px;
    }#el-header-page #el-middle{
        padding: 1rem;
    }#el-nos-categories,
    #el-nos-offres{
        display: none;
    }#el-nos-categories-desktop,
    #el-nos-offres-desktop{
        display: flex;
    }#el-nos-offres-desktop .el-content-area,
    #el-nos-categories-desktop .el-content-area{
        padding: 1rem 0;
        gap: .5rem;
    }#el-about .el-grid{
        flex-direction: row;
    }.el-card-two::after{
        display: block;
    }#el-contact .el-grid-content{
        flex-direction: row;
    }.el-coordonnees,
    .el-form-contact{
        width: 50%;
    }#el-newsletter .el-grid div{
        height: 50px;
    }#el-newsletter .el-grid input{
        width: 92%;
    }#el-newsletter .el-grid button{
        width: 8%;
    }.el-force img{
        width: 60px !important;
    }.el-force h2{
        font-size: calc(var(--font-size));
    }.el-force p{
        font-size: calc(var(--font-size) * .8);
    }.el-offre label{
        font-size: calc(var(--font-size) * 1.8);
    }
    #el-articles .el-grid-articles{
        grid-template-columns: repeat(3, 1fr);
    }#el-header-page #el-top .el-content-area,
    #el-header-page #el-middle .el-content-area{
        padding: 0 6rem;
    }#el-header-page #el-middle form{
        width: 35%;
    }#el-header-page #el-middle button img{
        width: 20px;
    }#el-header-page #el-middle form input,
    #el-header-page #el-middle form button{
        border-radius: 0;
    }
    .el-container-back-and-share {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    #el-details-article .el-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .el-single-product {
        gap: 1rem;
    }
    .el-nav-picture {
        width: 400px;
    }.el-nav-picture .owl-prev {
         left: -8% !important;
    }
    .el-nav-picture .owl-next {
        right: -8% !important;
    }
    .el-grid-details-article{
        flex-direction: row;
    }#el-single-article,
     #el-info-article{
        width: 50%;
    }.el-grid-details-article{
        padding: 0;
        margin-top: 1rem;
    }#el-path .el-content-area{
        padding: 1rem 1rem 0 0;
   }
     #el-path .el-content-area,
     #el-articles .el-content-area,
     #el-about-categorie .el-content-area{
         padding: 1rem 0;
     }
  }

@media all and (min-width: 1024px){
    #el-newsletter,
    footer{
        padding: 2rem 1rem;
    }
}
@media all and (min-width: 1200px){
    :root{
        --font-size: 18px;
    }/* #el-sliders .el-card .el-box-img{
        width: calc(50% - 50px);
    }#el-sliders .el-card .el-content{
        width: 50%;
    }#el-sliders .el-card .el-container-2{
        width: 47%;
    }#el-sliders .el-card .el-bg{
        width: 80%;
    }#el-sliders .el-card {
        height: 660px;
    } */
    #el-sliders .el-card {
        height: 667px;
    }#el-sliders .el-card .el-container-grids{
        width: calc(50% - 59px);
    }#el-sliders .el-card .el-container-2{
        padding: 2rem 2rem 0;
    }#el-sliders .el-card .el-link{
        left: 61px;
    }#el-sliders .el-card .el-container-2{
        gap: 3rem;
    }
    .el-content-area {
        width: 1128px;
    }
    #el-header-page #el-bottom .el-btn,
    #el-header-page #el-bottom .el-link{
        display: none;
    }
    #el-menu-desktop {
        display: block;
    }#el-header-page #el-middle .el-block .el-badge{
        width: calc(var(--font-size) * 1);
        height: calc(var(--font-size) * 1);
        font-size: calc(var(--font-size) *.6);
    }#el-header-page #el-middle .el-block img{
        height: calc(var(--font-size) * 1.7);
    }#el-header-page #el-middle .el-block .el-badge{
        top: -18%;
        right: 24%;
    }#el-header-page #el-top p,
    #el-header-page #el-top .el-account,
    #el-header-page #el-middle form input{
        font-size: calc(var(--font-size) *.9);
    }#el-header-page #el-middle .el-block span{
        font-size: calc(var(--font-size) *.65);
    }
    #el-nos-offres-desktop .el-content-area,
    #el-nos-categories-desktop .el-content-area{
        padding: 2rem 0;
        gap: 1rem;
    }#el-nos-categories-desktop .el-grid,
    #el-nos-offres-desktop .el-grid{
        gap: 1.5rem;
    }#el-about .el-content-area,
    #el-about .el-grid,
    #el-nos-forces,
    .el-force,
    #el-newsletter .el-grid{
        padding: 2rem;
    }.el-force{
        gap: 1rem;
    }.el-force img{
        width: calc(var(--font-size) * 4) !important;
    }#el-nos-forces .el-grid,
    #el-newsletter .el-grid{
        gap: 2rem;
    }.el-form-contact form{
        gap: 2rem;
    }footer{
        padding: 2rem;
    }footer .el-top .el-block img{
        height: calc(var(--font-size) * 3.5);
    }
    #el-articles .el-grid-articles{
        grid-template-columns: repeat(4, 1fr);
    }footer .el-top .el-block p,
    footer .el-top .el-block a{
        font-size: calc(var(--font-size) * .8);
    }
}
@media all and (min-width: 1366px){
    .el-content-area {
        width: 1288px;
    }/*#el-nos-forces .el-content-area{
        padding: 0 2rem;
    }*/#el-sliders .el-card .el-box-img {
        width: calc(54.6% - 50px);
    } #el-sliders .el-card {
        height: 753px;
    }#el-sliders .el-container-2 p{
        font-size: calc(var(--font-size));
        line-height: 2.3;
    }#el-sliders .el-container-2 img {
        height: 25px;
    }#el-sliders .el-card .el-container-2{
        gap: 3rem;
    }#el-sliders .el-card .el-link{
        left: 96px;
        font-size: calc(var(--font-size)* 2);
        text-transform: capitalize;
    }#el-sliders .el-card .el-container-2{
        padding: 2rem 3rem 0;
    } #el-sliders .el-card .el-content h1 span {
        font-size: calc(var(--font-size) * 5);
        color: inherit;
    }#el-sliders .el-card .el-content h1#el-text-long span{
      font-size: calc(var(--font-size) * 4);
    }h1.vertical-text {
        font-size: calc(var(--font-size) * 3.4);
        line-height: calc(var(--font-size) * 5);
        text-transform: capitalize;
    }h1#el-text-long.vertical-text{
        font-size: calc(var(--font-size) * 2.5);
        line-height: calc(var(--font-size) * 4.5);
    }
    #el-menu-desktop-level-1 li #el-menu-desktop-level-2{
        grid-template-columns: repeat(auto-fit, 220px);
    }#el-container-bg .el-content-area,
    #el-nos-forces{
        padding: 2.5rem;
    }#el-about .el-content-area{
        padding: 6rem;
    }#el-container-bg #el-nos-offres,
    #el-container-bg #el-nos-offres-desktop{
        padding-bottom: 2.5rem;
    }#el-nos-categories-desktop .el-grid,
    #el-nos-offres-desktop .el-grid{
        gap: 2rem;
    }#el-nos-categories-desktop .el-grid-card,
    #el-nos-offres-desktop .el-grid-card{
        gap: 2rem;
    }#el-about .el-grid{
        gap: 2rem;
    }#el-newsletter .el-grid div{
        height: 60px;
    }footer{
        padding-top: 4rem;
    }footer .el-top{
        grid-template-columns: repeat(4, 1fr);
    }footer .el-top .el-block p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 10;
        overflow: hidden;
    }#el-about .el-content-area::before, #el-about .el-content-area::after{
        width: 25%;
        height: 25%;
    }#el-about .el-content-area::after{
        top: 8%;
    }#el-about .el-content-area::before{
        bottom: 8%;
    }#el-about .el-grid{
        padding: 6rem 4rem;
    }#el-about .el-card-one a{
        align-self: flex-start;
    }.el-force h2 {
        font-size: calc(var(--font-size) * 1.3);
    }.el-force p {
        font-size: calc(var(--font-size));
        line-height: calc(var(--font-size) * 2);
    }.el-force img {
        width: calc(var(--font-size) * 5) !important;
    }.el-force{
        border-radius: 1.5rem 0 1.5rem 1.5rem;
    }#el-about .el-card-one{
        gap: 3rem
    }
}

@media all and (min-width: 1400px){
    .el-content-area {
        width: 1309px;
    }

    #el-header-page #el-middle .el-container-blocks{
        gap: 1rem;
    }

}
/* @media all and (min-width: 1600px){
    :root{
        --font-size: 30px;
    }
    #el-menu-desktop-level-1 li #el-menu-desktop-level-2{
        grid-template-columns: repeat(4, 17%);
    }#el-header-page #el-top{
        padding: 0 4rem;
    }#el-header-page #el-top p,
    #el-header-page #el-top .el-account,
    #el-header-page #el-middle form input {
        font-size: calc(var(--font-size) *.6);
    }#el-header-page #el-middle{
        padding: 1rem 4rem;
    }#el-header-page #el-middle .el-logo img{
        height: 70px;
    }#el-header-page #el-middle form{
        height: 50px;
    }#el-header-page #el-middle form button{
        padding: 1rem 2rem;
    }#el-header-page #el-middle button img,
    #el-header-page #el-top img{
        width: 20px;
    }#el-header-page #el-middle .el-block img{
        height: calc(var(--font-size) * 1.1);
    }#el-header-page #el-middle .el-block .el-badge{
        width: calc(var(--font-size) * .8);
        height: calc(var(--font-size) * .8);
        font-size: calc(var(--font-size) * .4);
    }#el-header-page #el-middle .el-block span{
        font-size: calc(var(--font-size) * .5);
    }#el-menu-desktop-level-1 a:not(#el-menu-desktop-level-2 a){
        font-size: calc(var(--font-size) * .7);
    }#el-header-page #el-bottom{
        padding: .5rem 4rem;
    }h1.vertical-text{
        line-height: calc(var(--font-size) * 3.5);
    }#el-sliders .owl-dot{
        width: 4.1dvw;
        height: 4.1dvw;
    }.el-form-contact form{
        gap: 3rem;
    }#el-newsletter .el-grid div{
        height: 80px;
    }
}
@media all and (min-width: 2000px){
    #el-sliders .owl-dot{
        width: 4.25dvw;
        height: 4.25dvw;
    }
}@media all and (min-width: 2500px){
    #el-sliders .owl-dot{
        width: 4.35dvw;
        height: 4.35dvw;
    }
}@media all and (min-width: 3000px){
    #el-sliders .owl-dot{
        width: 4.5dvw;
        height: 4.5dvw;
    }
} */