/** Small Screen Mobile Modes **/
@media only screen and (max-width: 47.9375rem) {
  /* custom Toggle Hamburger */
  .g-offcanvas-toggle {
    margin-top: 0px !important;
    background-image: linear-gradient(to bottom, #F5AB63, #FDF5CA) !important;
    width: 50px;
  }
  i.fa.fa-fw.fa-bars {
      color: transparent;
  }
  .g-offcanvas-open .g-offcanvas-toggle {
    background-color: #2A4277;
    background-image: linear-gradient(to bottom, #FDF5CA, #F5AB63) !important;
  }
  .g-offcanvas-toggle .icon-bar {
    visibility: hidden;
    background-color: #eeeeee !important;
  }
  /*Add Menu text to responsive menu toggle button.  */
  .g-offcanvas-toggle:after {
    content:'Menu';
    float: left;
    font-size: 1rem;
    color: #000;
    font-weight: bold;
  }
  .g-offcanvas-toggle:after {
    margin-top: -28px;
    margin-left: 2px;
  }
  #g-header .g-container {
      text-align: center;
  }
}