@media (min-width : 768px) {
  /* Hide dropdown submenu*/
  .mainmenu-submenu {
    display: none;
  }
}

@media (max-width : 768px) {

  .toggleMenu:link,
  .toggleMenu:visited {
    transition: all 0.3s;
    -webkit-transition: all 0.3s; /* Safari */
    float: right;
    margin-top: 28px;
  }

  .toggleMenu:hover,
  .toggleMenu:active,
  .toggleMenuActive {
    text-decoration: none;
  }

  .toggleMenu:link:before {
    font-family: 'FontAwesome';
    content:"\f0c9";
    font-size: 18px;
    background: #83ac58;
    color: #fff;
    border-radius: 50%;
    padding: 12px;
  }

  .toggleMenuActive:link:before {
    background: #789e51;
  }

  .mainMenu {
    width: 100%;
    text-align: left;
  }

  .mainmenu-dropdown {
    margin: 20px 0 0 0;
    font-size: 14px;
   }

   .mainMenu > ul {
      margin-right: 0;
   }

  .mainmenu-dropdown > li {
    display: block;
    border-top: 1px solid #f8f8f8;
    margin: 0;
    padding-left: 0;
  }

  .mainmenu-dropdown > li:last-child {
    border-bottom: 1px solid #f8f8f8;
  }

  .mainmenu-dropdown li .more {
    float: right;
    width: 20%;
    padding: 15px;
    cursor: pointer;
    z-index: 9999;
    position: relative;
    margin: 0 0 0 10px;
    text-align: right;
  }

  .mainmenu-dropdown li .more:before {
    font-family: 'FontAwesome';
    content: "\f078";
    color: #9b9ea3;
  }

  .mainmenu-dropdown > li > a,
  .mainmenu-dropdown > li > a:hover {
    height: auto;
    padding: 15px;
  }
  .mainmenu-dropdown > li > a:hover {
      border: none;
  }

  .mainmenu-dropdown > li.hover,
  .mainmenu-dropdown > li.hover > a {
      background: none;
      color: #000;
      border-radius: 0;
  }

  .mainmenu-dropdown li.hover > .parent {
    background: #f8f8f8;
  }

  .mainmenu-dropdown ul {
    display: block;
    width: 100%;
  }

  .mainmenu-dropdown > li.hover > ul,
  .mainmenu-dropdown li li.hover ul {
    position: static;
  }

  .mainmenu-dropdown > li.hover > a:after,
  .mainmenu-dropdown > li > .menu_ActiveLink:after {
    height: 0;
    border-radius: 0;
    background: none;
}

  .mainmenu-dropdown a {
    padding: 15px 10px;
  }

  /* Second level links */

  .mainmenu-submenu li a {
    font-size: 14px;
    padding: 15px 20px;
  }

  /* Third level links */

  .mainmenu-submenu .mainmenu-submenu li a {
    padding: 15px 30px;
  }
}

@media (max-width : 640px) {

  .toggleMenu:link,
  .toggleMenu:visited {
    margin-top: 31px;
  }
}

@media (max-width : 320px) {

  .toggleMenu:link,
  .toggleMenu:visited {
    margin-top: 21px;
  }
}