/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media all and (min-width: 485px) {
    #el-subheader-middle ul{
        gap: .5rem;
    }
    #el-subheader-middle li p{
        display: block;
    }.el-title::before,
     .el-title::after{
         width: 80px;
     }.el-title::before{
          left: -90px;
      }.el-title::after{
           right: -90px;
       }
    #el-whatsapp-container{
        right: 30px;
    }
}
@media all and (min-width: 575px) {
    #el-navbar-phone .el-icon-home{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }#el-navbar-phone a.el-btn{
        padding: .5rem 1rem;
        font-size: 15px;
     }
    .el-content-area{
        width: 540px;
    }#el-subheader-middle ul{
         gap: 1rem;
     }.el-title::before,
      .el-title::after{
          width: 100px;
      }.el-title::before{
           left: -110px;
       }.el-title::after{
            right: -110px;
        }
    #el-articles .el-grid-articles{
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media all and (min-width: 768px) {
    .el-content-area{
        width: 720px;
    }#el-about .el-container-countdown{
         padding: 3rem 1rem;
     }#el-contact .el-grid-content{
          width: calc(100% - 8rem);
      }#el-subheader-middle img{
           width: 140px;
       }#el-subheader-middle .el-search{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }#el-subheader-middle .el-grid{
             gap: 1rem;
         }.el-title::before,
          .el-title::after{
              width: 110px;
          }.el-title::before{
               left: -120px;
           }.el-title::after{
                right: -120px;
            }.el-grid-favoris .el-download-catalog{
                 -ms-flex-item-align: end;
                     align-self: flex-end;
             }.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;
              }
}
@media all and (min-width: 992px) {
    .el-content-area{
        width: 960px;
        padding: 2rem;
    }#el-navbar-phone .el-grid{
         padding: 0 2rem;
     }#el-offres .el-container{
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          gap: 1rem;
      }#el-offres .el-grid-offres,
       #el-offres aside{
           width: 50%;
       }#el-offres aside{
            padding: 1rem;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 1rem;
        }.el-grid-offres .el-offre{
             height: 100%;
         }#el-offres .el-grid-offres{
              -ms-grid-rows: (185px)[2];
              grid-template-rows: repeat(2, 185px);
          }#el-offres .el-content{
               width: 50%;
               gap: .5;
           }#el-offres .owl-carousel{
                width: 50%;
            }#el-about .el-container{
                 gap: 1rem;
                 -webkit-box-orient: horizontal;
                 -webkit-box-direction: normal;
                     -ms-flex-direction: row;
                         flex-direction: row;
             }#el-about .el-container-countdown {
                  padding: 4rem 1rem;
                  width: 100%;
                  gap: 3rem;
                  margin: auto;
              }#el-about .el-presentation{
                   width: 70%;
               }.el-container-img{
                    width: 50%;
                }#el-contact .el-grid-content{
                     -webkit-box-orient: horizontal;
                     -webkit-box-direction: normal;
                         -ms-flex-direction: row;
                             flex-direction: row;
                 }.el-coordonnees,
                  .el-form-contact{
                      width: 50%;
                  }#el-subheader-middle .el-logo{
                         margin: 0;
                         width: 140px;
                     }#el-subheader-middle img{
                          width: 100%;
                      }.el-title::before,
                       .el-title::after{
                           width: 150px;
                       }.el-title::before{
                            left: -160px;
                        }.el-title::after{
                             right: -160px;
                         }    #el-search-and-my-acoumpt .el-btn-search{
                                  display: none;
                              }#el-search-and-my-acoumpt p{
                                   display: block;
                               }#el-about .el-container-countdown{
                                    padding: 2rem 1rem;
                                }#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-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-menu-desktop-level-1 a:not(#el-menu-desktop-level-2 a){
                                        padding: .25rem;
                                    }
    .el-nav-picture{
        width: 400px;
    }.el-nav-picture .owl-next{
        right: -8% !important;
    }.el-nav-picture .owl-prev{
        left: -8% !important;
    }
    #el-articles .el-grid-articles{
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
    #el-navbar-phone #el-container-availabilities{
        min-width: 310px;
    }
}
@media all and (min-width: 1024px) {
    #el-subheader-middle .el-grid{
        padding: 1rem 2rem;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
@media all and (min-width: 1200px) {
    #el-menu-desktop{
       display: block;
   }#el-navbar-phone #el-open-menu-pone{
        display: none;
    }#el-menu-desktop{
        width: 70%;
    }#el-navbar-phone #el-container-availabilities{
        width: 26%;
    }#el-navbar-phone .el-grid{
        justify-content: space-between;
    }
    #el-search-and-my-acoumpt .el-grid,
    #el-subheader-middle .el-grid,
    #el-navbar-phone .el-grid,
    .el-content-area{
        padding: 0;
    }.el-content-area{
         padding: 2rem 1rem;
         width: 1128px;
     }#el-subheader-middle .el-grid{
          padding: .5rem 1rem;
      }#el-search-and-my-acoumpt .el-grid{
           -webkit-box-pack: justify;
               -ms-flex-pack: justify;
                   justify-content: space-between;
       }#el-menu-desktop-level-1 a:not(#el-menu-desktop-level-2 a){
            padding: .5rem;
        }#el-offres .el-grid-offres {
             -ms-grid-rows: (222px)[2];
             grid-template-rows: repeat(2, 222px);
         }.el-grids-identification{
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
          }
    #el-articles .el-grid-articles{
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }
    #el-about .el-content-area,
    footer .el-content-area{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    footer .el-content-area{
        padding: 4rem 0 1rem;
    }
    footer article{
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }
    #el-about-details h2{
        font-size: calc(var(--font-size-text) * 2);
    }
    #el-about-details h3{
        font-size: calc(var(--font-size-text) * 1.5);
    }
    #el-about-details .el-paragraph{
        line-height: calc(var(--font-size-text) * 2);
        font-size: calc(var(--font-size-text) * 1.2);
    }
}
@media all and (min-width: 1366px) {
    .el-content-area{
        width: 1288px;
    }
}
@media all and (min-width: 1400px) {
    .el-content-area{
        width: 1309px;
    }#el-subheader-middle .el-logo{
         width: 225.8px;
     }#el-subheader-middle .el-content-area{
          padding: .5rem 0;
      }#el-offres .el-grid-offres {
           -ms-grid-rows: (262px)[2];
           grid-template-rows: repeat(2, 262px);
       }.el-title::before, .el-title::after {
            width: 225px;
        }.el-title::before {
             left: -250px;
         }.el-title::after {
              right: -250px;
          }.el-nav-picture{
               width: 80%;
           }#el-subheader-middle .el-content-area{
                padding: .5rem 1rem;
            }
}
@media all and (min-width: 1900px) {
    /* .el-content-area{
        width: 1890px;
    } */
}
@media all and (min-width: 2500px) {
    /* .el-content-area{
        width: 2336px;
    } */
}