Try something like this:
@media (max-width: 768px) {
.nav-aligned-center .main-navigation.has-branding .inside-navigation {
justify-content: flex-end;
}
.navigation-branding, .site-logo.mobile-header-logo {
order: 4;
margin-right: 10px;
}
.main-navigation.has-branding .menu-toggle {
order: 1;
margin-left: 10px;
margin-right: auto;
}
}