/*member*/

.img-profile {
  display: block;
  padding-left: 5rem;
  padding-top: 1.2rem;
  position: fixed;
  z-index: 15000;
  right: 25%;
}

a.member-bg-img.bg-img.rounded-circle.img-circle-mobile {
  border: solid 2px #603913;
  /* background-repeat: round; */
  padding: 11px 21px;
  border-radius: 50%;
  margin: 0 20px;
}

.si_in {
  margin-top: 8px;
}

.login_name.login_u span{
  font-size: 10px;
  color:white;
}

.img-profile.moblie-profile {
  display: none;
}

/*member*/
#my-menu{
  display: none;
}

.no-room {
  color: #5a3914;
  text-align: center;
  margin-top: 6em;
  margin-bottom: 6em;
}

.no-room i.fa.fa-search {
  font-size: 3em;
  background-color: #5a3914;
  padding: 10px;
  border-radius: 10px;
  color: #fadaab;
}

html,body{
	font-family: 'Open Sans', sans-serif;
  color: #003480;
	/* font-size: 1em; */
}
.header .nav>li>a {
  font-size: 1em;
  font-weight: bold;
  display: inline-block;
}
.header .nav>li>a:hover,
.header .nav>li>a:active{
  text-decoration:underline;
}
.header .navbar-nav {
  margin-top: 5px;
}
.logo {
  /*z-index: 1000;*/
  position: absolute;
  top: 0;
}
.logo img{
  /*width: 85%;*/
  width: 50%;
  height: auto;
  background-position: center center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  margin-left: 3.8em;
  background-size: contain;
}

.logo>a {
  line-height: 0;
  text-decoration: none;
}

.box-row-1{
	margin-top: 2.5em;
}


/*########### top menu ###############*/
.header .nav>li>a:focus,
.header .nav>li>a:hover{
  background-color:transparent;
}

.navbar-static-top.header .nav .open>a, 
.navbar-static-top.header .nav .open>a:focus, 
.navbar-static-top.header .nav .open>a:hover {
  background-color: #1e488f;
}

.navbar-static-top.header .navbar-nav>li>.dropdown-menu{
  margin-top:5px;
}
.header .dropdown.nav-currency>a {
  padding-top: 20px;
}



.box-nav-footer{
	text-align: center;
	color: #fff;
  position: relative;
}
.navbar-center{
	float: none;
	display: inline-block;
}
.navbar.footer{
	background-image: url('../devP/images/home/bg_footer.png');
	margin-bottom: 0;
  background-color: #003A60;
  color: #fff;
  text-align: center;
  padding-bottom: 10px;
}
.nav>li>a{
	color: #fff;
	font-size: 1em;
}
.footer .nav>li>a{
	text-decoration: underline;
	font-size: 1.2em;
}
.footer .nav>li>a:hover{
  background-color:transparent;
  opacity:0.7;
}

.footer-menu{
	margin-top: 5px;
}
.nav-footer-menu{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:flex;
}
.nav-footer-menu>li{
	background-color: #eff1fa;
	padding-top: 5px;
	padding-bottom: 5px;
}
.nav-footer-menu a{
	color: #2e7cff;
	font-size: 1em;
	padding: 1px 0;
	display: inline-block;
}
.nav-footer-menu a:hover,
.nav-footer-menu a:active,
.nav-footer-menu a:focus{
	text-decoration: underline;
  background-color:transparent;
}

.footer-img-payment {
  text-align: center;
  margin-top: 15px;
}

.footer-img-payment>img {
  max-width: 470px;
  width: 100%;
  margin: 0 auto;
}



/*********************  footer *****************/
ul.payment-box {
  position: absolute;
  left: auto;
  top: 7px;
  right: 36px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}
ul.payment-box>li {
  float: right;
  width: 13%;
  margin-left: 5px;
}
ul.payment-box>li>img {
  width: 100% !important;
  height: auto !important;
}
.copy-right {
  margin-top: 1em;
}




/*************** content-box ***************/
.content-box {
  padding-bottom: 9em;
}




/********* .frm-search  **********/
.search-box{
  position: relative;
}

.frm-search {
  box-sizing: border-box;
  padding: 15px 30px;
  background-color: #ffff00;
  border-radius: 15px;
  box-shadow: 1px 2px 15px #cac8c8;
  padding-top: 3.2em;
  padding-bottom: 3.2em;
}
.frm-search input[type=submit]{
  margin-top: 34px;
  float: right;
  width: 130px;
  padding: 3px 0;
  background-image: none;
  background-color: #003480;
  border: 0;
}
form.frm-search .form-control {
  border: 0;
}
form.frm-search label.title{
  font-size:1.5em;
}
form.frm-search label{
  color:#1e488f;
}


.box-promote label.title {
  font-size:1.5em;
  color:#1e488f;
  display: block;
  width: 100%;
  min-height: 33px;
}
.box-promote {
  margin-top: 3em;
}
.box-promote a:hover>img {
  opacity:0.9;
}

.col-age{
  display: inline;
}
.modify-search-tool .box-children-age{
  margin-top: 5px;
}

.box-children-age select {
  padding: 0;
  text-align: center;
  padding-left: 5px;
}




/***********************  .frm-search-one-row  *****************************/
.search-one-row {
  padding: 1em 2em;
  margin-top: 3em;
}
.search-one-row {
  padding: 1em 2em;
  margin-top: 3em;
  margin-bottom: 3em;
}
.search-one-row input[type=submit] {
  float: none;
  padding: 6px 6px;
  margin-top: 27px;
}
.search-one-row .autocomplete-box {
  top: 59px;
  width: 89%;
}




/*************** autocomplete ****************/
.autocomplete-box {
  display: none;
  position: absolute;
  z-index: 9999;
  background-color: rgba(255,255,255,0.97);
  width: 100%;
  top: 83px;
  box-sizing: border-box;
  padding: 10px 0;
  box-shadow: 1px 2px 15px #cacaca;
  max-height: 300px;
  overflow: auto;
}
.destination .autocomplete-box {
  top: 100px;
}
.autocomplete-box>ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.autocomplete-box>ul>li{
  list-style: none;
  padding: 1px 15px;
  font-size: 0.95em;
}
.autocomplete-box>ul>li:hover{
  cursor: pointer;
  background-color: #f4f4f4;
}
.autocomplete-box li.li-destination:hover {
  background-color: transparent;
}
.autocomplete-box li.li-destination>ul>li:hover{
  background-color:#f4f4f4;
}
.autocomplete-box i{
  color: #36b1ff;
}
.autocomplete-box li{
  display: inline-block;
  width: 100%;
}
.autocomplete-box .left {
  float: left;
  width: 5%;
  max-width: 22px;
}
.autocomplete-box .right {
  float: left;
  width: 95%;
  padding-left: 10px;
}




/*************  subscribe-box  *****************/
.navbar.subscribe-box {
  margin-bottom: 0;
  background-color: #ffde17;
  padding: 1em 0;
}
.frm-subscribe input[type=text] {
  float: left;
  width: 170px;
  border: 0;
  height: 25px;
}
.frm-subscribe input[type=submit] {
  float: left;
  width: auto;
  font-size: 12px;
  height: 25px;
  border: 0;
  background-color: #003480;
  color: #fff;
  margin-left: 20px;
  padding: 0 10px;
}
.frm-subscribe label {
  color:#003480;
  font-size: 0.9em;
}
.ul-subscribe {
  margin: 0;
  padding: 0;
}


/****************  hotel-detail **************/
.hotel-detail  h3 {
  font-size: 1.4em;
}
.hotel-detail h4{
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 0;
}
.input-adults {
  padding: 0;
}
.input-adults  input.form-control,
.input-children input.form-control{
  width:50px;
}
.modify-search-box {
  background-color: #ffff00;
  padding: 1em 15px;
  margin-top: 2em;
  border-radius: 15px;
  box-shadow: 1px 2px 15px #d1d1d1;
}
.modify-search-box>div{
  padding:5px 0;
}
ul.ul-star {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.ul-star>li{
  list-style: none;
  float: left;
  margin-right: 5px;
}
.hotel-detail h1.title {
  margin: 0;
  font-size: 1.9em;
}
.star-box {
  margin-top: 4em;
}
.free-bus-box {
  float: left;
  width: 70px;
  margin-top: -7px;
  margin-left: 10px;
}
.free-bus-box>a{
  text-decoration: none;
}
.free-bus-box>a:active>img, 
.free-bus-box>a:hover>img,
.free-bus-box>a:focus>img,
.free-bus-box>a:visited>img{
  opacity: .8;
}

.private-bus-box {
  float: left;
  max-width: 180px;
}



.short-description {
  color: #5f5f5f;
  margin-top: 5px;
  margin-bottom: 15px;
}


.frm-modify label {
  padding-right:5px;
}
.frm-modify .form-group{
  padding: 0 7px;
}
.modify-search-tool #checkin,
.modify-search-tool #checkout{
  width:120px
}
.frm-modify input.form-control,
.frm-modify select.form-control,
.frm-modify input.btn{
  height: 25px;
  padding-top:0px;
  padding-bottom:0px;
}


.list-item {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.list {
  margin: 0;
  padding: 0 0 0 15px;
  list-style-type: none;
  margin-bottom: 10px;
}
li.item {
  list-style: none;
}
.item {
  box-sizing: border-box;
  padding: 0 25px;
  background-color: #fff;
  margin: 30px 0;
  box-shadow: 1px 2px 15px #eee;
}
.txt-box .item {
  box-shadow: none;
}

.nrf-top {
  font-size: 12px;
  margin-right: 5px;
}

.title.btn-toggle>strong,
.price-top-box .price,
strong.title{
  font-size:1.3em;
}

.title.btn-toggle>strong {
  float:left; 
  width: 100%;
}

.h-symbol {
  font-size: 12px;
  font-weight: normal;
}

.price-top-box {
  float:right;
  /*margin-right: 5em;*/
  transition: all 0.5s ease-in-out;
}
.title.btn-toggle{
  display:inline-block;
  width:100%;
  padding: 0.5em 0;
  overflow: hidden;
}
.detail-box {
  /* display: none; */
  padding-bottom: 25px;
}
.price-top-box .price {
  font-weight: bold;
}

.status {
  margin-right: 25px;
  font-weight: bold;
}
.item a {
  color: #003480;
}

.price-top-box.hide-right{
  margin-right:-700px;
}
.txt-box .item{
  margin:0;
}
.img-box {
  padding-top: 5px;
}
a.title>i {
  margin-left: -15px;
}

.price-discount {
  font-weight: bold;
  font-size: 1em;
  position: relative;
}
.price-discount:after{
  content:"";
  border-top: 1px solid #f00;
  position: absolute;
  width: 110%;
  left: -5%;
  top: 50%;
}
.txt-box .price-top-box {
  margin:0;
}
.txt-box .item {
  padding-right:0; 
}
.price-net strong {
  font-size: 1.7em;
}
.taxes-note {
  font-size: 0.9em;
  font-weight: bold;
  margin-top: -1px;
  display: block;
}

.show-more {
  margin-top: 15px;
}

.txt-box a.title{
  text-decoration:  none;
}

.discount.red {
  margin-bottom: 15px;
}
.img-box>img {
  margin-bottom: 6px;
  visibility: hidden;
}
.green {
  color: #06ba45;
}

.recommended-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.recommended-list>li>label {
  margin-top: 8px;
}
.recommended-list>li{
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding: 10px;
}
.div-star {
  display: inline-block;
  width: 100%;
}
.recommended-page-box .ul-star>li>img {
  width: 15px;
}
ul.recommended-list .img {
  height: 170px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
ul.recommended-list li a{
  width: 100%;
  height: 100%;
}
ul.recommended-list .img>img {
  height: 170px;
  width: auto;
  max-width: none;
  position: absolute;
  top: 0;
  left: 0;
}
.recommended-box {
  margin-top: 100px;
}
.hotel-detail .hotel-img {
  background-position: center;
  background-size: 100%;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  height: 500px;
  overflow: hidden;
}

li.group-60 .item-default,
li.group-70 .item-default{
  width: 33.33%;
  float: left;
}

ul.facilities-group {
  width: 100%;
  display: inline-block;
}

ul.row.facilities-box>li {
  list-style: none;
  list-style-type: none;
}

.box-facilities{
  display: none;
}

.hotel-detail.free-bus-box,
.hotel-detail.icon-car-private{
  float: left;
  display: inline-block;
}

.rmt-img-box {
  float: left;
  width: 20%;
  box-sizing: border-box;
  padding-left: 7px;
  margin-top: 11px;
}
.rmt-img>img {
  border: 2px solid #d7d7d7;
}


/******************  guest-information ********************/
.booking-item{
  margin-top:4em;
  box-sizing: border-box;
}
.booking-item .list-item .item{
  margin:1em 0;
  padding: 2.5em 2.5em 2.5em 0;
}
.shop-detail-1 {
  width: 45%;
}
.shop-detail-2 {
  width: 55%;
}
.total-price-box {
  margin-top: 40px;
}
.total-price-box .total-price {
  font-size: 1.8em;
}


form.frm-guest-information .form-group,
form.pck-frm-guest-information .form-group{
  box-sizing: border-box;
  padding-right: 20px;
}
form.frm-guest-information .form-group.ck,
form.pck-frm-guest-information .form-group.ck{
  position:relative;
}
form.frm-guest-information .form-group.ck:after,
form.pck-frm-guest-information .form-group.ck:after{
  content:"*";
  position: absolute;
  display: inline-block;
  right: 5px;
  top: 60%;
  color: #003480;
}
form.frm-guest-information .form-group.expires.ck:after,
form.frm-guest-information .form-group.accepted-cards.ck:after,
form.pck-frm-guest-information .form-group.expires.ck:after,
form.pck-frm-guest-information .form-group.accepted-cards.ck:after{
  right: 35px;
  top: 20%;
}
form.frm-guest-information {
  box-shadow: 1px 2px 15px #eee;
  margin-top: 50px;
  box-sizing: border-box;
  padding: 15px 0px 15px 90px;
}

.address .form-group {
  margin-bottom: 5px;
  width: 100% !important;
  padding-right: 0 !important;
}
form.frm-guest-information .address .form-group.ck:after,
form.pck-frm-guest-information .address .form-group.ck:after{
  top: 5px;
  right: -15px;
}

.phone-box>label {
  float: left;
  width:100%;
}
.phone-box>input,
.phone-box>select{
  float:left;
}
.phone-box>select{
  width:22%;
  margin-right:1%;
}
.phone-box>input{
  width: 77%;
}
.ck.phone-box {
  display: inline-block;
  width: 100%;
}



.guest-information-container,
.booking-confirm-container{
  background-color: #fff;
  padding: 30px;
  margin-left: 6%;
  padding-bottom: 60px;
}
.member-profile {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 15px;
}
.frm-guest-information>h1,
.pck-frm-guest-information>h1{
  padding-left: 15px;
  margin-bottom: 2em;
}
.frm-guest-information .form-control,
.pck-frm-guest-information .form-control{
  height: 25px;
  border-radius: 0;
  border: 1px solid #555;
  padding-top: 0;
  padding-bottom: 0;
}
.frm-guest-information select.form-control,
.pck-frm-guest-information select.form-control{
  padding: 2px 2px;
}
.frm-guest-information textarea.form-control,
.pck-frm-guest-information textarea.form-control{
  height: 50px;
}

.billing-information {
  float: left;
  width: 43%;
  box-sizing: border-box;
  padding: 0 30px;
}
.billing-information div.input {
  box-sizing: border-box;
  padding-left: 15px;
  margin-top: -6px;
}
.box-img-payment>img {
  max-width: 100%;
  width: auto;
}
.box-img-payment {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 40px;
}

#card-expires-day{
  width: 70px;
}

#card-expires-month{
  width:80px;
}

.form-group.expires>label {
  float: left;
  margin-right: 30px;
}

.form-group.expires {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.form-group.expires>.form-inline,
#accepted-cards {
  float: right;
  display: inline-block;
  margin-right: 30px;
}
div.address>input {
  margin-bottom: 5px;
}

.address-different {
  box-sizing: border-box;
  padding: 15px;
  border: 1px solid #eaeaea;
  box-shadow: 1px 2px 15px #ccc;
  display: none;
}
.notify-special .radio .txt {
  padding: 0;
  margin-right: 55px;
}
.special-requests h2 {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 0;
}
.form-group.special-requests {
  display: none;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  padding: 15px;
  box-shadow: 1px 2px 15px #ccc;
}
.notify-special label:nth-child(2) {
  margin-right: 3px;
}

form.frm-guest-information input[type=submit],
form.pck-frm-guest-information input[type=submit]{
  /*color: #fff;*/
  line-height: 0.8em;
  /*background-color: #003480;*/
  padding: 6px 12px;
  height: 35px;
  border: 0;
  font-size: 1.2em;
  margin: 1em 0;
}
form.frm-guest-information div.title,
form.pck-frm-guest-information div.title {
  font-size: 1.3em;
  color: #003480;
  font-weight: bold;
  margin: 1em 0;
}

form.frm-guest-information .billing-information .title,
form.pck-frm-guest-information .billing-information .title{
  margin: 0;
}

.information-img-hotel{
  width:261px;
  height: 152px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.booking-item .item .img {
  width: 75%;
  float: right;
}
form.frm-guest-information input[disabled=disabled][type=submit]{
  opacity: 0.5;
}
.billing-information .payment-box {
  padding-top: 0.3em;
  /*margin-bottom: 1em;*/
  display: inline-block;
  width: 100%;
}
.billing-information .payment-box .checkbox:first-child {
  margin-top: 2px;
}

body.booking-information .booking-item .img img {
  visibility: hidden;
}

.booking-information .icon-car-private,
.booking-information .icon-car{
  position: absolute;
  right: -143px;
  top: -9px;
}
.booking-information .icon-car{
  right: -188px;
}

.booking-information .policy-box>div {
  margin-left: -6px;
  margin-top: 5px;
}

.icon-car-private>a.full-moon {
  max-width: 250px;
  display: inline-block;
  left: 97px;
  position: relative;
}

.information-check-out {
  position: relative;
}







/*******************  Transfer  *************************/
.transfer-box>h1 {
  font-size: 1.5em;
  font-weight: bold;
  margin: 5px 0;
}
.transfer-box table td {
  font-size: 1.3em;
  font-weight: bold;
}
.transfer-box table td {
  border: 4px solid #003580 !important;
}

.box-sizing{
  box-sizing: border-box;
  padding: 25px;
}

table.no-border td {
  border: 0 !important;
  font-size: 1em;
}
.transfer-box .table>thead>tr>td:nth-child(1){
  background-color: #ffff00;
}
.transfer-box .table>thead>tr>td:nth-child(2) {
  color:#ffff00;
  background-color: #003580;
}
.transfer .img-box {
  width: 27%;
  position: relative;
}
.transfer .img-transfer-list {
  width: 272px;
  height: 163px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

.transfer .txt-box {
  width: 73%;
}
.transfer .price-discount-box {
  margin-top: 10px;
}
.transfer .btn-booking{
  padding: 5px 20px;
  border-radius: 3px;
}

.transfer .btn-booking:hover,
.transfer .btn-booking:visited,
.transfer .btn-booking:focus,
.transfer .btn-booking:active{
  text-decoration: none;
  opacity: 0.9;
}
.txt-box .title {
  margin-right: 15px;
}
.transfer li.item {
  margin: 40px 0;
  padding-top: 20px;
  padding-bottom: 10px;
}
.transfer .price-discount-box{
  display: none;
}

div.icon-wifi,
div.icon-breakfast {
  visibility: hidden;
}


/****************** destination ******************/
.destination .img-box {
  padding-bottom: 17%;
  background-position: 1em center;
  background-size: cover;
  background-repeat: no-repeat;
}
.destination .box-checkin-checkout>div {
  width:100%;
}
.destination .box-rooms-adults-children {
  width: 100%;
  display: block;
}
.destination .box-btn-search {
  width: 100%;
  text-align: center;
  display: block;
}
.destination .box-btn-search>input[type=submit] {
  float: none;
  margin-top: 10px;
  width: 100%;
  height: 30px;
}
.destination .item {
  padding: 1em;
  box-sizing: border-box;
}
.destination .frm-search {
  margin-top: 2em;
}
.slider-track {
  background-image: none;
  background-color: #dfdfdf;
}
.slider-handle {
  background-image: none;
  background-color: #fff;
  box-shadow: 1px 2px 15px #ccc;
}
.slider-selection {
  background-image: none;
  background-color: #f4f711;
}

.form-horizontal.price-rang{
  padding: 1em;
}
.slider.slider-horizontal{
  width: 100%;
}
.txt-range-price{
  margin-top: 1em;
}

.box-stars-filter a {
  color: #ebc518;
  display: inline-block;
  font-size: 1.4em;
}
.box-stars-filter>label {
  padding: 1em;
  padding-bottom: 10px;
  margin: 0;
}
.box-stars-filter ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding-left: 10px;
}
.box-stars-filter ul li{
  float:left;
  margin-left: 5px;
}
.slider-tick.round.in-selection{
  background-image: none;
  background-color: #5cacff;
}
.slider-selection.tick-slider-selection{
  background-image: none;
  background-color: #ff0;
}
.price-rang>.checkbox {
  margin-top: 30px;
}
.txt-range-price{
  display: none;
}
.slider-tick {
  background-image: none;
  background-color: #fff;
  box-shadow: 1px 2px 15px #b2a9a9;
}


.destination .autocomplete-box .left {
  width: 12%;
}
.destination .autocomplete-box .right {
  width: 88%;
  font-size: 0.9em;
}

.icon-car-private>img {
  max-width: 150px;
}


.price-rang label,
.box-stars-filter {
  font-size: 19px;
  font-weight: bold;
}





/******************* page number *********************/
.page-number>ul,
.page-number>ul>li{
  margin:0;
  padding:0;
  list-style-type: none;
  list-style: none;
}
.page-number>ul>li{
  float: left;
  padding: 5px;
  width: 45px;
}
.page-number a{
  padding: 3px 0;
  background-color: #305d9d;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  height: 25px;
  text-align: center;
}
.page-number li.active a{
  background-color: #93a0b2;
  cursor: default;
  text-decoration: none;
}



/*******************  booking complete *************************/
.complete-box {
  margin: 2em 0 0em 0;
  padding-top: 0em;
  text-align: left;
  min-height: 329px;
}
.content-box.content-box-complete{
  padding-bottom: 2em;
  padding-top: 4em;
}
.complete-txt {
  padding: 2em;  
  background: white;
  /* border: 4px solid; */
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .78);
  font-size: 10px;
}
.complete-email {
  margin-top: 2em;
  padding-bottom: 2em;  
  padding-top: 2em;
  background-color: #ffffff;
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .78);
}

/**************** custom jquery ui **************/
.ui-widget-header {
  background: none;
  background-color: #fadaab;
}


/**************** custom bootstrap **************/
.img-responsive{
  width:100%;
}


/***************  until css *******************/
.left {
  float: left;
}
.right {
  float: right;
}
.red{
  color: #ec5a5a;
}
.red-border{
  border: 1px solid #ec5a5a !important;
}
#box-loading {
  background-color: #000;
  opacity: 0.2;
  width: 100%;
  height: 100%;
  position: fixed;
  display: inline-block;
  top: 0;
  left: 0;
  z-index: 1000;
}
#img-loading {
  position: fixed;
  top: 45%;
  left: 49%;
  z-index: 5;
}
.inline-block{
  display: inline-block !important;
  width: 100%;
}
.shadow{
  box-shadow: 1px 2px 15px #eee;
}
.middle-center{
  vertical-align: middle !important;
  text-align: center;
}
.font-small{
  font-size: 1.1em;
}
.icon{
  margin-bottom: 10px;
  padding-left: 38px;
  background-repeat: no-repeat;
}
.icon-car{
  height: 36px;
  line-height: 36px;
  background-image: url('../../public/img/icon/icon-car.png');
}
.icon-wifi{
  height: 25px;
  line-height: 25px;
  background-image: url('../../public/img/icon/icon-wifi.png');
}
.icon-breakfast{
  height: 25px;
  line-height: 25px;
  background-image: url('../../public/img/icon/icon-breakfast.png');
}
.icon-top-label{
  display: none;
  background-image: url('../../public/img/icon/icon-label.png');
  background-repeat: no-repeat;
  position: absolute;
  bottom: 3em;
  left: 1px;
  color: #fecb00;
  font-weight: bold;
  padding: 1em;
  background-size: 100% 40px;
  background-position: -2px 0;
  width: 70%;
  padding-left: 2em;
}


.bold{
  font-weight: bold;
}


.hide-desktop{
  display: none;
}






/***************** tmp Custom ***************/
.description-box{
  margin-top: -51px;
}

.hotel-detail div.description{
 /*  display: none; */
}

.checkbox.visa {
  /* display: none; */
}

.checkbox.paypal {
  margin-top: 1px;
}



.navbar-nav>li>a>img {
  float: left;
  width: 30px;
}


/*################ nav contact #####################*/
a.nav-contact-us>span {
  float: right;
  margin-top: 5px;
  padding-left: 5px;
  color: #fadaab;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

a.nav-contact-us>img {
  float: right;
}

a.nav-contact-us {
  display: inline-block;
}
a.nav-contact-us:hover {
  opacity: .9;
}



/*#################### google rechapche ##########################*/
.g-recaptcha{
  transform:scale(0.77);
  -webkit-transform:scale(0.77);
  transform-origin:0 0;
  -webkit-transform-origin:0 0;
}





/*####################### devP Css #######################*/
button.dropdown-toggle.drop-nrf {
  width: 160px;
  text-align: right;
  margin-left: 6em;
}
.drop-policy ul.dropdown-menu{
  margin-left: 6em;
}

.p-img-logo-footer{
  max-width:100%;
  height: 50px;
  margin: 0 auto 10px;
}


.container-add-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.div-bttom{
  margin-bottom: 90px;
}



/****************  mobile ****************/

  @media(min-width:320px) and (max-width:991px){
    #my-menu.mm-menu.mm-offcanvas.mm-current{
      display: block;
    }
    .box-discode{
      display: inline-block;
      width: 100%;
    }
    a.nav-contact-us>img {
      width: 10%;
    }
  }
/*
  @media(min-width:320px) and (max-width:767px){
    .nav-footer-menu{
      display: block;
      margin: 0;
    }  
    #ck-in {
      width: 100%;
    }
    .box-banner-label{
      margin-top: 1em;
      text-align: center;
    }
    .box-right-1 img{
      width: 100%;
    }
    .col-md-3.box-banner-label>button{
      width:100%;
    }
    .row.box-row-2 {
      margin-top: 1em;
      margin-bottom: 1em;
    }
    .nav-footer-menu>li{
      text-align: center;
    }
    .bx-wrapper .bx-controls-direction a{
      top: 12px;
    }
    .bx-wrapper .bx-viewport{
      left:0;
    }
    .box-row-1{
      margin: 0;
    }
    .bx-wrapper .bx-pager, 
    .bx-wrapper .bx-controls-auto {
      bottom: 0;
    }
    .footer-menu{
      margin-top:0;
    }

    .logo {
      position: relative;
      box-shadow: none;
      width: 100%;
      text-align: center;
    }
    .logo>img{
      margin:0 auto;
    }
    .header {
      padding: 1em;
    }
    .header .navbar-nav {
      box-sizing: border-box;
      padding: 0 3em;
      display: none;
    }
    .bx-controls-direction {
      display: block;
      width: 100%;
      height: 50px;
      position: relative;
    }
    #bt-submit{
      width:100%;
    }

    .logo {
      position: static;
      float: left;
      display: inline-block;
      width: 82%;
    }
    a.open-menu {
      float: right;
      color: #fff;
      font-size: 3em;
    }
  }

  @media(max-width:480px){
    .box-label-sing {
      font-size: 1.3em;
    }

    .BE-Rooms,
    #RoomsL,
    table#RoomTable,
    .Buttons,
    #btnSearchHotel{
      width: 100% !important;
    }

    #Adults-Input{
      padding-right: 7px;
    }
    #Children-Input {
      padding-left: 7px;
    }
    #RoomTable tbody tr td {
      width: 50%;
      box-sizing: border-box;
    }
    .BE-CheckInDate {
      padding-right: 7px !important;
    }
    .BE-CheckOutDate {
      padding-left: 7px !important;
    }

    ul.payment-box {
      position: relative;
      display: inline-block;
      padding-bottom: 15px;
    }
  }

  @media (max-width: 550px){

    .subscribe-row>div{
      display: inline-block;
      width: 100%;
      padding-left: 40px;
      margin-bottom: 15px;
    }
  }

  @media(max-width:768px){

    .footer .nav>li>a:focus,
    .footer .nav>li>a:hover{
        background-color: transparent;
        opacity:0.5;
    }



    .modify-search-tool #checkin, 
    .modify-search-tool #checkout,
    .frm-modify select.form-control,
    .frm-modify input.btn,
    .recommended-list>li{
      width:100%;
    }

    .modify-search-tool #checkin, 
    .modify-search-tool #checkout,
    .frm-modify select.form-control,
    .frm-modify input.btn{
      height:30px;
    }

    ul.recommended-list .img{
      height: auto;
      padding-bottom: 60%;
      position: relative;
      display: inline-block;
      width: 100%;
    }
    ul.recommended-list li>div.img>a{
      position:absolute;
      width: 100%;
      height: 100%;
    }
    .hotel-detail .hotel-img{
      height:auto;
      padding-bottom:60%;
      margin-top:15px
    }
    .recommended-box{
      margin-top:15px;
      display: inline-block;
      width: 100%;
    }
    .recommended-list>li{
      padding:0px;
    }

    .price-box.text-right {
      display: inline-block;
      width: 100%;
      padding-bottom: 60px;
    }
    .description-box{
      width: 100%;
      margin: 0;
    }

    .btn-booking{
      float: none;
      width: 100%;
      height: 30px;
      margin: 20px 0;
      line-height: 28px;
    }
    .hotel-detail .list-item .item {
      padding: 0 10px;
    }

    .status {
      margin-right: 10px;
    }

    .price-top-box {
      margin-right: 0;
      text-align: right;
      float: right;
      margin-top: 1em;
      display: inline-block;
    }







    .booking-item .item .img{
      width:100%;
      float: none;
      margin: 1em 0;
      padding: 0 15px;
    }
    .information-img-hotel{
      width: 100%;
      padding-bottom: 60%;
    }
    .booking-item .list-item .item{
      padding:0;
    }
    .right.shop-detail-2{
      margin: 1em 0;
      padding: 1em;
    }
    form.frm-guest-information{
      margin:0;
      box-sizing: border-box;
      padding: 1em;
    }
    .member-profile,
    form.frm-guest-information input[type=submit]{
      float: none;
      width: 100%;
    }
    .frm-guest-information select.form-control,
    .frm-guest-information .form-control{
      width: 100%;
      height: 30px;
    }
    .billing-information{
      width: 100%;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    .form-group.expires>.form-inline, #accepted-cards{
      margin: 0;
      width: 100%;
      padding: 0 15px;
    }
    .form-group.expires>.form-inline{
    padding-right: 0;
    }
    .billing-information .form-group label {
      padding: 0 15px;
      float: none;
    }
    #card-expires-month, #card-expires-day{
    width: 100%;
    }
    form.frm-guest-information .form-group.expires.ck:after, 
    form.frm-guest-information .form-group.accepted-cards.ck:after{
      right: 5px;
    }
    .form-group.accepted-cards.ck {
      padding-left: 15px;
      display: inline-block;
      width: 100%;
    }
    div.checkbox {
      padding: 15px;
    }
    .form-group.notify-special {
      padding: 0 15px;
    }
    .billing-information>.title {
      padding: 0 15px;
    }  

    .col-xs-12.col-md-8.txt-hotel-detail {
      padding: 0 30px;
      box-sizing: border-box;
    }

    .inline-block>.left,
    .inline-block>.right {
      float: none;
      width: 100%;
      margin-bottom: 15px;
      display: inline-block;
    }

    .left.shop-detail-1 {
      width: 100%;
    }

    .right.shop-detail-2 {
      width: 100%;
      text-align: right;
    }
    .total-price-box{
      margin: 0;
    }

    .hide-mobile{
      display: none;
    }
    .hide-desktop{
      display: inline-block;
      width: 100%;
    }

  }

  @media(max-width:992px){
    .frm-subscribe label{ width:100%; }
    .footer .nav>li>a{
      padding: 3px 0;
    }
    ul.payment-box{
      margin-top:0;
    }
    .form-group select{
      width:98%;
    }
    
    .box-adults,
    .box-children{
      padding-left: 15px;
      padding-right: 0;
    }
    .frm-search input[type=submit]{
      width:100%;
    }  
  }

  @media(max-width:1200px){
    .frm-search{
      padding-top:1em;
      padding-bottom:1.5em;
    }
    .frm-subscribe input[type=text]{
      width: 130px;
    }

    ul.payment-box {
      position: static;
      color: beige;
      width: 100%;
      display: inline-block;
      margin: 0;
      padding: 0;
    }

    ul.payment-box>li{
      float:none;
      display:inline-block;
      width:20%;
      max-width: 40px;
      margin-left: 0;
      margin-right: 10px;
    }
  }

  @media(max-width:768px){
    .booking-information .icon-car-private,
    .booking-information .icon-car{
      position: static;
    }

  }

  @media (min-width: 1024px){
    .p-payment-left{
      text-align: left;
    }
    .p-payment-right{
      text-align: right;
    }
  }

  @media (max-width: 650px){
    .home .autocomplete-box{
      top: 108px;
    }
  }
*/

















/*######################### bookengine ############################*/

  /*########################## hotel detail #######################*/
  a.btn.btn-booking {
    background-color: #5a3914;
  }
  .roomstype-list-box {
    padding: 0 5em;
  }
  .roomstype-list-box .item {
    /*position: relative;*/
    width: 33.33%;
    float: left;
    background-color: transparent;
    padding: 1em;
    box-sizing: border-box;
    box-shadow: none;
    margin-bottom: 0;
    min-height: 228px;
    color: #653c26;
  }
  .box-rmt-list {
    box-sizing: border-box;
    background-color: #fadaab;
    box-shadow: 1px 2px 15px #fadaab;
    display: inline-block;
    border-radius: 5px;
    padding: 1em 0;
  }
  .btn-booking {
    background-color: #003480;
    color: #fff !important;
    padding: 3px 12px;
    font-weight: bold;
    margin-top: 15px;
  }

  .price-net {
    font-weight: bold;
    text-align: right;
  }
  .txt-descript ul.list {
    margin: 0;
    padding: 0;
  }
  .box-btn-booking {
    text-align: right;
    min-height: 25px;
  }
  .fixed-right {
    position: fixed;
    right: 0;
    top: 112px;
  }
  .shoping-cart {
    background-color: #fff;
    width: 20%;
    min-height: 80%;
  }
  .icon-shoping {
    position: absolute;
    top: 31.9%;
    margin-left: -1.89em;
    background-color: #fff;
  }
  .a-icon-shoping {
    font-size: 2em;
    color: #003480;
  }
  .shoping-cart{
    display: none;
    right: -20%;
    transition-timing-function: ease-out;
    transition: 0.25s;
    transform: translateY(0);
    padding-bottom: 2em;
  }
  .shop-open {
    right: 0;
    transition-timing-function: ease-out;
    transition: 0.35s;
    transform: translateY(0);
  }
  .box-shoping-cart .price-net {
    line-height: 3em;
    padding: 0 10px 0 0;
  }

  .a-trash,.a-edit{
    font-size: 1.2em;
    margin: 1em 0.3em;
  }
  .a-trash {
    color: #ff3131 !important;
  }
  .a-edit{
    color: #0073ea !important;
  }
  .control-box {
    text-align: right;
    padding: 0;
  }
  .btn-checkout,
  .btn-cancel{
    font-size: 1.25em;
  }
  .txt-total {
    text-align: right;
  }
  .box-txt-total {
    padding: 0.5em 0;
    font-size: 1.3em;
    font-weight: bold;
  }
  .box-people-quantity>span {
    margin-right: 0.15em;
  }

  .txt-descript .list li i,
  .txt-descript .list li span{
    float: left;
  }
  .txt-descript .list li i{
    width:6%;
    min-width:15px;
  }
  .txt-descript .list li span{
    width:90%
  }
  .txt-descript .list li{
    line-height:1em;
  }
  .box-rmt-racs {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    box-shadow: 1px 2px 15px #e7e7e7;
    padding: 5px 0;
  }
  .price-net .txt-price {
    font-size: 1.2em;
  }
  .align-left {
    text-align: left;
    padding: 5px 0 5px 25px;
  }
  .item-shopping-cart li.item {
    padding-bottom: 2em;
  }
  .box-shoping-cart {
    max-height: 600px;
    overflow-x: hidden;
  }

  #modal-cart-edit .txt-rooms,
  #modal-cart-edit .txt-adults{
    margin-right:10px;
  }
  #modal-cart-edit .room-name {
    font-weight: bold;
  }
  #modal-cart-edit .cart-box-control {
    margin-top: 1em;
  }
  span.mar-left {
    margin-left: 20px;
  }
  .img-responesive{
    width:100%;
    height: auto;
  }
  .bg-img.rmt-item{
    padding-bottom: 60%;
  }
  .bg-img{
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }
  .rmt-item {
    margin-bottom: 15px;
  }
  .bg-img>a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    line-height: 0;
    text-decoration: none;
  }
  .bg-img>a:hover{
    background-color: #3e3e3e;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }

  .rmt-modal{
    width:50%;
  }

  .rmt-pop-box-img .img-full {
    float: left;
    width: 50%;
  }
  .fl-right {
    float: right;
  }
  .rmt-pop-box-img .fl-right {
    width: 50%;
  }
  .img-res {
    width: 100%;
    height: auto;
  }
  .list-img-rmt-pop>li {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 19%;
  }

  .list-img-rmt-pop {
    margin: 0;
    list-style: none;
  }
  a.bg-thumb{
    position: absolute;
    display: inline-block;
    width: 90%;
    top: 5%;
    left: 5%;
    height: 90%;
    line-height: 0;
    box-sizing: border-box;
    background-size: cover;
    background-repeat: no-repeat;
    text-decoration: none;
  }

  .box-img-full {
    display: inline-block;
    width: 50%;
    float: left;
    padding-bottom: 29%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .ul-fac>li {
    float: left;
    width: 33.33%;
  }

  .drop-nrf span {
    margin-top: 3px;
    padding-right: 5px;
  }

  .min-stay {
    text-align: center;
    color: #000;
  }
  .min-stay i {
    font-size: 22px;
  }
  .min-stay p {
    margin: 0 0 5px;
  }


  /*######################### header ########################*/
  .container-top-menu {
    text-align: center;
  }
  .drop-nrf span.caret {
    margin: 0;
    padding: 0;
  }
  body .header {
    background-image: none;
    background-color: #5a3914;
    height: 54px;
    box-shadow: 1px 2px 15px #444;
  }
  .header ul.navbar-nav {
    margin: 0 auto;
    display: inline-block;
    float: none;
    width: 100%;
    margin-left: 15em;
  }
  .item-head{
    margin-bottom: 5px;
    /*width: 25%;*/
    width: 40%;
    padding: 0px 0px 11px 0;
    /* border-right: 1px solid #dfc393; */
  }
  .sc-bk {
    background-image: none;
    background-color: #dfc393;
    background-image: url(https://www.bookengine.com/public/img/hotel/73/bg/BG_web.jpg);
  }

  .home .frm-search {
    background-color: #a1723b;
  }
  .home .frm-search label {
    color: #fadaab;
  }
  .home .box-btn-search input.btn.btn-primary {
    background-color: #5a3914;
    height: 35px;
    margin-top: 25px;
    color: #fadaab;
    margin-right: 0;
    font-size: 1.3em;
    font-weight: bold;
    border-radius: 5px;
  }
  .navbar.subscribe-box {
    display: none;
  }
  .navbar.footer {
    background-image: none;
    background-color: #5a3914;
    margin-top: 50px;
    color: #fadaab;
    
  }

  body.home {
    background-color: #dfc393;
    background-image: url(https://www.bookengine.com/public/img/hotel/73/bg/BG_web.jpg);
  }


  .can-txt>span {
    float: left;
  }
  .can-txt>span>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 10px;
  }
  .box-cancel-date {
    min-height: 32px;
    font-size: 0.8em;
    font-weight: bold;
  }
  .box-pro-name {
    font-weight: bold;
    min-height: 30px;
  }
  .box-room-name {
    font-weight: bold;
    font-size: 17px;
  }
  .box-people-quantity {
    font-weight: bold;
  }
  .box-btn-booking select {
    float: left;
    margin-top: 15px;
    border-radius: 5px;
  }
  .box-btn-booking a {
    /*float: right;*/
  }
  .con-room-name {
    min-height: 70px;
  }
  .col-md-12.txt-descript {
    font-size: 0.8em;
  }
  .home .content-box {
    padding-bottom: 0em;
  }
  .home .drop-policy {
    margin: 2em 8em 0em;
  }
  .home input[name="drop-policy"] {
    vertical-align: sub;
    width: 19px;
    height: 19px;
    cursor: pointer;
  }
  .home input[type="text"] {
    cursor: pointer;
  }
  .text-policy {
    display: inline-block;
    width: 220px;
  }
  .text-policy input[type="text"] {
    background-color: #5a3914;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #5a3914;
    color: #fadaab;
  }

  /*################### booking_information ######################*/
  .box-shadow {
    box-shadow: 1px 3px 5px 2px #f7f7f7;
    padding: 1em 0;
   }
  .blue {
    color: #0e3b5f;
  }
  .booking-information .booking-item{
    padding-left: 15px;
  }
  .sc-bkimg-info-s .box-shadow{
    padding-left: 15px;
  }
  .booking-item>h1{
    padding-left: 15px;
  }
  .deposit-txt {
    padding-left: 15px;
  }
  ul.list-cancel {
    list-style-type: disc;
  }
  .policy-box {
    margin-top: 2em;
  }
  .sc-gt-info {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-bottom: 20px;
  }
  .sc-gt-info:after{
    content: "";
    position: absolute;
    bottom: 0;
  }
  .total-price {
    margin-top: 2em;
    padding: 1em;
    font-weight: bold;
    color: #0e3b5f;
    font-size: 1.4em;
  }

  .box-btn-finish.show-m {
    padding: 1em;
  }
  .box-btn-finish.show-m input[type="submit"] {
    /*color: #fff;*/
    line-height: 0.8em;
    /*background-color: #003480;*/
    padding: 6px 12px;
    height: 35px;
    border: 0;
    font-size: 1.2em;
    margin: 1em 0;
  }

  .box-btn-finish.show-m input[name="next-info"] {
    /*color: #fff;*/
    line-height: 0.8em;
    /*background-color: #003480;*/
    padding: 6px 12px;
    height: 35px;
    border: 0;
    font-size: 1.2em;
    margin: 1em 0;
  }

  .rmt-modal .modal-content {
    background-color: #dfc393;
    color: #653c26;
  }

  .rmt-modal .modal-header {
    border-color: #7e4f35;
  }

  .modal-footer {
    border-color: #7e4f35;
  }

  /*##################  spa #################*/
  .spa-box {
    margin: 7em 0 10em 0;
    padding-top: 6em;
    text-align: center;
    min-height: 329px;
    color: #5a3914;
    font-size: 18px;
  }

  /*##################  responsive #################*/
  .hide-m {
    display:;
  }
  .show-m {
    display: none;
  }

  div[class="column wide rtdk"]>div>div>p{
    font-size: 14px;
    line-height: 21px;
  }

  div[class="column narrow rtdk"]>div>div>h3{
    font-size: 16px;
    line-height: 21px;
  }

  div[class="column narrow rtdk"]>div>div>p{
    font-size: 12px;
    line-height: 18px;
  }

  div[class="column narrow rtdk"]>div>div>h3 strong{
    font-size: 18px;
  }

  div[class="column narrow rtdk"]>div>div>p.rtdk{
    font-size: 16px;
    line-height: 21px;
  }

  div[class="column rtdk"]>div>div>p.titleroom{
    font-size: 18px;
    line-height: 21px;
  }

  div[class="column rtdk"]>div>div>p.subroom{
    font-size: 14px;
    line-height: 21px;
  }

  div[class="column rtdk"]>div p.desscription{
    font-size: 15px;
    line-height: 19px;
  }

  div[class="column rtdk"]>div li.desscription{
    font-size: 15px;
    line-height: 19px;
  }

  div[class="column rtdk"]>div>div p.totalprice{
    font-size: 16px;
  }

  div[class="column rtdk"]>div>div p.totalroomprice{
    font-size: 20px;
  }
  

  @media(min-width:1440px){
    .header .container{
      width: 1250px;
    }
  }

  @media (min-width: 1400px){
    .container.full-four-item{
      width: 1366px;
    }
    .full-four-item .roomstype-list-box .item{
      width: 24.33%;
    }
  }

  @media(max-width: 992px) and (min-width: 320px){
    .header ul.navbar-nav {
      display: none;
    }
    .header ul.navbar-nav{
      display: none;
    }
    .roomstype-list-box .item{
      width:100%;
      padding-left: 15px;
      padding-right: 15px;
    }
    .roomstype-list-box {
      padding: 0;
    }
    button.dropdown-toggle.drop-nrf {
      margin: 0;
      width: 100%;
      box-sizing: border-box;
    }

    .drop-policy .dropdown {
      width: 91%;
      margin: 0 auto;
    }
    .content-box>.box-row-1 {
      box-sizing: border-box;
      padding: 2em;
    }

    /*############### logo ##########################*/
    .header .logo {
      /*margin-left: 0;*/
      margin-left: -2em;
      width: 30%;
      height: auto;
    }
    .logo>img {
      max-width: 170px;
    }

    /*############### frm-box-search ################*/
    #sc-col-ckin {
      width:100%;
    }
    .home .frm-search {
      width: 100%;
      display: inline-block;
      margin: 0 auto;
    }
    .home #sc-col-ckin,.home #sc-col-ckout {
      padding: 0;
      margin: 0;
      width: 100%;
      border: 0px;
      float: none;
    }
    .container.content-box {
      box-sizing: border-box;
      padding-left: 2em;
      padding-right: 2em;
    }
    .home .frm-search {
      padding: 1em;
      box-sizing: border-box;
    }
    .home .box-adults,.home .box-children {
      padding: 0;
    }
    .home .box-adults {
      padding-right: 0.1em;
    }
    .home .box-children {
      padding-left: 0.1em;
    }

    /*############### list room type #################*/
    .box-rmt-list{
      width: 100%;
    }

    /*############### modal rmt popup #################*/
    #rmt-img-id .rmt-modal {
      width: 100%;
    }
    #rmt-img-id  .ul-fac li {
      width: 100%;
    }
    #rmt-img-id  .box-img-full {
      width: 100%;
      padding-bottom: 78%;
    }
    #rmt-img-id  .rmt-pop-box-img .fl-right {
      width: 100%;
      margin: 0;
      padding: 0;
    }

    /*############### shopping cart #################*/
    .shoping-cart{
      right: -92%;
      width: 92%;
      height: auto;
      min-height: 400px;
      padding-bottom: 20px;
      box-shadow: 1px 2px 5px #dcdcdc;
    }
    .shop-open{
      right:0%;
    }

    /*############### booking-information ####################*/
    .sc-hotel-info {
      margin-top: 5em;
    }
    .container.content-box {
      padding-left: 0;
      padding-right: 0;
    }
    .booking-information .frm-guest-information, .booking-information .booking-item {
      padding: 1em;
    }
    .member-profile {
      width: 100%;
      float: none;
      padding: 0;
    }
    .booking-information .class-payment-type {
      float: none;
      width: 100%;
      display: inline-block;
      padding: 1em;
    }
    .booking-information .billing-information {
      float: none;
      width: 100%;
      display: inline-block;
      padding: 1em;
    }
    .billing-information {}
    .sc-gt-info {
      padding: 0;
      margin: 0;
    }
    .g-recaptcha {
      float: none;
      width: 100%;
    }
    .box-frm-info-summit {
      float: none;
    }
    .box-frm-info-summit input[disabled=disabled][type=submit] {
      opacity: 0.5;
    }
    .box-frm-info-summit input[type=submit] {
      width: 100%;
    }

    .box-frm-info-summit input[name=next-info] {
      width: 100%;
    }

    .box-btn-finish .checkbox {
      padding-left: 2em;
    }

    .sc-gt-info:after {
      border: 0;
    }

    /*################ until ###################*/
    .hide-m {
      display:none;
    }
    .show-m{
      width: 100%;
      display: inline-block;
    }
    .box-shoping-cart {
      max-height: 500px;
    }
    .rmt-detail.infomation-data .col-md-6 {
      width: 50%;
      margin: 0;
      padding: 0;
      float: left;
    }
    .box-ad-ch>span,
    .box-rooms-txt>span,
    .box-of-day-txt>span,
    .box-checkin-txt>span,
    .box-checkout-txt>span,
    .box-prices-txt>strong{
      box-sizing: border-box;
      padding-left: 1em;
    }
  }

  @media (min-width: 1400px){
    .home.trf .drop-policy {
      margin: 2em 8em 0;
    }
    .home .drop-policy {
      margin: 2em 15em 0;
    }
  }

  @media (max-width: 1024px){

    .img-profile {
      right: 0px;
    }
    
    .home .drop-policy {
      margin: 2em 1em 0em;
    }
    .item-head {
      width: 20%;
    }
    .header ul.navbar-nav {
      margin-left: 13em;
    }
  }

  @media(max-width:768px){
    .home .drop-policy {
      margin: 2em 1em -3em;
    }
    
    div[role=section]{
      zoom: 0.5;
      /* transform: scale(0.9); */
    }

    /* div[class="layout fixed-width"]{
      transform: scale(0.9);
    } */

    div[class="column wide rtdk"]>div>div>p{
      font-size: 12px;
      line-height: 30px;
    }

    div[class="column narrow rtdk"]>div>div>h3{
      font-size: 12px;
      line-height: 25px;
    }

    div[class="column narrow rtdk"]>div>div>p{
      font-size: 11px;
      line-height: 25px;
    }
  
    div[class="column narrow rtdk"]>div>div>h3 strong{
      font-size: 15px;
      line-height: 25px;
    }

    div[class="column narrow rtdk"]>div>div>p.rtdk{
      font-size: 12px;
      line-height: 18px;
    }

    div[class="column rtdk"]>div>div>p.titleroom{
      font-size: 16px;
      line-height: 28px;
    }

    div[class="column rtdk"]>div>div>p.subroom{
      font-size: 12px;
      line-height: 25px;
    }

    div[class="column rtdk"]>div p.desscription{
      font-size: 12px;
      line-height: 25px;
    }

    div[class="column rtdk"]>div li.desscription{
      font-size: 12px;
      line-height: 25px;
    }

    div[class="column rtdk"]>div>div p.totalprice{
      font-size: 14px;
    }
  
    div[class="column rtdk"]>div>div p.totalroomprice{
      font-size: 16px;
    }

  }

  @media(max-width:425px){
    #img-loading {
      position: fixed;
      top: 45%;
      left: 30%;
      z-index: 5;
      width: 40%;
    }
    .home .drop-policy {
      margin: 2em 6em -3em;
    }

  }

  @media(max-width:375px){
    .home .drop-policy {
      margin: 2em 3em -3em;
    }

  }


  /* .box-booking-price-mobile{
    display: none;
  } */

  .plc-mobile{
    display: none;
  }
  .box-booking-details .room-imgs{
    padding: 0 50px;
  }

  @media (max-width: 767px) and (min-width: 320px){
    a.open-menu {
      float: right;
      color: #fff;
      font-size: 2.5em;
    }
    .img-profile.moblie-profile {
      display: block;
      top: 0px;
      right: 6em;
    }
    a.member-bg-img.bg-img.rounded-circle.img-circle-mobile {
      padding: 11px 21px;
    }
    .sc-hotel-info {
      margin-top: 1em;
    }
    .booking-item h1{
      margin: 0 0;
    }
    .total-price {
      margin-top: 0em;
      padding: 0.5em;
    }
    .discount-code-container {
      padding: 0.5em !important;
    }
    .sc-bkimg-info-s .box-shadow{
      padding: 0em 0;
    }
    .h1-detail{
      display: none;
    }
    .plc-desktop{
      display: none;
    }
    .box-booking-price-desktop{
      display: none;
    }
    .box-booking-price-mobile{
      display: block;
    }
    .plc-mobile{
      display: block;
    }
  }

  @media (min-width: 768px) {
    a.open-menu {
      float: right;
      color: rgb(255, 255, 255);
      font-size: 2.5em;
      padding-top: 0px;
      width: 46px;
      position: relative;
      display: block;
    }

    .img-profile.moblie-profile {
      display: block;
      top: 0px;
      right: 6em;
    }
  }

  @media (min-width: 769px) {
    a.open-menu {
      display: none;
    }

    .img-profile.moblie-profile {
      display: none;
    }
  }

  @media (max-width: 992px) and (min-width: 768px) {
    .box-booking-price-mobile{
      display: block;
    }
  }

  .class-payment-type {
    float: left;
    width: 43%;
    box-sizing: border-box;
    padding: 0 30px;
  }

  .class-payment-type .label-type-payment.sumcolor{
    color: white;
    background-color: #055176;
  }

  form.frm-guest-information input[name="next-info"],
  #model-payment-type input[name="submit-info"]{
  /*color: #fff;*/
  line-height: 0.8em;
  /*background-color: #003480;*/
  padding: 6px 12px;
  height: 35px;
  border: 0;
  font-size: 1.2em;
  margin: 1em 0;
}

.discount-code-container-point .point-percent{
  border: 1px solid black;
}

.discount-code-container-point {
  box-sizing: border-box;
  padding: 1em !important;
  font-size: 1.3em;
  font-weight: bold;
  color: #0e3b5f;
}

.discount-code-container-point.p-service-hotel {
  font-size: 14px;
  font-weight: normal;
}

.box-titel-point.btncolor {
  border: 1px solid black;
  padding: 9px 15px 5px 15px;
  color: white;
  font-size: 16px;
  letter-spacing: 4px;
}

.box-text-point {width: 100%;display: inline-block;border-bottom: 1.5px solid;font-size: 16px;}

.discount-code-container-point.p-service-hotel label {
  margin: 0px;
}

.box-text-point label {
  float: left;
}

.point-percent {
  border: 1px solid;
  padding-top: 10px;
  font-weight: bold;
}