@media only screen and (max-width: 1000px) {
  #mainmenu {
    width: 100%;
  }
  #mainmenu > .container {
    width: 100%;
  }
  #mainmenu .navbar-header .navbar-brand {
    z-index: 2;
    position: relative;
  }
  #mainmenu .navbar-header img.logo {
    width: auto;
    height: 100px;
  }
  #mainmenu #mainmenu-item-list {
    position: relative;
    z-index: 0;
  }
  #mainmenu .menu-items li a {
    font-size: 15pt;
  }
  #mainmenu .social-icons {
    float: right;
  }
}
@media only screen and (max-width: 768px) {
  #mainmenu {
    width: 100%;
  }
  #mainmenu > .container {
    height: 50px;
    max-height: 50px;
  }
  #mainmenu .navbar-header {
    position: relative;
    z-index: 1;
  }
  #mainmenu .navbar-header .navbar-brand {
    z-index: 2;
    position: relative;
  }
  #mainmenu .navbar-header img.logo {
    width: auto;
    height: 80px;
  }
  #mainmenu #mainmenu-item-list {
    width: 100%;
    position: relative;
    z-index: 0;
  }
  #mainmenu .menu-items li {
    text-align: right;
  }
  #mainmenu .menu-items li a {
    border: none;
  }
  #mainmenu .social-icons {
    display: inline-block;
    float: right;
    margin: 0 5pt;
  }
  #mainmenu .social-icons li {
    display: inline-block;
  }
}