p{
padding: 0;
margin: 0;
}
.box_form_banner{
width: 100%;
background: #1A2B49;
padding: 12px 0;
}
.wrap_form_banner{
width: 100%;
}
.form_banner div>label{
position: absolute;
left: 0;
top: 0;
padding-top: 5px;
padding-left: 47px;
color: #454545;
font-size: 12px;
font-weight: 400;
line-height: 150%;
}
.check_number_travellers{
background:#fff;
padding:25px 15px 30px;
border:1px solid #c6c8d0;
position:absolute;
width:100%;
left:0;
top:100%;
z-index:99 
}
.check_number_travellers .close_tb{
display: inline-block;
width: 80px;
height: 36px;
line-height: 36px;
border-radius:3px;
text-align: center;
font-weight: bold;
float: right;
cursor: pointer 
}
.check_number_travellers--ul .inputTraveller{
display:flex;
justify-content:space-between;
align-items:center;
align-content:center;
margin-bottom:25px 
}
.check_number_travellers--ul .inputTraveller:last-child{
margin-bottom:0 
}
.check_number_travellers--ul .input_number{
border:1px solid #c6c8d0;
font-weight:700;
width:37px;
height:37px;
text-align:center;
-webkit-appearance:none;
margin:0;
-moz-appearance:textfield 
}
.check_number_travellers--ul .input_number::-webkit-outer-spin-button,.check_number_travellers--ul .input_number::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0 
}
.right__inputTraveller{
position:relative;
display:flex;
align-items:center 
}
.right__inputTraveller a.upNum{
margin-left:10px 
}
.right__inputTraveller a.unNum{
margin-right:12px 
}
.search_hotel{
width: 100%;
max-width: 518px;
margin-right: 5px;
}
.search_hotel,.check_in_date,.box_departure_date,.number_travellers{
position: relative;
}
.search_hotel:before,.check_in_date:before,.box_departure_date:before,.number_travellers:before{
content: "";
width: 21px;
height: 21px;
display: inline-block;
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
background: url(../images/hotel/ic_search.png) no-repeat;
}
.search_hotel:before{
background-position: -60px 0;
}
.check_in_date:before{
background-position: 0 0;
}
.box_departure_date:before{
background-position: 0 0;
}
.number_travellers:before{
background-position: -30px 0;
}
.check_in_date,.box_departure_date{
width: 100%;
max-width: 161px;
margin-right: 5px;
}
.number_travellers{
width: 100%;
max-width: 264px;
margin-right: 10px;
}
.btn_search{
width: 151px;
height: 45px;
border: none;
border-radius: 5px;
}
.box_form_banner .form-control{
height: 45px;
padding: 17px 15px 0 45px;
color: #111;
font-size: 15px;
font-weight: 500;
line-height: 22.5px;
}
.box_form_banner .form-control:focus {
border: 0!important;
box-shadow: 0 0!important;
}
.box_form_banner .search_hotel .form-control{
padding-top: 0!important;
}
.hotelPlacePage{
padding-bottom: 60px;
}
.hotelPlacePage h1 {
text-align: center;
color: #000;
font-size: 46px;
font-weight: 600;
line-height: 150%;
margin-bottom: 23px;
}
.hotelPlacePage .intro_top {
max-width: 1060px;
text-align: center;
margin: 0 auto 30px;
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 170%;
}
.hotelPlacePage .result_search {
color: #1C1C1C;
font-size: 24px;
font-weight: 600;
line-height: normal;
margin-bottom: 30px;
}
.box_hotel_item{
display: flex;
width: 100%;
border-radius: 5px;
border: 1px solid #DDDFE2;
margin-bottom: 20px;
}
.box_hotel_item .img_hotel{
width: 277px;
overflow: hidden;
}
.box_hotel_item .img_hotel img{-moz-transition: all .3s!important;
-webkit-transition: all .3s!important;
transition: all .3s!important;}

.box_hotel_item .img_hotel img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.box_hotel_item .box_body_title a{
display: block;
color: #2C2C2C;
font-size: 20px;
font-weight: 600;
line-height: 140%;
}
.box_hotel_item .box_body_title a:hover{text-decoration: underline}
.box_hotel_item .box_item_body{display: flex;justify-content: space-between;width: calc(100% - 277px);}
.phone .box_hotel_item .box_item_body{flex-direction: column}
.box_hotel_item .box_item_body .address a{
display: block;
color: #07C;
font-weight: 600;
cursor: pointer;
}
.box_hotel_item .box_item_body .address a:hover{text-decoration: underline}
.box_hotel_item .box_item_body .address i{
margin-right: 8px;
}
.box_hotel_item .box_item_body .address{
display: block;
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 150%;
margin-top: 13px;
}
.phone .box_hotel_item .box_item_body .address{margin-top: 0}
.box_hotel_item .box_item_body .review {
display: flex;
justify-content: right;
gap: 10px;
margin-bottom:25px;
}
.phone .box_hotel_item .box_item_body .review{margin-bottom: 0}
.box_hotel_item .box_item_body .review p{
color: #1C1C1C;
font-size: 16px;
font-weight: 600;
line-height:160%;
}
.box_hotel_item .box_item_body .review p span{
color: #666;
font-size: 14px;
font-weight: 400;
line-height: normal;
display: block;
}
.box_hotel_item .box_item_body .review .rate{
width: 40px;
height: 40px;
border-radius: 80px 80px 80px 0px;
background: var(--main-bg-color);
display: flex;
align-items: center;
justify-content: center;
color: var(--color-text-main-bg);
font-size: 18px;
font-weight: 600;
line-height: normal;
}
.box_hotel_item .box_item_body .box_price .price_from_text{
color: #000;
font-size: 14px;
font-weight: 400;
line-height: normal;
}
.box_hotel_item .box_item_body .box_price .div_price{
color: #F00;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 22px;
margin-bottom: 5px;
}
.box_hotel_item .box_item_body .box_price .div_price .old_price{
margin-right: 10px;
color: #1c1c1c;
font-weight: 400;
font-size: 16px;
}
.box_hotel_item .box_item_body .btn_view_detail a{display: inline-block;padding: 10px 16px; text-align: center; border-radius: 80px; font-size: 14px; line-height: 15px; min-width: 124px; height: 35px;}
.box_hotel_item .box_item_body .btn_view_detail a i{margin-left: 5px;}
.btn_view_detail.phone{display: none}
.phone .btn_view_detail.phone{display: block; padding: 0 10px 10px;}
.phone .btn_view_detail.phone a{width: 100%;}
.phone .btn_view_detail.no_phone{display: none}
.box_hotel_item .box_item_body .box_price span{
font-size: 16px!important;
}
.box_hotel_item .box_item_body .box_price span.price{
font-size: 20px!important;
}
.box_hotel_item .box_item_body .box_price .room{
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.box_hotel_item .box_item_body .box_left_body{padding: 15px; width: calc(100% - 200px)}
.phone .box_hotel_item .box_item_body .box_left_body{width: 100%;}
.box_hotel_item .box_item_body .box_right_body{text-align: right;width: 200px;padding: 15px;border-left: 1px solid #DDDFE2;}
.phone .box_hotel_item .box_item_body .box_right_body{width: 100%;padding-top: 0; display: flex; justify-content: space-between}
.filter_left_search{
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.filter_left_title{
color: #1C1C1C;
font-size: 18px;
font-weight: 600;
line-height: 23px;
margin-bottom: 10px;
}
.box_body_filter_title{
color: #1C1C1C;
font-size: 16px;
font-weight: 600;
line-height: 23px;
margin-bottom: 10px;
}
.filter_list_item{
overflow: hidden;
}
.filter_list_item .check_ipt {
display: flex;
gap: 15px;
align-items: center;
margin-bottom: 5px;
}
.filter_list_item .check_ipt label{
color: #333;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.filter_list_item .check_ipt .input_item{
width: 15px;
height: 15px;
border-radius: 2px;
border: 1px solid #BBB;
}
.filter_left_search .find_Box{
padding: 15px 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.fa.fa-map-marker{
font-size: 18px;
color: #07C;
}
.hotelDetail .section_box_image_top .col-lg-8, .hotelDetail .section_box_image_top .col-lg-4{
padding: 0 7.5px;
}
.hotelDetail .list_image_small{
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.hotelDetail .list_image_small .small_image{
width: calc(50% - 7.5px);
border-radius: 8px;
overflow: hidden;
}
.hotelDetail .big_image{
border-radius: 8px;
overflow: hidden;
}
.hotel_detail_main{
margin-top: 22px;
}
.info_review_top{
display: flex;
justify-content: space-between;
}
.info_review_top_left{
display: flex;
gap: 5px;
}
.info_review_top .icon_share{
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #EAECF0;
cursor: pointer;
}
.hotel_text_cat{
height: 27px;
border-radius: 5px;
background: rgba(31, 182, 154, 0.1);
color: #1FB69A;
font-size: 15px;
font-weight: 500;
line-height: 27px;
padding: 0 7px 0 11px;
}
.rank_level{
height: 27px;
border-radius: 5px;
border: 1px solid #E3E6EA;
color: #454545;
font-size: 15px;
font-weight: 500;
line-height: 27px;
padding: 0 9px;
}
.total_review{
color: #666;
font-size: 15px;
font-style: normal;
font-weight: 400;
height: 27px;
line-height: 27px;
}
.hotel_detail_main .box_sec_title{
margin-top: 15px;
margin-bottom: 20px;
}
.hotel_detail_main .sec_title{
color: #1C1C1C;
font-size: 32px;
font-weight: 600;
line-height: 150%;
}
.hotel_detail_main .sec_title label.rate-2023 {
margin-bottom: 5px !important;
}
.hotel_detail_main .box_sec_title .address{
color: #353535;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.hotel_detail_main .box_sec_title .address a{
color: #07C;
font-size: 16px;
font-weight: 600;
line-height: 150%;
cursor: pointer;
}
.hotel_detail_main .sec_intro{
color: #1C1C1C;
font-size: 16px;
font-weight: 400;
line-height: 170%;
margin-bottom: 30px;
}
.box_right_info_hotel .from_text{
color: #1C1C1C;
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.box_right_info_hotel .val_price{
color: #F00;
font-size: 26px;
font-weight: 600;
line-height: 150%;
}
.box_right_info_hotel .val_price .old_price{
display: block;
color: #1c1c1c;
font-weight: 400;
font-size: 16px;
}
.box_right_info_hotel .price_text{
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.box_right_info_hotel{
margin-top: 22px;
    z-index: 2;
}
.box_info_right_top{
display: flex;
justify-content: space-between;
align-items: center;
padding: 17px 15px;
border-top: 3px solid #1FB69A;
background: #FFF;
box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.10);
}
.departure_day{
height: 40px;
padding: 0 19px;
border-radius: 80px;
border: 1px solid var(--main-color);
background:var(--main-bg-opcity-30);
color: #1A2B49 !important;
font-size: 16px;
font-weight: 600;
line-height: 40px;
cursor: pointer;
}
.departure_day:hover{background:var(--main-bg-color); color:var(--color-text-main-bg)!important  }
.box_facilities_title{
color: #1C1C1C;
font-size: 20px;
font-weight: 600;
line-height: 150%;
margin-bottom: 15px;
}
.list_facilities{
display: flex;
flex-wrap: wrap;
}
.facilities_item{
width: calc(100%/3);
display: flex;
gap: 15px;
margin-bottom: 20px;
}
.facilities_item img {
object-fit: contain;
}
.facilities_name{
color: #1C1C1C;
font-size: 16px;
font-weight: 400;
line-height: 150%;
max-width: 270px;
padding-right: 10px;
}
.sec_info_hotel{
margin-top: 70px;
margin-bottom: 60px;
}
.sec_info_hotel .sec_info_title{
color: #1C1C1C;
font-size: 24px;
font-weight: 600;
line-height: 150%;
margin-bottom: 25px;
}
.important_note_box{
border-radius: 3px;
border: 1px solid #D7D7D7;
}
.important_note_item{
display: flex;
border-bottom: 1px solid #D7D7D7;
padding: 15px;
}
.important_note_item:last-child{
border-bottom: none;
}
.important_note_item .note_title{
width: 100%;
max-width: 220px;
color: #1C1C1C;
font-size: 14px;
font-weight: 600;
line-height: 150%;
padding-right: 20px;
padding-left: 35px;
position: relative;
word-break: break-word;
}
.important_note_item .note_title:before{
content: "";
width: 21px;
height: 21px;
display: inline-block;
position: absolute;
left: 0;
top: 0;
background: url(../images/hotel/icons_hotel.png) no-repeat;
}
.check_in_out:before{
background-position: -60px 0!important;
}
.booking_policy:before{
background-position: -120px 0!important;
}
.bed:before{
background-position: 0 0!important;
}
.cancel_prepay:before{
background-position: -30px 0!important;
}
.other_regulation:before{
background-position: -90px 0!important;
}
.important_note_item .box_right{
width: 100%;
max-width: calc(100% - 220px);
}
.important_note_item .box_right_content{
color: #1C1C1C;
font-size: 14px;
font-weight: 400;
line-height: 170%;
margin-bottom: 0;
}
.customer_reviews{
margin-bottom: 60px;
}
.customer_review_title{
color: #1C1C1C;
font-size: 24px;
font-weight: 600;
line-height: 150%;
margin-bottom: 15px;
}
.customer_reviews_item .customer_avatar{
width: 40px;
height: 40px;
border-radius: 50%;
background: #1FB69A;
display: flex;
justify-content: center;
align-items: flex-end;
color: #FFF;
font-size: 20px;
font-weight: 600;
line-height: 150%;
text-transform: uppercase 
}
.list_customer_review_items .owl-item:nth-child(3n-1) .customer_reviews_item .customer_avatar{
background-color:#1FB69A 
}
.list_customer_review_items .owl-item:nth-child(3n-2) .customer_reviews_item .customer_avatar{
background-color:#F25050 
}
.list_customer_review_items .owl-item:nth-child(3n-3) .customer_reviews_item .customer_avatar{
background-color:#2CAED4 
}
.customer_reviews_item .customer_intro{
display: flex;
gap: 15px;
margin-bottom: 10px;
}
.customer_reviews_item .customer_name{
color: #1C1C1C;
font-size: 16px;
font-weight: 600;
line-height: 150%;
}
.customer_info .address{
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.customer_reviews_item{
padding: 20px;
border: 1px solid #D7D7D7;
width: 100%;
}
.customer_reviews_text{
max-width: 366px;
color: #1C1C1C;
font-size: 14px;
font-weight: 400;
line-height: 150%;
min-height: 63px;
}
.customer_reviews_item .read_more{
color: #07C;
font-size: 14px;
font-weight: 400;
line-height: 150%;
cursor: pointer;
display: block;
margin-top: 20px;
}
#mdReview.modal.show .modal-dialog {
transform: translateY(100%);
}
#mdReview .btn-close {
position: absolute;
right: 15px;
top: 15px;
}
#mdReview .review_item {
border: 0;
padding-bottom: 0;
}
.review_item .content_review {
color: #1C1C1C;
font-size: 14px;
font-weight: 400;
line-height: 21px;
min-height: 63px;
}
.owl-next,.owl-prev{
background-color: white!important;
border-radius: 50%;
width: 30px;
height: 30px;
}
.owl-next span,.owl-prev span{
font-size: 20px;
}
.owl-next{
right: -40px;
}
.owl-prev{
left: -40px;
}
.reviews_box_top .box_score{
display: flex;
align-items: center;
}
.reviews_box_top .box_score .score_number {
width: 46px;
height: 47px;
line-height: 47px;
background: var(--main-bg-color);
text-align: center;
color: var(--color-text-main-bg);
font-size: 22px;
font-weight: 500;
border-radius: 80px 80px 0px 80px;
margin-right: 12px;
}
.reviews_box_top .box_score .score_text .txt_score{
color: #1C1C1C;
font-size: 18px;
font-weight: 600;
line-height: 27px;
margin-bottom: 0;
}
.reviews_box_top .box_score .score_text .number_review{
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin: 0;
}
.reviews_box_top .box_score .score_text .number_review .view_all_review {
color: #07C;
font-weight: 600;
margin-left: 15px;
}
.reviews_box_top .box_rate_score:first-child{
margin-bottom: 25px;
}
.reviews_box_top .lbl_rate_score{
color: #1C1C1C;
font-size: 14px;
font-weight: 400;
line-height: 21px;
}
.reviews_box_top .progress {
background:var(--main-bg-opcity-30);
border-radius: 2px;
height: 11px;
width:calc(100% - 27px) ;
}
.reviews_box_top .progress-bar{
border-radius: 2px;
background: var(--main-bg-color);
}
.reviews_box_top{
padding: 9px 30px 30px 27px;
}
.sec_relate_box{
margin: 60px 0;
}
.sec_relate_box .sec_relate_title {
color: #1C1C1C;
font-size: 24px;
font-weight: 600;
line-height: 150%;
margin-bottom: 25px;
}
.sec_relate_box .relate_slide_item_title a{
color: #2C2C2C;
font-size: 16px;
font-weight: 600;
line-height: 150%;
}
.sec_relate_box .score_number{
color: #454545;
font-size: 14px;
font-weight: 600;
line-height: 150%;
}
.sec_relate_box .score_number span{
color: #454545;
font-size: 14px;
font-weight: 400;
line-height: 150%;
margin-left: 5px;
}
.sec_relate_box .price_from{
color: #666;
font-size: 12px;
font-weight: 400;
line-height: 150%;
}
.sec_relate_box .price_from span .price{
color: #F00;
font-size: 16px;
font-weight: 600;
line-height: 150%;
margin-left: 5px;
display: inline-block;
}
.sec_relate_box .price_from span .price .size18{
font-size: 14px!important;
}
.relate_slide_item_body{
padding: 12px 15px 10px;
}
.relate_slide_item{
background-color: white;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.12);
margin: 2px;
}
.section_box_image_top .big_image{
position: relative;
}
.section_box_image_top .big_image .view_all {
position: absolute;
bottom: 10px;
right: 10px;
height: 25px;
margin: 0;
border-radius: 3px;
background: #00000080;
padding: 0px 7px 0px 24px;
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 25px;
cursor: pointer;
}
.section_box_image_top .big_image .view_all:before{
position: absolute;
background: url(../images/icon/icon_cruise.png) no-repeat;
content: "";
width: 16px;
height: 15px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
bottom: 6px;
left: 4px;
background-position: -28px -34px;
}
.hotelPageDetail{
margin-bottom: 100px;
}
.hotelPlacePage .pager{
padding-left: 0;
margin-bottom: 40px;
text-align: center;
list-style: none;
display: flex;
justify-content: right;
margin-top: 30px 
}
.pagination .total_page{
border: 1px solid #d7d7d7;
width: auto;
padding: 0 20px 
}
.pagination a{
display: inline-block;
float: none;
text-align: center;
color: #999;
width: 40px;
height: 40px;
line-height: 40px;
background: #fff;
border: none;
margin-right: 0;
position: relative;
margin-bottom: 10px 
}
.pagination .disabled{
display: none 
}
.pagination a.current{
background: var(--main-color);
color: #000 
}
.mapModal iframe{
width: 100%;
}
.mapModal .modal-header{
padding: 0;
justify-content: right;
}
.mapModal .modal-header .btn-close{
margin: 0;
padding: 10px 16px;
}
.share_box{
position: relative 
}
.share_news {
position: absolute;
top: 0!important;
right: 0!important;
margin-top:25px!important;
margin-right: -6px!important;
display: none!important 
}
.share_box.open .share_news{
display: block!important;
}
.share_news .sharer-icons a{
margin-left: 0!important;
margin-bottom: 5px!important;
}
.share_news .sharer-icons{
display: block!important;
background-color: white 
}
.short_content.shorted, .short_content.lessmore{
overflow:hidden;
position:relative;
}
.short_content.lessmore{
padding-bottom:25px;
}
.short_content.shorted:after{
content:"";
width:100%;
height:80px;
position:absolute;
left:0;
bottom:0;
right:0;
background: linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.95),#fff);
background: -moz-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.95),#fff);
background: -webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.95),#fff);
}
.short_content.lessmore .more, .short_content.shorted .more{
position:absolute;
left:50%;
bottom:0;
transform:translateX(-50%);
color: #07C;
padding-right:15px;
display:inline-block;
cursor:pointer;
z-index:1;
font-size: 16px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0.56px;
}
.short_content.shorted .more:after{
position:absolute;
font: normal normal normal 14px/1 FontAwesome;
content: "\f107";
right:0;
top:3px;
}
.short_content.lessmore .more:after{
position:absolute;
font: normal normal normal 14px/1 FontAwesome;
content: "\f106";
right:0;
top:3px;
}
.readmore{
color: #07C;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
@media (min-width: 992px){
#filter_search.modal {
position: relative;
display: block;
opacity: 1;
z-index: 1;
}
#filter_search .modal-dialog {
transition: unset;
transform: unset;
max-width: unset;
margin: unset;
position: unset;
width: unset;
pointer-events: unset;
}
#filter_search .modal-header {
display: none;
}
#filter_search .modal-content {
position: unset;
display: unset;
flex-direction: unset;
width: unset;
pointer-events: unset;
background-color: unset;
background-clip: unset;
border: unset;
border-radius: unset;
outline: unset;
}
#filter_search .modal-body {
padding: 0!important;
}
}
@media (max-width:1199px){
.search_hotel{
max-width: 350px;
}
.btn_search{
width: 105px;
}
}
@media (max-width: 1023px){
.search_hotel{
width: 200px;
}
.btn_search{
width: 105px;
}
}
@media (max-width:991px){
.section_box_image_top .big_image{
margin-bottom: 15px;
}

#filter_search .modal-dialog h2 .close {
background: none;
border: none;
color: white;
}
#filter_search .modal-dialog h2{
font-size: 22px;
color: white;
}
#filter_search .modal-header{
background: #1a2b49;
}
.hotelBody .tag-search{
margin-bottom: 30px;
}
.hotelBody .tag-search .btn_quick_search {
    width: 100%;
    text-align: center;
    border-left: none;
    padding: 10px 20px;
    cursor: pointer;
    height: 45px;
    line-height: 25px;
    border-radius: 5px;
}
.btn_quick_search span {
    display: inline-block;
    float: left;
    line-height: 25px;
    font-size: 18px;
    font-weight: bold;
}
.btn_quick_search i {
    display: inline-block;
    float: right;
    line-height: 25px;
    font-size: 20px;
}
.filter_left_search{
border-right: none;
}
#filter_search .modal-content {
border: unset;
}
.reviews_box_top .box_rate_score {
margin-bottom: 20px;
}
.list_customer_review_items.owl-carousel .owl-nav button.owl-next, .list_customer_review_items.owl-carousel .owl-nav button.owl-prev {
top: 50%;
transform: translate(0, -50%);
}
.list_customer_review_items.owl-carousel .owl-nav button.owl-next {
right: 10px;
}
.list_customer_review_items.owl-carousel .owl-nav button.owl-prev {
left: 10px;
}
}
@media (max-width: 767px){
.hotelPlacePage h1 {
font-size: 26px;
}
.hotelDetail .list_image_small{
margin-top: 15px;
}
.box_hotel_item{
display: block;
}
.box_hotel_item .img_hotel {
width: 100%;
}
.box_hotel_item .box_item_body{
width: 100%;
}
.box_hotel_item .box_item_body .box_price .div_price {
font-size: 16px;
}
.box_hotel_item .box_item_body .box_price span{
font-size: 14px!important;
}
.box_hotel_item .box_item_body .box_right_body {
min-width: 112px;
}
.form_banner{
flex-wrap: wrap;
}
.search_hotel, .check_in_date, .box_departure_date,.number_travellers{
width: 100%;
margin-right: 0;
max-width: unset;
margin-bottom: 5px;
}
.box_button_search,.btn_search{
width: 100%;
}
.box_form_banner{
padding: 12px 0;
}
.important_note_item{
display: block;
}
.important_note_item .note_title{
max-width: unset;
width: 100%;
margin-bottom: 20px;
}
.important_note_item .box_right{
max-width: unset;
width: 100%;
}
#filter_search .modal-content {
border: 0;
}
#filter_search .modal-dialog{
margin: 0;
}
#filter_search.modal{
background:#fff 
}
.hotel_detail_main .box_facilities .facilities_item{
width: calc(100%/2);
}
.box_info_right_top {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 13px 20px;
background: var(--main-color-2);
z-index: 3;
display: block;
    border: 0;
}
.box_info_right_top .price_from_text{display: flex;flex-direction: row;
    justify-content: space-between;
    color: #fff;
    margin-bottom: 15px;
    margin-right: 0;
    flex-wrap: wrap;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    align-items: baseline;
}
.box_right_info_hotel .val_price{display: flex; flex-direction: row; align-items:baseline}
.box_right_info_hotel .from_text,.box_right_info_hotel .val_price,.box_right_info_hotel .price_text{color: #fff;}
.box_right_info_hotel .price_text{margin-left: 5px;}
.departure_day {
    width: 100%;
    margin-bottom: 0 !important;
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin: 0 auto;
    color:var(--color-text-main-bg) !important;
    background: var(--main-bg-color);
    padding: 0px 25px;
    height: 40px;
    border-radius: 80px;
    border: 1px solid var(--main-bg-color);
}
.hotel_detail_body #backTop {
bottom: 180px!important;
display: block;
}
.hotel_detail_body #whatsapp-widget.ww-right {
bottom: 100px!important;
}
}