Increase size of header and logo and center logo in mobile view

can you try this :

@media only screen and (max-width: 767px) {
  .responsive .logo img,
  .responsive .logo svg {
    max-height: 120px;
    top: 5px;
    left: 50%;
    transform: translateX(-50%)
  }
  .responsive #top #wrap_all .main_menu {
    height: 120px !important;
    right: -20px;
    left: auto;
  }
  .responsive #top .logo{
    max-height: 120px;
    width: 100%;
  }
  .responsive #top #main {
    padding-top: 0px !important;
  }
  .responsive.html_top_nav_header .av-logo-container {
    height: 120px !important;
  }
}