/* ===============================
   Extra small devices (phones, <576px)
   =============================== */
@media (max-width: 575.98px) {
  .content-item {
    width: 100%;
    margin-bottom: 1rem;
  }

  .nav-menu-list {
    display: none;
  }
  .nav-menu-btn {
    height: 90px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .home-slider .carousel-item img {
    height: 100vh;
    object-fit: cover;
  }
  .carousel-item-content {
    position: absolute;
    top: 30%;
    display: grid;
    justify-content: center;
    width: 100%;
    z-index: 9998;
    text-align: center;
  }
  .carousel-item-content h1 {
    font-size: 2rem;
    color: var(--color-white);
    font-weight: 600;
  }
  .header-fixed{
   z-index: 9999;
  }
  .campaign-hotel-info {
    padding: 1rem;
}

.golf-photo-content{
  display: flex;
  flex-wrap: wrap;
}

.hotel-info-card{
  height: auto;
  padding: 1.25rem 0 0 0;
}
}

/* ===============================
   Small devices (phones, ≥576px)
   =============================== */
@media (min-width: 576px) and (max-width: 767.98px) {
  .content-item {
    width: 100%;
    margin-bottom: 1rem;
  }
}

/* ===============================
   Medium devices (tablets, ≥768px)
   =============================== */
@media (min-width: 768px) and (max-width: 991.98px) {
}

/* ===============================
   Large devices (desktops, ≥992px)
   =============================== */
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/* ===============================
   Extra large devices (large desktops, ≥1200px)
   =============================== */
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/* ===============================
   XXL devices (very large screens, ≥1400px)
   =============================== */
@media (min-width: 1400px) {
}

/* Dikey modda font biraz daha küçük */
@media (orientation: portrait) {
}

/* Yatay modda daha büyük font ve farklı zemin rengi */
@media (orientation: landscape) {
}