@media screen and (max-width : 849px) {
  /**********************
  * homeTabSection
  ***********************/
  .featured-products .products {
    grid-template-columns : repeat(2, 1fr);
    grid-gap              : 10px;
    row-gap               : 40px;
  }

  .publicity-miniature {
    grid-column : 2;
    height      : 100%;
  }

  .publicity__btn {
    padding : 10px 20px;
  }

  /**********************
  * Services
  ***********************/
  .services__section .c-title {
    font-size : 24px;
  }

  /**********************
  * Reassurane
  ***********************/
  .section__reassurance-list:before {
    content          : '';
    display          : block;
    transform        : translateY(80px);
    height           : 1px;
    width            : 100%;
    background-color : #E8E8E8;
  }
}

@media screen and (min-width : 850px) and (max-width : 1300px) {
  /**********************
  * homeTabSection
  ***********************/
  .featured-products .products {
    grid-template-columns : repeat(3, 1fr);
  }
}

@media (max-width : 849px) {
  .s-tabs-title-content__head {
    flex-direction : column;
  }

  .section__tabs-titles .selected__option {
    font-size : 16px;
    padding   : 10px 20px;
    border    : 1px solid #ececec;

  }

  .selected__option {
    transition : 0.3s ease;
    display    : flex;
    gap        : 15px;
  }

  .selected__option:hover {
    cursor     : pointer;
    background : #ececec;
  }

  .available__options {
    padding       : 5px;
    border-radius : 5px;
    box-shadow    : 0 0 5px 0 rgba(0, 0, 0, 0.1);
    min-width     : 200px;
  }

  .section__title__part {
    padding : 5px
  }

  .s-tabs-title-content .section__content {
    margin-top : 0;
  }

  .section__title__part:not(.section__content__part--active):hover {
    text-shadow : 0 0 0 #0c0c0c, 0 0 0 #0c0c0c;
  }

  .last-posts__container {
    padding : 50px 0 60px;
  }

  .publicity__img {
    height : auto;
  }
}

@media screen and (max-width : 419px) {
  /**********************
  * Reassurane
  ***********************/
  .section__reassurance-list:before {
    content : none;
  }

}

@media (max-width : 550px) {
  .featured-products .products {
    grid-template-columns : repeat(1, 1fr);
  }
}

@media (max-width : 1199px) {
  .section__reassurance-list:before {
    content : none;
  }

  .home-avis__container {
    display         : flex;
    justify-content : center;
    align-items     : center;
    padding         : 12px 0 0 0;
  }

  .home-avis__container .avis__stars {
    margin-bottom : 2px;
  }

  .home-avis__content {
    display         : flex;
    justify-content : center;
    align-items     : center;
    gap             : 10px;
  }
}

/***********************
  Home Catalogues
 ***********************/

@media (max-width : 1199px) {
  .catalogue-group {
    padding        : 70px 35px 40px 35px;
    flex-direction : column;
    gap            : 20px;
    transform      : translateY(-40%);
  }

  .catalogue-text_container {
    width : 100%;
  }

  .catalogue-btn_container {
    flex-wrap : wrap;
  }

  .catalogue-media {
    position : initial;
  }
}

@media (max-width : 1600px) {
  .catalogue-media {
    width  : 50%;
    bottom : initial;
  }
}

/***********************
  Home Categories
 ***********************/

@media (max-width : 900px) {
  .category-home .container-secondary {
    display        : flex;
    flex-direction : column;
    padding        : 30px 0 70px;
    align-items    : center;
    gap            : 30px;
  }

  .category-home:first-child .container-secondary {
    padding : 0 0 70px;
  }

  .category-home-media .default-media {
    max-width : 100%;
  }
}

/***********************
  Home more on Idecor
 ***********************/

@media (max-width : 769px) {
  .more-on-idecor.container-secondary {
    display        : flex;
    flex-direction : column;
    padding        : 70px 0 250px;
    gap            : 40px;
  }
}

/***********************
  Home Idecor compo
 ***********************/

@media (max-width : 1550px) {
  .idecor-compo-group {
    padding : 105px 200px;
  }

  .idecor-compo-media_bottom .default-media {
    max-width : 200px;
  }

  .idecor-compo-media_top .default-media {
    max-width : 260px;
  }
}

@media (max-width : 1199px) {
  .idecor-compo-media_top {
    display : none;
  }

  .idecor-compo-group {
    padding : 105px 100px 180px;
  }
}

@media (max-width : 769px) {
  .idecor-compo-group {
    padding : 50px 0 0;
  }

  .idecor-compo-media_bottom {
    position : initial;
  }

  .idecor-compo {
    gap : 50px;
  }

  .idecor-compo-media_bottom {
    position        : initial;
    display         : flex;
    width           : 100%;
    justify-content : flex-end;
  }

  .idecor-compo-body {
    padding : 0 30px;
  }

  .idecor-compo-header_title {
    font-size: 25px;
    padding: 0 50px 20px;
  }
}