.mfMenu {
  display:none;
}

@media screen and (max-width: 650px) {
  #mfMenu {
    display:none;
  }

  .mfMenu ul{
    list-style:none;
    margin:0px;
    padding:0px;
  }

  .mfMenu span {
    vertical-align:middle;
  }

  .mfMenu, .mfMenu ul, .mfMenu li, .mfMenu a {
    display:block;
  }

  .mfMenu li {
    padding:0px;
    text-align:left;
  }

  .mfMenu i.mfMenuIcon {
    background:#4d4d4d url(../images/mfIcon.png);
    display:inline-block;
    margin-right:6px;
    width:22px;
    height:21px;
    vertical-align:middle;
    background-position:0px 0px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
  }

  .mfMenu i.mfWhite {
    background-position:0px -21px;
  }

  .mfMenu .mfLogo {
    padding:5px;
    text-align:center;
  }

  .mfMenu .mfLogo {
    display:inline-block;
    max-width:300px;
    width:100%;
    height:auto;
    margin-top:10px;
  }

  .mfMenu a {
    padding:13px 13px 13px 17px;
    background:#373737;
    border-bottom:1px solid #4c4c4c;
    color:#fff;
    font-weight:normal;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
  }

  .mfMenu li a:hover, .mfMenu li a.activeLink {
    background:#6c6c6c;
  }

  .logo-wrap {
    background:#6492F0;
  }
}

@media screen and (max-width: 420px) {

}