.menu-link { display: none; }
.menu {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position:relative;
  margin-top:60px;
  z-index:100;
  float:left
}
.menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
}
.menu > li > ul.sub-menu {
	/* min-width: 10em; */
	/* padding: 4px 0; */
	background-color: white;
	border: 1px solid #CCC;
}
.menu ul li {
	padding: 0px;
         }

.menu > ul > li {
	display: inline-block;
         }

.menu ul li a {
	display: block;
         text-decoration: none;
         color: #000;
         /* font-size: .9em; */
         }

.menu ul li > a {
	/* height:58px; */
         padding: 19px 12px;
         }

.menu ul ul {
  display: none;
  position: absolute;
  top:100%;
  min-width: 160px;
  background-color: white;
  border: 1px solid #CCC;
}
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; }

.menu ul ul > li a {
	padding: 5px 15px 5px 10px;
         height: auto;
         background-color: white;
         }

.menu ul ul > li a:hover { background-color: #C14D3C; color: #fff; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }

@media all and (max-width: 979px) {
  /* .example-header .container { width: 100%; } */

  a.menu-link {
  	display: block;
         color: #fff;
         background-color: #C14D3C;
         float: left;
         text-decoration: none;
         padding: 19px 10px;
         margin-top:30px
         }

  .menu {
  	clear: both;
         min-width: inherit;
         float: none;
         }

  .menu, .menu > ul ul {
  	overflow: hidden;
         max-height: 0;
         background-color: white;
         }

  .menu > li > ul.sub-menu { padding: 0px; border: none; }

  .menu.active, .menu > ul ul.active {
   	 max-height: 55em;
         }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a {
   	color: #000;
         display: block;
         padding: 0.8em;
         border-bottom: 1px solid #808080;
         position: relative;
         }

  .menu li.open > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em;
  }
  .menu li.open > a.active:after {
    content: "-";
  }
  .menu ul ul > li a {
  	background-color: #e4e4e4;
         /* height:58px; */
         padding: 19px 18px 19px 30px;
         }

  .menu ul ul, .menu ul ul ul {
  	display: inherit;
         position: relative;
         left: auto;
         top:auto;
         border:none;
         }
}



@media (max-width: 480px) {
 a.menu-link {
  	display: block;
         float:left;
         color: #fff;
         background-color: #C14D3C;
         padding-top:11px;
         padding-bottom:11px;
         margin-top:27px
         }

.navbar_ .brand_ h1 {
  font-size: 0;
  line-height: 0;
  width:150px
}

.navbar_ .brand_  {
 width:calc(100% - 70px)
}


  }