@media only screen and (max-width: 800px) {
  #products .box {
    width: 200px;
  }

  #products .box img {
    width: 200px;
    height: 200px;
  }
}

@media only screen and (max-width: 610px) {
  #products {
    display: flex;
    flex-direction: column;
  }

  #products .box {
    width: 220px;
  }

  #products .box img {
    width: 220px;
    height: 220px;
  }
}