.navigation #menu-button { display: none; }
.navigation { margin-top: 20px; }
.navigation ul.menu { padding: 0px; margin:0px 0 0; display: flex; justify-content: right; transition: ease 0.5s;}
.navigation ul > li { list-style-type: none; position: relative; margin: 0px 10px 0px 10px; display: inline-block; }
.navigation ul > li > a { display:inline-block; color: var(--black); font-size:1.7rem; text-transform: uppercase; text-decoration: none; line-height: normal; padding: 10px 5px; position: relative; z-index: 2; }
.navigation ul > li > a:before { content: ''; position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #000;-webkit-transform: scale3d(0, 5, 1);transform: scale3d(0, 5, 1);-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9); }
.navigation ul > li.current-menu-parent .submenu-button { color: var(--green); }
.navigation ul > li > a:hover, .navigation ul > li.current-menu-item > a, .navigation ul > li.current_page_parent > a { text-decoration: none; color: var(--green); }
.navigation ul > li.current-menu-parent > a, .navigation ul > li.current-menu-parent ul li.current-menu-item > a { color: var(--green); }
.navigation li ul li:hover > ul.pull-right { left:-100%; }

.navigation ul > li > a:hover:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.navigation ul > li.menu-item-has-children > a { padding-right: 16px; }
.navigation ul ul li.current_page_parent > a { color:var(--green); }
.navigation ul > li .submenu-button { position: absolute; right: 0; top:20px; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid var(--black); }
.navigation ul > li:hover > a:before, .navigation ul.navbar-nav > li.current-menu-item > a:before, .navigation ul.navbar-nav > li.current-menu-parent > a:before { transform: scale3d(1, 1, 1); }
.navigation ul > li:hover > a { color: var(--green); }

.navigation ul ul { position: absolute; left: -9999px; width:275px; margin: 0px; padding: 10px 0; top:100%; background:#fff; text-align: left; z-index: 99; }
.navigation ul ul li { list-style-type:none; position: relative; display: block; float: left; width: 100%; padding: 0px; margin:0!important; }
.navigation ul ul li:first-child { border:none; }
.navigation li:hover > ul { left: 0px; margin: 0px; }
.navigation li ul li:hover > ul { top:0; left: 100%; }
.navigation ul ul li a { color: var(--black); padding: 8px 20px 8px 20px; display:block; text-decoration: none; line-height: normal; text-align: left; }
.navigation ul ul li a:hover:after, .navigation ul ul li a:hover:before { display:none; }
.navigation ul ul li:hover > a,
.navigation ul ul li a:hover { color:var(--black); text-decoration: none; background-color: #e9ecef; }
.navigation ul ul li a:after, .navigation ul ul li a:hover:before { display:none; }
.navigation ul ul li.current-menu-item > a { background-color: #e9ecef; }

.navigation ul ul ul { max-height: 500px; overflow: auto; }

#cssmenu.small-screen { display: inline-block; vertical-align: top; }
#cssmenu.small-screen ul { width: 100%; display: none; /*margin-top: 40px;*/ top:100%; position: absolute; left: 0; z-index: 999; background-color: #e9ecef; text-align: left; }
#cssmenu.small-screen.align-center > ul { text-align: left; }
#cssmenu.small-screen ul li { width: 100%; float:left; border-bottom: 1px solid var(--white); position: relative; margin: 0px; }
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a { width: 100%; border-bottom: 0; padding: 12px 47px 12px; line-height: normal; padding-left: 15px; color: var(--black); background: none; font-weight: normal; text-align: left; }
#cssmenu.small-screen ul ul li { border:none; }
#cssmenu.small-screen ul ul li:hover > a,
/*#cssmenu.small-screen ul ul li.menu-item-has-children > a { color: #68A8DE; }*/
/*#cssmenu.small-screen ul li.menu-item-has-children > a { color: #68A8DE; }*/
#cssmenu.small-screen ul ul { overflow: auto; }
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul { position: relative; left: 0; top:0; width: 100%; margin: 0; padding: 0px 0 10px 15px; text-align: left; height: auto; }
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after, 
#cssmenu.small-screen ul ul > li.has-sub > a:before { display: none; }
#cssmenu.small-screen #menu-button { display: block; cursor: pointer; position: absolute; top:-2px; /*transform: translateY(-50%);*/ width: 40px; height: 38px; right: 10px; z-index: 99; }
#cssmenu.small-screen #menu-button:after { position: absolute; top: 21px; right: 10px; display: block; height: 12px; width: 30px; border-top: 3px solid #000; border-bottom: 3px solid #000; content: ''; }
#cssmenu.small-screen #menu-button:before { position: absolute; top: 12px; right: 10px; display: block; height: 3px; width: 30px; background:  #000; content: ''; }
#cssmenu.small-screen #menu-button.menu-opened:after { top: 19px; border: 0; height: 3px; width: 30px; background:  #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#cssmenu.small-screen #menu-button.menu-opened:before { top: 19px; background: #000; width: 30px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

#cssmenu.small-screen .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border: none; border-left: 1px solid rgba(255,255,255,1);height: 42px; width: 64px; cursor: pointer; }
#cssmenu.small-screen .submenu-button.submenu-opened { background: var(--skyblue); }
#cssmenu.small-screen .submenu-button::after { position: absolute;top: 21px; right: 26px; width: 15px; height: 3px; display: block; background: var(--black); content: ''; }
#cssmenu.small-screen .submenu-button.submenu-opened:after { background:  var(--black); }
#cssmenu.small-screen .submenu-button::before { position: absolute; top: 15px; right: 32px;display: block;width: 3px;height: 15px; background:  var(--black); content: ''; }
#cssmenu.small-screen .submenu-button.submenu-opened::before { display:none; }


@media (min-width:1200px) {
	.navigation ul > li > a { font-size: 1.3rem; }
	#wrapper .navbar-brand img { height: 60px; }
	.navigation ul > li { margin: 0 2px; }
}
@media (min-width:1400px) {
	.navigation ul > li > a { font-size: 16px; }
	#wrapper .navbar-brand img { height: 80px; }
}
@media (min-width:1600px) {
	.navigation ul > li > a { font-size: 16px; }
	#wrapper .navbar-brand img { height: 80px; }
}

@media (max-width:1199px) {
	#cssmenu ul { padding:0px; display: none; }
	#cssmenu > ul > li.current-menu-item a::after, #cssmenu > ul > li.has-sub > a:after { display:none; }
	#cssmenu li ul li:hover > ul { left:0; }
	.navigation ul > li > a:hover::after { display:none!important; }
	header .container { position: relative; }
	.menuelements { padding-right: 70px; }
	.navigation ul > li > a:hover::before { display: none; }

}

@media (max-width:767px) {
	#cssmenu.small-screen ul { max-height: 500px; overflow: auto; }
}

@media(min-width:576px) and (max-width:767px) {
	#wrapper .navbar-brand img { height: 50px; }
	.menuelements { padding-right: 60px; }
	.tabmember, .tablogin { padding: 8px 20px; font-size: 13px; }
}

@media (max-width:575px) {
	#cssmenu.small-screen #menu-button { top:45%; transform: translateY(-50%); }
}