.menu-wrapper {position:relative;  display: none; z-index: 1000; /* text-align:left; */ text-align: center;  width:100%; background-color:#443f43;}
.menu-link { display: none;}
/*.menu{float:left;}*/
.menu ul {padding: 0px; margin: 0px; list-style: none; position: relative; display: inline-table;}
.menu-space:before {content:'|'; display:inline-block; padding-left:0.6em;}
.menu > li > ul.sub-menu { min-width: 16em; padding: 4px 0; border: 1px solid #fff;}
.menu ul li { padding: 0px; }
.menu > ul > li { display: inline-block; }
.menu ul li a { display: block; text-decoration: none; color: #eee7ce; font-size: .9em;} /* menu button color */
.menu ul li > a { padding: 1em 0.4em; }
.menu ul li > a:hover { color:#ffd904; }

/* Desktop- Sub menu setting */
.menu ul ul {  display: none;  position: absolute;  top:100%; min-width: 100px; }
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative;}
.menu ul ul > li a { padding: 0.5em 15px 0.5em 10px; background-color: rgba(255,255,255,0.8); border-bottom: solid 1px #bbb; color:#000;}
/*.menu ul ul > li:last-child a { border-bottom:0;}*/
.menu ul ul > li a:hover { background-color: #fff; color: #000; }
/* Desktop- Sub-sub menu setting */
.menu ul ul ul { position: absolute; right: 100%; top:0; width:100%;}

#top-menu { width:100%;}
#share {text-align: left;}
.selected {color:#ffc600;}
.lang-bt {display:none !important;}

/* --------- Mobile ---------- */
@media all and (max-width: 768px) {
    .menu-wrapper {position:relative;  display: inline-block;}
.menu-space {display:none;}
.menu ul li > a { padding: 1em 1em; }
.menu-wrapper {margin:0; text-align:left; background-color: transparent; top:0 !important; position: relative; top: 0;}
.has-submenu .icon-arrow-down { display:none;}
a.menu-link {text-align:center; font-size:2.5em; line-height:60px; display: block; color: #fff; text-decoration: none; width:100%; height:60px; background-color:#ffd904; }
a.menu-link span {float:right; width:65px;}
a.menu-link:hover, a.menu-link.active { color:#f4d238;}
.menu { clear: both; min-width: inherit; float: none; overflow:auto !important;}
.menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #44423f; }
.menu > li > ul.sub-menu { padding: 0px; border: none; }
.menu.active, .menu > ul ul.active { max-height: 435px; }
.menu ul { display: inline; }
.menu > ul { border-top: 1px solid #fff;}
.menu li, .menu > ul > li { display: block; }
.menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #6c6964; position: relative; }
.menu li.has-submenu > a:after { content: '+'; position: absolute; top: 0; right: 0; display: block; font-size: 1.5em; padding: 0.55em 0.5em;}
.menu li.has-submenu > a.active:after { content: "-"; }
/* Mobile- Sub menu setting */
.menu ul ul > li a:hover { background-color: #fff;}
.menu ul ul > li a { background-color: #a59e99; padding: 1em 18px 1em 30px; color:#1c191b; border-bottom: solid 1px #55514b;}
.menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
/* Mobile- Sub-sub menu setting */
.menu ul ul ul { right:auto;}
.menu ul ul ul > li a { background-color:#c9c1bc; border-bottom: solid 1px #55514b;}
.menu ul ul ul > li a:before {content:'- '}
#top-menu {top:0;}
.lang-bt, .lang-bt a {display:block !important; background-color:#000; font-size:0.8em; color:#999 !important; font-weight: 900;}
#OR_TOP_logo{ position:fixed;}
}