Center Header Logo & Menu in Winning Agent PRO Theme

Currently Winning Agent PRO Theme is very popular for Real State site. I worked in one project and my client was wanting to center the logo & menu at Header. I did this by following tweaks

.title-area {
  float: left;
  padding: 12px 0;
  width: 100%;
}
.header-image .site-title a {
  background-position: center center !important;
}
.site-header .widget-area {
  clear: both;
  display: table;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

I added code in style.css file