.nav-overlay,

.nav-container {

    position: fixed;

    width: 100%;

    top: 0;

	left: 0;

	right: 0;

    z-index: 999;

}



body.non-sticky-menu .nav-container {

	position: absolute;

}



.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: 812px) {

	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:not(.non-sticky-menu) .nav-container {

    top: 32px;

}

body.mobile-maybe.admin-bar:not(.non-sticky-menu) .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: 812px) {

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

	z-index: 9999;

}

#menu-video-overlay.video-regular {

	background-image: url(../images/fountain.png);

	background-repeat: no-repeat;

	background-position: center 80%;	

}

#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;

}

@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 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: 812px) 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: 812px) and (max-width: 959px) {

	.menu-container {

		width:812px;

	}

}



@media only screen and (min-width: 480px) and (max-width: 811px) {

	.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: 812px) {

	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;

		/*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 !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;



		/*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;

	}

}