#main-navigation ul {
    list-style: none;
    padding:0;
    margin:0;
}
.menu-item{position:relative;}
#main-navigation * {
    background: transparent;	text-align:left;
}
html[dir='rtl'] #main-navigation, html[dir='rtl'] #main-navigation * {
    direction: rtl !important;
    float: none;	text-align:right;
}
ul#menu-main-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
ul#menu-main-menu a {
    padding: 0 0;
    line-height: 135%;
    color: #04416d;
    font-size: 20px;
    text-decoration: none;
}
.mobile-nav .nav-tagger {
    z-index: 30000;
    right: 160px !important;
    display:none;
}

@media screen and (min-width:998px){
    #main-navigation {
        padding: 0;
        align-self: flex-end;
        display: block;
        height: auto;
        margin-bottom: 10px;
    }
	.sub-menu {		position: absolute;		top: 100%;		right: -50%;		width: 15em;		display: none;		padding: 0px 0;		text-align: center;		background: rgba(255,255,255,0.9)!important;		height: auto;		transition: all 0.5s;		z-index: 9999;		box-shadow: 3px 4px 12px rgba(0,0,0,0.4);	}
    .sub-menu .menu-item {
        min-width: 130px;
        margin: 0 auto !important;
        padding: 0px 0;
        display: block;
        height: auto;
        transition: all 0.5s;
    }    .sub-menu .menu-item:hover {		background: rgba(0,0,0,0.07) !important;	}
    ul#menu-main-menu .sub-menu li a {
        font-size: 18px!important;
        transition: all 0.5s;
        display: block;
        height: auto;		line-height:1.7em;		padding:5px;
    }
    /*.menu-item:hover > .sub-menu a{font-size:20px!important}*/
    .menu-item:hover > .sub-menu{display:block;}
    /*.menu-item:hover  .menu-item{padding:5px 0;}*/
    .row.header-container-row {
        align-items: baseline;
        max-width: 1280px;
        width: 100%;
        margin: 0 auto;
    }
    #main-navigation > * {
        margin: 0;
    }
    #main-navigation * {
        background: transparent;
    }
    ul#menu-main-menu .menu-item:last-child {
        margin-left: 0;
    }
}

@media screen and (max-width:998px){
    .mobile-only{display:none;}
    .mobile-nav .nav-tagger {
        z-index: 30000;
        right: 160px !important;
    }
    #main-navigation{
        display:none !important;
    }
    .nav-tagger.mobile-only {
        display: block;
        width: 50px;
        height: 45px;
        position: absolute;
        background: #2d69a8;
        border-radius: 10px;
        align-self: center;
        margin-right: 20px;
        cursor: pointer;
        transition: all 0.5s;
        right: 0 !important;
    }
    .nav-tagger.mobile-only .line {
        width: 60%;
        height: 3px;
        background: black;
        position: absolute;
        right: 10px;
        border-radius: 15px;
    }
    header .line.one {
        top: 10px;
    }
    header .line.two {
        top: 20px;
    }
    header .line.three {
        top: 30px;
    }
    .mobile-nav header .line.one{transform:rotate(45deg)}
    .mobile-nav header .line.three{display:none;}
}