/* break 1200px = xl */
/* break 992px = lg */
/* break 768px = md */
/* break 576px = sm */

@media (max-width: 1198.98px) {
  .nav-item:not(:last-child) .nav-link {
    margin-right: 2.3rem;
  }
}

@media (max-width: 991.98px) {
  html {
    font-size: 56.25%;
  }

  .section-hero-golf {
    position: relative;
    height: 629px;
    background: url(../../images/background/BG-mobile-gallery.png);
    background-size: cover;
    background-position: center;
    padding-bottom: 0;
    background-repeat: no-repeat;
  }
}

@media (max-width: 767.98px) {
  .nav-item:not(:last-child) .nav-link {
    margin-right: 20px;
  }
}

@media (max-width: 575.98px) {
  .sub-thai {
    font-size: 18px;
    line-height: 27px;
  }

  .section-gallery {
    margin: 40px 0 32px;
  }

  .nav {
    margin-bottom: 20px;
  }

  .nav-link {
    font-size: 12px;
    line-height: 15px;
  }

  .g-2 {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 8px;
  }

  .section-gallery {
    padding-left: 24px;
    padding-right: 24px;
  }

  .btn-gallery-box {
    margin-top: 32px;
  }

  .btn-gallery {
    font-size: 12px;
    width: 186px;
  }

  .section-hero-golf {
    background: url(../../images/background/BG-mobile-gallery2.png) center/cover no-repeat;
  }
}