.nav-overlay,
.nav-container {
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
.nav-overlay { height: 100vh;
z-index: 998;
visibility: hidden;
transition: all .3s linear;
}
body.ozy-menu-jsaction .nav-overlay {
background: rgba(0, 0, 0, .5);
visibility: visible;
}
@media only screen and (min-width: 768px) {
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 );
}
} .nav-container>a.menu-logo>img ,
.nav-container>div,
.nav-container {
transition: color .3s linear, background-color .3s linear;
-webkit-transition: color .3s linear, background-color .3s linear;
-o-transition: color .3s linear, background-color .3s linear;
-moz-transition: color .3s linear, background-color .3s linear;
}
body.admin-bar .nav-container {
top: 32px;
}
body.mobile-maybe.admin-bar .nav-container {
top: 46px;
}
.nav-container>h1,
.nav-container>a.menu-logo {
position: absolute;
margin-left: 25px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
@media only screen and (min-width: 769px) { body.header_v2 .nav-container>h1,
body.header_v2 .nav-container>a.menu-logo {
position: relative;
float: left;
margin-right: 50px;
}
body.header_v2 .nav-container > div:not(.menu-right-part) {
text-align: inherit;
}
body.header_v3 .nav-container > div {
display: inline-block;
height: 100%;
float: right;
}
body.header_v3 .nav-container > div > div:not(.menu-right-part) {
display: inline-block;
float: left;
text-align: inherit;
}
body.header_v3 .nav-container > div > div.menu-right-part {
position: relative;
display: inline-table;
float: right;
}
body.header_v4 .nav-container>h1,
body.header_v4 .nav-container>a.menu-logo {
left: 50%;
top: 5px;
transform: translateX(-50%);
margin-left: 0;
}
}
.nav-container>h1>a {text-decoration: none;}
.nav-container>a.menu-logo>img {
display: block;
}
.nav-container>a.menu-logo>img.logo-alternate {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
body.ozy-alternate-menu .nav-container > a.menu-logo > img.logo{opacity: 0;}
body.ozy-alternate-menu .nav-container > a.menu-logo > img.logo-alternate{opacity: 1;}
@media only screen and (min-width: 768px) {
.nav-container>div {
text-align: center;
}
}  #menu-video-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(55, 56, 58, 1);
background-image: url(//studiosaspa.com/wp-content/themes/sunway/images/fountain.png);
background-repeat: no-repeat;
background-position: center 80%;
z-index: 9999;
}
#menu-video-overlay>div {
position: absolute;
width: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#menu-video-overlay>div>video {
width: 80vw;
height: 100%;
}
#menu-video-overlay>div>a {
position: absolute;
display: block;
width: 50px;
height: 62px;
top: -15px;
right: -45px;
font-size: 50px;
text-decoration: none;
color: #fff;
transition: opacity .2s linear;
}
#menu-video-overlay>div>a:hover,
#menu-video-overlay>div>a:active,
#menu-video-overlay>div>a:focus { opacity: .8;} .nav-container .menu-right-part {
position: absolute;
right: 0;
top: 0;
height: 100%;
font-size: 12px;
}
.nav-container .menu-right-part>a:last-of-type:not(.book-your-stay) {
margin-right: 25px;
}
.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 {
position: relative;
display: inline-block;
height: 100%;
padding: 20px 40px;
margin-left: 30px;
float: left;
font-size: 12px;
text-decoration: none;
}
.nav-container .menu-right-part a.book-your-stay>span{
display: grid;
position: relative;
top: 50%; vertical-align: middle;
line-height: 1.4em;
}
@media only screen and (min-width: 769px) {
.nav-container .menu-right-part a.book-your-stay>span{
transform: translateY(-50%);
}
}
@-moz-document url-prefix() {
.nav-container .menu-right-part a.book-your-stay>span{
line-height: 1.8em;
}
}
.nav-container .menu-right-part .menu-search {
font-size: 1.4rem;
}
.nav-container .menu-right-part a.book-your-stay>span>i {
font-size: 1.6rem;
padding-top: 5px;
padding-bottom: 10px;
}
.nav-container .menu-right-part a.book-your-stay>span>br {
display: block;
margin-top: -5px;
content: ' ';
}
.nav-container .menu-right-part .menu-search,
.nav-container .menu-right-part .menu-video,
.nav-container .menu-right-part .menu-lang {
display: table;
padding: 0;
text-transform: uppercase;
transition: color .2s linear, background-color .2s linear;
-webkit-transition: color .2s linear, background-color .2s linear;
-o-transition: color .2s linear, background-color .2s linear;
-moz-transition: color .2s linear, background-color .2s linear;
}
.nav-container .menu-right-part .menu-video {
margin-left: 0;
}
.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 {
display: table-cell;
vertical-align: middle;
}
.nav-container .menu-right-part .menu-search>i{padding-top: 6px;}
.nav-container .menu-right-part .menu-video>span>span,
.nav-container .menu-right-part .menu-lang>.lang-switcher>span {
padding: 5px 20px 4px;
border: 2px solid currentColor;
}
.nav-container .menu-right-part .menu-video.s {margin-left: 20px;}
.nav-container .menu-right-part .menu-video:not(:first-child):not(.s)>span>span {border-left: none !important;} .menu-container {
width:100%;
margin: 0 auto;
padding: 20px 0;
}
label.responsive_menu span {
margin-left: 10px;
color: white;
display: none;
}
.sunway-primary-nav {
position: relative;
margin: 0;
} .sunway-primary-nav a, .sunway-primary-nav a:link, .sunway-primary-nav a:visited, .sunway-primary-nav a:focus, span {
text-decoration: none !important;
-webkit-tap-highlight-color: transparent !important;
}
.sunway-primary-nav>li *>a {
display: inline-block;
width: 100%;
font-weight: 300;
font-size: 120% !important;
}
.sunway-primary-nav a:hover {
text-decoration: none;
} .sunway-primary-nav > li {
display: inline-block;
text-align: center;
}
.sunway-primary-nav li > ul li>a>i,
.sunway-primary-nav > li.dropdown>a>span>i {
display: inline-block;
padding-left: 10px;
}
.sunway-primary-nav li > ul li>a>i {
position: relative;
padding: 20px 10px 0 20px;
float: right;
}
.sunway-primary-nav li > ul li>a>i:before,
.sunway-primary-nav > li.dropdown>a>span>i:before {
position: absolute;
top: 50%;
transform: translateY(-51%);
}   .sunway-primary-nav > li > a {
position: relative;
display: block;
height: 100%;
padding: 20px 10px 20px 10px;
line-height: 0;
letter-spacing: .04em;
}
.sunway-primary-nav > li > a > span {
position: relative;
top: 50%;
transform: translateY(-50%);
} .sunway-primary-nav > li > ul {
visibility: hidden;
position: absolute;
list-style: none;
min-width: 200px;
text-align: left;
margin-top:-30px;
margin-left: -10px;
padding: 0 0 15px 0;
z-index: 99;
animation: fadeSlideDown .2s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
-webkit-box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.4);
box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.4);
}  body:not(.mobile-maybe) .sunway-primary-nav > li.active-hover > ul,
.sunway-primary-nav > li.open > ul {
visibility: visible;
display: block;
opacity: 1;
border-bottom: 2px solid var(--content-color);
animation: fadeSlideUp .2s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
}
@keyframes fadeSlideUp {
0% {
opacity: 0;
display: block;
}
100% {
margin-top: 0px;
opacity: 1;
}
}
@keyframes fadeSlideDown {
0% {
opacity: 1;
margin-top: 0px;
}
100% {
opacity: 0;
margin-top: -30px;
display: none;
}
} .sunway-primary-nav li > ul li {
position: relative;
display: block;
padding: 6px 20px;
}
.sunway-primary-nav li > ul li:first-child:not(:last-child) {
padding-top: 0;
} .sunway-primary-nav > li > ul li ul {
opacity: 0;
visibility: hidden;
position: absolute;
list-style: none;
top:0px;
left: 200px;
min-width: 200px;
text-align: left; padding: 15px 0 15px 0;
margin-top: -15px;
margin-left: -30px;
border-bottom: 2px solid var(--content-color);
animation: fadeSlideRight .2s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
-webkit-box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.4);
box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.4);
}
input#responsive_menu { display: none; } body:not(.mobile-maybe) .sunway-primary-nav > li ul li:hover > ul,
.sunway-primary-nav > li ul li.open > ul {
visibility: visible;
display: block;
opacity: 1;
border-bottom: 2px solid var(--content-color);
animation: fadeSlideLeft .2s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
}
@keyframes fadeSlideLeft {
0% {
opacity: 0;
display: block;
}
100% {
margin-left: 0px;
opacity: 1;
}
}
@keyframes fadeSlideRight {
0% {
opacity: 1;
margin-left: 0px;
}
100% {
opacity: 0;
margin-left: -30px;
display: none;
}
} .sunway-primary-nav > li > .megadrop {
visibility: hidden;
position: absolute;
list-style: none;
left: 0px;
width: 100%;
min-height: 100px;
text-align: center;
margin-top: -30px; padding: 0 0 14px 0;
z-index: 99;
overflow: hidden;
animation: fadeSlideDown .2s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
-webkit-box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.4);
box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.4);
}  body:not(.mobile-maybe) .sunway-primary-nav > li.active-hover .megadrop,
.sunway-primary-nav > li.open .megadrop {
visibility: visible;
display: block;
opacity: 1;
animation: fadeSlideUp .2s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
} .sunway-primary-nav .columndrop {
visibility: hidden;
position: absolute;
list-style: none;
min-height: 100px;
text-align: left;
margin-top:-30px;
margin-left: -10px;
padding: 0;
padding: 0 10px 10px 10px;
z-index: 99;
animation: fadeSlideDown .2s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
-webkit-box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.4);
box-shadow: 0px 5px 9px -6px rgba(0,0,0,0.4);
}  body:not(.mobile-maybe) .sunway-primary-nav > li.active-hover .columndrop,
.sunway-primary-nav > li.open .columndrop {
visibility: visible;
display: block;
opacity: 1;
animation: fadeSlideUp .2s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
}
.sunway-primary-nav .columndrop .col { margin:0 9px;
} .sunway-primary-nav .col {
display: inline-grid;
width: 15%;
min-width: 190px;
margin: 0 0 0 2.2%;
text-align: left;
}
.sunway-primary-nav div.columndrop.col-md-1 .col {
width: calc(100% - 10px);
}
.sunway-primary-nav div.columndrop.col-md-2 .col {
width: calc(50% - 20px);
}
.sunway-primary-nav div.columndrop.col-md-3 .col {
width: calc(33% - 30px);
}
.sunway-primary-nav div.columndrop.col-md-4 .col {
width: calc(25% - 40px);
}
.sunway-primary-nav div.columndrop.col-md-5 .col {
width: calc(20% - 50px);
}
.sunway-primary-nav .col ul {
padding: 0;
margin: 0;
}
.sunway-primary-nav .col ul li {
padding: 0;
list-style: none;
font-weight: 300 !important;
}
.sunway-primary-nav .col h3 {
position: relative;
font-size: 16px; padding: 0 0 14px;
font-weight: 700;
white-space: nowrap; margin: 0 0 5px 0;
}
.sunway-primary-nav .col ul li a {
display: block; padding: 0 0 12px 0;
}
.sunway-primary-nav .col ul {
background: none !important;
}
.sunway-primary-nav > li > .columndrop,
.sunway-primary-nav > li > .megadrop {
background-position: bottom right;
background-repeat: no-repeat;
border-bottom: 2px solid var(--content-color);
}
.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 {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
} @media only screen and (min-width: 1024px) and (max-width: 1440px) {
.sunway-primary-nav,
.nav-container .menu-right-part,
.nav-container .menu-right-part a {
font-size: 10px !important;
}
.sunway-primary-nav > li > a {
padding: 20px 8px 20px 5px;
}
.sunway-primary-nav li > ul li>a>i,
.sunway-primary-nav > li.dropdown>a>span>i {
padding-left: 2px;
}
}
@media only screen and (min-width: 768px) 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: 768px) and (max-width: 959px) {
.menu-container {
width:768px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.menu-container {
width: 420px;
}
}
@media only screen and (max-width: 479px) {
.menu-container {
width: 300px;
}
}
@media only screen and (max-width: 959px) and (min-width: 769px) { .sunway-primary-nav > li > ul li ul li ul {
left: -200px;
z-index: 3;
}
.sunway-primary-nav > li > a{
padding: 20px 12px;
font-size: 12px;
}
.sunway-primary-nav .columndrop .col {
width: 120px;
margin:0 5px;
}
}
.mobile-book-your-stay,
.menu-item.mobile-menu-extras {display: none !important;}
@media only screen and (min-width: 769px) { .sunway-primary-nav .col h3 {
padding-left: 20px;
}
.sunway-primary-nav .col h3:after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 10px;
height: 2px;
margin-top: -6px;
background-color: currentColor;
}
}
@media only screen and (max-width: 768px) {
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%;
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;
}
.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;
}
}