bookingEngine.css

<style>
/* Font Styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{
font-family: 'Open Sans', "Arial", sans-serif !important;
color: #333;
}
/* Calendar Icon - Don't Change or Remove */
i.fa {
font: normal normal normal 14px/1 FontAwesome !important;
}
/* Font Styles Ends */

/* Hotel Name Font */
.page-header-inner .hotel_name {
color: #fff;
font-family: 'Verdana',sans-serif;
display: none;
}

/* Top Section  -  Remove Address */ 
.map_info {
display:none;
}
.listing .logo {
background-color: #F2F1E9 !important;
margin: -46px 28px 0 0 !important;
} 

.search-panel-wrap {
border-radius: 12px;
margin-bottom: 12px;
}
.page-bar {
margin-bottom: 12px;
}
.page-bar .page-breadcrumb>li>span {
border-radius: 12px 0 0 12px;
}
.page-bar .page-breadcrumb>li .second>span {
border-radius: 0 12px 12px 0;
}

th.children.custom-children {
visibility: hidden !important;
display: none;
}
td.children {
visibility: hidden !important;
display: none;
}
.av-children {
visibility: hidden !important;
display: none;
}
.av-room-details {
margin-top: -20px;
}
/* Card Design Styles */

.bigger {
display: none; 
}
.md-radio {
display: none;
}
.av_gallery {
margin-bottom: 0px;
}
.featured_photo {
border-radius: 10px 0 0 10px; 
}

.av_roomtype {
/*  background-color: #Fbfbf9; 
border: 1px solid #e7decc; */
border-radius: 12px;
padding: 0px;
margin-bottom: 20px;
}
.av-left-rooms {
display: none;
}
.av-rates  {
padding: 10px 0px;
}
.av-rates .price-from {
visibility: hidden !important;
display: none;
}
.av-name {
    font-size: 21px;
    margin-top: 30px;
    font-weight: 200;
}
/* Change the text "Select Accommodation" to any desired text */
.details-switcher.show-details {
margin-top: 0px;
}
.details-switcher.hide-details {
margin-top: 0px;
}
.green.btn {
border-radius: 10px 0 10px 0;
background-color: #333;
border: 1px solid #333;
box-shadow: none;
}
.green.btn:hover {
border-radius: 10px 0 10px 0;
background-color: #000;
border: 1px solid #000;
box-shadow: none;
}

.btn.green.btn-block.select-accommodation-btn {
  font-size: 0;
}

.btn.green.btn-block.select-accommodation-btn:after {
  content: "Book Now";
  font-size: 12px;
}
/* Change the text "See Details" to any desired text */
.details-switcher {
  font-size: 0;
}
.details-switcher:after {
  content: "View Details";
  font-size: 12px;
}
/* .details-switcher.show-details .fa-arrow-circle-o-down {
display: none;
}
.details-switcher.hide-details .fa-arrow-circle-o-up {
display: none;
} */
</style>
<style>
.av-room-options .av-adults .type_of_room {
font-size: 0 !important;
}
.av-room-options .av-adults .type_of_room:after {
content: "Guests";
text-align: center;
font-size: 10px;
} 

/* Secondary Card */
#currency-selector li, #lang-selector li, .amenities_tab ul li {
padding-bottom: 6px;
}
.av-per-person-price {
border-radius: 12px 12px 0px 0px;
}
.av-room-features .tab-content  {
margin-bottom: 20px;
}

.tabbable-line>.nav-tabs>li.active {
border-bottom: #0A3759;
position: relative;
}

tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover {
border-bottom: 4px solid #7990A0;
}


/*  Bring Back Icons */ 
.ui-datepicker .ui-datepicker-prev span.ui-icon, .ui-datepicker .ui-datepicker-next span.ui-icon {
    font-family: FontAwesome !important;
}
/* Hide Top Image */
.hotel_views {
display: none;
}


/* Increase the size of add-ons photos */
@media screen and (min-width: 992px) {
.about .col-md-4 {
  min-width: auto;
  width: 40%;
}
.about .col-md-8 {
  width: 60%;
}
.about .img {
  width: 100%;
  height: auto;
  padding-top: 50%;
}
.room_services .img div {
  top: 0;
  position: absolute;
}
.photo_content .small {
    height: 77px;
    width: 120px;
}
}
@media screen and (max-width: 767px) {
.av-info {
}
.av-name-info {
padding: 0px 0px 0px 10px !important;
}
 .av-occupancy {
padding: 0px 0px 0px 10px;
}
.av-rates {
padding: 0px 0px 0px 10px;
}
.show-details {
padding: 0px 0px 0px 10px;
}
}
</style>