* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    /* For some Androids */
  }
  
  .top-animate {
    background: #fff !important;
    /*background: url(../images/nav-bars.png) 0 0 no-repeat !important;*/
    top: 13px !important;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .mid-animate {
    opacity: 0;
  }

  .bottom-animate {
    background: #fff !important;
   /* background: url(../images/nav-bars-base.png) 0 0 no-repeat !important;*/
    top: 13px !important;
    -webkit-transform: rotate(-225deg);
       -moz-transform: rotate(-225deg);
        -ms-transform: rotate(-225deg);
         -o-transform: rotate(-225deg);
            transform: rotate(-225deg);
  }

  .top-menu {
    top: 5px;
    width: 50px;
    height: 7px;
    background-color: #fff;
    /*background: url(../images/nav-bars.png) 0 0 no-repeat;*/
  }

  .mid-menu {
    top: 20px;
    width: 50px;
    height: 7px;
    background-color: #fff;
    /*background: url(../images/nav-bars.png) 0 0 no-repeat;*/
  }

  .bottom-menu {
    top: 35px;
    width: 50px;
    height: 7px;
    background-color: #fff;
    /*background: url(../images/nav-bars.png) 0 0 no-repeat;*/
  }

  .menui {
    background: #fff;
    /*background: url(../images/nav-bars.png) 0 0 no-repeat;*/
    transition: 0.6s ease;
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    margin-top: 10px;
    position: absolute;
  }