﻿.menuMaker ul{
  list-style: none;
  margin: 0;
  padding: 0
}

ul.siteMap ul {
  display: none;
}
.menuMaker ul {
  list-style: none;
  background-color: transparent;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 50px;
  height: 50px;
  

}
 
.menuMaker a {
   font-family: 'Roboto', sans-serif;
    font-size: 16px;
font-weight: 400;
  text-decoration: none;
  color: #fff;
  display: block;
  
}
 
.menuMaker a:hover {
  background-color: #81C240;
  color: #fff;
  

}
 
.menuMaker a.active {
  background-color: #81C240;
  color: #fff;
  cursor: default;
}
 
 
  /* Option 1 - Display Inline */
 /* .menuMaker li {
    display: inline-block;
    margin-right: -4px;
  }*/
 
   /*Options 2 - Float */
  .menuMaker li {
    float: left;
  }
 /* .menuMaker ul {
    overflow: auto;
    width: 600px;
    margin: 0 auto;
  }
  .menuMaker {
    background-color: #444;
  }
  */
   /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
.menuMaker li {    
    width: 100%;

}
/* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
    .menuMaker li { 
     width: 100%;
}

}
  
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .menuMaker li {        
    width: 120px;     
}
.menuMaker a {
    font-size: 12px;  
}

}
  
/* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {   
    
.menuMaker li {
  padding-right: 15px;  
  max-width: 150px;
  width: 150px;
  
}
.menuMaker a {  
  font-size: 18px;  
}


}