@media (max-width: 1024px) {
  .top-bar {
    display: none;
  }


  .navbar-nav {
    display: none !important;

  }

  .menu-toggle {
    display: block !important;
  }

  .abouts .flex-container {
    flex-direction: column;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  /* Büyük tablet ve küçük dizüstü cihazlara özel stil */
}

@media (min-width: 481px) and (max-width: 768px) {
  /* Küçük tablet cihazlara özel stil */
}

@media (max-width: 480px) {
  .grid-container .grid-item {
    aspect-ratio: inherit;
  }
}