.nav-overlay,
.nav-container {
    position: fixed;
    width: 100%;	
    top: 0;
	left: 0;
	right: 0;
    z-index: 999;
}

.nav-overlay {
	/*display: none;*/
	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 {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0.7+0,0+100 */
		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 (max-width: 768px) {	
	.nav-overlay {
		display: block;
	}
}*/
.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) { /*media query added after 1.6*/
	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;
	}
}
/*LOGO STUFF ENDS HERE*/

/**
* Primary Menu Video Button
*/
#menu-video-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(55, 56, 58, 1);
	background-image: url(../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;}

/*MENU RIGHT PART*/
.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%;
    transform: translateY(-50%);	
	vertical-align: middle; 
    line-height: 1.4em;
}
@-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 RIGHT PART ENDS HERE*/

.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;
}

/* Reset Links */
.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; 
}

/* Main element */
.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%);
}

/*mobile menu click arrow to open fix*/
/*@media only screen and (max-width: 1024px) {
	.sunway-primary-nav li > ul li>a>i,
	.sunway-primary-nav > li.dropdown>a>span>i {
		width: 10px;
		pointer-events: all;
	}	
	.sunway-primary-nav li > ul li>a>i:before,
	.sunway-primary-nav > li.dropdown>a>span>i:before {
		right: 0;
		pointer-events: all;
	}
}*/

/* Link Style */
.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%);
}

/* Simple multilevel dropdown */
.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);	
}

/* First level appear */
/*body:not(.mobile-maybe) .sunway-primary-nav > li:hover > ul,*/
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;
    }
}

/* Style for dropdown links */
.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;
}

/* Second and third dropdown level */
.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: 0px;*/
	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; }

/* Second and third level appears */
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;
    }
}

/* Megadrop width dropdown */
.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 10px 0;*/
	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);		
}

/* megadrop appears */
/*body:not(.mobile-maybe) .sunway-primary-nav > li:hover .megadrop,*/
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;		
}

/* columndrop dropdown */
.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);		
}

/* column drop appears */
/*body:not(.mobile-maybe) .sunway-primary-nav > li:hover .columndrop,*/
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 { 
	/*min-width: 130px;*/
	margin:0 9px;
}

/*.coldrop full width dropdown */
.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: 14px 0;*/
	padding: 0 0 14px;
	font-weight: 700;
	white-space: nowrap;
	/*margin: 5px 0 5px 0;*/
	margin: 0 0 5px 0;
}

.sunway-primary-nav .col ul li a {
	display: block;
	/*padding: 0 0 15px 0;*/
	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;
}


/* Responsive container Setting */
@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) {

	/* New direction for third dropdown level */
	.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) {
	/* Dash before title in megadrop and column drop */
	.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: 20px 40px;*/
		/*version 2.2+*/
		padding: 10px 10px;
	}
	
	.nav-container .menu-right-part a.book-your-stay>span {
		display: inherit;
		line-height: 1em;
		/*version 2.2+*/
		width: 205px;
	    text-align: center;
	}
	.nav-container .menu-right-part a.book-your-stay>span>span { 
		/*padding-left: 10px; */
		/*version 2.2+*/
	}
	.nav-container .menu-right-part a.book-your-stay>span>i { 
		/*vertical-align: text-top;*/
		/*version 2.2+*/
		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;

		/*padding: 20px 0;*/
		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%;
		/*display:block;*/
		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;
	}	
	
	/* Disable Border Bottom of The Menus*/
	.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;
	}

	/* Disable animation */
	.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;
	}
}