ul.dt-rooms-container li.dt-room .dt_view_price .dt-booking-room-details { background:#FFF; position:absolute; opacity:0; visibility:hidden; max-width:350px; }
ul.dt-rooms-container li.dt-room .dt_view_price .dt-booking-room-details.active { opacity:1; visibility:visible; }

.dt_addon_package_extra { display: none; clear: both; padding-top: 30px; }

#dt-payment-form input.error, select.error { border: 1px solid red !important; }

.dt_single_room_details #reviews .commentlist>li:after {
    overflow: hidden;
    float: left;
    position: relative;
    left: 0;
    height: 18px
}
.comment-form-rating {
    margin-bottom: 0
}
.dt-rating-input {
    margin-bottom: 20px;
    width: 75px
}
.rating-input {
    width: 20%;
    height: 18px;
    display: inline-block;
    position: relative;
    line-height: 1
}
.rating-input:hover {
    cursor: pointer
}
.rating-input:before {
    content: "\f006";
    color: #ffb606;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    font-family: FontAwesome;
    font-size: initial
}
.rating-input.high-light:before {
    content: "\f005"
}
.rating-input span {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    position: relative
}
.rating-input.mousedown span:before {
    color: #000
}

/** Search Form **/
.dt-form-table { float: left; list-style-type: none; width: 75%; margin: 0; }
.dt-form-table .dt_input_field { position: relative; display: inline-block; }
.dt-form-table .dt-form-field-input { display: inline-block; width: 100%; }
.dt-form-table .dt-form-field { display: inline-block; width: 25%; padding: 10px 3% 9px 2%; background-color: #fff; border-right: 1px solid rgba(0, 0, 0, 0.15); }
.dt-form-table .dt-form-field:last-child { border-right-width: 0; }
.dt-form-table .dt-form-field label { margin-right: 10px; font-size: 13px; text-transform: uppercase; padding-left: 10px; display: block; }
.dt-form-submit button { margin: 0; border-radius: 0; padding: 31px 3%; width: 100%; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; text-transform: uppercase; position: relative; }
.dt-form-submit button:before { font-family: Fontawesome; content: "\f178"; font-size: 14px; color: #fff; margin-right: 10px; }
.dt-travel-booking-search .dt-form-table .selection-box select { height: 30px; }
.dt-form-table input[type="text"], .dt-form-table .selection-box select { font-size: 14px; color: #000; }
.dt-travel-booking-search .dt-form-table input[type="text"], .dt-travel-booking-search  .dt-form-table .selection-box select { border-width: 0; padding-bottom: 0; padding-top: 0; font-size: 13px; }
.dt-travel-booking-search .dt-form-table input[type="text"] { padding: 0px 0 5px 10px; }
.dt-form-table .selection-box:after { border-right: 0; }
.dt-form-table input[type="text"] { padding: 13px 12px; }
.dt-form-table input[type="text"]:focus { border-color:rgba(0, 0, 0, 0.2); }
.dt-form-table .selection-box:after { border-left: none; }
.dt-form-table .selection-box:before, .dt-form-table .dt_input_field:after { border: 0; top: 0; content: "\f107"; font-family: Fontawesome; bottom: auto; position: absolute; right: 0; }
.dt-form-table .dt_input_field:after { top: -5px; }
#ui-datepicker-div.ui-datepicker { z-index: 9 !important; }
.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { font-family: FontAwesome; transition: all 0.3s linear;  -webkit-transition: all 0.3s linear;  -moz-transition: all 0.3s linear;  -o-transition: all 0.3s linear; }
.ui-datepicker .ui-datepicker-prev:before { content: "\f104"; }
.ui-datepicker .ui-datepicker-next:before { content: "\f105"; }
.dt-travel-booking-search { float: left; width: 100%; }
.dt-travel-booking-search form { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); float: left; width: 100%; }
.dt-travel-booking-search .dt-form-submit { width: 25%; float: left; margin: 0; }
.dt-travel-booking-search > h3 { text-align: center; text-transform: uppercase; font-weight: 500; margin-bottom: 40px; }


@-moz-document url-prefix() { 
  .dt-form-table input[type="text"], .dt-form-table .selection-box select { font-size: 13px; }
  .dt-form-submit button { font-size: 12px; }
}


/** Room **/
.dt-room-search-results { float: left; width: 100%; }
.dt-rooms-container { float: left; width: 100%; list-style-type: none; }
.dt-rooms-container li.dt-room { border: 1px solid #eee; padding-bottom: 0; display: inline-block; width: 100%; margin: 0 0 30px; }
.dt-room-content { float: left; width: 100%; }
.dt-room-thumb { float: left; width: 370px; }
.dt-room-thumb img { width: 100%; display: block; }
.dt-room-info { width: -webkit-calc(100% - 370px); width: -moz-calc(100% - 370px); width: calc(100% - 370px); float: left; padding: 19px 30px 9px; }
.dt-room-meta > div { min-width: 130px; display: inline-block; margin-bottom: 0; font-size: 14px; }
.dt-room-meta .dt_addon_package_extra { display: none; padding: 10px 50px 0 0; }
.dt_room_quantity .selection-box select, .dt_room_quantity .selection-box:after { border: none; }
.dt_room_quantity .selection-box:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid; right: 15px; top: 0px; }
.dt-room-meta .dt_view_price { display: inline; font-size: 13px; }
.dt_room_quantity .selection-box select { width: auto; padding-right: 40px; color: #797979; font-size: 14px; }
.dt_room_quantity label { float: left; display: inline-block; margin-top: 10px; }
.dt_room_quantity > span { display: inline-block; }
.dt-room-meta label { text-transform: uppercase; margin-right: 5px; } 
.dt_addon_services ul { list-style-type: none; padding: 0; }
.dt_addon_services_ul .dt_addon_optional_right { display: inline-block; float: left; margin: -2px 10px 15px 0px; }
.dt_addon_detail_price input[type="number"] { max-width: 40px; padding: 0 0px 0 5px; float: left; margin-right: 10px; }
.dt_addon_detail_price label { display: inline-block; font-weight: 400; }
.dt_addon_service_title h5 { font-size: 22px; }
.dt_addon_service_title h5 a { color: #000; }
.dt_addon_title { margin-bottom: 10px; font-size: 15px; }
.dt_addon_services ul.dt_addon_services_ul li { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.15);  }
.dt_addon_services_ul .dt_addon_optional_right input[type="checkbox"] { cursor: pointer; }
.dt-room-info h3 a { color: #000; }
.dt-room-info h3 { position: relative; font-size: 23px; }
.dt-booking-room-details .dt_room_item_pricing_price { border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 0; overflow-y: scroll; max-height: 190px; display: block; }
.dt_room_item_detail_price_close { float: right; cursor: pointer; }
ul.dt-rooms-container li.dt-room .dt_view_price .dt-booking-room-details { z-index: 99; }
.dt_room_add_to_cart { width: 100%; }
.dt_room_add_to_cart .dt-sc-success-box { margin-top: 20px; display: block; float: left; width: 100%; }
.dt_room_add_to_cart button.dt_add_to_cart { border-radius: 50px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.carousel_items .dt-room.column.dt-sc-one-column { margin: 0 10px; }


/** Cart **/ 
#dt-cart-form .dt_quantity input[type="number"] { width: auto; display: inline-block; max-width: 50px; padding: 0 5px; font-size: 14px; padding: 0 0px 0 10px; }
.dt_cart_table tbody tr.dt_checkout_item:first-child td:first-child { vertical-align: middle; border-right: 1px solid rgba(0, 0, 0, 0.1); }
.dt_cart_table tbody tr td, .dt_checkout_table tbody tr td {  border-right: 1px solid rgba(0, 0, 0, 0.1); }
#dt-cart-form .dt_cart_table, #dt-payment-form .dt_checkout_table { border-left: 1px solid rgba(0, 0, 0, 0.1); }
#dt-cart-form .dt-sc-button { float: right; margin-right: 10px; border-radius: 50px; }
#dt-cart-form .dt-sc-button:first-child { margin-right: 0; }
#dt-cart-form > h3 { text-align: center; text-transform: uppercase; font-weight: 500; }


/** Checkout **/
#dt-payment-form > h3 { text-transform: uppercase; text-align: center; font-weight: 500; }
.dt-order-existing-customer, .dt-order-existing-customer .dt-col-padding, .dt-payment-form, .dt-customer { float: left; width: 100%; }
.dt-order-existing-customer .dt-col-padding { padding: 20px; border: 1px solid #ddd; }
.dt-customer .dt-col-padding > h4, .dt-payment-form .dt-col-padding > h4, .dt-addition-information .dt-col-padding > h4 { text-align: center; text-transform: uppercase; font-weight: 500; font-size: 20px; }
.dt-customer .dt-order-new-customer .dt-col-padding > h4 { margin-bottom: 35px; }
.dt-order-existing-customer .dt-col-padding .dt-form-table, .dt-customer .dt-order-new-customer { float: left; width: 100%; }
.dt-order-existing-customer .dt-col-padding .dt-form-table .dt-form-field, .dt-order-existing-customer .dt-col-padding .dt-form-table .dt-form-field label { display: block; }
.dt-order-existing-customer .dt-col-padding .dt-form-table .dt-form-field-input { width: 100%; min-width: auto; }
.dt-order-existing-customer .dt-col-padding .dt-form-table .dt-form-field label { margin-bottom: 5px; }
#dt-payment-form .dt_checkout_table { margin-bottom: 50px; }
.dt-col-padding { padding: 30px; overflow: hidden; }
.dt-col-border { border: 1px solid #DDD; }
.dt-order-existing-customer, .dt-payment-form, .dt-addition-information { margin-bottom: 50px; }
.dt-col-padding .dt-form-table .dt-form-field label { display: block; margin-bottom: 5px; }
.dt-customer .dt-form-table .dt-form-field-input { min-width: 100%; }
.dt-customer .dt-form-table .dt-form-field { width: 100%; padding-bottom: 30px; }
.dt-customer .dt-form-table .dt-form-field:last-child { padding-bottom: 0; }
.dt-payment-form .dt-payment-methods { list-style-type: none; }
#dt-payment-form > p { text-align: center; }
#dt-payment-form > p .dt-sc-button { float: none;  }
.dt-customer { margin-bottom: 20px; }
.dt-payment-form .dt-payment-methods label input[type="radio"] { margin-right: 5px; }
.dt-payment-form .dt-payment-methods li { padding-bottom: 20px; }
.dt-payment-form .dt-payment-methods li:last-child { padding-bottom: 0; }


/** Accont **/ 
.dt_booking_table tbody tr td { border-right: 1px solid rgba(0, 0, 0, 0.1); }
.dt_booking_table tbody tr td:first-child { border-left: 1px solid rgba(0, 0, 0, 0.1); }
.dt_booking_wrapper > h2 { font-weight: 500; text-align: center; text-transform: uppercase; font-size: 26px; }


/** Thank You Page **/
.booking_item_table td { border-right: 1px solid rgba(0, 0, 0, 0.1); }
.booking_item_table td:first-child { border-left: 1px solid rgba(0, 0, 0, 0.1); }

.dt_addon_service_title h5 a { position: relative; padding-right: 20px; }
.dt_addon_service_title h5 a:after { content: "\f0da"; font-family: FontAwesome; font-size: 15px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 13px; }
.dt_addon_service_title h5 a.active:after { content: "\f0d7"; }
#booking-details, #booking-items, #booking-customer { float: left; width: 100%; margin-bottom: 30px; }
#booking-details { margin-bottom: 40px; }
#booking-customer .customer-details { display: block; float: left; width: 100%; }
#booking-customer .booking-notes { display: block; margin-bottom: 50px; }
.booking-data > h3, #booking-items > h3 { font-weight: 500; }

/** Single Room **/
.bx-wrapper { float: left; width: 100%; position: relative; }
.bx-wrapper .bx-controls { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 40px; width: 100%; }
.bx-wrapper .bx-controls a { font-size: 0; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.85); display: inline-block; text-align: center; position: absolute; left: 10px; }
.bx-wrapper .bx-controls a:hover { background-color: #fff; }
.bx-wrapper .bx-controls a:before { content: "\f104"; text-align: center; font-size: 25px; font-family: FontAwesome; line-height: 40px; }
.bx-wrapper .bx-controls a.bx-next { right: 10px; left: auto; }
.bx-wrapper .bx-controls a.bx-next:before { content: "\f105"; }
.bx-wrapper ul.entry-gallery-post-slider { margin-bottom: 20px; float: left; width: 100%; }

.dt-single-room .title h4 { margin: 10px 0 10px; font-size: 25px; }
.dt-room .dt_rooms .title h4 { margin:0; font-size: 22px; }
.dt-single-room .title h4 a, .dt_rooms .title h4 a { color: #000; }
.dt_rooms .price .unit { font-size: 14px; position: relative; }
.dt_rooms .price .price_value { font-size: 19px; font-weight: 600; }
.dt_rooms .price { display: block; }
.dt-room .dt_rooms .price span { display: block; }
.dt_rooms .price span.price-max { color: #797979; font-size: 15px; }
.dt-room .dt_rooms .price span.price-min { font-size: 25px; }

.dt-room .dt_rooms .price { display: block; text-align: center; }

.dt_rooms { float: left; width: 100%; }
.dt_rooms .entry-summary { float: left; width: 100%; position: relative; }
.dt-single-room.dt_rooms > .entry-summary { width: 90%; }
.dt-room .dt_rooms .entry-summary { box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.12); background-color: #fff; }
.dt_rooms .rating { float: left; font-family: FontAwesome; font-size: 14px; line-height: 1; height: 20px; overflow: hidden; position: relative; color: #ffb606; margin: 7px 15px 0 0; }
.dt_rooms .star-rating { float: left; width: 65px; position: relative; }
.dt_rooms .star-rating:before { content: "\f006\f006\f006\f006\f006"; float: left; top: 0; left: 0; position: absolute; }
.dt_rooms .star-rating span { float: left; padding-top: 1.5em; position: absolute; left: 0; top: 0; overflow: hidden; }
.dt_rooms .star-rating span:before { content: "\f005\f005\f005\f005\f005"; position: absolute; left: 0; top: 0; }
.comment-form input[type="text"], .comment-form input[type="email"] { padding: 10px 12px; }
.dt_rooms .rating-wrapper { float: left; width: 100%; display: block; padding-top: 10px; }
.dt_rooms .comment-count { position: relative; font-size: 14px; }
.dt_rooms .content { margin: 5px 0 25px; }
.dt_rooms .rate-text { float: right; color: #797979; margin-left: 5px; }
.dt_rooms .entry-left { float: left; width: 66.66%; padding: 20px 20px 0 15px; }
.dt_rooms .entry-right { float: right; width: 33.33%; border-left: 1px solid rgba(0, 0, 0, 0.15); padding: 20px 0; }
.dt_rooms .entry-summary > a { display: block; position: relative; }
.dt-room .dt_rooms .entry-summary > a:after, .dt-room .dt_rooms .entry-summary > .bx-wrapper:after { content: ""; position: absolute; width: 100%; height: 50%; -webkit-box-shadow: inset 0px -106px 92px -35px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px -106px 92px -35px rgba(0, 0, 0, 0.4); box-shadow: inset 0px -106px 92px -35px rgba(0, 0, 0, 0.4); bottom: 0; opacity: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
.dt-room .dt_rooms:hover .entry-summary > a:after, .dt-room .dt_rooms:hover .entry-summary > .bx-wrapper:after { opacity: 1; }
.dt-room .dt_rooms { margin-bottom: 40px; }
.dt-room .dt_rooms .entry-summary > .bx-wrapper:after { pointer-events: none; }
 
.dt-single-room .commententries h3 { margin-bottom: 10px; }
.dt-single-room ul.commentlist { width: 100%; }
.dt-single-room .comment_container img { float: left; margin: 0 25px 20px 0; border-radius: 50%; }
.dt-single-room ul.commentlist li.comment { padding:10px; border: 1px solid rgba(0, 0, 0, 0.15); }
.dt-single-room ul.commentlist .rating { float: right; margin-top: 4px; width: 70px; height: 1em; font-size: 14px; }
.dt-single-room ul.commentlist .meta { display: inline-block; margin: 0 15px 5px 0; }
.dt-single-room ul.commentlist li.comment:last-child { margin: 0; }
.dt-single-room .title-wrapper { float: left; width: 65.66%; position: absolute; left: 40px; bottom: 20px; color: #fff; z-index: 1; }
.dt-single-room .title-wrapper .title h4 a, .dt-single-room.dt_rooms .title-wrapper .price span.price-max, .dt-single-room.dt_rooms .title-wrapper .price span.price-min { color: #fff; }
.dt-single-room.dt_rooms .price span { display: block; }
.dt-single-room.dt_rooms .price span.price-min { font-size: 27px; }
.dt-single-room .title-wrapper .dt-sc-button { float: right; }
.dt-single-room.dt_rooms .title-wrapper .price { display: inline-block; }
.dt-single-room.dt_rooms > .entry-summary:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); z-index: 0; pointer-events: none; }
.dt-single-room.dt_rooms > .entry-summary:before { content: ""; position: absolute; left: 0; bottom: 0; border-left: 150px solid; border-top: 150px solid transparent; border-right: 150px solid transparent; z-index: 1; }

.dt-single-room ul.dt-sc-tabs-horizontal > li > a { padding: 10px 5px 10px 5px; margin: 0px 15px -1px 0; border-bottom-width: 4px; font-weight: normal; font-size: 18px; text-transform: capitalize; }

.dt-sc-room-amenities { display: inline-block; float: left; width: 100%; }
.dt-amenities { display: block; list-style-type: none; }
.dt-amenities li { display: block; padding: 15px 0; margin: 10px 0; color: #000;}
.dt-amenities li img { float: left; margin-right: 25px; }
.dt-sc-room-amenities h3 { position: relative; padding-bottom: 15px; }
.dt-sc-room-amenities h3:after { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 3px; background-color: #000; }

/** Custom class **/
ul.single-custom-details { display: block; list-style-type: none; }
ul.single-custom-details li { display: block; border-bottom: 1px solid #ededed; margin-bottom: 15px; text-align: right; }
ul.single-custom-details li i { float: left; text-align: right; font-style: inherit; }
ul.single-custom-details li:last-child { padding-bottom: 10px; }


/** Related Rooms **/
.related-rooms { float: left; margin: 40px 0px 0px; padding: 0px; width: 100%; clear: both; }
.related-rooms .dt-sc-title.with-two-border h2 { font-size: 32px; }
.related-rooms .dt-sc-title { float: none; margin-bottom: 30px; }


/** Packages **/
.dt-package { float: left; width: 100%; position: relative; }
.dt-sc-package-thumb { float: left; width: 50%; }
.dt-sc-package-details { float: left; width: 50%; }
.dt-sc-package-thumb > a { display: block; position: relative; }
.dt-sc-package-thumb h2 { font-size: 17px; text-transform: uppercase; background-color: #ffd40b; display: inline-block; padding: 12px 20px; position: absolute; }
.dt-sc-package-meta { display: block; }
.dt-sc-package-meta .project-list { display: block; list-style-type: none; padding: 30px; margin: 0; }
.dt-sc-package-meta .project-list li span { color: #000; font-weight: 600; display: block; }
.dt-packages .dt-package { box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; margin-bottom: 40px; display: block; }
.dt-package:hover { box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.15); }
.dt-package .price-wrapper { display: block; padding: 19px 20px; text-align: center; background-color: #f4f4f4; }
.dt-package .price-wrapper .price { font-size: 24px; font-weight: bold; }
.dt-package .price-wrapper .price ins { background: none; color: inherit; }
.dt-package .price-wrapper .price del { font-size: 14px; color: #797979; font-weight: normal; }
.dt-package .price-wrapper .unit { font-size: 13px; margin-left: 5px; display: inline-block; position: relative; top: -4px; }
.dt-sc-package-meta .project-list li:before { content: ""; width: 18px; height: 18px; border: 4px solid; display: inline-block; border-radius: 50%; float: left;margin-right: 10px; position: absolute; top: 5px; left: 0; }
.dt-sc-package-meta .project-list li { position: relative; padding-left: 30px; }




@media only screen and (max-width: 1380px) and (min-width: 1200px) {
    .page-with-sidebar .dt-form-table .dt-form-field label { font-size: 12px; }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {

.dt_addon_service_title h5 { font-size: 16px; }
.page-with-sidebar .dt-travel-booking-search .dt-form-submit { width: 100%; }
.page-with-sidebar .dt-form-table .dt-form-field { width: 50%; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.page-with-sidebar .dt-form-table { width: 100%; }
.page-with-sidebar .dt-form-submit button { border-radius: 0; }

}

@media only screen and (max-width: 991px) and (min-width: 768px) {

.dt-room .dt_rooms .price span.price-min { font-size: 18px; }
.dt-room .dt_rooms .rating-wrapper { padding-top: 8px; }
.dt-room .dt_rooms .comment-count { font-size: 13px; }
.dt-room .dt_rooms .title h4 { font-size: 17px; }
.dt-room .dt_rooms .entry-left, .dt-room .dt_rooms .entry-right { width: 50%; }

.dt-travel-booking-search .dt-form-submit { width: 100%; }
.dt-form-table .dt-form-field { width: 50%; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.dt-form-table { width: 100%; }
.dt-form-submit button { border-radius: 0; }

.dt-room-thumb { width: 100%; }
.dt-room-info { width: 100%; width: -webkit-calc(100%); width: -moz-calc(100%); }

.dt-sc-package-thumb, .dt-sc-package-details { width: 100%; }

}

/*----*****---- << Mobile (Landscape) >> ----*****----*/    
    
/* Common Styles for the devices below 767px width */
@media only screen and (max-width: 767px) {

.dt-travel-booking-search .dt-form-submit { width: 100%; }
.dt-form-submit button { border-radius: 0; }
.dt-form-table .dt-form-field { width: 100%; border-right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding: 10px 4% 9px; }
.dt-form-table { width: 100%; }

.dt-room-thumb { width: 100%; }
.dt-room-info { width: 100%; width: -webkit-calc(100%); width: -moz-calc(100%); padding: 30px 7%; }
.dt_addon_service_title h5 { font-size: 17px; }

.dt-single-room .title-wrapper { width: 80%; }

.dt_cart_table thead, .dt_checkout_table thead { float: left; display: block; }
.dt_cart_table thead th, .dt_checkout_table thead th { width: 160px; display: block; height: 49px; }
.dt_cart_table tbody, .dt_checkout_table tbody { display: block; overflow-x: auto; position: relative; width: auto; white-space: nowrap; border-right: 1px solid rgba(0, 0, 0, 0.1); }
.dt_cart_table tbody tr, .dt_checkout_table tbody tr { display: inline-block; border-top: 1px solid rgba(0, 0, 0, 0.1); }
.dt_cart_table tbody tr:first-child, .dt_checkout_table tbody tr:first-child { border-top-width: 0; }
.dt_cart_table tbody tr td, .dt_checkout_table tbody tr td { display: block; width: 260px; height: 49px;}
#dt-cart-form .dt_cart_table, #room-booking-payment .dt_checkout_table { display: block; }
.dt_cart_table tbody tr:last-child td, .dt_checkout_table tbody tr:last-child td { border-right-width: 0; }

.dt-sc-package-thumb, .dt-sc-package-details { width: 100%; }

}

@media only screen and (max-width: 479px) and (min-width: 320px) {
    .dt_cart_table thead th, .dt_checkout_table thead th { width: 120px; }
    .dt_cart_table tbody tr td, .dt_checkout_table tbody tr td { width: 170px; }
}

@media only screen and (max-width: 319px) {
    .dt_cart_table tbody tr td, .dt_checkout_table tbody tr td { width: 110px; font-size: 10px; white-space: initial; }
    .dt_cart_table thead th, .dt_checkout_table thead th { width: 90px; font-size: 10px; }
}