@media (max-width: 768px) {

  /* Navbar */
  .nav-links {
    display: none;
  }

  /* About Section */
  .about-container {
    flex-direction: column;
    text-align: center;
  }

  .about-feature {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* Stats */
  .stats-bar {
    flex-direction: column;
  }

  /* Casino Grid */
  .casino-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Matches */
  .match-bottom {
    flex-direction: column;
    text-align: center;
  }

  .team {
    width: 100%;
  }

  .team.right {
    text-align: center;
  }

  /* Register */
  .register-grid {
    grid-template-columns: 1fr;
  }

  /* Sliders */
  .why-wrapper,
  .best-wrapper {
    flex-direction: column;
  }

  /* Blog */
  .blog-grid {
    grid-template-columns: 1fr;
  }

  /* Footer */
  .footer-container {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .social-icons {
    justify-content: center;
  }
}

@media (max-width: 768px) {

  /* WHY & BEST sliders */
  .why-slider,
  .best-slider {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;
  }

  .why-card,
  .best-card {
    min-width: 75%;
    scroll-snap-align: center;
  }

  /* Hide arrows on mobile */
  .nav-btn,
  .best-nav {
    display: none;
  }
  .casino-card img{
    height: 150px;
  }
  .match-card{
    width: 95%;
  }
  .vs-box{
    margin: 20px 0px;
  }
  .why-card, .best-card{
    width: 40px;
  }
  .blog-image img{
    height: auto;
  }
}


/* Mobile Navbar */
@media (max-width: 768px) {

  .hamburger {
    display: flex;
  }

  .nav-links {
    position: absolute;
    top: 70px;
    right: 0;
    width: 100%;
    background: linear-gradient(90deg, #0b84c6, #0b5d8a, #1e3c52);
    flex-direction: column;
    align-items: center;
    gap: 25px;
    padding: 30px 0;
    display: none;
  }

  .nav-links.active {
    display: flex;
  }

  .nav-links li a {
    font-size: 18px;
  }
}