html {
-webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
width: 100%;
height: auto;
}
/*img{
max-width:100%;
height: auto;
width: auto\9;
}*/
@media only screen and (max-width: 1280px) {
.menu ul li a { margin:0px 15px 0px 15px; }
.srt-menu ul li a{ margin:0px 5px 0px 5px; }
}
@media only screen and (max-width: 1150px) {
a.anchor { top: 0px; }
/* ------------------Header-------------------- */
header{ position: relative !important; height:auto !important; top:0px; background:#000000; display: inline-block; }
#header-inner{ height:auto !important; margin:auto; text-align: center; width:100%; }
#header-logo{ float:left; width:auto; display: inline-block; margin:auto ; max-width: 232px; }
#header-brand{ float:left; width:auto; display: inline-block; margin:auto; max-width: 128px; }
#header-menu{ float:none; width:auto; display: inline-block; text-align: right; margin-right:0px; }
#header-language{ display:none; }
#header-booking{ /*position: absolute !important; */ position:relative;right:0; top:0px; margin-right:0px; height:56px; line-height: 56px }
#logo{ display: block; margin-top:0px; height: auto}
#logo a{ float:none; padding:0px 0px 0px 0px; text-align: center; }
#brand-logo{ margin-top:0px; height: auto}
.menu{ display: none; }
/* ------------------Mobile Menu-------------------- */
.m-menu{display:block; }
#menu {padding:0; height:56px; margin:0px auto 0px;/* position: relative;*/ position: absolute; right:160px; top:1px; }
#menu ul{ list-style:none; padding:0; z-index: 10000 !important; width:100%; }
#menu .span {text-transform:uppercase; font-size:16px; padding:0px 0px 0px 0px; height:56px; line-height:56px; cursor: pointer; display:block; color:#000000; width:100%; margin:0 0 0 0; clear:both; text-align: right; }
#menu .span img{ margin-top:0px; }
#menu > ul > li { float:none; padding:0px; display:none; }
#menu > ul > li.categories{display:block; min-width: 300px}
#menu > ul > li.categories > a{display:none;}
#menu > ul > li.categories div.column:hover{ /*background:#FAFAFA;*/ text-decoration:none}
#menu > ul > li.categories div.column a{ text-decoration:none; color:#000000;}
#menu > ul > li.categories div.column a:hover{ text-decoration:none; }
#menu > ul > li.categories > div > .column > a{color:#333!important; }
#menu > ul > li.categories > div{display:block; position:relative; z-index: 1112 !important}
#menu > ul > li.categories > div > .column > div{display:none; position:relative; left:auto; }
#menu > ul > li.categories > div > .column:hover div{display:block; }
#menu > ul > li.categories > div > .column:hover > div ul{display:block; }
#menu > ul > li.categories > div > .column > div ul li + li{border-top:1px solid #eee;}
#menu > ul { display:none; text-align:left; background:#fff!important;z-index:1112; position:absolute; right:100px; }
#menu > ul > li > div{display:block;}
#menu > ul > li.categories > div > .column > a{font-weight:normal;}
#menu > ul > li.categories > div > .column > div{display: none; box-shadow:none; border:none; padding:0; margin-left:20px;}
#menu > ul > li.categories > div > .column:hover div{display: none;}
#menu > ul > li > a { font-size:12px; color: #fff; line-height:30px; text-decoration: none; display: block; padding:0px 10px 0px 10px; z-index: 9999; position: relative; font-weight:normal; text-transform:uppercase;}
#menu > ul > li > div { display: none; background:#fff; position:absolute; z-index:1008; padding:10px; border-top:2px solid #eee; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
#menu > ul > li.categories > div > .column, #menu > ul > li > div > ul{position:relative;}
#menu > ul > li.categories > div > .column + .column, #menu > ul > li > div > ul li + li{border-top:1px solid #eee;}
#menu > ul > li.categories > div > .column a, #menu > ul > li > div > ul li a{font-size:13px; padding:7px 0; display:block;}
span.more{color: #c2c2c2; display: block; font-weight: normal; position: absolute; right: 0; top:0px; width: 30px; height: 30px; line-height:30px; font-size:20px; text-align:center; cursor:pointer; background:url(images/mplus.png) no-repeat left -50px;}
span.more.plus{background-position:0 -80px;}
/** Common block row **/
/*.col-inner{ height:93%; padding-top:2%; width:80%; }*/
#content.modules .zerogrid{ margin-top: 0px; }
/** Home features **/
.feature-title h2{ font-size: 25px; line-height: 1.5em }
.feature-title span{ font-size: 40px; margin-left: 10px; }
.feature-desc{ font-size: 16px; height:200px;line-height: 1.4em }
.feature-desc p{ font-size: 16px; line-height: 1.4em }
/** Event Section **/
.event-title h2{ font-size: 25px; line-height: 1.5em }
.event-title span{ font-size: 40px; margin-left: 10px; }
.event-desc{ font-size: 16px; height:200px;line-height: 1.4em }
.event-desc p{ font-size: 16px; line-height: 1.4em }
}
@media only screen and (max-width: 969px) {
/* ------------------Header-------------------- */
/*.menu ul li a{ margin:0px 12px 0px 12px;}*/
/*.srt-menu ul li img{ width:120px !important; height:auto !important; } */
.zerogrid{ }
/*.menu{ float:none;margin: auto; display: inline-block; padding-top:0; height:auto; }*/
.menu ul {/* float:none; margin: auto; display: inline-block;*/ padding:0;}
.menu ul li a { padding:10px 0px 10px 0px; line-height: 1.2em }
.srt-menu ul { padding-top:5px; }
.menu ul ul li a { margin:0px 5px 0px 5px; }
.menu ul li > div { top: 0px; }
.srt-menu li:hover ul,
.srt-menu li.sfHover ul {
top:34px;
}
/*nav{ display: inline-block; margin:auto; width:100%; text-align: center }*/
/*nav .wrap-nav { margin:auto; text-align: center; }*/
/* ------------------Mobile Menu-------------------- */
/** Sliding Banner **/
/* .slider-wrapper{ display:block !important;}
.nivoSlider { max-height: 400px; }
.nivoSlider img{ height:auto !important; }
.nivo-main-image{height:auto !important;}*/
/*#maximage{ display: none; }*/
/*div.mc-image { background-image:none !important; }*/
/*#arrow_left, #arrow_right { display: none; }*/
/*div.mc-image{ background-size: 100% auto !important; }*/
#about-img{ float:none; width:100%;text-align: center; }
#about-img img{ max-width: 100%; margin:auto; }
#about-col{ float:none; width:100%; margin:auto;}
/** Home Features **/
#home-featured{ }
#features-col { height:auto; width:100%; }
#features-col .panel { float:none; display:block; height:auto; width:100%; }
#features-col .panel h1 {display:block; font-size: 30px;text-align: center; color:#FFFFFF;}
#features-col .panelContent{ padding:0px;height:auto; width:100%; visibility: visible; }
.feature1{ width:100%; height:auto;float:none; background:none;cursor:default; }
.feature2{ width:100%; height:auto;float:none; background:none;cursor:default; }
.feature-img{ float:none; width:100%; margin:0; padding:0; position: relative; height:374px; overflow: hidden; }
.feature-tab img{ display: block; }
.feature-tab img{ max-width:90px; padding:5px; display: block; }
/*.feature-img img{ width:100%; height: 374px; }*/
/*.feature-content{ position: absolute; background: rgb(36,25,23); background: rgba(36,25,23,0.8); top:0; width:100%; height:100%; }*/
/*.feature-title{ width:15%; padding-left:10%; padding-right:10%; margin-top:10%; }*/
/*.feature-right{ width:55%; float:left; margin-top:10%; position: relative; height:90%; }*/
/*.feature-btn{ text-align: center; position: absolute; bottom:50px; margin:auto; }*/
/*.feature-btn a{ padding:12px 25px 12px 25px; width:120px; color:#FFFFFF; text-decoration: none; }*/
.news-tab-date{ width:20%; }
.news-tab-name{ width:75%; }
/** Wedding & Meeting **/
#wedding-meeting{ }
#wed-col { height:auto; width:100%; }
#wed-col .panel { float:none; display:block; height:auto; width:100%; }
#wed-col .panel h1 {display:block; font-size: 30px;text-align: center; color:#FFFFFF; }
#wed-col .panelContent{ padding:0px;height:auto; width:100%; visibility: visible; }
.wed1{ width:100% !important; height:auto !important; float:none; background:none;cursor:default; }
.wed2{ width:100% !important; height:auto !important; float:none; background:none; }
.wed1.meetings{ width:100% !important; height:auto !important;float:none; background:none !important; cursor:default; }
.wed2.weddings{ width:100% !important; height:auto !important;float:none; background:none !important; }
.wed-tab{ background: #241917 !important; }
.wed-tab img{ max-width:90px; padding:5px; display: block; }
.wed-img{ float:none; width:100%; margin:0; padding:0; position: relative; overflow: hidden; height:auto; background:none !important; background-size: contain !important; }
.wed-img img{ display: block; }
#wed-col .property-list{ border-left: 0px; }
/*#wed-col .wedding-right{ width:calc(100% - 100px); }*/
/** Hot News Page **/
#hot-news{ }
#hotnews-col { height:auto; }
#hotnews-col .panel { float:none; display:block; height:auto; width:100%; }
#hotnews-col .panel h1 {display:block; font-size: 30px;text-align: center; color:#FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;}
#hotnews-col .panel.active { width:100%; background: #504647; opacity: 1; cursor: default;}
#hotnews-col .panel.active .panelContent{ visibility: visible;}
#hotnews-col .panelContent{ height:90%; width:90%; padding:5%; font-size: 16px; visibility: visible; }
#hotnews-col .panelContent p,#hotnews-col .panelContent div,#hotnews-col .panelContent a{ color:#FFFFFF; }
.event-tab{ width:100%;height:auto;float:none;background:none;cursor:default; }
.news-tab{ width:100%;height:auto;float:none; background:none;cursor:default; }
.blog-tab{ width:100%;height:auto;float:none;background:none;cursor:default; }
#hotnews-col .panel.active .event-tab, #hotnews-col .panel.active .news-tab, #hotnews-col .panel.active .blog-tab{ width:100%; }
.panelContent ul li { list-style-type:none; padding-bottom:10px; margin-left: -20px; }
#hot-news .desktop{ display: none; }
#hot-news .mobile{ display: block; }
/** Event Section **/
#hotnews-col .eventItem .panelContent{ padding:0px;height:auto; width:100%; visibility: visible; }
.event-img{ float:none; width:100%; margin:0; padding:0; position: relative; height:374px; overflow: hidden; }
/** Offer Page **/
.offer-nav a{ font-size: 16px; padding:12px 5px 12px 5px; width:120px;margin:10px 10px 10px 5px; }
.offer-nav a.active{ font-size: 16px; width:120px; }
.offer-nav select{font-size: 16px; width:170px; padding:5px 5px 5px 10px; margin:10px 10px 10px 5px;}
/** Offer Detail Page **/
.offer-left{ width:100%;}
.offer-right{ width:100%; margin-left:0; }
.offer-info p{ margin-top:0px; text-align: left; font-size: 18px }
.event-col .title{ color:blue; font-size: 18px }
.event-col .desc { color:#000000;font-size: 18px }
#map-wrapper { max-height: 300px }
/* .slick-prev{ left: -2% !important; }
.slick-next { right: -2% !important; }*/
/** Footer **/
#bottom-insta{ float:none; width: 100%; margin-bottom:20px;}
#bottom-insta h1{ font-size: 26px}
#instagram-wrapper{ margin-top:5px; margin-bottom:5px; width:90%; max-height: 1000px; }
.insta-slide img{ width:100%; max-width: 100%; }
#bottom-video{ float:none; width: 100%; text-align: center;}
#bottom-video iframe{ height:400px; width: 90%;}
}
@media only screen and (max-width: 850px) {
/* ------------------Header-------------------- */
.menu ul li a{ margin:0px 10px 0px 10px;}
.contact-col{ width:49%; }
#mobile-side{ display: block; z-index: 10; position: relative; }
/*.breadcrumb h2{ color:#ffffff; padding-left:4%; padding-right: 10px }*/
.side-menu{ float:none; width:100%; text-align: center; display: none; }
.right-content{ float:none; width: 100%; margin-left:0; padding-top:10px;}
/*.right-content p{ margin-top: 0px !important; }*/
.side-menu a{ padding-left:0; }
.accordion dt, .accordion dd {
padding: 8px;
}
.accordion dt a, .accordion dd a {
font-size:14px;
}
.accordion dd {
font-size: 14px;
padding-left:0px;
}
.accordion dd > div{ padding:6px; }
}
@media only screen and (max-width: 769px) {
/* -------------------------------------------- */
/* ------------------Header-------------------- */
header{ height:auto; position: relative !important; }
/*#header-socials{ right:5px; }*/
/*
nav .wrap-nav{ height: auto; }
#logo{ }
#logo a{padding:0px; margin:auto; float:none; display: inline-block; margin:auto; width:100%;}
#logo img{ height: auto ;margin:auto }*/
#maximage{ height:400px !important; }
div.mc-image{ background-size: auto 400px !important; }
/*.banner-title{ font-size:40px; top:40%; margin:auto; width:100%;}*/
.bx-wrapper .bx-caption {right: 0px !important;}
.bx-wrapper .bx-caption span {
font-size: 18px !important;
padding: 5px;
max-width: 200px;
}
.break60{ height:80px;}
.content-inner{ }
/* -------------------------------------------- */
/* ------------------Content------------------- */
/*
#wed-col .property-list{ width:60px; padding:0 10px 0 10px; }
#wed-col .wedding-right{ width:calc(100% - 80px); }*/
#wed-col .property-list{ width:98%; padding:0 1% 0 1%; float:none; height:auto !important; }
#wed-col .wedding-right{ width:100%; float:none; }
#wed-col .property-list select{ display: block; }
#wed-col .property-list a{ margin:5px; font-size: 14px; display: none; }
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
/* -------------------------------------------- */
/* ------------------Other----------------*---- */
/* .tbContactform td { width: 50%; }
.gallery .col-1-4{ text-align:center; margin:0px auto 30px auto !important; display:block; width:49%; }
.album-bar{ width:100%; max-width:170px }
.album-sidebar-dropdown .col-1-3{ clear:both;width:100%; margin:auto; }*/
.footer-left{ width: 100%; margin:5px auto 5px auto; text-align: center;}
.footer-right{ float:none; width: 100%;margin:5px auto 5px auto; text-align: center;}
.address{ max-width:100%; text-align: center;}
.address-left{ float:left; width:40%; text-align: right; }
.address-right{ float:right; width:55%; margin-left: 2%; text-align: left;}
.footer-copyright{ font-size: 16px; }
.footer-brands img{ margin:0 10px 0 10px; }
}
@media only screen and (max-width: 600px) {
/* ------------------Header-------------------- */
header{top:0px; background:#000000; display: inline-block; }
#header-inner{ }
#header-logo{ float:none; width:auto; display: inline-block; margin:auto ; max-width: 232px; }
#header-brand{ float:none; width:auto; display: inline-block; margin:auto; max-width: 128px; }
#header-menu{ float:none; width:auto; display: block; text-align: right; margin-right:0px; position: absolute;right:0; z-index: 1000}
#header-booking{ display: block; width:auto; float:none; margin:5px auto 5px auto; text-align: center; position: relative; height:40px; line-height: 40px;}
#header-booking a{width:120px; display: block; margin:auto; }
#menu { position: relative; right:0; height:auto; margin:5px auto 5px auto; }
#menu > ul { position:relative;margin-top:5px; width:100%;right:auto; left:auto;}
#menu .span{ line-height: 1.2em; height:auto; text-align:right; }
#menu img{ width:52px !important;}
/* booking bar */
#booking-bar input[type=text]{ font-size: 14px; }
#booking-bar select{ font-size: 14px; }
#booking-bar .book-now a{ font-size: 14px; }
#booking-bar .rooms label{font-size: 14px; margin-left:1%; margin-right:1%; display: inline-block; width:19%; }
#booking-bar .rooms2 label{ font-size: 14px; margin-left:1%; margin-right:1%; display: inline-block; width:10%; }
.booking-text{ font-size: 14px}
#header-inner{ max-width: 100%;}
/*.zerogrid{ max-width: 100%; }*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 20px;
width: auto !important;
left:20px !important;
}
.offer-col{ width: 100%; margin-right:auto; margin-left:auto; max-height: 100%; }
.offer-col img{ }
/* .table-style td{ font-size: 14px; }
.tbContactform { border-spacing: 0px; margin-bottom: 30px; }
.tbContactform td { float: left; width: 100%; }
.tbContactform label[for="message"], .tbContactform textarea { margin-top: 20px; width: 92%; padding: 8px 4%; }
.tbContactform input[type="button"] { width: 100%; margin-top: 20px; }*/
.footer-copyright{ font-size: 14px; }
.footer-copyright span{ display: block; width:100%; clear:both; margin-top:5px;}
.footer-menu { font-size:14px; }
.footer-menu a{ font-size:14px; }
.footer-menu span{ padding:7px 0px 7px 0px; margin:0px 5px 0px 5px;}
.footer-brands{ margin:20px auto 10px auto; }
.footer-brands img{ margin:0 1% 0 1%; width:38%; max-width:100%; display: inline-block; max-height: 100%; vertical-align: middle;}
.footer-brands img:last-child{ max-width: 110px;}
/* .gallery{ display: inline-block; margin:auto; text-align: center;}
.gallery .col-1-4{width:43%; margin-left:2.5% !important; margin-right:2.5% !important; }
.gallery .album-cover{ width:100%; max-width:180px; height:123px; }
.gallery .album-cover img{ width:100%; max-width:180px; max-height:100%; }
.gallery .album-name{ font-size:90%; max-width:180px; margin-top:2px; }*/
.magazine-list table td { width:98%; display: block; margin-bottom:10px; }
.magazine-list table td img{ max-width: 300px; width:100%; }
}
@media only screen and (max-width:499px){
/*header{ position: fixed !important; }*/
h1{ font-size:30px;padding:10px 0px 10px 0px; }
h2{ font-size:22px;padding:0px 0px 5px 0px; }
.block { line-height:1.4em; }
.block h2{ font-size:22px; padding:5px 0px 5px 0px; }
.block h3{ font-size:18px; padding:5px 0px 0px 0px; }
.block h4{ font-size:16px; padding:5px 0px 0px 0px; }
.block h5{ font-size:16px; padding:5px 0px 0px 0px; }
.block h6{ font-size:14px; padding:5px 0px 0px 0px; }
.block p { font-size:14px; line-height:1.4em; margin:10px 0px 10px auto; }
.content-header{ margin-top: 0px; }
.content-inner{ font-size: 14px; }
.content-inner p{ font-size: 14px; }
section{ z-index: 9999; }
/*#slider-banner{ width:96%;}*/
/*.slider-wrapper { max-height:300px; overflow: hidden;}*/
/*.slider-wrapper img{ width: 200% !important; margin-left:-50% !important; margin-top:-50%;} */
/*.banner-title{ font-size:30px; top:25%; }*/
.feature-title{ width:25% !important; padding-left:5% !important; padding-right:5% !important; }
.event-title{ width:25% !important; padding-left:5% !important; padding-right:5% !important; }
#content.subcontent .zerogrid{ margin-top:0px; }
#content.modules .zerogrid{ margin-top:10px; }
#content.subcontent .zerogrid .subinner{ width:90%; margin:auto; }
#content.modules .zerogrid .subinner{ width:90%; margin:auto; }
.slick-prev{ left: 0px !important; }
.slick-next { right: 0px !important; }
.contact-col{ width:98%; }
/** Offers Page **/
.offer-nav a{ font-size: 14px; padding:5px 2px 5px 2px; width:29%; margin:10px 1% 10px 1%; }
.offer-nav a.active{ font-size: 14px; width:29%; }
.offer-nav select{font-size: 14px; width:96%; padding:5px 5px 5px 10px; height:34px; margin:10px 10px 10px 5px;}
/** Offer Detail Page **/
.offer-info{ font-size: 14px }
.offer-info p{ margin-top:0px; text-align: left; font-size: 14px }
.event-col .title{ color:blue; font-size: 14px }
.event-col .desc { color:#000000;font-size: 14px }
.event-col .desc a{ color:#000000; font-size: 14px }
#instagram-wrapper{ max-height: auto; }
#bottom-video iframe{ height:300px; width: 90%;}
.address{ }
.address-left{ float:left; width:24%; text-align: right; }
.address-right{ float:right; width:72%; margin-left: 2%; }
.footer-socials img{ width:30px; }
.breadcrumb{ height:30px}
table.table-style th{ font-size: 12px; padding:5px 2px 5px 2px; }
table.table-style td{ font-size: 12px; padding:5px 2px 5px 2px; }
table.table-style td a{ font-size: 12px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* -------------------------------------------- */
/* ------------------Header-------------------- */
/* -------------------------------------------- */
/* ------------------Content------------------- */
.news-tab-date{ width:100%; margin-right:0;display:inline-block; float:none; }
.news-tab-name{ width:100%; display:inline-block; float:none; }
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
/* -------------------------------------------- */
/* ------------------Other----------------*---- */
}
@media only screen and (max-width: 479px) {
/* -------------------------------------------- */
/* ------------------Header-------------------- */
/*#header-socials{ top:50%; }*/
/* -------------------------------------------- */
/* ------------------Content------------------- */
/* #maximage{ height:200px !important; }
div.mc-image{ background-size: 100% auto !important; }*/
.news-tab-date{ width:100%; }
.news-tab-name{ width:100%; }
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
footer { font-size:12px; }
/*.mobilemode{ display:none; margin-left:1%; }*/
/*.mobilemode a{ color:#ffffff !important; display:block !important; width: 94%; clear:both; text-align: left; background:#fff0e1; padding:0px 2% 0px 2% !important; line-height:35px; border-bottom:2px solid #ffffff; text-decoration: none !important}*/
.footer-inner{ line-height:1.5em; padding:10px 0px 10px 0px; width:98%;}
.footer-menu a{ margin:0px 3px 0px 3px; font-size:12px;}
/* -------------------------------------------- */
/* ------------------Other----------------*---- */
}
@media only screen and (max-width: 380px) {
#maximage{ height:150px !important; }
div.mc-image{ background-size: 120% auto !important; }
}