@media screen and (min-width: 1200px) {
	ul.topmenu{ 
		margin:0; 
		padding:0; 
		list-style:none;
		text-align: right;
	}
	ul.topmenu li{
		margin:0 14px 0 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; 
		display:inline-block;
		line-height:1.3;
		padding:0;
		color:#000;
		font-weight: 600;
	}
	ul.topmenu > li > a{ 
		padding: 5px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing:.5px;
		font-size: 14px;
	}
	ul.topmenu > li > a::before{ 
		position: absolute;
		bottom: 0;
		left: 0;
		content: "";
		width: 0;
		height: 2px;
		transition: 600ms;
		background-color:#ccc;
	}
	ul.topmenu > li > a:hover::before,
	ul.topmenu > li.current-menu-item > a:before{ 
		width: 100%;
	}
	ul.topmenu li li a::before{ 
		position: absolute;
		bottom: 5px;
		left: 0;
		content: "";
		width: 100%;
		height: 1px;
		background-color: #000;
		transition: 600ms;
		opacity:0;
	}
	ul.topmenu li li a:hover::before,
	ul.topmenu li li.current-menu-item > a::before{ 
		width: 100%;
		opacity:1;
	}
	ul.topmenu li li a{
		font-weight:600; 
		display:inline-block;
		position: relative;
		padding: 7px 0;
		margin: 0;
		transition:600ms;
		letter-spacing:.5px;
		font-size: 14px;
	}	
	ul.topmenu > li.menu-item-has-children > a{
		padding-right:17px;
		position:relative;
	}
	ul.topmenu li li.menu-item-has-children a{
		position:relative;
	}
	ul.topmenu li.menu-item-has-children::after{
		content:'\f107'; 		 
		font-family:'FontAwesome'; 
		font-size:11px;
		position: absolute;
		top: 48.5%;
		right: 0;
		transform: translateY(-50%);
	}
	ul.topmenu li li.menu-item-has-children::after{
		content:'\f107'; 		 
		font-family:'FontAwesome'; 
		font-size:11px;
		position: absolute;
		top: 48.5%;
		right: 15px;
		color: var(--color-black);
		transform: translateY(-50%);
	}
	/* Sub-menu */
	ul.topmenu ul{		
		margin:0; 
		border: 1px solid #000;
		padding:15px 20px;	
		list-style:none;
		position:absolute; 
		left:0; 
		width:250px; 
		text-align:left;	
		opacity: 0;
		z-index: 99;	
		top: -9999em;	   		
		box-shadow: 0 2px 7px hsla(0, 0%, 50%, .2);
		-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;			
		background-color: #fff;
	}
	ul.topmenu ul li{
		margin:0; 
		padding:0; 
		display:block; 
		/*border-bottom: 1px solid hsla(0, 0%, 50%, .1);*/
	}
	ul.topmenu li:hover > ul li a{
		color:var(--color-black);
	}
	ul.topmenu li:hover > ul li a:hover{
		color:var(--color-black);
	}	
	ul.topmenu ul li.menu-item-has-children > 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;
		z-index: 1000;
	}
	ul.topmenu ul li:hover > ul{
		top:0; 
		left:100%;
	}
	/* Sub-menu Sub-menu */
	ul.topmenu ul ul{
		left:100%; 
		top:0;
		margin-top: -10px;
		margin-left: 4px;
	}
	/*ul.topmenu ul ul ul{
		left:0!important;
		top:100%!important;
	}*/
	span.close-menu{
		display: none;
	}
	.hamburger{
		display: none;
	}
	span.mobilemenulogo{
		display: none;
	}
	#mobilemenubg{
		display: none;
	}
}
/* Mobile */
@media (max-width: 1199px) {
	.hamburgerholder{
		width: 45px;
		height: 45px;
		line-height: 40px;
		margin-left: 10px;
		text-align: center;
	}
	.hamburger{		
		font-size:14px; 
		padding:0; 
		border-radius:0; 
		width:20px;
		height:30px; 
		position:relative;
		right: 0;
		top:0;
		z-index: 5;
		cursor: pointer;
		transition: all 600ms linear;
		/*background-color:var(--color-secondary);*/
		display: inline-block;
		vertical-align: middle;
	}
	.hamburger .menu-icon{
		height:2px; 
		width:20px; 
		display:block; 
		background-color:var(--color-black); 
		position:absolute; 
		left:0; 
		top:48%;
	}
	.hamburger .menu-icon:after, 
	.hamburger .menu-icon:before{
		position:absolute;
		-webkit-transition: all 600ms linear;
		transition: all 600ms linear;
	}
	.hamburger .menu-icon:after{
		content:''; 
		width:20px; 
		height:2px; 
		display:block; 
		background-color:var(--color-black);
		bottom:8px;
	}
	.hamburger .menu-icon:before{
		content:''; 
		width:20px; 
		height:2px; 
		display:block; 
		background-color:var(--color-black); 
		top:8px;
	}
	.hamburger:focus, 
	.hamburger.focus{
		outline:0; 
		box-shadow:none;
	}
	.hamburger.on{
		position: fixed;
		right: 0;
		top: 0;
		-webkit-transform: translateX(-270px);
		-ms-transform: translateX(-270px);
		transform: translateX(-270px);	
	}
	#mobilemenubg{
		position:fixed; 
		top:0; 
		width: 320px;
		right:-320px;
		bottom:0; 
		padding:0;
		z-index:98; 
		height: 100%;		
		overflow:hidden;
		background-color: #fff;	
		transition: all 300ms linear;		
	}
	#mobilemenubg.open{
		overflow-y:auto;
		right: 0;	
	}
	#relocate{
		position: relative;
		height: 100%;
	}

	span.close-menu{
		cursor: pointer;
		position: fixed;
		top: 25px;
		right: -200px;
		z-index: 99;
		color:var(--color-primary);	
		opacity:0;
		transition: all 600ms ease-in-out;	
		transition-delay: 0;	
	}
	span.close-menu svg{
		width: 20px;
		height: 20px;
		transition:600ms;	
	}
	span.close-menu:hover svg{
		transform: rotate(180deg);
	}
	span.close-menu.active{
		position: fixed;
		top: 25px;
		right: 25px;
		z-index: 99;
		opacity:1;	
		transition: all 600ms ease-in-out;	
		transition-delay: 0;
	}
	ul.topmenu{	
		padding:50px 25px 25px 25px; 
		list-style:none; 
		opacity:1;
		transition: all 600ms linear;
	}
	ul.topmenu.open{
		max-height: 100vh;
		overflow-y: auto;
		transition: all 600ms linear;
	}
	ul.topmenu::-webkit-scrollbar {
		display: none;
	}
	ul.topmenu {
		-ms-overflow-style: none;
	} 
	ul.topmenu {
		scrollbar-width: none;
	}
	ul.topmenu li {
		text-align: left;
		margin: 5px 0;
		padding: 0;
	}
	ul.topmenu li a{
		color: var(--color-accent)!important;
		font-weight: 600;
		letter-spacing:.5px;
		font-family: var(--font-primary);
		font-size: 26px;
	}
	ul.topmenu li > a:hover,
	ul.topmenu li.current-menu-item > a{
		color: var(--color-primary)!important;
	}
	ul.topmenu ul{
		max-height:0;
		overflow:hidden;
		margin: 0 0 0 20px;
		padding: 0;
		list-style:none;
		transition: all 600ms linear;		
	}
	ul.topmenu ul li{		
		transition:600ms;
	}
	ul.topmenu ul li a{
		font-weight: 600;
		font-size: 16px;		
	}
	ul.topmenu .arrow{
		font-size:18px; 
		cursor:pointer;
		transition:600ms;
		display: inline-block;
		margin-left: 15px;
		width: 25px;
		height: 25px;
		letter-spacing:.5px;
	}
	ul.topmenu .arrow:after{
		font-family:'FontAwesome'; 
		content:"\2b";
		transition:600ms;
		color: var(--color-accent);
		font-size:14px; 
	}
	ul.topmenu ul .arrow::after{
		content:"\2b";
		font-size:14px; 
	}
	ul.topmenu .arrow.active::after{		
		content:"\f00d";
		font-size:14px; 
	}
	ul.topmenu li.menu-item-has-children ul.sub-menu.subopen{
		max-height:2000px;
		overflow:visible;
	}
}


/* SOCIAL MEDIA ON BOTTOM */
@media screen and (min-width: 1200px) {
	.mobilemenubottom{
		display: none;
	}
}
@media screen and (max-width: 1199px) {
	.mobilemenubottom{
		opacity:0;
		transition: 600ms;	
		transition-delay: 0;
		position: fixed;
		bottom: 51px;
		left: 20px;
		right: 20px;
		z-index:-1;
		padding: 15px 0;
	}
	.mobilemenubottom.active{
		opacity:1;
		transition: 600ms;	
		transition-delay: 1s;
		z-index:99;
	}
	.mobilemenubottom::before{
		content: "";
		display: inline-block;
		width: 0;
		height: 1px;
		background-color: #413f3c;
		transition: 900ms;	
		transition-delay: 0;
		margin: 0 auto;
	}
	.mobilemenubottom.active::before{
		width: 100%;
		transition: 900ms;	
		transition-delay: 1s;
	}
}


/* Desktop menu reset */


#myList li {
	transition: opacity 0.5s ease;
	opacity: 0;
}
  
#myList.animated-list li:nth-child(1){
	opacity: 1;
	transition: opacity 600ms ease-in-out .2s;
}
#myList.animated-list li:nth-child(2){
	opacity: 1;
	transition: opacity 600ms ease-in-out .5s;
}
#myList.animated-list li:nth-child(3){
	opacity: 1;
	transition: opacity 600ms ease-in-out .8s;
}