/*** ESSENTIAL STYLES ***/
.sf-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  width: 100%;
  position: relative; }
  @media (min-width: 992px) {
    .sf-menu {
      display: block;
      width: auto; } }
  .sf-menu li {
    position: relative; }
  .sf-menu ul {
    position: relative;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99; }
    @media (min-width: 992px) {
      .sf-menu ul {
        position: absolute;
        top: 100%;
        width: auto;
        min-width: 100%;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } }
  .sf-menu > li {
    float: none;
    position: relative;
    border-right: none; }
    @media (min-width: 992px) {
      .sf-menu > li {
        float: left; } }
  .sf-menu li:hover > ul,
  .sf-menu li.sfHover > ul {
    display: none; }
    @media (min-width: 992px) {
      .sf-menu li:hover > ul,
      .sf-menu li.sfHover > ul {
        display: block; } }
  .sf-menu a {
    display: block;
    position: relative; }
  .sf-menu ul ul {
    top: 0;
    left: 0; }
    @media (min-width: 992px) {
      .sf-menu ul ul {
        left: 100%; } }