/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  header {
    background-color: var(--golden);
  }
  .navbar-brand.logo {
    filter: brightness(0%) invert(1);
  }
  .navbar-nav .nav-item.active .nav-link,
  .navbar-nav .nav-item .nav-link:hover,
  .navbar-nav .nav-item .nav-link:focus {
    color: var(--white);
  }
  .nav-scroll {
    background-color: #8e6d45da;
  }
}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {
  .about-right {
    margin-top: 30px;
  }
  .search form input {
    flex-basis: 50%;
  }
  .search form select,
  .search form a {
    flex-basis: 25%;
  }
  .bnr-reservation {
    display: none;
  }
}

/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  header {
    position: fixed;
    top: 0;
  }

  .logo > img {
    width: 150px;
  }
  .bnr-txt-area > p:nth-child(3) {
    font-size: 30px;
    letter-spacing: 10px;
  }

  .about-right > div > div:nth-child(2) {
    margin-top: 30px;
  }
  .search form input {
    flex-basis: 100%;
  }
  .search form select,
  .search form a {
    flex-basis: 100%;
  }
}