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

@media (max-width: 1198.98px) {
  .golf-course-image1 {
    width: 264.39px;
  }

  .golf-course-image2 {
    left: 152.47px;
    width: 316.97px;
    top: 210px;
  }

  .golf-course-box-1,
  .golf-course-box-2 {
    height: 432px;
  }

  .golf-course-box-2 {
    padding-left: 15px;
  }
}

@media (max-width: 1039.98px) {
  #swiper-announce {
    max-width: 98rem;
    padding: 0 2.8rem;
  }

  #swiper-announce::before {
    padding-right: 2rem;
  }

  #swiper-announce::after {
    padding-left: 2rem;
  }
}

@media (min-width: 991.98px) and (max-width: 1039.98px) {
  .swiper-promotion-box {
    margin-left: -2.16rem;
  }
}

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

  .container-contact-box {
    flex-wrap: wrap;
  }

  .contact-boxs {
    flex-basis: 100%;
  }

  .contact-button-box {
    margin-right: auto;
    margin-top: 2.5rem;
  }

  /* .advertise-head-box {
        max-width: 540px;
    } */

  .card-box {
    width: auto;
  }

  .advertise-head {
    padding-left: 42px;
  }

  /* #swiper-promotion .swiper-wrapper {
    height: auto;
  } */

  .swiper-image-promotion {
    width: auto;
    max-width: 100%;
  }

  #swiper-announce {
    padding: 0 5rem;
    /* max-width: 630px; */
  }

  #swiper-announce::before {
    padding-right: 4rem;
  }

  #swiper-announce::after {
    padding-left: 4rem;
  }

  .section-promotion {
    padding-top: 6.65rem;
  }

  .promotion-text-box {
    padding-left: 42px;
    max-width: 100%;
  }

  .swiper-promotion-box {
    margin: 0 auto;
    max-width: 100%;
  }

  .promotion-head-text br {
    display: none;
  }

  .section-golf-course {
    height: auto;
    padding-bottom: 0;
  }

  .golf-course-text-box {
    padding-left: 0;
  }

  .gx-2 {
    --bs-gutter-x: 0;
  }

  .calendar-box {
    margin-bottom: 32px;
  }

  .section-hero {
    background: url(../../images/background/BG-mobile-homepage.png);
    background-size: cover;
    background-position: center;
    height: 486px;
    padding: 0;
  }

  .hero-box {
    transform: translateY(-80%);
  }

  .golf-course-box-2 {
    padding-left: 0;
    padding-bottom: 0;
  }

  .section-booking {
    margin-top: 63px;
    margin-bottom: 44.43px;
  }

  .btn-box {
    justify-content: center;
  }

  .content-booking-box {
    padding: 44.5px 16px 24px;
  }
}

@media (max-width: 767.98px) {
  .section-hero .container {
    max-width: 327px;
  }

  .logo-main {
    height: 54px;
    width: 48.21px;
    margin-bottom: 8px;
  }

  .section-contact {
    height: 282px;
    align-items: start;
  }

  .container-contact-box {
    flex-direction: column;
    padding-top: 2px;
  }

  .contact-boxs {
    flex-direction: column;
    max-height: none;
  }

  .contact-box:nth-child(2) {
    margin: 0 0 24px;
  }

  .contact-box {
    margin-bottom: 24px;
    width: 327px;
  }

  .contact-box:not(:first-child) {
    border-left: 0;
    padding-left: 0;
  }

  .num-t {
    font-family: sans-serif;
  }

  .contact-button-box {
    margin-top: 0;
  }

  .btn-book-2 {
    width: 150px;
    height: 40px;
    font-size: 14px;
  }

  .icon-box {
    margin-right: 26.5px;
  }

  .icon-contact {
    height: 15px;
    width: 15px;
  }

  .head-contact-text {
    font-size: 12px;
    line-height: 15px;
  }

  .section-advertise {
    padding-top: 32px;
    padding-bottom: 45px;
  }

  .advertise-head {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 26px;
    padding-left: 0;
  }

  #swiper-announce {
    padding: 0;
    overflow: visible;
    width: 327px;
    margin-left: 0;
    margin-right: 10px;
  }

  #swiper-announce::before,
  #swiper-announce::after {
    display: none;
  }

  #swiper-announce .swiper-button-prev,
  #swiper-announce .swiper-button-next {
    display: none;
  }

  .card-box {
    background: url(../../images/background/BG-mobile.png);
    background-size: cover;
    padding: 32px 32px 51px;
    height: 301px;
    width: 327px;
  }

  .card-icon {
    width: 32px;
    height: 32px;
  }

  .announce-icon {
    width: 15px;
    height: 12.5px;
  }

  .card-head-text {
    font-size: 14px;
    line-height: 21px;
  }

  .card-text {
    font-size: 14px;
    line-height: 21px;
  }

  .section-promotion {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .promotion-head-text {
    font-size: 18px;
    line-height: 27px;
  }

  .promotion-text {
    font-size: 14px;
  }

  .promotion-text-box {
    padding-left: 0;
    padding-bottom: 36px;
  }

  #swiper-promotion {
    /* width: 327.93px;
    height: 184px; */
    margin: 0;
    padding: 0;
    /* overflow: visible; */
  }

  /* .swiper-image-promotion {
        width: 327.93px;
    } */

  /* #swiper-promotion .swiper-wrapper {
    height: auto;
  } */

  #swiper-promotion .swiper-button-prev,
  #swiper-promotion .swiper-button-next {
    display: none;
  }

  .swiper-promotion-box .swiper-pagination {
    display: none;
  }

  .calendar-box {
    height: auto;
  }
}

@media (max-width: 575.98px) {
  .section-hero,
  .section-contact,
  .section-advertise,
  .section-promotion,
  .section-golf-course,
  .section-member,
  .section-booking {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-promotion {
    padding-right: 0;
  }

  .calendar-modal .modal-dialog {
    max-width: 95%;
    width: auto;
    margin: 5px auto;
  }

  .section-promotion {
    background: url(../../images/background/Section_02-mobile.png);
    background-size: cover;
    background-position: left;
  }

  .section-golf-course {
    max-width: 375px;
    margin: 0 auto;
    padding-top: 32px;
    padding-bottom: 70px;
  }

  .golf-course-box-1,
  .golf-course-box-2 {
    height: 298px;
  }

  .golf-course-box-1 {
    margin-bottom: 64px;
  }

  .golf-course-image1 {
    width: 185.33px;
  }

  .golf-course-image2 {
    top: 147.04px;
    left: 114.87px;
    width: 212.13px;
  }

  .calendar-box {
    padding: 16px;
  }

  .fc table {
    font-size: 5px;
  }

  .fc .fc-toolbar-title {
    font-size: 8px;
  }

  #calendar button {
    font-size: 5.375px;
    width: 32px;
    height: 11px;
  }

  #calendar .fc-col-header-cell-cushion {
    font-size: 4.729px;
    padding-bottom: 1.79px;
  }

  #calendar .fc-toolbar.fc-header-toolbar {
    margin-bottom: 8.59px;
  }

  .fc .fc-daygrid-event.fc-event-end {
    padding: 1.79px 0 1.79px 3.58px;
    border-radius: 0.895px;
  }

  .btn-day {
    font-size: 12px;
    line-height: 18px;
    height: 26px;
  }

  #calendar .fc-daygrid-day-number {
    font-size: 4.48px;
  }

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