Align first item in navigation to the left

Hey guys!

Need a little help here. I'd like to align the first item in my navigation to the left, besides my logo. I found a few pertinent entries here in the forums but couldn't exactly get it to work. As my website is now, i'd like to move my "examples item" next to the "FAQ" item, but leave the "mixdealers" item next to my logo.

I'm using:

 

.header-layout-nav-right
.header-nav-list 
{
    display: flex;
    justify-content: left;
  	margin-left: 10px !important;
}

.header-layout-nav-right 
.header-nav-item:last-child{
    margin-left: auto !important;
}

I played with the first-child, nth-child(2) pseudo-classes but got nowhere. I either moved everything or nothing. Can someone help me out here, please?

Link: http://www.mixdealers.com

Thank you!

It looks like you solved by using a new logo image?

17 hours ago, tuanphan said:

It looks like you solved by using a new logo image?

I did, as a remedial solution - would be great to get some insight into this though - I'd like to go with the original solution and other people might need it.

Thank you in advance Tuanphan!