Move Burger-Menu Icon to the right

Hey guys,

I recently tried to center the Logo + move the menu to the right side by using the following code (https://kriesi.at/support/topic/split-menu-logo-in-the-middle-of-the-menu-is-this-possible-and-if-yes-how/):

@media only screen and (min-width: 780px) {
#top #header .av-main-nav li:nth-child(1) {
	/* Adjust the width of the logo */
    margin-right:300px;
}

#header .main_menu {
    /*background: gold;*/
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
}

#header .logo {
    left: 50%;
    transform: translateX(-70%);
}

#header .logo img {    
    top: 50%;
    transform: translateY(-50%);
    max-width: 400px;  
}
}

The logo seems to be fine but the menu stays in the middle and is still a bit buggy. Any suggestions?

Greetings