Menu adjustment on desktop and mobile

Hello, Can you adjust or add new CSS to make the menus look good on desktop and mobile?
You are good at setting it to what looks best.
They are close, but couple things:

1. There are 2 “arrows” for the dropdowns. Just keep the one next to the wording, and remove the one on the right side.
2. Text color for “sub menu” should be #45a5dd
3. Anything you see that will make it look better

this is the last code i added:
@media only screen and (max-width: 767px) {
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
font-size: 22px;
}
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li,.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li {
line-height: 1.5em;
}
.responsive #top #wrap_all #av-burger-menu-ul li {
font-size: 22px !important;
}
}