@media screen and (min-width: 992px) {
	ul.topmenu{ 
		margin:0; 
		padding:0; 
		list-style:none;		
		display:flex; 
		justify-content:space-between;
	}
	ul.topmenu li{
		margin:0; 
		padding:0; 
		display:inline-block; 
		position:relative; 
		text-align:left;
		line-height:1;
	}
	ul.topmenu li:first-child{
		margin-left:0; 
	}
	ul.topmenu li a{ 
		position:relative; 
		padding:10px 12px; 
		color:var(--color-secondary); 
		font-size: 18px; 
		font-weight:700; 
		display:block;
		line-height:1;
    background: var(--color-white);
	}
	ul.topmenu li li a{
		padding:15px 10px;
		font-size: 16px; 
		font-weight:normal; 
		display:block;
	}
	ul.topmenu li.dropdown > a:after{
		content:'\f0d7'; 
		margin-left:8px; 
		font-family:'FontAwesome'; 
		font-size:14px;
	}
	ul.topmenu li a:hover,
	ul.topmenu li:hover > a,
	ul.topmenu li.current-menu-item > a,
	ul.topmenu li.current-menu-ancestor > a{
		color:var(--color-white);
    background: var(--color-secondary);
	}
	ul.topmenu ul li a:hover,
	ul.topmenu ul li:hover > a,
	ul.topmenu ul li.current-menu-item > a,
	ul.topmenu ul li.current-menu-ancestor > a{
		color:var(--color-white);
    background: var(--color-secondary);
	}
	/* Sub-menu */
	ul.topmenu ul{
		margin:0; 
		padding:0;	
		list-style:none;
		position:absolute; 
		left:0; 
		width:230px; 
		background:var(--color-white); 
		border-top:solid 5px var(--color-secondary); 
		text-align:left;	
		opacity: 0;
		z-index: 9999;	
		top: -9999em;	   		
		-webkit-box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
		box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );    
		-webkit-transform: scale(.9);
		transform: scale(.9);
		-webkit-transform-origin: center top;
		transform-origin: center top;
		-webkit-transition-property: -webkit-transform, opacity, top;
		transition-property: transform, opacity, top;
		-webkit-transition-duration: .3s, .3s, 0s;
		transition-duration: .3s, .3s, 0s;
		-webkit-transition-delay: 0s, 0s, .3s;
		transition-delay: 0s, 0s, .3s;
	}
	ul.topmenu ul li{
		margin:0; 
		padding:0; 
		display:block; 
		border-bottom:solid 1px var(--color-light);
	}
	ul.topmenu ul li.dropdown > a:after{
		float:right;
	}
	
	ul.topmenu li:hover > ul {
		top:100%;
		opacity: 1;	
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}
	ul.topmenu ul li:hover > ul{
		top:-5px; 
		left:100%;
	}
	/* Sub-menu Sub-menu */
	ul.topmenu ul ul{
		left:100%; 
		top:0;
	}

}
/* Mobile */
@media (max-width: 991px) {
	.hamberger{
		border: none; 
		font-size:16px; 
		padding:0; 
		border-radius:0; 
		width:36px; 
		height:36px; 
		position:fixed; 
		left:10px; 
		top:10px; 
		z-index:999;
		background:var(--color-primary);
	}
	.hamberger .menu-icon{
		height:2px; 
		width:26px; 
		display:block; 
		background:var(--color-white); 
		position:absolute; 
		left:4px; 
		top:48%;
	}
	.hamberger .menu-icon:after, 
	.hamberger .menu-icon:before{
		position:absolute;
		-webkit-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	.hamberger .menu-icon:after{
		content:''; 
		width:26px; 
		height:2px; 
		display:block; 
		background:var(--color-white);
		bottom:8px;
	}
	.hamberger .menu-icon:before{
		content:''; 
		width:26px; 
		height:2px; 
		display:block; 
		background:var(--color-white); 
		top:8px;
	}
	.hamberger:focus, 
	.hamberger.focus{
		outline:0; 
		box-shadow:none;
	}
	.hamberger.on .menu-icon{
		background-color:transparent;
	}
	.hamberger.on .menu-icon:after{
		transform: rotate(45deg) translate(5px, 5px);
		-webkit-transform: rotate(45deg) translate(5px, 5px);
		background-color:var(--color-white);
	}
	.hamberger.on .menu-icon:before{
		transform: rotate(-45deg) translate(6px, -6px);
		-webkit-transform: rotate(-45deg) translate(6px, -6px);
		background-color:var(--color-white);
	}

	ul.topmenu{
		position:fixed; 
		top:0; 
		right:-270px; 
		z-index:998; 
		width:270px; 
		height:100%; 
		margin:0;		
		padding:100px 0 0 0; 
		list-style:none; 
		background:var(--color-primary); 
		overflow-y:scroll;
		-webkit-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	ul.topmenu ul{ 
		list-style:none;
		transition: all 200ms linear;
	}
	ul.topmenu.open{
		right:0; 
		box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	}
	ul.topmenu li{
		border-top:1px solid rgba(255,255,255,.3); 
		text-align:left;
	}
	ul.topmenu li a{
		padding:10px 20px; 
		display:block; 
		font-weight:normal; 
		font-size:18px; 
		color:var(--color-white);
	}
	ul.topmenu li a:hover, 
	ul.topmenu li.current-menu-item a{
		color:var(--color-secondary);
	}
	ul.topmenu ul{
		padding-bottom:10px; 
		max-height:0;
		overflow:hidden;
	}
	ul.topmenu ul li{
		border:none;
		transition:300ms;
	}
	ul.topmenu ul li a{
		padding:6px 0 6px 0;
		font-size:14px;
	}
	ul.topmenu li.dropdown .arrow{
		position:absolute; 
		z-index:8; 
		top:0; 
		right:0; 
		width:40px; 
		height:40px; 
		line-height:40px; 
		text-align:center; 
		color:var(--color-white);
		background:var(--color-secondary);
		font-size:18px; 
		cursor:pointer;
		transition:300ms;
	}
	ul.topmenu li.dropdown .arrow:after{
		font-family:'FontAwesome'; 
		content:"\f107";
		transition:300ms;
	}
	ul.topmenu li.dropdown.open > .arrow:after{
		content:"\f106";
	}
	ul.topmenu li.dropdown > a{
		padding-right:40px;
	}
	ul.topmenu li.dropdown.open > ul{
		max-height:600px;
		overflow:visible;
	}
}

/* Reset */
@media screen and (min-width:992px) and (max-width: 1199px){
	ul.topmenu li a{ 
		padding:10px 10px; 
		font-size: 16px; 
	}
}