@media (max-width: 1023px){
  #js-product-list .product-miniature .bubble-round{
    width: 53px;
    height: 54px;
  }
  #js-product-list .product-miniature .bubble-hexagonal {
    width: 60px;
    height: 70px;
    font-size: 9px;
  }
  #js-product-list .product-miniature .bubble-hexagonal [class*=icon-measure] {
    width  : 20px;
    height : 20px;
  }
  #js-product-list .product-miniature .bubble-hexagonal .icon-max-weight {
    width: 17px;
    height: 20px;
  }
  #js-product-list .product-miniature .bubble-round .icon-box {
    width: 20px;
    height: 17px;
  }
  #js-product-list .product-miniature .product-bubbles>*:not(:last-child) {
    margin-right: 1px;
  }
}

@media (min-width: 370px){
  #js-product-list{
    padding: 60px 20px;
  }
}

@media (min-width: 768px){
  #js-product-list{
    padding: 60px 20px;
  }
  .products {
    grid-template-columns : repeat(auto-fill, minmax(345px, 1fr));
    grid-gap              : 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px){
  #js-product-list .product-miniature .product-bubbles>*:not(:last-child){
    margin-right: 5px;
  }
  #js-product-list .product-miniature .bubble-round {
    width: 57px;
    height: 57px;
  }
}

@media (min-width: 1150px) and (max-width: 1299px){
  .product-miniature .product-top__container{
    padding: 15px 4px;
  }
  .product-miniature .bubble-round{
    width: 60px;
    height: 60px;
  }
  .product-miniature .bubble-round .bubble-type{
    font-size: 11px;
  }
  .product-miniature .bubble-hexagonal {
    width: 64px;
    height: 73px;
    font-size: 9px;
  }
  .product-miniature .bubble-hexagonal [class*=icon-measure]{
    width  : 30px;
    height : 30px;
  }
  .product-miniature .bubble-hexagonal .icon-max-weight {
    width  : 20px;
    height : 30px;
  }
}

@media (min-width: 1300px){
  #js-product-list,
  #js-product-list-header,
  #subcategories{
    padding-left: 0;
    padding-right: 0;
  }
  .products {
    display               : grid;
    grid-template-columns : repeat(auto-fill, minmax(360px, 1fr));
    grid-gap: 50px 40px;
  }
}