@media only screen and (max-width: 715px) {
  .middle-list {
    width: 100%;
  }
  .contacts {
    flex-direction: column;
    justify-content: center;
  }
  .container {
    margin: 0 20px;
  }
}

@media only screen and (max-width: 1053px) {
  .product-list {
    width: 100%;
    max-width: none;
  }
  .main-with-carousel {
    flex-direction: column;
    justify-content: center;
  }
}

@media only screen and (max-width: 509px) {
  .carousel {
    min-width: 300px;
  }
}

/* @media screen and (orientation: landscape) {
  html {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      overflow: hidden;
  }
} */