#site-header #main-header #main-navigation .menu {
  display: flex;
  justify-content: space-between;
  /*
                >li:first-child{
                    .sub-menu{
                        li:first-child:before{
                            content: "Who We Clean";
                            color: #011789;
                            text-transform: none;
                            font-family: 'Impact';
                            font-size: 16px;
                            position: relative;
                            left: 5px;
                            display: block;
                            width: 100%;
                        }

                    }

                }

                */ }
  #site-header #main-header #main-navigation .menu > li.menu-item-has-children > a:after {
    content: "\f078";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 6px;
    color: #78BE21;
    font-size: 12px;
    position: relative;
    top: -1px; }
  #site-header #main-header #main-navigation .menu > li.menu-item-has-children:hover .sub-menu {
    display: flex; }
  #site-header #main-header #main-navigation .menu > li {
    width: 100%; }
    #site-header #main-header #main-navigation .menu > li > a {
      font-size: 16px; }
    #site-header #main-header #main-navigation .menu > li .sub-menu {
      left: -45px;
      width: calc(100% + 45px);
      display: flex;
      display: none;
      flex-flow: column wrap;
      align-content: space-between;
      height: 300px;
      -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
      background: #fff;
      margin-top: 1px;
      padding: 4.5rem 3rem 1.5rem; }
      #site-header #main-header #main-navigation .menu > li .sub-menu li {
        width: 33.3333%;
        margin: 0;
        padding: 0;
        background: none; }
        #site-header #main-header #main-navigation .menu > li .sub-menu li a {
          color: #3c3c3e;
          font-size: 16px;
          padding: 5px;
          background: none;
          border: none; }
      #site-header #main-header #main-navigation .menu > li .sub-menu li:nth-child(3n+1) {
        order: 1; }
      #site-header #main-header #main-navigation .menu > li .sub-menu li:nth-child(3n+2) {
        order: 2; }
      #site-header #main-header #main-navigation .menu > li .sub-menu li:nth-child(3n) {
        order: 3; }
    #site-header #main-header #main-navigation .menu > li .sub-menu::before,
    #site-header #main-header #main-navigation .menu > li .sub-menu::after {
      content: "";
      flex-basis: 100%;
      width: 0;
      order: 2; }

.mobile-menu-header {
  background: #003DA5;
  border-bottom: solid 2px #132161;
  position: fixed;
  top: 0;
  z-index: 99999;
  width: 100%;
  display: none;
  height: 70px; }
  .mobile-menu-header .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 15px;
    height: 100%; }
    .mobile-menu-header .inner .phone-btn {
      color: #fff; }
    .mobile-menu-header .inner .mobile-menu-logo {
      display: flex;
      align-items: center; }
      .mobile-menu-header .inner .mobile-menu-logo .mobile-menu-trigger {
        background: none !important;
        text-shadow: none;
        color: #78BE21 !important;
        font-weight: bold; }
      .mobile-menu-header .inner .mobile-menu-logo a img {
        width: 120px;
        display: block; }

.mobile-menu-container.mean-container .mean-bar {
  background: none !important; }
  .mobile-menu-container.mean-container .mean-bar .mean-nav {
    background: none; }
    .mobile-menu-container.mean-container .mean-bar .mean-nav .menu {
      height: 100vh;
      position: fixed;
      background: #003DA5;
      background: rgba(24, 45, 137, 0.96);
      overflow: auto;
      top: 0;
      z-index: -1; }
      .mobile-menu-container.mean-container .mean-bar .mean-nav .menu:before {
        content: '';
        display: block;
        padding-bottom: 70px; }
      .mobile-menu-container.mean-container .mean-bar .mean-nav .menu > li.mean-last {
        padding-bottom: 40px; }
      .mobile-menu-container.mean-container .mean-bar .mean-nav .menu > li:first-child .sub-menu:before {
        content: 'WHO WE CLEAN'; }
      .mobile-menu-container.mean-container .mean-bar .mean-nav .menu > li:nth-child(3) .sub-menu:before {
        content: 'WHY JAN-PRO'; }
      .mobile-menu-container.mean-container .mean-bar .mean-nav .menu > li {
        display: flex; }
        .mobile-menu-container.mean-container .mean-bar .mean-nav .menu > li > a {
          background: none !important;
          border: none;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          width: auto;
          padding: 2rem 45px;
          margin-left: auto;
          font-size: 18px;
          -webkit-box-sizing: content-box;
          -moz-box-sizing: content-box;
          box-sizing: border-box; }
        .mobile-menu-container.mean-container .mean-bar .mean-nav .menu > li a {
          outline: none; }
        .mobile-menu-container.mean-container .mean-bar .mean-nav .menu > li a.mean-expand {
          border: none !important;
          width: auto;
          height: auto;
          padding: 2rem 23px 2rem 0 !important;
          margin: 0;
          top: auto;
          right: 0;
          color: #78BE21;
          transition: none; }
        .mobile-menu-container.mean-container .mean-bar .mean-nav .menu > li a.mean-clicked {
          text-align: center;
          width: 100%;
          display: block;
          padding: 15px !important;
          margin: 15px 0 0;
          font-size: 21px !important; }
          .mobile-menu-container.mean-container .mean-bar .mean-nav .menu > li a.mean-clicked:after {
            content: 'BACK TO NAVIGATION';
            color: #fff;
            display: inline-block;
            margin-left: 10px; }
        .mobile-menu-container.mean-container .mean-bar .mean-nav .menu > li ul.sub-menu {
          position: absolute;
          top: 0;
          background: #003DA5;
          z-index: 1;
          height: 100vh;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          overflow: auto;
          align-content: flex-start;
          padding-top: 90px; }
          .mobile-menu-container.mean-container .mean-bar .mean-nav .menu > li ul.sub-menu:before {
            color: #78BE21;
            display: block;
            width: 100%;
            text-align: center;
            padding: 0 1.5rem 1.5rem;
            font-size: 21px;
            font-weight: bold; }
          .mobile-menu-container.mean-container .mean-bar .mean-nav .menu > li ul.sub-menu li {
            width: calc(50% - 10px);
            padding: 0 5px; }
            .mobile-menu-container.mean-container .mean-bar .mean-nav .menu > li ul.sub-menu li a {
              border-top: none;
              padding: 5px 0;
              text-align: center;
              width: 100%;
              background: none;
              font-weight: bold; }