Table / Mobile Menu Issue

Hi

Apologies if there is a solution already posted in a previous thread but im having some trouble with the table menu.

I currently have the below code to set the breakpoint to 1360px which works but the tablet hamburger menu appears under the logo and centered. Mobile menu looks correct so how can i get the tablet to display the same as mobile? Ie floating right on same line as logo.

@media (max-width: 1360px) {
.main-navigation .menu-toggle,
.main-navigation .mobile-bar-items,
.sidebar-nav-mobile:not(#sticky-placeholder) {
display: block;
}

.main-navigation ul,
.gen-sidebar-nav {
display: none;
}

[class*="nav-float-"] .site-header .inside-header > * {
float: none;
clear: both;
}
}