#my-navbar .navbar-header {
  float: none;
  width: 100%;
}

#my-navbar .gx-brand {
  position: static !important;
  float: none !important;
  width: 100%;
  text-align: center;
  padding: 8px 0;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  max-height: 150px;
  overflow: hidden;
  opacity: 1;
  transition: max-height .4s ease, opacity .4s ease, padding .4s ease;
}

#my-navbar .gx-brand.ghost {
  display: block;
  max-height: 0;
  opacity: 0;
  padding: 0;
}

#my-navbar .gx-brand img {
  display: inline-block;
  margin: 0 auto;
}

#my-navbar .navbar-collapse {
  clear: both;
}

@media (min-width: 768px) {
  #my-navbar .navbar-nav > li > a,
  #my-navbar .navbar-nav > li.socialicon > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #my-navbar .navbar-nav > li.socialicon > a {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  #my-navbar .navbar-nav > li.socialicon > a img {
    display: block;
  }
}