Center align logo with sticky menu in mobile view

Hello !

I am in a problem that i am not able to center align my logo with sticky menu in mobile view , even i have selected center logo , below meny in suppamenu logo settings .

I have also used this css but could not get any help

/* Center Logo For Mobile Devices (adjust max-width accordingly) */
@media only screen and (max-width: 959px) {
  #site-header #site-logo {    
    float: none;    
    display: block;    
    text-align: center;    
    width: 100%;
    max-width: none;
  }
  #site-logo-inner {    
    display: block;
  }
  #site-header #site-logo img {    
    display: inline;    
    float: none;
  }
}

Please help me solving this problem

Looking forward to you !

Thanks

The page I need help with: [log in to see the link]