@media(max-width:997px) {
  .logo {
    max-width: 100%;
  }

  .menu-btn {
    display: flex;
  }

  .navbars {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    padding: 30px 0;

    transform: translateY(-150%);
    opacity: 0;
    pointer-events: none;
  }

  .navbars.active {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

  .navbars ul {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }

  .book-btn {
    display: none;
  }

  .slide-content {
    display: block;
  }
  .left-content {
    max-width: 100%;
    margin-top: 116px;
}
    .slide-content h1 {
        font-size: 32px;
        margin-top: 45px;
    }
    .booking-form{
      display: none;
    }
    
    table th,
    table td{
        padding: 12px;
        font-size: 14px;
    }
    
.section-title h2{
    font-size:35px;
}

.room-content{
    padding:25px;
}

.room-content h3{
    font-size:30px;
}

.price{
    font-size:32px;
}
.text-service{
       margin: 0 0;
    margin-left: 0;
    margin-top: -43px;

}
 .contact-wrapper{
        grid-template-columns:1fr;
    }
    .service_img img {
    width: 100%;
    height: 371px;
    }
    .hero-section {
    position: relative;
    width: 100%;
    height: 600px;
    }
      .room-image img {
    width: 100%;
    height: 371px;
    }
     .book-btn{
        display: block;
    }
  
}

@media(max-width:768px) {
    .slide-content h1 {
        font-size: 32px;
        margin-top: 45px;
    }

  .booking-form {
    flex-direction: column;
    top: 15px;
  }

  .thumb-slider {
    width: 95%;
  }

  .thumb-slider img {
    height: 70px;
  }
  .text-service{
       margin: 0 0;
    margin-left: 0;
    margin-top: -43px;

}
  .swiper-button-next,
    .swiper-button-prev{
        width:45px;
        height:45px;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after{
        font-size:14px;
    }
    
    .appointment-content{
        padding:40px 25px;
    }

    .appointment-content h2{
        font-size:30px;
    }

    .appointment-form-box{
        padding:30px 20px;
    }

    .form-grid{
        grid-template-columns:1fr;
    }
.contact-info,
    .contact-form-box{
        padding:30px;
    }

    .contact-info h2{
        font-size:32px;
    }

    .hotel-counter-section{
        padding:60px 0;
    }

    .counter-top-heading h2{
        font-size:32px;
    }

    .counter-number{
        font-size:42px;
    }
    
    .footer-bottom-content{
        justify-content: center;
        text-align: center;
    }

    .footer-top-box{
        padding: 25px;
    }
    .service_img img {
    width: 100%;
    height: 371px;
    }
    .hero-section {
    position: relative;
    width: 100%;
    height: 600px;
    }
    .room-image img {
    width: 100%;
    height: 371px;
    }
    .book-btn{
        display: block;
    }
   
}