.listAccommodation { font-size: 0px; }
.Accomodation { font-size: 14px; display: inline-block; vertical-align: top; width: 23.5%; margin-left: 2%; position: relative }
.Accomodation:nth-of-type(4n+1) { margin-left: 0px }
.Accomodation:nth-of-type(n+5) { margin-top: 20px }
.AccomodationImage { margin-bottom: 12px }
.AccomodationInfo > h3 { margin: 0px }
.AccomodationPriceBox > div { display: inline-block; line-height: 32px }
.Accomodation .FullAddress, .Accomodation .CityArea { display: none } 
.Ratestar { font-size: 0px; }
.Ratestar[data-rate=""] { display: none }
.Ratestar > span { position: relative; display: inline-block; text-align: center; font-size: 20px }
.Ratestar > span:before { content: "\2605"; color: #e4e4e4 }
.Ratestar > .FullStar:before { content: "\2605"; color: #FFD203; }
.Ratestar > .halfStar:after { content: "\2605"; width: 50%; position: absolute; color: #FFD203; overflow: hidden; left: 0px; }
.m .listAccommodation { padding: 0px 15px }
.m .Accomodation { font-size: 14px; display: block; width: 100%; margin-left: 0%; margin-top: 20px }

/* Detail
===============================================================================*/
.AccommodationDetails { padding-top: 120px; position: relative; }
.AccommodationGeneralInformaion h1 { display: block; margin-top: 20px }
.AccommodationGeneralInformaion { text-align: center }
.AccommodationGeneralInformaion * { display: inline-block }
.AccommodationGeneralInformaion .LogoImage img { max-height: 120px }
.AccommodationGeneralInformaion .LogoImage { display: block }
.AccommodationGeneralInformaion .Ratestar > span { font-size: 32px }
.AccommodationGeneralInformaion label { font-weight: bold; margin-right: 8px }
.AccommodationGeneralInformaion > .AccomodationPriceBox { padding: 0px 15px; line-height: 24px; margin: 8px 0px }
.AccommodationGeneralInformaion > .AccommodationMoreDetails > * { padding: 0px 15px; border-left: 1px solid #e4e4e4 }
.AccommodationFeatures > h2 { text-align: center; margin: 40px 0px 20px 0px; }
.AccommodationFeatures > div { margin-bottom: 40px }
.AccommodationFeatures hr { display: none }
.AccommodationFeatures .ShowFeatures { overflow: hidden }
.AccommodationFeatures .FeatureGroup { float: left; width: 23.5%; margin-left: 2% }
.AccommodationFeatures .FeatureGroup:first-child { margin-left: 0px }
.AccommodationFeatures ul { padding-left: 20px }
.AccommodationFeatures .FeatureGroup { float: left; width: 23.5%; margin-left: 2% }
.AccommodationDetails .AdditionalInformation { font-family: inherit; font-size: inherit }
.mt .AccommodationDetails { padding: 100px 0px 15px 0px; margin: 0px 15px }
.mt .AccommodationFeatures .FeatureGroup { float: none; width: 100%; margin-left: 0%; margin: 20px 0px }
.mt .AccommodationFeatures .FeatureGroup h4 { border-bottom: 1px solid #e4e4e4; padding-bottom: 12px; margin-bottom: 12px }
.mt .AccommodationFeatures .FeatureGroup ul { padding: 0px }
.mt .AccommodationFeatures .FeatureGroup li { display: inline-block; vertical-align: top; width: 32.5%; padding: 4px 0px }
.m .AccommodationDetails { padding-top: 0px }
.m .AccommodationGeneralInformaion { margin-bottom: 20px }
.m .AccommodationGeneralInformaion h1 { margin-top: 0px; font-size: 32px }
.m .AccommodationGeneralInformaion td div { display: inline-block }
.m .AccommodationGeneralInformaion > * { display: block; text-align: center }
.m .AccommodationGeneralInformaion label { margin-right: 0px; display: inline }
.m .AccommodationGeneralInformaion > .AccommodationMoreDetails > * { padding: 0px; border: 0px }
.m .AccommodationFeatures .FeatureGroup ul { padding-left: 20px }
.m .AccommodationFeatures .FeatureGroup li { width: 100%; display: list-item }

/* Search
---------------------------------------*/
.AccommodationSearchPanel .AccommodationCheckRates { position: static; padding: 0px; border: 0px }
.AccommodationSearchPanel h1 { display: none } 
.AccommodationCheckRates h2 { display: none }
.CheckRatesRightPanel .ChangeRatesPanel, 
.AccommodationCheckRates { position: absolute; top: 0px; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4 }
body:not(.m) .CheckRatesRightPanel .ChangeRatesPanel, 
body:not(.m) .AccommodationCheckRates { display: block !important; }
.ChangeRatesPanel table,
.AccommodationCheckRates table { font-size: 0px; width: 100%; display: block }
.ChangeRatesPanel table > thead, .ChangeRatesPanel table > tbody,
.AccommodationCheckRates table > thead, .AccommodationCheckRates table > tbody { display: block }
.ChangeRatesPanel tbody tr,
.AccommodationCheckRates tbody tr { display: inline-block; width: 23.5%; font-size: 14px; vertical-align: bottom }
.ChangeRatesPanel tbody tr+tr+tr,
.AccommodationCheckRates tbody tr+tr+tr { width: 7% }
.ChangeRatesPanel tbody tr:last-child,
.AccommodationCheckRates tbody tr:last-child { width: 13% }
.ChangeRatesPanel tbody tr+tr,
.AccommodationCheckRates tbody tr+tr { margin-left: 2% }
.ChangeRatesPanel tbody tr:nth-child(3) td:last-child,
.AccommodationCheckRates tbody tr:nth-child(3) td:last-child { border: 1px solid #ccc; border-radius: 2px; line-height: 38px }
.ChangeRatesPanel tbody td,
.AccommodationCheckRates tbody td { display: block; padding: 0px }
.ChangeRatesPanel tbody td:first-child,
.AccommodationCheckRates tbody td:first-child { font-weight: bold; min-height: 24px }
.ChangeRatesPanel tbody td:last-child,
.AccommodationCheckRates tbody td:last-child { line-height: 40px; position: relative; text-align: center }
.ChangeRatesPanel tbody td:last-child input,
.AccommodationCheckRates tbody td:last-child input { width: 100% }
/*-- Tablet --*/
.t .ChangeRatesPanel tbody tr,
.t .AccommodationCheckRates tbody tr { display: inline-block; width: 20.5%; font-size: 14px; vertical-align: bottom }
.t .ChangeRatesPanel tbody tr+tr+tr,
.t .AccommodationCheckRates tbody tr+tr+tr { width: 7% }
.t .ChangeRatesPanel tbody tr:last-child,
.t .AccommodationCheckRates tbody tr:last-child { width: 19% }
@media only screen and (orientation: portrait) {
    .t .ChangeRatesPanel tbody tr:last-child input,
    .t .AccommodationCheckRates tbody tr:last-child input { width: 100%; padding: 0px }
}
/*-- Mobile --*/
.m .CheckRatesRightPanel .ChangeRatesPanel, 
.m .AccommodationCheckRates { position: static; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4 }
.m .ChangeRatesPanel tbody tr,
.m .AccommodationCheckRates tbody tr { display: block; width: 100%; margin: 0px }
.m .ChangeRatesPanel tbody tr+tr,
.m .AccommodationCheckRates tbody tr+tr { margin-top: 12px }
.m .ChangeRatesPanel tbody tr+tr+tr,
.m .AccommodationCheckRates tbody tr+tr+tr { width: 49%; display: inline-block }
.m .ChangeRatesPanel tbody tr:nth-of-type(2n+4),
.m .AccommodationCheckRates tbody tr:nth-of-type(2n+4) { margin-left: 2% }
.m .ChangeRatesPanel tbody tr:last-child,
.m .AccommodationCheckRates tbody tr:last-child { width: 100% }
.RatesList { margin-top: 40px }
.m .RatesList { display: none }
body.m .RatesList #showRatesList { display: none } 
.RatesList ul { padding: 0px; list-style: none }
body.m .RatesList > table { display: block !important }
body.mt .RatesList > table { width: 100% }
.RatesList > table > *, .RatesList > table tr { display: block; font-size: 0px }
.RatesList > table tr > *:first-child { display: inline-block; width: 28%; text-align: left }
.RatesList > table tr > * { display: inline-block; width: 12%; text-align: left }
.RatesList > table tbody tr { border-bottom: 1px solid #e4e4e4 }
.RatesList td { line-height: 40px; font-size: 14px }
.RatesList th {  font-size: 14px }
.RatesList td .popover { line-height: normal }

/* Room Type
---------------------------------------*/
.AccommodationDetails > .AccommodationRoomTypes { margin-top: 40px }
.AccommodationRoomTypes > h3 { text-align: center }
.AccommodationRoomTypesItem { border: 1px solid #e4e4e4; padding: 15px }
.AccommodationRoomTypesItem:after { content: ""; display: block; clear: both }
.AccommodationRoomTypesItem+.AccommodationRoomTypesItem { margin-top: 20px }
.AccommodationRoomTypesImage { float: left; margin-right: 20px }
.m .AccommodationRoomTypesImage { float: none; margin: 0px 0px 20px 0px }

/* Gallery
---------------------------------------*/
.AccommodationImages { margin-top: 40px }
.AccommodationImages > h2 { text-align: center }
.AccommodationImages ul { padding: 0px; list-style: none; font-size: 0px }
.AccommodationImages li { display: inline-block; font-size: 14px; vertical-align: top; overflow: hidden; width: 18.4%; margin-left: 2%; margin-bottom: 20px; }
.AccommodationImages li:nth-of-type(5n+1) { margin-left: 0px }
/*-- Image Crop --*/
.AccommodationImages .Crop { position: relative; overflow: hidden; background: #efefef; z-index: 1; display: block; padding-top: 100% }
.AccommodationImages .Crop img { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }
.AccommodationImages .Crop.Hor img { max-width: none; max-height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
/*-- Mobile --*/
.mt .AccommodationImages li:nth-of-type(n) { width: 32%; margin-left: 2%; display: inline-block }
.mt .AccommodationImages li:nth-of-type(3n+1) { margin-left: 0px }

/* Detail booking
---------------------------------------*/
.AccommodationGeneralInformaion+table { border: 1px solid #e4e4e4; background: #fff; display: block; border-bottom: 0px; margin-top: 20px }
.AccommodationGeneralInformaion+table tbody { display: block; padding: 15px; font-size: 0px; }
.AccommodationGeneralInformaion+table tr { display: inline-block; width: 30%; font-size: 14px; vertical-align: top }
.AccommodationGeneralInformaion+table tr+tr td:first-child { font-weight: bold; width: 25%; display: inline-block }
.AccommodationGeneralInformaion+table tr+tr td:last-child { display: inline-block; text-align: center }
.AccommodationGeneralInformaion+table tr:first-child { float: left; height:50px }
.AccommodationGeneralInformaion+table tr:first-child td:first-child { display: block; font-weight: 700 }
.AccommodationGeneralInformaion+table tr:last-child { display: none }
.t .AccommodationGeneralInformaion+table tr+tr td:first-child { width: 50% }
.m .AccommodationGeneralInformaion+table { border: 0px; margin-bottom: 20px }
.m .AccommodationGeneralInformaion+table tbody { padding: 0; border: 0px }
.m .AccommodationGeneralInformaion+table tr {display: block; width: 100%; float: none; height: auto; border-top: 1px solid #e4e4e4 }
.m .AccommodationGeneralInformaion+table td { display: inline-block; width: 48%; line-height: 40px; vertical-align: top; text-align: left }
.m .AccommodationGeneralInformaion+table tr:first-child td { text-align: center; font-size: 20px; width: 100% }
.m .AccommodationGeneralInformaion+table tr:last-child td { width: 100% }

/* List booking
---------------------------------------*/
#accommodationRoomTypes table {border: 1px solid #e4e4e4;background: #fff;border-top: 0px;padding: 15px; border-collapse: separate;}
#accommodationRoomTypes table > * { display: block }
#accommodationRoomTypes tr { display: block; border-top: 1px solid #e4e4e4; font-size: 0px }
#accommodationRoomTypes tr > * { width: 30%; display: inline-block; font-size: 14px; text-align: left !important; line-height: 40px }
#accommodationRoomTypes td:last-child { width: 10% }
#accommodationRoomTypes td input[type="submit"] { height: 28px; line-height: 28px; margin: 6px 0px; width: 100% }
.t #accommodationRoomTypes tr > * { width: 29%; display: inline-block; font-size: 14px; text-align: left !important; line-height: 40px }
.t #accommodationRoomTypes td:last-child { width: 13% }
.t #accommodationRoomTypes td input[type="submit"] { padding: 0px; }
.m #accommodationRoomTypes tr > * { display: block; width: 100% }
.m #accommodationRoomTypes table { padding: 0px; border: 0px }
.m #accommodationRoomTypes table thead { display: none }
.m #accommodationRoomTypes tr > *:after { content: attr(data-header); }
.m #accommodationRoomTypes tbody tr { border: 1px solid #e4e4e4; padding: 0px 15px }
.m #accommodationRoomTypes tbody tr+tr { margin-top: 20px }
.m #accommodationRoomTypes tbody td:nth-child(1):before { content: "Room Type"; font-weight: 700 }
.m #accommodationRoomTypes tbody td:nth-child(2):before { content: "Rate"; font-weight: 700 }
.m #accommodationRoomTypes tbody td:nth-child(3):before { content: "Total Price"; font-weight: 700 }
.m #accommodationRoomTypes tbody td:nth-last-of-type(n+2):before { display: inline-block; width: 40% }

#accommodationRoomTypes tr { display: flex; }
#accommodationRoomTypes thead th:nth-child(1) { flex-basis: 70% }
#accommodationRoomTypes tbody td:nth-child(1) { flex-basis: 70%; padding: 20px 50px 20px 0px }
#accommodationRoomTypes thead th:nth-child(2),
#accommodationRoomTypes tbody td:nth-child(2),
#accommodationRoomTypes thead th:nth-child(3),
#accommodationRoomTypes tbody td:nth-child(3),
#accommodationRoomTypes thead th:nth-child(4),
#accommodationRoomTypes tbody td:nth-child(4) { flex-basis: 10% }
#accommodationRoomTypes .HotelThumbImage { float: left; width: 30% }
#accommodationRoomTypes .HotelDetail { float: right; width: 68%; line-height: 1.5 }

/* Page booking form
===============================================================================*/
.PageHotelBookingForm #ContentArea > div { max-width: 1200px; margin: auto } 
.PageHotelBookingForm .PersonalInformation { width: 49%; float: left }
.PageHotelBookingForm .PersonalInformation .editor-label { margin-top: 20px; font-weight: bold }
.PageHotelBookingForm .AccommodationBookingDetails { width: 49%; float: right }
.PageHotelBookingForm .AccommodationBookingDetails table { border: 1px solid #e4e4e4; width: 100%; padding: 0px 15px }
.PageHotelBookingForm .AccommodationBookingDetails td { width: 50%; line-height: 40px; border-top: 1px solid #efefef }
.PageHotelBookingForm .AccommodationBookingDetails tr:first-child td { border: 0px; font-size: 24px; line-height: 62px }
.mt .PageHotelBookingForm .AccommodationBookingDetails td { line-height: normal; padding: 8px }
.mt .PageHotelBookingForm .AccommodationBookingDetails tr:first-child td { line-height: normal }
.t .PageHotelBookingForm #ContentArea .row { padding: 0px 15px }
.m .PageHotelBookingForm .PersonalInformation,
.m .PageHotelBookingForm .AccommodationBookingDetails { width: 100%; float: none; padding: 0px 15px }
.m .PageHotelBookingForm .AccommodationBookingDetails { margin-top: 20px }
.BookingConfirmDetail { max-width: 1200px; margin: auto }


.mt .BookingConfirmDetail { padding: 0px 15px; }

/* Page cutomer confirm
===============================================================================*/
.PageHotelBookingConfirm table { border: 1px solid #e4e4e4; width: 100%; padding: 0px 15px; border-collapse: separate; }
.PageHotelBookingConfirm td { width: 50%; line-height: 40px; border-top: 1px solid #efefef }
.PageHotelBookingConfirm tr:first-child td { border: 0px; font-size: 24px; line-height: 62px }
.m .PageHotelBookingConfirm table { padding: 0px; border: 0px; }
.m .PageHotelBookingConfirm td { line-height: normal; padding: 8px 0px }
.m .PageHotelBookingConfirm tr:first-child td { line-height: normal }


/* Page booking summary
===============================================================================*/
.PageHotelBookingSummary .DetailStatusBooking { color: #690; font-weight: bold }
.PageHotelBookingSummary table { border: 1px solid #e4e4e4; width: 100%; padding: 0px 15px; border-collapse: separate; }
.PageHotelBookingSummary td { width: 50%; line-height: 40px; border-top: 1px solid #efefef }
.PageHotelBookingSummary tr:first-child td { border: 0px; font-size: 24px; line-height: 62px; color: #690; }
.m .PageHotelBookingSummary #ContentArea .row > * { padding-left: 15px; padding-right: 15px }
.m .PageHotelBookingSummary .DetailStatusBooking { line-height: normal; padding: 8px 0px }
.m .PageHotelBookingSummary table { border: 0px; padding: 0px }
.m .PageHotelBookingSummary td { line-height: normal; padding: 8px 0px }
.m .PageHotelBookingSummary tr:first-child td { line-height: normal }

.PagePaymentGatewayChoosePaymentMethods .PaypalError { max-width: 1200px; margin: auto; background: #fff; padding: 20px; }
.PagePaymentGatewayChoosePaymentMethods .ChoosePaymentMethods { max-width: 320px; margin: auto; background: #fff; padding: 20px; }
.PagePaymentGatewayChoosePaymentMethods .ChoosePaymentMethods .CheckoutStep { display: none }



.AccommodationSearchBox { font-size: 0px }
.AccommodationSearchBox > * { font-size: 14px; display: inline-block; position: relative; width: 20% }
.AccommodationSearchBox > *:nth-of-type(n+2) { margin-left: 1% }
.AccommodationSearchBox > *:nth-of-type(n+3) { width: 10% }
.AccommodationSearchBox > *:nth-child(3) > span {
  border: 1px solid #ccc;
  border-radius: 2px;
  line-height: 38px;
  display: block;
  text-align: center
}
.AccommodationSearchBox > *:last-child { width: 14% }