@media screen and (max-width:768px) {
    .lg-section {
      /* Apply some styles */
      display: none !important;
    }
    .mobile-section{
      display: block !important;
    }
    .carousel-inner .carousel-item{
      height: auto;
      /* overflow: hidden; */
    }
    #welcome .title, h1.title{
      font-size: 30px;
    }
    #welcome .title{
      margin-top: 20px;
    }
    #booking-bar{
      background-color: #fff;
    }
    #form-book .form-control{
      border:1px solid #000;
      border-radius: 0;
    }
     #booking-bar{
      padding: 10px;
      width: 100%;
      margin-top: 20px;
    }
    .home #booking-bar{
      margin-top: 0px;
    }
    section#accommodation h2.title{
      padding-top: 0;
    }
      #booking-bar .form-group{
        margin-bottom: 10px;
        padding-right: 0;
      }
      #form-book .form-group{
  border-right: none;
}
 #booking-bar .btn-view-rates{
      margin-top: 0;
      height: auto;
    }
    section h2.title{
      margin-top: 30px;
    }
    body{
      font-size: 20px;
    }
    .navbar-brand img{
      width: 115px;
      height: auto;
      padding-top: 5px;
    }
    #section-one .subtitle{
      font-size: 42px;
    }
    #section-two{
      text-align: center;
    
    }
    #accommodation .accommodation-header .title, #special-offers .title{
      font-size: 30px;
    }
    #carousel-rooms .carousel-item{
      text-align: center;
    }
    #carousel-rooms .title{
      font-size: 26px;
    }
    .footer-contact{
      text-align: center;
    }
    #footer-menu-container{
      display: none;
    }
    #footer-address{
      text-align: center;
    }
    #social-links-container,#careers-contact{
      text-align: center;
    }
    #form-book .btn-book-now,  #form-book label{
      font-size: 14px;
    }
    .accommodation #booking-bar{
      margin-bottom: 20px;
    }
    #booking-bar .btn-container{
      /* background-color: #fff; */
      padding-right: 3px;
    }
    .not-home #booking-bar .btn-container{
      /* margin-top: -10px; */
    }
   
   
    .home #hero{
      margin-bottom: 0;
    }
    .not-home #hero{
      margin-bottom: 30px;
    }
   
    #section-one{
      margin-bottom: 0;
    }
    #accommodation{
      margin-top: 30px;
    }
    .accommodation-desc-slider{
  width: 100%;
}
    section#facilities{
      margin-top: 30px;
    }
    .title-room-description{
      text-align: center;
      font-size: 24px;
    }
    #section-two h2.title{
      margin-top: 20px;
    }
    #section-two, #special-offers{
      margin-top: 30px;
    }
    #special-offers h3{
      font-size: 18px;
      margin-top: 20px;
      text-align: center;
    }
    .category-section{
      padding-top: 0;
    }
    .card-offers .card-body h4{
      margin-bottom: 0;
      margin-top: 20px;
    }
    .card-spa .card-title{
      font-size: 19px;
      text-align: center;
    }
    .card-spa .card-title a i{
      display: none;
    }
    .card-spa-item .card-subtitle{
      font-size: 18px;
    }
    .room-rates li{
      font-size: 16px;
    }
    ul.room-facilities{
      /* columns:2; */
      text-align: center;
    }
    .room-facilities li{
      display: inline;
      font-size: 17px;
       margin-right: 10px;
       border-right: 1px solid #000; 
       padding-right: 10px;
      
    }
    .room-facilities li:last-child{
      padding-right: 0;
      border-right: none;
    }
    #others-room{
      margin-top: 20px;
    }
    body.accomodation-view .title{
      text-align: center;
    }
    body.accomodation-view #others-room .card-title{
      text-align: center;
    }
    body.accomodation-view #others-room .card-title a i{
      display: none;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon{
      background-color: #000;
    }
   .carousel-control-next, .carousel-control-prev{
      bottom: unset;
      /* top:80px */
    }
    .carousel-control-prev{
      left:0px
    }
    .carousel-control-next{
      right: 0px;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon{
      width: 50px;
      height: 50px;
      background-size: 40px;
    }
  
    #room-slider .carousel-control-next-icon, #room-slider .carousel-control-prev-icon{
      width: 30px;
      height: 30px;
      padding: 0;
      background-size:25px;
    }
    #room-slider .carousel-control-next, #room-slider .carousel-control-prev{
top:40%;  
    }
    #room-slider .carousel-control-prev{
      left: 0;
    }
    #room-slider .carousel-control-next{
      right: 0;
    }
    .home #main-nav{
      position: relative;
    }
    body.offers .page-header .mobile-section p, body.dining .page-header .mobile-section p, body.meeting .page-header .mobile-section p,body.accommodation .page-description.mobile-section p{
      text-align: center;
    }
    body.accommodation .page-description{
      margin-top: 0;
      margin-bottom: 0;
    }
    body.offers .category-section{
      margin-top: 30px;
    }
    .footer-contact, .footer-contact .btn-contact-us{
      font-size: 18px;
    }
    .footer-contact{
      padding: 10px 0 10px 0;
    }
    .footer-contact p{
      margin-bottom: 0;
    }
    #footer-map{
      padding-top: 0px;
      text-align: center;
    }
    body.meeting .page-header .mobile-section{
      overflow-y: hidden;
    }
    .meeting-contact{
      margin-top: 20px;
      margin-bottom: 20px;
    }
    body.meeting .card-title, body.meeting .title{
      text-align: center;
    }
    body.meeting .card-text.mobile-section{
      text-align: left;
    }
    .text-meeting-contact{
      text-align: center;
    }
    .btn-book-treatment{
      font-size: 20px;
    }
    .block-spa-booking .btn-primary{
      padding: 10px;
      font-size: 20px;
    }
    .spa-detail .spa-item .mobile-section{
      text-align: center;
    }
    .spa-item-detail h3{
      font-size: 22px;
    }
    .contact-map-wrapper{
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .lSSlideOuter .lSPager.lSGallery li
    {
    max-height: 28px;
    }
    .btn-book{
      padding: 5px 40px 5px 40px;
      font-size: 18px;
      border-color: #6A6F4C;
      background-color: #6A6F4C;
      color:#fff
    }
     .slick-arrow img{
    width: 20px;
    height: 20px;
  }
  .slick-arrow.slick-next{
    right: 14px;
  }
  .btn-accommodation-group .btn-primary,.btn-accommodation-group .btn-outline-primary{
    font-size: 18px;
    padding: 5px 20px 5px 20px;
  }
   ul.room-amenities{
    margin-bottom: 0;
    margin-top: 10px;
   }
  ul.room-amenities li{
    font-size: 11px;
    
  }
  ul.room-amenities li svg{
    width: 20px;
  }
  .card-accommodation h2.title{
    text-align: center;
    margin-top: 20px;

  }
  h3.title{
    font-size: 24px;
  }
  #table-meeting th,#table-meeting td{
     font-size: 14px;
     padding: .25rem .25rem;
  }
  .btn-form-book{
    padding: 5px 20px 5px 20px;
  }
}