#navigation{
  padding:0;
  margin:30px 0 0 0 ;
  list-style:none;
  text-align: center;
  width:100%;
}
#navigation ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#navigation li {
   margin-bottom:20px;
   
}
 #navigation li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
  /*  background: #444; */
   box-shadow: none;
   border:none;
   margin:0
}
#navigation a {
  display:block;
  text-decoration: none;
  padding: 8px 0;
  font-size:30px !important;
  text-transform:uppercase;
}
#navigation ul li a, #navigation li:hover li a {
  font-size:1em
}

 #navigation li:hover li {
  max-height: 15em;
}

div#navigation ul#menu.menu li.deeper.parent a:after{
 content: "\f0dd" !important;   
font-family: fontawesome;
color:#464646;
font-weight:normal;
padding-left:10px;
}

div#navigation ul#menu.menu li.deeper.parent a:hover:after{
 content: "\f0dd" !important;   
font-family: fontawesome;
color:#bc7c4d;
font-weight:normal;
padding-left:10px;
}

div#navigation > ul#menu.menu li.deeper.parent a:before{
content: "" !important; 
font-family: fontawesome;
}

div#navigation > ul#menu.menu li.deeper.parent > ul.navig > li.deeper.parent > a:after{
content: "" !important;
font-family: fontawesome;
}

div#navigation > ul#menu.menu li.deeper.parent > ul.navig > li.deeper.parent > a:before{
content: "" !important;
font-family: fontawesome;
}


#navigation ul#menu.menu > li.deeper.parent > ul.navig > li > a:after{
content: "" !important; 
font-family: fontawesome;
}

#navigation ul.menu ul li a {
font-size:18px !important;
text-transform:capitalize;
 }










@media (max-width: 760px) {


}