@media (max-width : 1199px) {
  /********************
    Part - Product Layout
  ********************/
  .product__grid {
    display        : flex;
    flex-direction : column;
    max-width      : var(--container-primary-max-width);
  }

  .product__more-infos__wrapper {
    order : 1;
  }


  /********************
      Part - Product thumbs Images
  ********************/
  .product__thumbnails:not(.product__thumbnails__slider) {
    grid-template-columns : repeat(auto-fill, minmax(100px, 1fr));
  }


  /********************
      Part - Product thumbs Slider
  ********************/
  .images-container.thumb--is-on-left .product-thumbnails-button-prev {
    transform : rotate(-180deg);
  }

  .images-container.thumb--is-on-left .product-thumbnails-button-next {
    transform : rotate(0deg);
  }

  .images-container .product__thumbnails {
    height : auto !important;
  }

  .product__thumbnails .thumb {
    max-width : 120px;
    width     : 120px;
    min-width : 120px;
  }

  .images-container.thumb--is-on-left .product__thumbnails {
    padding : 5px 2px 0;
  }
}

@media (max-width : 991px) {

  section.breadcrumb__wrapper {
    grid-row    : 1;
    grid-column : 1 / -1;
  }

  section.product__images__wrapper {
    grid-row    : 2;
    grid-column : 1 / -1;
  }

  section.product__main-infos__wrapper {
    grid-row    : 3;
    grid-column : 1 / -1;
  }

  .product__imgs-main-info-container .bwa-product-documents {
    grid-column : 1 / -1;
  }

}

@media (max-width : 767px) {

  .product__thumbnails .thumb {
    max-width : 80px;
    width     : 80px;
    min-width : 80px;
  }

  .bwa-section-title {
    font-size : 1rem;
  }

  .product-actions .product-qty-add__container {
    flex-direction : column;
  }

  .product-add-to-cart .product-quantity {
    max-width : 100%;
    width     : 100%;
  }

  .product-add-to-cart .add.sticky {
    position : fixed;
    z-index  : 15;
    bottom   : 10px;
    left     : 10px;
    right    : 10px;
  }

}

@media (max-width : 499px) {

  .product__thumbnails .thumb {
    max-width : 60px;
    width     : 60px;
    min-width : 60px;
  }

}

@media (min-width : 1024px) {

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

  .product__description-short {
    max-width : calc(300px + (510 - 300) * ((100vw - 1024px) / (1920 - 1024)));
  }

}

@media (min-width : 1200px) {

  #product .product__grid {
    width  : 68%;
    margin : auto;
  }

  /********************
    Part - Product Layout
  ********************/
  .product__imgs-main-info-container {
    display               : grid;
    grid-template-columns : auto 40.5%;
    grid-template-rows    : 50px auto;
    padding-top           : 1em;
  }

  .product__imgs-main-info-container .bwa-product-documents {
    padding         : 0 0 1.5em calc(20% + 15px);
  }

  /********************
  Part - Product Images
********************/
  .product__images__wrapper {
    flex : 0 0 55%;
  }

  .slider-imgs-product__wrapper {
    flex-direction : column;
  }

  /********************
  Part - Product thumbs Images
********************/
  .product__thumbnails:not(.product__thumbnails__slider) {
    align-self : flex-start;
  }

  /********************
  Part - Product thumbs on left
********************/
  .images-container.thumb--is-on-left {
    display               : grid;
    grid-template-columns : 20% 1fr;
    grid-gap              : 15px;
  }

  .images-container.thumb--is-on-left .product-cover,
  .images-container.thumb--is-on-left .product__thumbnails {
    grid-row : 1;
  }

  .images-container.thumb--is-on-left .product-cover {
    grid-column : 2;
    z-index     : 3;
  }

  .images-container.thumb--is-on-left .product__thumbnails img {
    min-width : 120px;
  }

  /********************
  Part - Product main infos
********************/
  .product__main-infos__wrapper {
    flex : 0 0 45%;
  }

  .product__main-infos__wrapper .product__main-infos {
    position   : -webkit-sticky;
    position   : sticky;
    top        : 0;
    background : white;
    padding    : 0 15px;
  }

  /********************
  Part - Product more infos
********************/
  .product__more-infos__wrapper .product__more-infos {
    max-width : 66%;
  }

  /********************
  Part - Product block reassurance
********************/
  #block-reassurance ul {
    flex-direction : row;
  }

  #block-reassurance li + li {
    border-left : 1px solid rgba(0, 0, 0, .25)
  }
}