How to change logo position from left to the right of header?

Please help how can I change the position of the logo to the right in my site.
Thanks
Here is the link to the site https://meg.sa/ar/

Change this to:

#logo {
    float: right;
    padding-left: 20px;
    z-index: 100;
}

That’s a start – you will have to fiddle with other elements to get everything in place.

Thanks pixel row… Now I’m trying to put the search box into the left side.