@media only screen and (max-width: 1199px) {
  .header .navbar-brand .logo {
    max-width: 210px;
  }

  .header .navbar-expand-lg .navbar-nav {
    gap: 0;
  }

  .header {
    padding: 6px 20px;
  }

  .header .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 14px;
  }

  .header .navbar-expand-lg .navbar-nav .nav-item {
    display: flex;
    align-items: center;
  }

  .banner-slider-new,
  .banner-header {
    /* margin-top: 91px; */
  }

  section.welcome .vintage-slider .slick-next {
    right: -20px;
  }

  section.welcome .vintage-slider .slick-prev {
    left: -20px;
  }

  section.dining .feature .img-box img {
    /* height: 340px; */
    object-fit: cover;
    border-radius: 12px;
    width: 100%;
  }

  section.amenities .amenity-icons .icon p,
  section.amenities .amenity-icons2 .icon p {
    font-size: 16px;
  }

  section {
    padding: 70px 40px;
  }

  section.facilities .content .facility {
    gap: 20px;
  }

  .footer .footer-social-link {
    font-size: 16px;
  }

  .footer .footer-legal a {
    font-size: 16px;
  }

  .footer .footer-legal {
    gap: 20px;
  }

  .footer .footer-copyright {
    font-size: 16px;
  }

  .footer .footer-top {
    gap: 60px;
  }

  .footer .footer-top .contside {
    gap: 20px;
  }
}

@media only screen and (max-width:1024px) {

  section.contact .contact-form .form-control,
  section.contact .contact-form .form-select {
    padding: 10px 40px 10px 10px;
  }

  section.contact .contacticon,
  section.contact-us .contacticon {
    top: 11px;
  }

  section.contact-us .form-control,
  section.contact-us .form-select {
    padding: 10px 40px 10px 10px;
  }

  section.attractions .card .extra-details li {
    font-size: 14px;
  }

  section.about p,
  .services .content .cont p {
    font-size: 16px;
  }

  section.facilities .content .facility .card .booknow,
  section.contact-us .submit-btn {
    font-size: 16px;
  }

  .section-padding {
    padding: 60px 20px;
  }

  .accordion-box .block .acc-btn {
    padding: 14px 20px;
    padding-right: 60px;
    font-size: 16px;
  }

  .accordion-box .block .content {
    padding: 0px 30px 20px;
  }

  section.rooms p {
    font-size: 16px;
  }

  section.rooms .learn-btn {
    font-size: 16px;
  }

  section.rooms h5 {
    margin-bottom: 15px;
  }

  section.dining .feature p {
    font-size: 16px;
  }

  .contact-btn {
    font-size: 16px;
  }

  section {
    padding: 60px 40px;
  }

  section.facilities .content .facility .card .card-text,
  section.facilities .content .facility .card li {
    font-size: 16px;
  }

  .section-title {
    font-size: 36px;
  }

  section.cultural-evenings .cultural-detail {
    gap: 20px;
    grid-template-columns: 1fr;
  }

  section.rooms .room-img img {
    max-width: 100%;
  }

  section.dining .feature .img-box img {
    /* height: 241px; */
  }

  section.facilities .content .facility {
    flex-direction: column-reverse;
  }

/*   section.facilities .content .facility:nth-child(odd) {
    flex-direction: column-reverse;
  } */

  section.facilities .content .facility .img-box {
    flex-basis: 100%;
    width: 100%;
  }


  section.facilities .content .facility .img-box img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
  }

  section.attractions .card .card-body .card-title {
    font-size: 22px;
  }



  .footer .footer-top {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media only screen and (max-width:991px) {
  .whatsappbtn {
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
  }

  .whatsappbtn svg {
    height: 18px;
    width: 18px;
  }

  .header .navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
    padding: 10px 0;
  }

  .header .navbar-toggler {
    width: 110px;
    display: flex;
  }


  .header .navbar-expand-lg .navbar-nav .nav-link {
    color: #fff !important;
  }


  .header .navbar-collapse {
    background: #ffffff;
    width: 100%;
    padding: 17px 25px;
    border-radius: 0px;
  }

  section.hero .container h2 {
    font-size: 40px;
  }
}

@media only screen and (max-width:767px) {
  .header .navbar-toggler svg {
    height: 28px;
    width: 28px;
  }

  .header {
    padding: 10px 15px;
  }

  .header .navbar-nav {
    gap: 0;
    margin-top: 5px;
  }

  .header .navbar-toggler {
    width: 70px;
  }

  .header .theme-btn {
    font-size: 12px;
    padding: 10px 12px;
  }

  .services .content {
    padding: 30px 0;
  }

  section.facilities .content,
  section.facilities .content .facility {
    gap: 40px;
  }

  .facilties .single-facility h5 {
    font-size: 20px;
  }

  section.hero .container p {
    font-size: 10px;
    max-width: 90%;
  }

  section.dining .section-description {
    margin-bottom: 20px;
  }

  section.rooms h5 {
    margin-bottom: 10px;
  }

  section.rooms .blocks {
    padding: 30px 20px;
  }

  section.rooms p {
    margin-bottom: 20px;
  }

  section.cultural-evenings .cultural-detail p {
    margin-bottom: 30px;
  }

  section.dining .feature .img-box img {
    /* height: auto; */
  }

  section.contact-us .submit-btn {
    width: 100%;
  }

  .section-title,
  section.cultural-evenings .cultural-detail .section-title {
    font-size: 30px;
  }

  section.cultural-evenings .cultural-detail .learn-btn,
  section.rooms .learn-btn,
  section.facilities .content .facility .card .booknow,
  .contact-btn {
    font-size: 16px;
    width: 100%;
    padding: 8px;
  }

  section.cultural-evenings .cultural-detail p,
  section.rooms p,
  section.dining .section-description,
  section.dining .dining-features .card-text,
  section.facilities .head p,
  section.attractions .card .card-body .card-text,
  section.about p,
  .services .content .cont p,
  .service-detail-sec .top-head p {
    font-size: 16px;
    line-height: normal;
  }

  section.welcome .section-description {
    font-size: 16px;
    margin-bottom: 40px;
  }

  footer {
    padding: 60px 20px;
  }

  section.contact h5 {
    font-size: 14px;
  }

  section.contact .contact-form .submit-btn {
    width: 100%;
  }

  section.cultural-evenings .cultural-detail img {
    width: 100%;
  }

  section {
    padding: 40px 20px;
  }

  section.cultural-evenings .cultural-detail {
    grid-template-columns: 1fr;
  }

  section.rooms .room .tabscard {
    grid-template-columns: 1fr;
  }

  section.facilities .content .facility .card {
    width: 100%;
  }

  .booknow {
    width: 100%;
  }

  .footer .footer-copyright {
    font-size: 18px;
  }

  .footer .footer-social-link {
    font-size: 14px;
    padding: 10px 4px;
  }

  .footer .footer-bottom .d-flex.align-items-center.flex-wrap {
    align-items: center;
    justify-content: center;
    margin-top: 13px;
    flex-direction: column;
    margin-bottom: 20px;
    gap: 20px;
  }

  .footer .footer-social {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  section.contact .contact-form .form-control,
  section.contact .contact-form .form-select,
  section.contact-us .form-control,
  section.contact-us .form-select {
    padding: 10px 40px 10px 15px;
  }

  section.attractions .card .extra-details li {
    font-size: 12px;
    padding: 8px 10px;
  }

  section.contact-us .submit-btn {
    padding: 8px;
  }

  section.hero .container h2 {
    font-size: 14px;
    max-width: 90%;
    margin: auto;
  }

  .header .navbar-brand .logo {
    max-width: 124px;
    height: 42px;
  }

  .banner-slider-new,
  .banner-header {
    /* margin-top: 78px; */
  }


  .footer .footer-brand img {
    max-width: 200px;
  }

  .footer .footer-top .contside {
    grid-template-columns: 1fr;
  }
}