* {
      margin: 0;
      padding: 0;

      box-sizing: border-box;
    }

    /* hide the checkbox and the label */

    input#responsive-nav,
    label.responsive-nav-label {
      display: none;
    }

    /* declarations for the not-responsive-menu */

    nav {
      float: left;
      width: 100%;
      text-align: left;
    }

    nav ul {
      margin: 0;
      padding: 0;
    }

    nav a {
      display: block;
      color:#B12028;
      text-decoration: none;
    }

    nav ul li {
      position: relative;
      float: left;
      list-style: none;

      transition: 0.0s;
    }

    nav ul li a {
      padding: 10px;
    }

    nav ul > li.submenu > a:after {
      position: relative;
      float: right;
      content: '';
      margin-left: 7px;
      margin-top: 7px;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 5px solid #B12028;
      border-bottom: 5px solid transparent;
    }

    nav ul ul li.submenu > a:after {
      margin-left: auto;
      margin-right: -10px;
      border-left: 5px solid #fff;
      border-right: 5px solid transparent;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
    }

    nav ul li:hover {
      background: transparent;
    }

    nav ul ul {
      position: absolute;
      top: -9999px;
      left: -9999px;

      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    }

    nav ul ul li {
      float: none;
      min-width: 140px;
      border-bottom: 1px solid transparent;
    }


    nav ul ul li:hover {
        background: #A7A8A9;

           }

    nav ul ul li a {
      padding: 10px 10px;
      color: #292B2C;
      font-weight: normal;
      font-size: 90%;
    }


    nav ul ul li a:hover {
        color: #fff;
      }

    nav ul ul li:last-child {
      border-bottom: none;
    }

    nav ul li:hover > ul {
      top: 100%;
      left: 0;
      background: #fff;
    }

    nav ul ul li:hover > ul {
      top: 0;
      left: 200px;
    }



    /* Declarations for the responsive menu */

    @media all and (max-width: 7680px) {

    * {

    }

    label.responsive-nav-label {
        position: relative;
      display: block;
      padding-top: 10px;
      padding-right: 10px;

      cursor: pointer;
      color: #B12028;
      text-align: right;

    }

    label.responsive-nav-label span {
      margin-right: 10px;
    }

    label.responsive-nav-label img {
        height: 20px;
        margin-right: 10px;
        display: block;
      }

    nav {
      position: relative;
      top: -9999px;
      padding: 0px;
      background: #fff;

    }

    nav a:hover {

        color: #292B2C;
    }

    input#responsive-nav[type=checkbox]:checked ~ nav {
      position: relative;
      top: 0;
    }

    nav a:after {
      display: none;
    }

    nav li {
      float: none !important;
      width: 100% !important;
      border-bottom: none !important;

    }

    nav li a {
      margin-bottom: 10px !important;
      padding: 10px 20px !important;
      background: #fff;
    }

    nav ul li:hover {
      background: none;
    }

    nav ul li a:hover {
      background: #A7A8A9;
    }

    nav ul ul {
      position: relative !important;
      width: 100%;
      left: 0 !important;
      top: 0 !important;
      background: none !important;
      box-shadow:none;


    }

    nav ul ul li {
      padding-left: 20px;
    }

    }