.menu-wrapper {
display: flex;
justify-content: center;
width: 100%;
position: sticky;
top: 0px;
user-select: none;
font-size: 15px;
background-color: #e31e24;
}

ul.menu {
display: flex;
background-color: #e31e24;
}

ul.menu li {
min-width: 160px;
text-align: center;
position: relative;
}

ul.menu li:hover {
background-color: #c1191f;
}

ul.menu li a {
color: #ffffff;
text-decoration: none;
padding: 10px;
display: block;
}
ul.menu li a:hover {
color: #ffffff;
}

.dropbtn::after {
display: inline-flex;
align-items: center;
content: " \25BC";
font-size: 13px;
padding-left: 5px;
}


ul.menu, ul.menu ul {
list-style: none;
margin: 0;
padding: 0;
}

ul.menu ul.dropdown {
position: absolute;
top: 100%;
width: 100%;
flex-wrap: wrap;
display: none;
font-size: 14px;
transition: 0.5s;
background-color: #f23a3d;
}

ul.menu .icon { display: none; }

@media(hover: hover) and (pointer: fine)
{
ul.menu li:hover .dropdown { display: block; }
}

ul.menu .display { display: block !important; }
ul.menu .open::before { content: "\02630"; }
ul.menu .close::before { content: "\02716"; }
ul.menu .open, ul.menu .close { cursor: pointer; }

@media(max-width: 767px) {
ul.menu { display: table; width: 100%; }
ul.menu li:hover .dropdown { display: none; }
ul.menu li:first-child { display: block; }
ul.menu ul.dropdown { position: static; }
}