@media (max-width: 992px) {
  .home-header .navbar-header {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }

  .home-header .navbar-header .navbar-toggle {
    margin: 10px;
    margin-right: 18px !important;
  }

  .home-header .navbar {
    height: 52px;
  }

  .home-header .carousel-caption {
    padding: 10px 20px;
  }

  .home-header .check-avail {
    background: transparent;
  }

  .section-slider.height-v .item img {
    height: 330px !important;
    object-fit: cover;
  }

  .search-bar {
    flex-direction: column;
  }

  .check-avail {
    background: transparent !important;
    margin-top: -40px;
  }

  .check-avail .container {
    width: 100%;
  }

  .search-box {
    width: 100%;
  }

  .check-avail a,
  .check-avail a button {
    width: 100%;
  }

  .carousel-caption {
    margin-bottom: 40px;
  }

  .section-slider .item .carousel-caption {
    top: 45%;
  }

  .bglayer {
    display: none;
  }

  .destinations {
    padding: 40px 0;
  }

  .villadesti {
    font-size: 26px;
    font-weight: 600 !important;
    text-align: center;
    margin-bottom: 30px;
  }

  .destinations .row {
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
  }

  .destinations .row .col-6 {
    width: 33%;
  }

  .destinations .row::before {
    position: static;
    content: none;
  }

  .destinations .row .col-lg-12 {
    width: 100%;
  }

  .virtualvideo {
    padding: 50px 15px;
    padding-top: 0;
  }

  .tour-gallery {
    display: grid;
    grid-template-columns: auto auto auto;
  }

  .staycontaner {
    width: 100% !important;
    padding: 0 15px;
  }

  .video-sliderreel .slick-prev {
    left: -18px;
  }

  .video-sliderreel .slick-next {
    right: -18px;
  }

  .title-room {
    font-size: 26px !important;
    font-weight: 600 !important;
  }

  .rooms .rooms-p {
    font-size: 14px;
    color: #5b5b5b !important;
  }

  .rooms .outline {
    width: 30% !important;
  }

  #packagesslide .owl-nav .owl-prev {
    top: -221px;
    left: 8px;
    border: 1px solid #232323;
    background: white;
  }

  .scrollToTop {
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 5%;
    right: 5% !important;
    display: none;
    font-size: 30px !important;
    background: #232323;
    color: #ebebeb;
    border-radius: 3px;
    text-align: center;
    line-height: 30px !important;
    z-index: 999;
  }

  #packagesslide .owl-nav .owl-next {
    top: -221px;
    right: 8px;
    border: 1px solid #232323;
    background: white;
  }

  #packagesslide .owl-nav .owl-next i {
    position: relative;
    top: 2px;
    left: 2px;
  }

  .btn-custom-filter {
    padding: 9px 15px !important;
  }

  #offerscard .owl-nav .owl-prev {
    left: -8px;
    width: 26px;
    height: 26px;
    padding: 2px;
  }

  #offerscard .owl-nav .owl-next {
    right: -8px;
    width: 26px;
    height: 26px;
    padding: 2px;
  }

  .offer-card-hsbc-v3 {
    padding: 20px 23px;
    width: 100% !important;
  }

  .button-group-custom {
    overflow-x: auto;
  }

  #packagesslide2 .owl-nav .owl-prev {
    top: -221px;
    left: 8px;
    border: 1px solid #232323;
    background: white;
  }

  #packagesslide2 .owl-nav .owl-next {
    top: -221px;
    right: 8px;
    border: 1px solid #232323;
    background: white;
  }

  .best .col-xs-6 {
    width: 50%;
  }

  .sky-h2,
  .rooms .title-room,
  .gallery-our .gallery .title-gallery,
  .news .new-title,
  .events .events-title,
  .about .about-title {
    font-size: 26px;
    font-weight: 600 !important;
  }

  .events .owl-carousel .owl-nav .owl-prev:before {
    width: 10px;
    top: 22px;
  }

  .events .owl-carousel .owl-nav .owl-next:before {
    width: 10px;
    background-position: -6px;
    top: 22px;
  }

  .events .line {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .about .line {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    width: 150px;
  }

  .peopletesrti h2 {
    font-size: 26px !important;
    padding-top: 0px !important;
  }

  .staycontaner p {
    font-size: 14px !important;
    margin-bottom: 0px !important;
  }

  .video-slider .slick-prev {
    left: -15px;
  }

  .events-img {
    height: 410px !important;
  }

  .events-img img {
    height: 410px;
  }

  .sky-h6 {
    font-size: 13px !important;
  }

  [data-aos^=zoom][data-aos^=zoom].aos-animate {
    padding: 0px !important;
  }

  .best .col-xs-6 {
    padding: 5px !important;
  }

  .best .wrap-best {
    margin-bottom: 5px !important;
  }

  .video-slider .slick-next {
    right: -15px;
  }

  .best .wrap-best img {
    width: 48px !important;
  }

  .gallery-our .gallery .nav-tabs {
    display: flex;
    overflow-x: auto;
    margin: 0;
    margin-top: 20px;
  }

  .gallery-our .gallery .nav-tabs li a {
    white-space: nowrap;
  }

  #events-v2 {
    margin-bottom: 45px;
  }

  .slider-wrapper video {
    height: 220px;
  }

  .product .row {
    display: flex;
    flex-wrap: wrap;
  }

  .gallery-our .gallery .gallery_product {
    flex-basis: 49%;
    margin: 1px;
  }

  .gallery-our .gallery .btn-our {
    margin-top: 20px;
  }

  .footer-top .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .news .new-title {
    margin-top: 0px !important;
  }

  #rooms .col-lg-4 {
    padding: 0px !important;
  }

  .footer-top .row .col-xs-12:first-child {
    width: 20%;
  }

  .news .col-xs-12 {
    padding-left: 0px !important;
  }

  .footer-top .row .col-xs-12:nth-child(2) {
    width: 80%;
  }

  .footer-top .row .col-xs-12:last-child {
    width: 100%;
  }

  .footer-top .row::before {
    content: unset;
  }

  .footer-top .form-group {
    margin-bottom: 0;
  }

  .icon-email img {
    margin-bottom: 0 !important;
  }

  .footer-sky .footer-top .footer-icon-l .fab {
    padding-left: 10px;
  }

  .footer-mid .row {
    display: flex;
    flex-wrap: wrap;
  }

  .footer-sky .footer-mid .padding-footer-mid .col-xs-4 {
    width: 33.33% !important;
  }

  .all-page-header .navbar-header {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }

  .all-page-header .navbar-header .navbar-toggle {
    margin: 10px;
  }

  .all-page-header .navbar {
    height: 52px;
  }

  .all-page-header .carousel-caption {
    padding: 10px 20px;
  }

  .all-page-header .check-avail {
    background: transparent;
  }

  .all-page-header .navbar-toggle {
    border-color: black;
  }

  .news .substance .date .day {
    font-size: 30px !important;
    font-weight: 500 !important;
  }

  .all-page-header .navbar-toggle span {
    background: black !important;
  }

  .all-page-header .navbar .navbar-nav li a {
    color: white !important;
  }

  .all-page-header .listbtn a {
    border-color: white !important;

  }
 .all-page-header .listbtn{ width: 55% !important;}
  .all-page-header .navbar .navbar-nav {
    margin-top: 0;
  }

  .all-page-header.header-top-sky .navbar-toggle {
    border-color: white !important;
  }

  .all-page-header.header-top-sky .navbar-toggle span {
    background: white !important;
  }

  .banner-tems {
    margin-top: 50px;
  }

  .gallery-our.gallery_1 .wrap-box-1 .box-img p {
    font-size: 12px;
    color: black;
  }

  .main-banner-wrap {
    margin-top: 50px;
    padding-top: 0px !important;
    margin-bottom: 540px !important;
  }

  .centerbox h1 {
    font-size: 30px;
  }

  .service-title {
    font-size: 18px;
  }

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

  .monetise-section {
    margin: 40px 0;
    padding: 0;
  }

  .monetise-content h2 {
    margin-top: 0;
  }

  .monetise-content p {
    font-size: 14px;
  }

  .care-section {
    margin-top: 0;
    padding: 0;
  }

  .care-content h2 {
    font-size: 30px;
    margin-top: 0;
  }

  .care-content p {
    font-size: 14px;
  }

  .care-content h2 {
    margin-bottom: 5px;
  }

  .care-section {
    margin-bottom: 20px;
  }

  .villa-card {
    min-height: 400px;
    width: 100% !important;
  }

  .faqbox h2 {
    font-size: 30px;
    margin-top: 50px;
    margin-bottom: 10px;
  }

  .service-box {
    width: 82%;
    padding: 15px !important;
  }

  .monetise-section img {
    height: 210px !important;
    object-fit: cover !important;
  }

  .listing-search {
    margin-top: 0px !important;
  }

  .monetise-content h2 {
    font-size: 26px !important;
    font-weight: 600 !important;
  }

  .filters-mobile {
    display: block !important;
    margin-top: 6rem;
  }

  .monetise-content p {
    line-height: 20px !important;
    font-size: 13px !important;
  }

  .care-image img {
    height: 300px !important;
    object-fit: cover !important;
  }

  .care-content h2 {
    font-size: 26px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
  }

  .care-content p {
    line-height: 20px !important;
    font-size: 13px !important;
  }

  .care-item {
    column-gap: 2px !important
  }

  .care-item i {
    font-size: 20px !important;
  }

  .upgradesection {
    margin-top: 0px !important;
    padding: 20px !important;
  }

  .titleupgrade {
    margin-top: 0px !important;
    font-size: 20px !important;
  }

  .filterbtn {
    background: black;
    border: navajowhite;
    padding: 5px 15px;
    border-radius: 5px;
    color: white;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .filterbtn svg {
    background: transparent;
    color: white;
    width: 20px;
  }

  .filterbtn:hover {
    filter: brightness(2.5);
  }

  .filters {
    display: flex;
    justify-content: space-between;
  }

  .listing-search {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 10px 0;
    margin-bottom: 0;
  }

  .listing-search .search-bar {
    padding: 0 !important;
  }

  .listing-search .search-bar .btn-search {
    width: 100%;
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  .property-card {
    margin-top: 15px;
    display: block;
  }

  #guestCount,
  #roomCount {
    margin: 0 5px;
  }

  .filter-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999999999;
    width: 80%;
    border-radius: 0;
    height: 100vh;
    overflow: auto;
    margin-bottom: 0;
    left: -350px;
    transition: 0.5s ease-in-out;
  }

  body.filter-overlay::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6588235294);
    z-index: 9999;
  }

  .filter-header a {
    padding-right: 25px;
  }

  .filter-header i {
    display: block !important;
    margin-top: 2px;
  }

  .listing-search {
    display: none;
  }

  .filter-header a {
    padding-right: 10px;
  }

  .filter-header div {
    display: flex;
  }

  .filter-header {
    padding-bottom: 0px;
    margin-bottom: 0;
    padding: 15px;
    position: sticky;
    top: 0;
    left: 0;
    background: white;
    z-index: 99;
    box-shadow: 0px 1px 12px -8px;
  }

  .filter-sidebar>.filter-section {
    margin-top: 0;
  }

  .property-card {
    flex-direction: column;
  }

  .searchslider .item {
    height: auto;
  }

  #searchslider {
    height: 200px;
  }

  .searchslider .item img {
    height: 200px;
  }

  .searchslider {
    width: 100%;
  }

  .property-right>div {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }

  .property-right {
    padding: 0 20px;
    padding-bottom: 20px;
  }

  .property-right .property-price {
    width: 50%;
    margin: 0;
  }

  .property-right .forroom {
    width: 50%;
    margin: 0;
  }

  .property-right .property-room {
    width: 100%;
    margin: 5px 0;
  }

  .hotel-header {
    margin-top: 60px;
    align-items: end;
  }

  .hotel-header .left-section>div .d-flex {
    flex-wrap: wrap;
    gap: 0;
  }

  .hotel-header .stars {
    margin-left: 0;
  }

  .hotel-header .rating-box {
    padding: 0;
  }

  .gallery-our .gallery-1 {
    flex-basis: 100% !important;
  }

  .gallery-our .lefthalfimg {
    height: 250px !important;
  }

  .gallery-our .gallery-2 img {
    aspect-ratio: 1/1;
  }

  .tabs {
    padding: 7px 20px;
    overflow: auto;
  }

  .tabs a {
    white-space: nowrap;
    margin: 0px;
    margin-right: 25px;
  }

  .hotel-name {
    font-size: 16px;
    line-height: 20px;
  }

  .tab-container {
    top: 51px !important;
  }

  .tab-buttons-exact {
    flex-wrap: wrap;
  }

  .custom-tab-btn-exact {
    padding: 5px 10px !important;
  }

  .pink-box {
    max-width: 100%;
  }

  #meals .villa-card {
    min-height: 250px;
  }

  .xp-gallery {
    gap: 10px;
  }

  .xp-img {
    height: 100px;
    width: 100%;
  }

  .aboutdetails {
    margin-top: 20px !important;
  }

  .contentaffull {
    margin-bottom: 20px;
  }

  #amenities {
    margin-top: 30px !important;
  }

  .upgradesection {
    margin-top: 30px !important;
  }

  .main-content-area {
    margin-top: 30px !important;
  }

  .gallery-our {
    padding-bottom: 20px;
  }

  .destination-item {
    margin-bottom: 20px;
  }

  .destination-item img {
    width: 45px !important;
    height: 45px !important;
    margin-bottom: 8px !important;
  }

  .virtualvideo h2 {
    font-size: 26px !important;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
  }

  .tour-item video {
    width: 75px !important;
    height: 75px !important;
  }

  .peopletesrti h2 {
    padding-top: 0px;
  }

  .section-slider .owl-nav .owl-next:before {
    background-size: 100%;
    padding: 14px;
  }

  .section-slider .owl-nav .owl-prev:before {
    background-size: 100%;
    padding: 14px;
  }

  .section-slider .item .carousel-caption h1 {
    font-size: 26px;
  }

  .section-slider .item .carousel-caption p {
    font-size: 12px !important;
  }

  .header-sky .navbar .navbar-header .navbar-brand img {
    max-width: 40% !important;
  }

  .slider-wrapper .slick-next {
    width: 29px !important;
    height: 30px;
  }

  .slider-wrapper .slick-prev {
    width: 29px !important;
    height: 30px;
  }

  .booking-box {
    width: 100% !important;
  }

  .villa-img {
    height: 215px;
  }

  .price-section {
    padding: 0px !important;
  }

  .price-section .bi-arrow-right {
    margin-top: 4px !important;
  }

  .offer-card-hsbc-v3 {
    margin: 0px !important;
  }

  .news .substance .text a {
    font-size: 20px !important;
  }

  .news .substance {
    border-left: 1px solid #bfbfbf !important;
  }

  .price-section {
    padding: 5px 20px !important;
  }

  .booking-box {
    border-radius: 4px !important;
  }

  .secure-banner .title {
    font-size: 13px !important;
  }

  .subtitlepera {
    font-weight: 500;
    color: #414141 !important;
    font-size: 11px !important;
    margin-bottom: 0px;
  }

  .header-sky .navbar .navbar-collapse {
    margin-top: -2px !important;
  }

  .gallery-our .gallery .gallery_product .wrap-box .gallery-box-main .gallery-icon .ion-ios-plus-empty {
    font-size: 30px;
    width: 37px !important;
    height: 37px !important;
    background: #ffffff;
    display: inline-block;
    border-radius: 100%;
    line-height: 38px !important;
    color: #8e7037;
    border: 1px solid #ffffff;
  }


  .footer-sky .footer-mid .padding-footer-mid .list-content img {
    max-width: 130px !important;
  }

  .footer-sky .footer-mid .padding-footer-mid .col-xs-4 {
    padding: 0px !important;
  }

  .footer-sky .footer-mid .padding-footer-mid .list-content ul li {
    padding-left: 10px !important;
  }

  .footer-sky .footer-mid .padding-footer-mid .list-content ul li a {
    font-size: 13px !important;
  }

  .footer-sky .footer-mid .padding-footer-mid .list-content {
    margin-top: 20px !important;
  }

  .footer-sky .footer-mid .padding-footer-mid {
    padding-bottom: 20px !important;
  }

  .footer-sky .footer-top .textbox .form-inline .form-group .input-group .form-control {
    height: 50px !important;
  }

  .footer-sky .footer-top .textbox .form-inline .form-group .input-group .btn {
    height: 49px !important;
  }

  .header-sky .navbar .navbar-nav {
    background: rgb(41 41 41) !important;
  }

  .paymentoption .col-md-5 label {
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  .header-sky .navbar .navbar-nav .listbtn a {
    border: 1px solid #fff !important;
  }

  .searchslider .item img {
    border-radius: 10px !important;
  }

  .paymentpageall {
    margin-top: 70px !important;
    padding: 12px !important;
    margin-bottom: 20px !important;
  }

  .paymentpageall h4 {
    font-weight: 700 !important;
  }

  .paymentoption .col-md-3 {
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    height: auto !important;
    min-height: auto !important;
  }

  .paymentoption .col-md-5 {
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    height: auto !important;
    min-height: auto !important;
    padding: 10px !important;
  }

  .summary-title {
    margin-top: 0px !important;
    font-weight: 600 !important;
  }

  .paymentoption .col-md-4 {
    padding: 0px !important;
  }

  .gallery-our.wrap-gallery-restaurant .gallery-restaurant .gallery_product {
    padding: 0px 5px !important;
    margin-bottom: 10px !important;
  }

  .banner-tems {
    padding-top: 65px !important;
    height: 200px !important;
    object-fit: fill !important;
  }

  .widget-social i {
    margin-top: 6px !important;
  }

  .griddiv {
    display: block !important;
    width: 100% !important;
    padding: 0px 40px !important;
  }

  body {
    overflow-x: hidden !important;
  }

  .form-grid {
    display: block !important;
  }

  .left-content h1 {
    font-size: 24px !important;
    margin-top: 0px !important;
  }

  .left-content h1 {
    margin-bottom: 15px !important;
  }

  .custom-form-box {
    padding: 15px !important;
    margin: 0px !important;
  }

  .main-banner-wrap {
    height: 500px !important;
  }

  .main-banner-wrap {
    position: relative;
  }

  .left-content {
    padding-bottom: 75px !important;
  }

  .custom-form-box {
    position: absolute;
    left: 10px;
    width: 95%;
  }

  .custom-form-box input {
    margin-bottom: 10px;
  }

  .custom-form-box .bootstrap-select {
    margin-bottom: 10px;
  }

  .centerbox h1 {
    font-size: 26px !important;
    font-weight: 600 !important;
  }
.header-sky .navbar .navbar-nav li{width: 55% !important;}
  .centerbox p {
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  .upgradesection {
    padding: 20px !important;
  }

  .faqbox h2 {
    font-size: 26px !important;
    font-weight: 600 !important;
  }

  .faqbox .accordion button {
    font-size: 14px !important;
  }
   .all-page-header .listbtn{ width: 55% !important; max-width: 55% !important;}
   .video-sliderreel video{height: 480px !important;}
 .booking-box .field-box{margin-bottom: 10px;}

 .search-bar .form-control{height: 40px !important; font-size: 14px;}

 body.datepicker-open #ui-datepicker-div{
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 99999 !important;
}

#ui-datepicker-div{
    max-width: 90vw;
}
}