@media (max-width: 1193px) {
    .header {
      padding: 1.3rem 5%;
    }
}

@media (max-width: 1009px) {
    .nav-item {
        margin: 1.5rem .5rem;
    }
}

@media (max-width: 825px) {
    .nav-item {
        margin: 1.5rem .5rem;
    }
    .header {
        padding: 1.3rem 1.5%;
      }
}

@media (max-width: 768px) {
    .header {
        background: rgba(0, 0, 0, 0.9)
    }

    .icons {
      display: inline-flex;
    }

    #check:checked ~ .icons #menu-icon {
      display: none;
    }

    .icons #close-icon {
      display: none;
    }

    #check:checked ~ .icons #close-icon {
      display: block;
    }

    .navbar {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 0;
      background: rgba(0, 0, 0, 0.7);
      backdrop-filter: blur(50px);
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
      overflow: hidden;
      transition: all 0.3s ease;
    }

    #check:checked ~ .navbar {
      height: 17.7rem;
    }

    .nav-item {
      display: block;
      font-size: 1.1rem;
      margin: 0.8rem 0;
      text-align: center;
      transform: translateY(-50px);
      opacity: 0;
      transition: all 0.3s ease;
    }

    #check:checked ~ .navbar a {
      transform: translateY(0);
      opacity: 1;
      transition-delay: calc(0.15s * var(--i));
    }
}

@media (max-width: 1116px) {
  .iletisim-yazi{
    width: 100%;
    height: 300px;
  }
  .harita {
    width: 100%;
    height: 300px;
  }
  .harita iframe {
    border-radius: 10px 10px 0px 0px;
  }
}


/* Tabletler */
@media (max-width: 768px) {
  .iletisim-ic, .footer-sol, .footer-orta {
    width: 80%;
  }
  .footer-sol img {
    width: 50%;
    margin: auto;
    margin-top: 20px;
  }

  .footer-sol p{
    width: 100%;
    text-align: center;
  }

  .amac-sol, .amac-sag, .amac-ic {
    width: 100%;
    height: 100%;
    margin: 0;
    padding-top: 5%;
    padding-bottom: 20%;
    text-align: center;
  }
}

/* Küçük Cihazlar (Mobil) */
@media (max-width: 480px) {
  .iletisim-ic,.harita{
    min-width: 250px;
  }  

  .iletisim-ic, .footer-sol, .footer-orta, .paket-box  {
    width: 90%;
  }

  .footer-sol img {
    width: 50%;
    margin: auto;
    margin-top: 20px;
  }

  .footer-sol {
    text-align: center;
  }
}