/*Style Custom*/
.wrap__video.active { z-index: 2 !important;}
#video-controls { top: auto !important; bottom: 80px !important; right: 150px !important;  z-index: 4 !important;}
.icon-switch {right: 5em !important; bottom: 80px !important; z-index: 4 !important;}
#container_vtour{position: absolute;overflow: hidden;width: 100%;height: 100%;top:0;z-index: 12;display: none;}
#container_vtour iframe{width: 100%;height: 100%;overflow: hidden;}
.vdo-icon{cursor: pointer;}
.vdo-icon.off{z-index: 13;right: 12%;display: none;}
.sub-menu{ opacity: 0; position: absolute; }
.content-bottom.right .intro-wrapper{ position: initial!important;}
.content-photo img{ display: block;}
#product-left { padding-top: 20px;}
#product-left img{ max-width: 120px!important;}
.package-detail .content-left p, .package-detail .content-right p{margin: 0 0 10px 0;}
.tablepress caption{ display: none; }

h2.sub-title {  font-size: 18px;}
.home-inrto strong {  font-weight: bold;}
.home-inrto ul.room-policy { margin: 0 auto 20px;}
.home-inrto h5 { margin: 20px 0 0;}
.content-left ul li  {  margin-left: 20px;}
.content-left strong  { font-weight: bold;}
ul.sub-list { margin: 0 0 10px 20px;}
ul.sub-list li { list-style: circle; list-style-position: inside;}

.row-password .pass-container{ width: 60%; float: right;}
.row-password .input{ float: left;}
.row-password .img_verify{ height: 36px; vertical-align: middle; float: left;}
#contact input[type="button"] {
    background-color: #b27833;
    border: 1px solid #b27833;
    cursor: pointer;
    color: #ffffff;
    outline: medium none;
    padding: 13px 0;
    width: 130px;
}
#contact input[type="button"]:hover{ background: transparent; color: #b27833; border: 1px solid #b27833;}
#contact input[type="reset"] {background: #666; color: #ddd;border: 1px solid #666;}
#contact input[type="reset"]:hover{ background: #222; border: 1px solid #222}
.post-type-archive-gallery .header-wrap{ height: auto; }
#error-page-header{padding-top: 120px; padding-bottom: 120px; box-sizing: border-box; background: #000; color: #fff; font-size: 20px;}
#error-page-header h1{ width: 100%; padding-top: 20px; border-top: 1px solid #FFF; color: #fff; line-height: 1; display: inline-block;}
.clear{ clear: both;}

/*Contact*/
.ajax-loader, .hidden{ display: none;}
.alert-container{ max-width: 90%; margin: 0 auto; }
.alert{ padding: 10px; margin: 10px 0 25px 0;}
.alert.alert-danger{ background-color: #f2dede; color: #a94442; }
.alert.alert-success{ background-color: #dff0d8; color: #3c763d;}

#maquee_popup{display: none; position: fixed; bottom: 10px; left: 10px; z-index: 9999;}
#maquee_close{position: absolute;right: -3px;top: -3px;cursor: pointer;}

#availability-checker .date-wrapper{ display: flex; justify-content: space-around; }
#availability-checker .wrapper-property{ padding: 0.8em; text-align: left; }
#availability-checker .wrapper-property select{ background-color: #fff; width: 100%; padding: 15px 10px; line-height: 1.2em; }
#availability-checker .date-wrapper .date{ width: 45%; }
#availability-checker .date-wrapper .date input{ background: none; padding: 10px; }

/*IG*/
.ig-wrapper{ padding: 30px 0 0 0; }
.ig-wrapper h3 a{ text-decoration: none; }
.ig-items{ margin-top: 25px; display: flex; flex-flow: row; flex-wrap: wrap; padding: 0 5px; }
.ig-items div {
  width: 20%;
  padding: 5px;
  box-sizing: border-box;
}
.ig-items div img{ max-width: 100%; display: flex; }

@media (max-width: 768px) {
.category-navbar {padding:5px 0 2px !important;}
/* .wrap__video.active, #video-controls.active, .icon-switch.switch-video.active { display: none !important;} */
}

@media (max-width: 480px) {
    #maquee_popup{ width: 300px;}
    #maquee_popup img.bookdirect{ max-width: 100%!important; }
    .ig-items div {
	  width: 50%;
	}
}