@media (max-width: 768px) {
  /**
   * header
   */
  .header {
    height: 80px;
    padding: 10px;
  }

  .logo__img {
    width: 50px;
    height: 50px;
  }

  .headerFeatures {
    gap: 10px;
    width: calc(100% - 60px);
  }

  .navBtn {
    display: none;
  }

  /**
   * main
   */
  .main {
    top: 80px;
    padding: 10px;
  }

  /**
   * sologan .h1
   */
  .sologan__heading {
    font-size: var(--fonts50);
  }

  /**
   * drinks menu display .section
   */
  .drinksMenu, .drinksContainer {
    overflow: scroll;
  }

  .drinksContainer .drinksSlide {
    gap: 20px;
  }

  /*a drink .div*/
  .drink {
    width: 200px;
    padding-top: 85px;
    margin-top: 75px;
  }

  .drinkImage {
    top: -75px;
    width: 150px;
    height: 150px;
  }

  /*h3*/
  .drink__name {
    font-size: var(--fonts18);
    max-height: 45px;
    height: 45px;
  }

  /**
   * footer
   */
  .footer {
    width: calc(100% + 20px);
    margin: 20px -10px -10px -10px;
  }

  .footerLinks, .footerFeatures {
    justify-content: space-evenly;
  }

}

@media (max-width: 500px) {
  /**
   * scrolling bar .div
   */
  .scrollBar {
    padding: 0 10px;
  }

  .scrollingBtns {
    gap: 10px;
  }

  /**
   * sidebar .aside
   */
  .sidebar {
    width: 100%;
  }
}