@media (min-width : 1200px) {
  /********************
    Part - Product Layout
  ********************/
  .product__grid {
    display : flex;
    gap     : 15px;
  }

  .product__grid__full-width__bg-section {
    grid-column : 1/-1;
  }

  .product__images__bg {
    background : var(--color-grey-default);
    grid-row   : 2;
  }

  .product__images__wrapper {
    grid-column : 1;
    grid-row    : 1;
  }

  .product__main-infos__wrapper {
    grid-column : 2;
    grid-row    : 1;
  }

  .product__more-infos__bg {
    background : var(--color-grey-default);
    grid-row   : 3;
  }

  .product__more-infos__wrapper {
    grid-column : 2;
    grid-row    : 3;
  }

  .product-accessories__bg {
    background : var(--color-white-default);
    grid-row   : 4;
  }

  .product-accessories {
    grid-column : 2;
    grid-row    : 4;
  }


  .product__grid-left__top .add {
    width : 100%;
  }
}

@media (max-width : 1199px) {
  .product__grid-left__top {
    grid-template-columns : 1fr;
  }

  .product__grid {
    display        : flex;
    flex-direction : column;
    gap            : 35px;
  }

  .product__grid-right .thumbnail-container {
    display               : grid;
    grid-template-columns : 1.6fr 1fr;
    gap                   : 20px;
  }

  .product__grid-right .product-miniature .product-flags {
    top   : 0;
    left  : 0;
    right : unset;
  }

  .product__grid-right .product-flag {
    margin-left : .625rem;
  }

  .product-accessories .products__left {
    padding-right : 15px;
    width         : 35%;
  }

  .product-accessories .products__right {
    width : 65%;
  }
}

@media (max-width : 850px) {
  .product-accessories .products__left {
    width : 45%;
  }

  .product-accessories .products__right {
    width : 55%;
  }

  .product-accessories .product-miniature .product-price-and-shipping {
    flex-direction : column;
    gap            : 0;
    padding        : 10px 20px;
  }
}

@media (max-width : 767px) {
  .product__thumbnails .thumb {
    max-width : 80px;
    width     : 80px;
    min-width : 80px;
  }

  .product-accessories .products__left {
    display : none;
  }

  .product-accessories .products__right {
    width : 100%;
  }
}

@media (max-width : 499px) {
  .product__thumbnails .thumb {
    max-width : 60px;
    width     : 60px;
    min-width : 60px;
  }

  .product__main-infos__wrapper {
    padding : 30px 22px;
  }

  .product__more-infos__wrapper {
    padding : 40px 22px;
  }

  .product__grid-right .thumbnail-container {
    display : flex;
  }
}

@media (max-width : 400px) {
  .product-actions .product-add-to-cart {
    flex-direction : column;
    gap            : 5px;
  }

  .product__grid-right .thumbnail-container {
    display               : grid;
    grid-template-columns : 1fr;
    gap                   : 20px;
  }
}

@media (min-width : 1200px) and (max-width : 1350px) {
  .product-accessories .products__right {
    width : 67%;
  }

  .product-accessories .products__left {
    width : 33%;
  }
}

/********************
Part - Product display
********************/

@media (min-width : 1200px) and (max-width : 1300px) {
  .product__grid-left__top {
    grid-template-columns : 1.4fr 0.6fr;
  }

  .product__main-infos__wrapper {
    padding : 30px 20px;
  }
}

@media (min-width : 1200px) and (max-width : 1400px) {
  .product__grid-left {
    width : 73%;
  }

  .product__grid-right {
    width : 27%;
  }
}

@media (max-width : 1199px) {
  .product__grid-left {
    width : 100%;
  }

  .product__grid-right {
    width : 100%;
  }
}
