@media (max-width: 1024px) {

  .desktop-nav {
    gap: 18px;
  }

}


@media (max-width: 860px) {

  .desktop-nav a {
    font-size: 12px;
  }

}


@media (max-width: 760px) {

  :root {
    --container:
      100%;
  }

}


@media (max-width: 420px) {

  .container {
    width:
      calc(100% - 24px);
  }

}