@media (max-width: 1023px) {

  /*
  --------------------------------------
  Featured products
  --------------------------------------
  */

  .s-featured-products-top .fake-arrows {
    justify-content: flex-end;
  }

  /*
  --------------------------------------
  Blog posts
  --------------------------------------
  */

  .s-home-blog .swiper-button-prev,
  .s-home-blog .swiper-button-next {
    display: none;
  }

  .s-home-blog__post {
    flex-direction: column;
  }

  .s-home-blog__post.swiper-slide {
    height: auto !important;
    display: flex;
    flex-direction: column;
  }

  .s-home-blog__post-content-container {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .s-home-blog__post-link-container {
    margin-top: auto;
  }

  .s-home-blog .swiper-pagination {
    position: relative !important;
    bottom: 0 !important;
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    height: 20px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .s-home-blog .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    background-color: #000 !important;
    display: inline-block !important;
    margin: 0 6px !important;
    border-radius: 50%;
    opacity: 0.3;
  }

  .s-home-blog .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background-color: #000 !important;
  }

  /*
  --------------------------------------
  À propos
  --------------------------------------
  */

  .home-about .home-about__element-content {
    grid-row: 1;
    padding: 2em 0;
  }

}

@media (min-width: 1024px) {

  /*
  --------------------------------------
  Featured products
  --------------------------------------
  */

  .s-featured-products-top.container-primary {
    grid-template-columns: 60% 40%;
  }

  /*
  --------------------------------------
  À propos
  --------------------------------------
  */

  .home-about .home-about__element {
    grid-template-columns: repeat(2, 1fr);
  }

  .home-about__element-content__inner {
    text-align: center;
    max-width: 400px;
    margin: auto;
  }

  /*content*/

  .home-about .home-about__element-content {
    padding: 30px;
  }

  /*
  --------------------------------------
  Blog posts
  --------------------------------------
  */

  /*content*/

  .s-home-blog__post-content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 0 40%;
    background: var(--color-tertiary);
    padding: calc(28px + (48 - 28) * ((100vw - 320px) / (1920 - 320))) calc(40px + (80 - 40) * ((100vw - 320px) / (1920 - 320)));
  }

}

@media (min-width: 1200px) {

  /*
  --------------------------------------
  À propos
  --------------------------------------
  */

  .home-about .home-about__element {
    grid-template-columns: 60% 40%;
  }

  /*
  --------------------------------------
  Posts
  --------------------------------------
  */

  /*swiper*/

  .s-home-blog__slider-wrapper {
    max-width: 68%;
  }

  /*
  --------------------------------------
  FAQ
  --------------------------------------
  */

  .home-faq__inner {
    max-width: 58%;
  }

}