@media only screen and (max-width: 63.9375em) { 
    body, html {

    }
    .all-inclusions {
        display: block;
    }
    #book-widget-min {    position: relative;margin-top: 20px;
        padding: 20px !important;
    }
    .propertyInner { display: block;}
    #main h1 {
       font-size: 1.3em;margin-bottom: 0px;
       padding-top: 20px;
    }
    #room-details { padding-bottom: 0 !important;}
    #services {
        margin-top: 0 !important;
    }
    .itenary-day-col { top: inherit;}
    .destinationDiv {width: auto;}
    #book-widget-min .mjust { display: block !important;}
    .day {font-size: 20px !important;    padding: 20px 0;}
      .container.inline {box-shadow: none !important;}
    #changeDatesModal .date-selection-inner {
        position: fixed;
        text-align: center;
        display: block;
        margin: 0 auto;
        left: 50%;
        transform: translate(-50%, 0);
        width: 93%;
        bottom: 90px;
        display: flex;
    }
   #changeDatesModal #applyDates {position: fixed;
        text-align: center;
        display: block;
        margin: 0 auto;
        left: 50%;
        transform: translate(-50%, 0);
        width: 93%;
        bottom: 20px;
    }
    .c-ui-selector {    padding-bottom: 20px;}
    .addExtraRoom  {padding-left: 50px;}
    .gBoxInner { display: block !important;}
    #changeMp .border-rows {    padding-left: 5px;}
    .currentMealPlan {     padding-left: 5px;text-align: left !important;}
    .cancelSplitBtn { margin-left: 20px;}
    .splitRoomBtns { margin: 20px;}
    .splitBox   { display: block !important;}
    .guestsTravDates {}
    #step .total-nights { display: flex !important;    padding-left: 20px !important;}
    .guestsTravGuests p { padding-left: 20px;}
    .guestsTravDates,.guestsTravGuests { margin-right: 20px !important;justify-content: space-between; display: flex; border-bottom: 1px solid #e7e7e7;}
    .guestsTrav { display: block !important;}
    .section-title p { font-size: 12px;}
    .booking-line p { font-size: 12px;}
    section { padding-top: 0 !important;}
    #destination {
        width: auto;
        padding: 20px;
    }
    #step .vertical-border { margin: 0;}
    #step .singleRoomPrice {align-self: end;}
    .tranfer-rates h2 {    justify-content: flex-start;}
    .transferA {display: block;}
    .dinnigBox .upgradeMpLink {padding: 0;}
    #step .section-title {margin-bottom: 20px;}
    #step { padding-top:0px}
    .guestsTravGuests p {align-self: center;}
    #step .change-link { padding-left: 10px; }
    .dinnigBox,.transferBox { background: none;border: 1px solid #e7e7e7;}
    #stepBox .icon-box { padding: 0px;}
    #stepBox .accommodationBox {margin-top: 20px; padding-top: 20px;}
    #holiday-details { margin-left: 0px;}
    
    .circle::before ,.inactive::before{ font-size: 14px;    line-height: 2.5rem;
    }
    #hero h1 {font-size: 20px;line-height: initial;}
    #hero h2 {font-size: 12px;    line-height: inherit !important;}
    .filter-div:hover {
        cursor: pointer;
      }
    .filter-div, .filter-offer-div {    position: relative;}
    .adultsBox {
        margin-right: 50px;
        width: 100%;
    }
    .addExtraRoom {    padding-top: 0;
      
        align-self: center;}
        .intro #module {    padding-bottom: 50px;}
    .c-ui-selector {justify-content: space-between;}
    .paxInnerBox { display: block;width: 100% !important;}
.xpBoxMobile #infoAccordion .accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed, .accordion-button:not(.collapsed),.xpBoxMobile .accordion-item:first-of-type .accordion-button { background: none !important;}
    .fa-calendar {    font-size: 2em;}
   .xpBoxMobile .intro p { padding-top: 20px !important;} 
    .total-nights { background: none !important;}
    .services .icon-box {width: auto; padding: 0px !important;
        margin: 0 auto; margin-bottom: 20px;}    
        .date-selection,.datepicker-btns { display: block;}
    #book-widget-min .change-link,.highlights-img,.highlights-list {width: 100%;}
    #book-widget-min {margin: 0 auto;box-shadow: none; width: auto;}
    .widget-box,.intro_short {display: block;}
    #destination {     width: auto; margin-right: 0px;}
    #book-widget-min .search-btn {text-align: center;}
    .s-dates { display: flex;}
    #main,#intro {width:auto;}
    .cdsBx .cdsData { border: none !important;}
    .icon-box  { background: #cccccc47;}
.bookVilla { width: 100%;}  
.villaIntro {    padding-left: 20px;}
.villaIntro .intro-inner .stayInfo {    display: block;
    text-align: center;}
.featuresTabs .nav-item {padding-top: 20px;}    
 #highlights-list {bottom: -99px !important;}
.intro-inner .fa {font-size: 1.2em;
    padding-right: 10px !important;}
    .transport, .play, .dine, .stay {
        font-size: 1em;    padding-bottom: 0px;
        color: #33333361;
        align-items: flex-start;
        display: flex;    align-self: center;margin: 0 auto;
        justify-content: center;
    }
.price-box { padding-left: 0px;padding-top: 15px;}
.intro-inner { padding-top: 20px; padding-bottom: 10px;border-bottom: 1px solid #33333324;
       padding: 25px;padding-left: 0;}  
    #room-details {    padding-left:20px !important;}
.row-one ,.villa-wrap, .shighlights-img{
    width: 100% !important;
    width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available !important;  /* Mozilla-based browsers will ignore this. */
    width: fill-available !important;
    display: block;
} 
.intro-inner p,.m0 { margin: 0 !important;}
#book-widget-min .change-link {    background: none;    border-top: 1px solid #ced4da;}
.innerXp .intro { padding-top: 20px;}
.nav-fill .nav-item, .nav-fill>.nav-link {
    display: flex;
    width: 10%;
}#highlights-list,.innerXp {
    width: 100%;
}
.mpropInfoDiv {     text-align: center;}
.mpropInfoDiv h2 {font-size: 12px;}
#hero .swiper-slide img,#hero { height: auto !important;}
.diningTabs { margin: 0;}
.villaIntro .intro_short {margin-bottom: 0;}
.villaIntro .intro-inner {justify-content: space-between;
    display: block;}
#highlights-list {margin-top: 0px;
    background: #cccccc40}
.clearInput  { top: -24px;}
.total-nights {align-items: end; padding: 0px !important;padding-left: 10px;}
.selectedGuests button {justify-content: flex-start;}
.total-nights .fa-calendar {padding-left: 10px;    padding-top: 15px;
    padding-right: 10px;font-size: 13px;}
    .filterDiv { display: block;}
    .resort-filters {padding-left: 10px; }
    
    .villa-wrap { width:100% !important;}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {    text-transform: lowercase;}
.innerXp {top: -50px !important;
    position: relative;}
#dining .overlay {margin-left: 0px !important; margin-right: 0px !important;margin-top: 16px !important;}
#dining .swiper-slide img { padding:0px !important} 
.view-property-link {margin: 0 auto !important;
    margin-top: 20px !important;}
.justifyFlexStart { width: auto;}  
    .datepicker-btns {margin-top: 20px;}
    .services .icon-box,.highlightBox { display: block !important;}
#room-details .justify { display: flex !important;}
.view-property-link,.villa-intro {}
.property-name .d-flex { padding-top: 20px;}
#room-details,#room-thumb,#package-inclusions { width: 100% !important;}
.rating {
    padding-left: 0;
}
#othervillas .swiper-slide-outer {margin: 0;}
.villas { width: auto;}
#hero .propInfo {
    text-align: center;
    margin: 0 auto;
}
#diningOther .swiper-slide-outer,#xpOther .swiper-slide-outer {margin-left: 0;
    margin-right: 0;}
 #xpOther   .avimeo-wrapper {    height: 360px;}
.propInfoDiv { display: none;}
#awards-heading p { width: 100%;}
.awards-slider-inner {width: 60%;}
#awards .swiper-slide { width: auto !important;}
#villas .icon-box {    margin: 20px;padding: 0;border-radius: 0px;}
.highlights-pagination { position: relative;padding-top: 100px;}
.collapsedBtn {text-align: center;display: block;}
.intro h1 {padding-bottom:20px;}
#room-details { margin-left: 0px !important;}
#dining .intro h1 {padding-top: 50px;}
.diningTabs {padding-top: 20px;}
.intro_short .intro-inner { max-width: initial;}
.filter-div, .filter-offer-div { padding-top: 0px;   width: auto;
    margin: 0px;}
    #room-details { padding-left: 0px;}    
    .selectedGuests {   margin-left: 0;
        margin-right: 0;margin-top: 10px;    margin-bottom: 10px;}
        .container.inline { box-shadow: none !important;}
.back-to-top { display: none;}
#property-menu ol { display: block;}
#property-menu-box { position: relative;}
#experiences .row-one { display: block;}
#expect {
    padding-top: 50px !important;
}
#dining .swiper-wrapper-outer {
    margin-left: 0;
    margin-right: 0;
}  
#xpAccordion .accordion-header {    border-bottom: 1px solid #33333324;}
.accordion-item .fa-solid {
    font-weight: 900;
    align-self: center;
}
.restaurant-pagination, .xp-pagination {padding-top: 20px;} 
#expect h1 {padding-bottom: 0px;}
.row-one {
    width:auto !important;    text-align: center;
    float: none;
    display: block;}
    .goldBtn { min-width: 100%;}
    #room-thumb  { width: auto !important;}
    #room-thumb img { margin: 0 auto;margin-top:0px;  }
    #package-inclusions .customizeBtnDiv {}
    .propertyInner a { display: block !important;}
    .propertyInner {padding: 0 !important;    width: auto !important;}
    #resort-list {margin-left: 5px !important;
        margin-right: 5px !important;}
        
    #room-thumb .swiper-slide img {     height: auto;
        max-width: 100%;}
        #room-details h2 { padding-right: 10px;}
        .vill-overview { justify-content: space-between;    margin-right: 20px;}
#experiences .villa-wrap { margin:0px; margin-top: 10px;}
.xpBoxMobile .card-body { padding:0;}
#dining .swiper {   text-align: center;
    margin: 0 auto !important;}
#dining .swiper-slide img { height: auto !important;}
.villa-wrap ,.shighlights-img{ width: 100% !important;}
#highlights {padding: 0;
    width: 100%;}
.bookVilla {display: flex;}
#awards,.date-alert {     width: 100%;}
#awards {     margin-top: 50px;}
#awards #awards-heading h1 {margin-bottom: 20px;}
.date-alert { display: block; border: none;text-align: center;}
.guests-link,.change-link {    justify-content: center;}
.icon-box .viewPhotos {    display: none !important;}
.filter-by .row, .filter-by .roomFeatures { display: block !important;}
.filter-by h2 {    padding-top: 20px;margin-bottom: 0px;}
.viewPhotos { text-align: left;}
.icon-box  { display: block !important;}
#room-thumb img { border-radius: 0px;}
#room-thumb {padding: 0px !important; width: auto;}
.filter-by .col {width: 100% !important;}
#highlights-list h3, #highlights-list p { color: #333;}
#highlights-list { height: 480px;}
#highlights-box .swiper-button-next,#highlights-box .swiper-button-prev { display: none;}
#highlights-box .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color,#333);
}
#highlights-list {bottom: 22px;}
#highlights-box .highlights-pagination {    bottom: 520px !important;}
.icon-box {  
    margin: 0px;
    border-radius: 5px;
    box-shadow: none !important;}
    .collapsedBtn { background: none;}
    #holiday-details { width: auto;}
    .modal-dialog { padding: 100px;}
    .border-rows { padding: 10px;}
    .booking-summary {padding: 0px 20px 0px 20px; margin: 20px;}
    .your-details-inner { padding: 0px; margin: 10px;}
    .your-details-inner label,.titleLabel,.reservation-box { display: block;width: auto !important;}
    #confirmButton {    margin: 20px;width: 100%;}
    .reservationDiv { padding: 10px;}
    .reservationDivChild { padding:0px;}
    .reservationDivChild .btnLink  { padding: 0px;}
    .reservationDivChild .dropdown-item {    padding-left: 20px !important;}
    #room-details,#package-inclusions { padding:0px;}
    #intro { width: 100%;}
    .intro_short { display: block; margin-bottom: 50px;}
    .intro-inner .fa { color: #a59451c7 !important;}
    .book-villa,.floor-plan { display: flex; width: auto;}
    .xpHome { height: 100vh;}
    .xp-mobile-pagination {padding: 20px;
        position: absolute;
        bottom: 0px;
        z-index: 999999999;
        text-align: center;
        color: #fff;
        font-size: 12px;}
        .xpBoxMobile .row-one {    margin-left: 0; margin-right: 0;}
        .cat-details { bottom: 5px;}
        #portfolio .section-title {    padding-top: 0;}
    .main-heading { padding: 20px;}
    .accordion-small {width: 100%;
        margin: 0 auto;
        padding: 20px;}
     .displayBlock { display: block !important;}
     .price-box h2 { font-size: 12px;}
     .priceDiv {
        font-size: 20px;
    }
    .upgradeMpLink { padding-top: 0 !important;}
    .guestsTrav { margin: 20px;margin-top: 40px;}
    .tab-content .icon-box  { background: #fff;}
    .accommodationBox,.guestsTrav  { padding: 20px;background: #cccccc47;}
    .transferBox,.dinnigBox {background: #cccccc47;
        margin: 20px;border: none;}
    #package-inclusions button {padding-top: 0 !important;}
  #package-inclusions  .priceDivOuter #step .change-link {padding-left: 0 !important;}
    .bpg { display: none;}
    .priceDivOuter { display: block !important;}
     .package-inclusions-inner { display: flex;justify-content: space-between;}
     #package-inclusions h2 { padding-top: 0px;padding-bottom: 0;}
#package-inclusions .goldBtn {width: auto;}
     .package-inclusions-outer {  width: 100% !important;    position: fixed;
        bottom: 0; left: 0;
        background: #fff;
        margin: 0;
        display: block;}
     .villa-wrap  { width:  100% !important;}

     #dining .overlay { bottom: 0px;}
     .half { width: 100%; text-align: left !important;    padding-bottom: 20px;}

     .intro {width: 100% !important;padding-left: 20px;text-align: left !important;
        margin-top: 0 !important;    padding-bottom: 0 !important;
        padding-right: 20px;}
        .villa-intro {
            padding-top: 0;
        }
        .roomStartDiv,.roomEndDiv { padding-left: 20px;}
        .changeRoom { margin: 20px;}
        .changeRoom h1 {    padding-bottom: 20px;}
        #package-inclusions {margin: 0 auto !important;    z-index: 9999; padding-top:  0 !important; padding-left: 20px !important;padding-right: 20px !important;}
        .resort-short-info { margin-top: 0;}
.mobilePropertyMenu button {border-radius: 0;display: flex;padding: 10px;
    width: 100%;}
  .mobilePropertyMenu  .btn-secondary {    background-color: #303030;
        border-color: #303030;}
    #intro p {text-align: center;    padding-top: 0px;
    }
.mobilePropertyMenu {background: #303030;
}
.mobilePropertyMenu .dropdown-item {    color: #fff;}
.mobilePropertyMenu .btn {padding-left: 20px !important;}
.btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}
.mobilePropertyMenu .dropdown-menu.show {    transform: translate3d(0px, 46px, 0px) !important;width: 100%;}
.dropdown-item {    padding-bottom: 10px; padding-left: 20px !important;}
.dropdown-menu {background: #5c636a;
    border-radius: 0px;
    border: none;}




}