#header_navigation {
width: auto;
float: right;
position: relative;
display: inline-block;
}

#header_navigation ul {
margin: 0;
list-style-type: none;
}

#header_navigation ul li {
color: black;
float: right;
margin: 0 10px;
padding: 31px 5px;
}
#header_navigation ul li a,#header_navigation ul li a:visited,#header_navigation ul li a:active{
font-weight: bold;
text-decoration: none;
width: 100%;
height: 100%;
text-align: center;
padding: 31px 20px;
color: #000;
}

#header_navigation ul li ul {
margin: 0;
list-style-type: none;
height: 100%;
}

#header_navigation ul li ul li {
color: black;
width: 100%;
margin: 0 10px;
padding: 10px 5px;
clear: both;
}

#header_navigation ul li ul li a,#header_navigation ul li ul li a:visited,#header_navigation ul li ul li a:active{
font-weight: bold;
text-decoration: none;
width: 100%;
text-align: center;
padding: 10px 20px;
color: #000;
}

#header_navigation ul li ul li a:hover {
padding: 10px 20px;
color: rgb(206,35,55);
transition: 1.0s;
}

#header_navigation ul li a:hover {
padding: 31px 20px;
color: rgb(206,35,55);
transition: 1.0s;
}



#header_navigation ul li ul {
visibility: hidden;
position: fixed;
top:86px;
padding: 0px;
z-index: 122;
height: auto;
border-right: #ce2337 solid 1px;
               border-left: #ce2337 solid 1px;
               border-bottom: #ce2337 solid 1px;}

#header_navigation ul li:hover > ul,
#header_navigation ul li ul:hover {
position: fixed;
z-index: 123;
visibility: visible;
background-image: linear-gradient(to bottom, #f2f2f2 0%, white 80%);
margin: 0px;
padding: 0px;
}

#id_more ul li{
clear: both;
font-weight: bold;
text-decoration: none;
text-align: center;
color: #000;
width:100%;
margin: 0;
padding: 20px;
}

#id_more ul li a, #id_more ul li a:visited, #id_more ul li a:active{
font-weight: bold;
text-decoration: none;
text-align: center;
color: #000;
width:100%;
margin: 0;
padding: 20px;
}

#id_more ul li a:hover{
color: rgb(206,35,55);
transition: 1.0s;
padding: 20px;
}


nav {
margin: 20px 0;
width: 100%;
float: right;
position: relative;
display: inline-block;
}

nav ul {
list-style-type: none;
overflow: hidden;
padding: 0;
}

nav .nav {
padding: 0;
margin: 0;
}

nav .nav li {
display: block;
float: right;
}

nav .nav li a {
display: block;
padding: 10px 15px;
color: #333333;
text-decoration: none;
float: right;
}

nav .nav a:hover {
background: #dddddd;
}

nav .nav > li {
float: left;
position: relative;
}

nav .nav > li > a {
display: block;
position: relative;
padding: 0px 15px;
color: #333333;
text-decoration: none;
}

nav .nav > li > ul > li > a {
padding: 0px 15px;
}

<!--nav .nav > li.mm-menu {-->
<!--display: none;-->
<!--}-->
<!---->
<!--nav .nav > li.mm-menu .mm-dropdown-menu {-->
<!--display: none;-->
<!--position: absolute;-->
<!--top: 12px;-->
<!--right: 0;-->
<!--background: #dddddd;-->
<!--}-->
<!---->
<!--nav .nav > li.mm-menu:hover .mm-dropdown-menu {-->
<!--display: block;-->
<!--}-->