@media screen and (min-width:768px){
.menu_mobile{
	display:none;
}

.menu_desktop ul{
        list-style: none;    
        color:#fff;
		width:100%;
		display:flex;
		justify-content: space-between;
		padding:0;
		margin: 0;
    }
	
.elementskit-menu-po-center{
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}

.elementskit-menu-po-right{
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}

.elementskit-menu-po-justified{
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}

.elementskit-menu-po-left{
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:start
}


.menu_desktop ul li {
  display: inline;
  position: relative;
  transition: 300ms ease-out;
  padding: 0 0 0 1.8vw;
  box-sizing:border-box;
}

.menu_desktop ul li a{
    color:#fff !important;
	text-decoration:none;
}

.menu_desktop ul li a ([aria-current="page"]) {
	color: #f00 !important;
  }


.menu_desktop ul li a:hover{
    color:#fff;
}


.current-menu-item a{
	color:#fff !important;
}


}


@media screen and (max-width:767px){
.menu_desktop{
	display:none;
}	



 .logo { 
        float:left !important;
        z-index:300;
        width:100%;
    }

    .logo img{
        max-height:10vw;
        width:10vw;
    } 

.menu_mobile{
    position: fixed;
    width:100%;
    z-index: 99999 !important;
	top:0;
    left:0;
    right:0;
    display:flex;
    align-items:center;
    height:20vw;
}

.open_menu{
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 3vw 5vw;
   width:100%;
}


.mobile-menu__opener {
	z-index: 300;
	float:right;	
    height: 5vw; 
    width: 10vw;
	border: none;
	text-align: center;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	position: relative;
}

.mobile-menu__opener span {
	display: block;
	width: 100%;
	height: 0.4vw;
	background: #333;
	position: absolute;
	top: 50%;
	text-indent: -9999px;
	letter-spacing: -5px;
	text-align: left;
		
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.mobile-menu__opener:before,
.mobile-menu__opener:after {
	display: block;
	content: '';
	width: 100%;
	height: 0.4vw;
	position: absolute;
	background: #333;
		
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
				
	backface-visibility: hidden;
	transform-style: preserve-3d;
	-moz-transform-style: flat;
}

.mobile-menu__opener:before {
	top: 0;
}

.mobile-menu__opener:after {
	top: 100%;
}

.mobile-menu__screen {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 200;
}

.mobile-menu__opener, 
.mobile-menu__screen {
	display: none;
}



.mobile-menu__opener, 
	.mobile-menu__screen {
		display: block;
	}
 

	.mobile-menu__opener_menu_open:before {
		top: 50%;
		-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
	}
	
	.mobile-menu__opener_menu_open span {
		opacity: 0;
	}

	.mobile-menu__opener_menu_open:after {
		top: 50%;
		-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}

	.menu {
		/* hide menu */
		height: auto;
	
		opacity: 0;
		visibility: hidden;
		background-color:transparent !important;
			
		-webkit-transform: translateY(-100%);
				transform: translateY(-100%);
		
		/* layout in header */
		flex: 1 0 100%;
			
		/* own layout */
		flex-direction: column;
		align-items: flex-start;
	
		/* positioning */
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
	    
		z-index: 100 !important;
			
		/* styling */
	
	
			
		/* transition */
		-webkit-transition: transform 500ms ease-in-out 0s;
				transition: transform 500ms ease-in-out 0s;
	}
	
	#menu ul{
	    list-style:none;
	    padding:0;
	    margin: 0;
	}
	
	#menu ul li{
	    border-bottom:1px solid #fff; 
	    padding: 5vw;
	    width:100%;
	}
	
	#menu ul li:last-child{
	     border:none;
	}
	
	#menu ul li a{
	     color:#fff;
	}

	

	.menu_slide_up {
		opacity: 1;
		visibility: visible;
	}
	
	
		    .menu_slide_down { 
		       	position: absolute;
		-webkit-transform: translateY(20vw);
				transform: translateY(20vw);
					z-index: 100;
		}

}