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

@media (max-width: 1198.98px) {
  .rule-text-box {
    padding-top: 0;
  }

  .yards-box {
    margin: 2rem 0 2rem 12.5px;
  }
}

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

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

  .yards-box {
    margin: 40px 0 40px 12.5px;
  }

  .rule-image-box {
    padding-right: 0;
  }

  .rule-text-box {
    padding-left: 0;
    margin-top: 50px;
  }

  .golf-course-secondary-heading::after {
    width: 360px;
  }

  .nav-item {
    margin-right: 14.47px;
  }

  .section-field {
    padding-top: 63px;
    padding-bottom: 63.85px;
  }
}

@media (max-width: 767.98px) {
  .hero-golf-box {
    width: 310px;
  }

  .hole-box {
    max-width: none;
  }

  .course .btn-member {
    width: 177px;
    height: 40px;
  }

  .course .member-text {
    font-size: 16px;
    line-height: 29px;
  }

  .btn-hole {
    height: 52px;
    font-size: 14px;
  }

  .par-hcp-box {
    height: 140px;
  }

  .par-hcp-box {
    margin: 24px 0;
  }

  .par-box {
    height: 74px;
  }

  .par-num {
    font-size: 32px;
  }

  .par-text {
    margin-top: 10px;
  }

  .btn-yards {
    height: 52px;
    font-size: 16px;
    line-height: 32px;
  }

  .btn-yards:not(:last-child) {
    margin-bottom: 18px;
  }

  .tab-content iframe {
    height: 300px;
  }
}

@media (max-width: 575.98px) {
  .section-hero-golf,
  .section-rule,
  .section-member,
  .section-field {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-rule {
    padding-top: 32px;
    padding-bottom: 85.64px;
  }

  .rule-text-box {
    margin-top: 16px;
  }

  .re-mgb {
    margin-bottom: 41.36px;
  }

  .golf-course-secondary-heading::after {
    bottom: -21.46px;
    max-width: 327px;
  }

  .field-secondary-heading {
    font-family: "NotoSansThai 700";
    font-size: 20px;
    line-height: 30px;
    margin: 24px 0;
  }

  .swiper-course-1 {
    margin: 24px 0;
  }

  .swiper-course-2 .gal-text {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 20px;
  }

  .swiper-course-2 .swiper-course-gal {
    width: 72.9px;
    height: 72.9px;
  }

  .swiper-course-2 .swiper-slide {
    width: 72.9px !important;
  }

  .hole-box {
    padding-top: 24px;
  }

  .swiper-course-1 .swiper-slide-active::after {
    font-size: 12.24px;
    top: 16.32px;
    left: 16.32px;
  }

  .gallery-popup-img {
    gap: 12px;
  }

  .tab-content iframe {
    height: 240px;
  }

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

@media (max-width: 374.98px) {
  .tab-content iframe {
    height: auto;
  }
}