#sub-navigation{display:flex;
    width: 100%;
    align-items: center;
	padding:0 20px;
}

#sub-navigation nav{
	width:100%;
}

#sub-navigation ul{
	padding:0;
	float:right;
    list-style: none;
    display: flex;
}

#sub-navigation li{
    padding: 0 18px;
	position:relative;
}

#sub-navigation li.current_page_item,#sub-navigation li:hover{
    font-weight: 600;
}


#sub-navigation li.current_page_item:after {
    content: "";
    width: 1px;
    height: 16px;
    left: 50%;
    position: absolute;
    display: block;
    background-color: black;
    bottom: -26px;
}

#sub-navigation li a{
	font-family: 'Basel Classic',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 18px!important;
    color: #000000!important;	
	padding-bottom:0;
}

#sub-navigation .logo{
	display:flex;
}

#sub-navigation .logo img{
}

#sub-navigation .logo img.desktop{
}

#sub-navigation .logo img.mobile{
}


@media only screen and (max-width: 767px) {
	header .et_builder_inner_content{
		 display: flex;
    flex-direction: column-reverse;
	}	
	
	#sub-navigation {
		overflow-x: scroll;  
		-webkit-overflow-scrolling: touch;
		overflow-y: hidden;
		display: grid;
		width: 100vw;
		padding: 0;
	}
	
	#sub-navigation li{
    	white-space: nowrap;
	}
	
	#sub-navigation li:hover{
    	font-weight: 500;
	}
	
	#sub-navigation .logo{
		display:none;
		}
	
	.sub-navigation .et_pb_row {
    padding: 12px 0!important;
}

	#header .et-menu-nav {
    padding-bottom: 0px !important;
}
#sub-navigation .logo img.desktop{
	display:none;
}
}


@media only screen and (min-width: 768px) {
#sub-navigation .logo img.mobile{
	display:block;
}
	#sub-navigation .logo img.desktop{
	display:none;
}
	#sub-navigation li{
    padding: 0 12px;
}

}


@media only screen and (min-width: 1080px) {
	#sub-navigation li{
    padding: 0 18px;
}
	
	#sub-navigation .logo img.mobile{
	display:none;
}
	#sub-navigation .logo img.desktop{
	display:block;
}
	


}