@media screen and (max-width: 718px) {
  .slogan, .slogan > span {
    font-size: 2.625rem;
    line-height: 115%; 
  }
  .head-part, .head-part > span, .about > .head-part {
    font-size: 2.0rem;
    align-self: center;

  }

  .img1 {
    /* max-width: 21.75rem; */
    height: 36.875rem;
  }
  .img1 > img {
    width: 123%;
    height: 123%;
  }
  .slider-arrow {
    display: none;
  }
  .slider-item-pic {
    height: 21.75rem;
    max-width: 21.75rem; 
  }

  .about, .slider-item-name, .slider-item-about, .slider-item-price {
    max-width: 21.75rem;
  }
  .mobile-app {
    gap: 2.5rem
  }
  .download {
    max-width: 21.75rem;
  }
  .download-pic {
    max-width: 21.75rem;
    height: 21.75rem;
  }


  .footer {
    padding: 3.75rem 1rem;
    gap: 2.5rem;
  }


}

@media screen and (max-width: 490px) {

body {
  padding: 0 1rem;
}
.hero {
  padding: 3.75rem 1rem;
}

.head-part, .head-part > span, .about> .head-part {
  font-size: 2rem;
  align-self: center;
}

.item-menu-list {
  justify-content: space-evenly;
  max-height: 134rem;
  overflow-y: hidden;
}

.head-menu-page {
  max-width: 21.75rem;
}
.img1, .download {
  max-width: 21.8rem;
  max-height: 36.9rem;
}
.buttons {
  flex-direction: column;
}

}