@media (max-width: 1000px) {
  header #navDesktop {
    display: none;
  }
  header #bars {
    display: block;
  }
  .menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 100vh;
    padding-top: 80px;
    overflow-y: scroll;
  }
  .menu::-webkit-scrollbar {
    display: none;
  }
  .menu ul {
    flex-direction: column;
    gap: 50px;
  }
}

@media (max-width: 770px) {
  .interface .continearTop img {
    width: 10rlh;
    height: 10rlh;
  }

  .interface .continearTop .infoFace {
    direction: rtl;
    width: 300px;
  }

  .supportSection {
    flex-direction: column;
    gap: 40px;
    width: 100%;
  }

  .supportSection .info {
    text-align: right;
    width: 100%;
  }
  .supportSection .btn {
    width: 100%;
    text-align: center;
  }
  .listOfFood .headListOfFood {
    flex-direction: column;
  }

  
}