@media only screen and (max-width: 1200px) {
#ozy-cookie_notice_banner.show {
display: block;
}
#ozy-cookie_notice_banner>div {
width: 100%;
}
#ozy-cookie_notice_banner>a.generic-button {
position: unset;
display: inline-block;
top: inherit;
transform: none;
margin: 15px auto 0 auto;
}
}
@media only screen and (max-width: 1200px) {
#ozy-offer_box.show-mobile,
.mobile-show-offer-box.show { display: block !important; }
#ozy-offer_box,
#ozy-offer_box.show { display: none; }
.mobile-show-offer-box {
top: 90px;
}
}
@media only screen and (min-width: 1200px) {
body:not(.ozy-alternate-menu) .nav-container { background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00ffffff',GradientType=0 );
}
}
@media only screen and (min-width: 1200px) {
.nav-container>div {
text-align: center;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1024px) {
.nav-container .menu-right-part .menu-search,
.nav-container .menu-right-part .menu-video,
.nav-container .menu-right-part .menu-lang {
width: 35px;
}
.nav-container .menu-right-part a.book-your-stay {
padding: 20px 0;
width: 75px;
margin-left: 10px !important;
}
.nav-container .menu-right-part .menu-video>span>span {
padding: 5px 10px;
}
.nav-container .menu-right-part .menu-search,
.nav-container .menu-right-part .menu-video,
.nav-container .menu-right-part .menu-lang,
.nav-container .menu-right-part a.book-your-stay {
margin-left: 0;
}
.nav-container>a.menu-logo>img {
max-width: 170px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 959px) {
.menu-container {
width:811px;
}
}
@media only screen and (max-width: 1200px) {
body {
overflow-x: hidden;
}
label.responsive_menu span {
margin-left: 0;
}
.menu-logo,
.nav-container .menu-right-part {
display: none;
}
.menu-item.mobile-menu-extras {
display: inherit !important;
margin-top: 20px;
}
.nav-container .menu-item.mobile-menu-extras .menu-right-part {
position: inherit;
display: table;
}
.nav-container .menu-item.mobile-menu-extras .menu-right-part>div {
display: inherit;
margin: 0 auto;
}
.mobile-book-your-stay {
display: inline-block!important;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
padding: 5px;
border: 2px solid var(--shared-border-color) !important;
}
.mobile-book-your-stay>a>span {
display: block !important;
font-size: 10px !important;
line-height: 12px !important;
}
.nav-container .menu-right-part .menu-search,
.nav-container .menu-right-part .menu-video,
.nav-container .menu-right-part .menu-lang {
display: inline-block;
width: auto;
height: 30px;
min-width: 40px;
margin: 0 !important;
}
.nav-container .menu-right-part .menu-search {border: 2px solid currentColor;}
.nav-container .menu-right-part .menu-search:not(:last-child) { border-right: none; }
.nav-container .menu-right-part .menu-search>i { padding: 8px 14px; }
.nav-container .menu-right-part .menu-search>i,
.nav-container .menu-right-part .menu-video>span,
.nav-container .menu-right-part .menu-lang>.lang-switcher {
height: 30px;
display: flex;
}
.nav-container .menu-right-part a.book-your-stay {
width: 100% !important;
height: auto !important;
margin-top: 10px;
margin-left: 0 !important;
padding: 10px 10px;
}
.nav-container .menu-right-part a.book-your-stay>span {
display: inherit;
line-height: 1em; width: 205px;
text-align: center;
}
.nav-container .menu-right-part a.book-your-stay>span>span {  }
.nav-container .menu-right-part a.book-your-stay>span>i {  display: block;
padding: 0 0 5px 0;
}
.sunway-primary-nav>li *>a { font-size: 100% !important; }
.sunway-primary-nav li > ul,
.sunway-primary-nav .columndrop,
.sunway-primary-nav .megadrop {
margin-top: 0 !important;
display: none;
position: relative !important;
}
.nav-container .menu-right-part .menu-video>span>span,
.nav-container .menu-right-part .menu-lang>.lang-switcher>span { padding: 7px 20px; }
body.ozy-alternate-menu #main,
body:not(.full-page-template):not(.single) #main {
padding-top: 85px !important;
}
.nav-container {
height: 85px !important;
}
.sunway-primary-nav .col h3 {
padding: 5px 0;
margin: 0;
font-size: 3.5vw !important;
}
.sunway-primary-nav {
display: none;
}
label.responsive_menu span {
display: inline;
font-size: 20px;
font-variant: small-caps;
font-weight:400;
}
label.responsive_menu span img {
width: auto;
max-width: 200px;
max-height: 60px;
}
label.responsive_menu {
position: relative;
display: block;
width: 100%;
padding: 10px 0;
text-align: center;
}
.sunway-primary-nav {
display: block !important; overflow-y: auto;
height: 100vh;
position: absolute;
width: 100%;
max-width: 265px;
top: 85px;
background-color: currentColor;
left: -102%;
-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.3);
box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.3);
transition: all .3s cubic-bezier(1, -0.12, 0.44, 0.98) !important;
}
.sunway-primary-nav li {
width: 100%; text-align: left;
margin: 0 !important;
padding: 0 !important;
}
.sunway-primary-nav > li {
border-right: none;
height: auto;
position: relative;
}
.sunway-primary-nav li > a,
.sunway-primary-nav li > a > span {
transform: none;
display: inline-block;
width: 100%;
line-height: 1em;
outline: none !important;
}
.sunway-primary-nav li > a {
padding: 10px 20px;
}
.sunway-primary-nav li {
border-top: 1px solid var(--shared-border-color);
}
.sunway-primary-nav > li:first-child {
border: none;
}
.sunway-primary-nav li.mobile-menu-extras {
padding: 20px !important;
}
.sunway-primary-nav li.dropdown > a > i {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.sunway-primary-nav li ul {
position: relative;
padding: 0 !important;
}
.sunway-primary-nav .megadrop, .sunway-primary-nav .columndrop {
width: 100%;
padding: 0;
background-image: none !important;
}
.sunway-primary-nav .col, .sunway-primary-nav .columndrop .col {
width: 100%;
margin: 0;
padding: 0;
}
.sunway-primary-nav .col h3:after {
content: '';
position: absolute;
top: 50%;
left: 20px;
margin-top: -5px;
width: 10px;
height: 2px;
background-color: currentColor;
}
.sunway-primary-nav .col h3 {
position: relative;
padding: 0 20px 10px 40px;
}
.sunway-primary-nav .col ul li>a {
padding: 10px 20px;
}
.sunway-primary-nav > li > ul li ul {
width: 100%;
left: 0;
z-index: 2;
}
.sunway-primary-nav > li > ul > li:hover ul {
margin-top: 0;
}
#responsive_menu:checked+.sunway-primary-nav {
display: block;
left: 0;
}
.hamburger-menu-wrapper {
display: block !important;
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
width: 30px;
height: 24px;
cursor: pointer;
}
.hamburger-menu,
.hamburger-menu:after,
.hamburger-menu:before {
display: block !important;
width: 30px;
height: 2px;
}
.hamburger-menu {
position: relative;
transform: translateY(8px);
background: var(--content-color);
transition: all 0ms 300ms;
}
.hamburger-menu.animate {
background: rgba(255, 255, 255, 0);
}
.hamburger-menu:before {
content: "";
position: absolute;
left: 0;
bottom: 8px;
background: var(--content-color);
transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu:after {
content: "";
position: absolute;
left: 0;
top: 8px;
background: var(--content-color);
transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu.animate:after {
top: 0;
transform: rotate(45deg);
transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu.animate:before {
bottom: 0;
transform: rotate(-45deg);
transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.sunway-primary-nav ul > li > a {
padding: 10px 20px 10px 30px;
width: 100%;
}
.sunway-primary-nav ul > li > ul > li > a {
padding-left: 40px;
width: 100%;
}
.sunway-primary-nav ul > li > ul > li > ul > li > a {
padding-left: 50px;
width: 100%;
}
.sunway-primary-nav ul li.dropdown:after {
left: 90%;
}
.sunway-primary-nav > li > ul,
.sunway-primary-nav > li > .megadrop,
.sunway-primary-nav .columndrop,
.sunway-primary-nav .megadrop,
.sunway-primary-nav > li > ul li ul {
position: relative;
top: auto;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.sunway-primary-nav div.columndrop.col-md-1 .col,
.sunway-primary-nav div.columndrop.col-md-2 .col,
.sunway-primary-nav div.columndrop.col-md-3 .col,
.sunway-primary-nav div.columndrop.col-md-4 .col,
.sunway-primary-nav div.columndrop.col-md-5 .col {
width: 100%;
}
.sunway-primary-nav li > ul li>a {
position: relative;
}
.sunway-primary-nav li > ul li>a>i {padding: 0;}
.sunway-primary-nav li > ul li>a>i:before, .sunway-primary-nav > li.dropdown>a>span>i:before {
content: "\e442";
right: 0;
}
.sunway-primary-nav li > ul li>a>i:before, .sunway-primary-nav > li.dropdown>a>span>i:before {font-size: 18px;}
.sunway-primary-nav li > ul li.open>a>i:before,
.sunway-primary-nav > li.open.dropdown>a>span>i:before {
content: "\e50e";
}
.sunway-primary-nav > li > .megadrop {
padding: 0;
} .sunway-primary-nav > li > .columndrop, .sunway-primary-nav > li > .megadrop, body:not(.mobile-maybe) .sunway-primary-nav > li ul li:hover > ul,.sunway-primary-nav > li ul li.open > ul, body:not(.mobile-maybe) .sunway-primary-nav > li.active-hover > ul, body:not(.mobile-maybe) .sunway-primary-nav > li ul li:hover > ul,.sunway-primary-nav > li ul li.open > ul, .sunway-primary-nav > li.open > ul, .sunway-primary-nav > li > ul li ul {
border-bottom: none !important;
} .sunway-primary-nav > li > ul li ul, .sunway-primary-nav li >ul li, .sunway-primary-nav > li > .megadrop, .sunway-primary-nav > li > .columndrop, .sunway-primary-nav > li > ul, .sunway-primary-nav > li {
margin-left: 0;
animation: none;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-ms-transition: none;
-o-transition: none;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
.menu-item {
padding: 2px!important;
}
.nav-container .menu-right-part {
top: 58px!important;
right:10px!important;}
.nav-container>a.menu-logo {
margin-left: 0px!important;
}