ul {
  list-style: none;
}

/* clear'n floats */
li:after {
  clear: both;
}

li:before,
li:after {
    content: " ";
    display: table;
}

/* prime */
li.primary a {
  display: block;
  padding: 15px 30px;
}

li.primary a:hover {
  color: #006ca6;
}

/* subs */
ul.sub {
  position: absolute;
  z-index: 200;
  display:none;
}

ul.sub li {
  float: none;
  margin: 0;
}

ul.sub li a {
  border-right: none;
  color: #000;
  padding: 15px 0px;
  width: 140px;
}

ul.sub li:last-child a {
  border-bottom: none;
}

ul.sub li a:hover {
  color: #000;
}

/* sub display*/
li.primary:hover ul {
  display: block;
  background: #fff;
}

/* keeps the tab background white */
li.primary:hover a {
  color: #666;
  text-shadow: none;
  text-decoration:none;
}

li.primary:hover > a{
  color: #006ca6;
} 

@media only screen and (max-width: 600px) {

li.primary a {
  display: block;
  padding: 15px;
}
  
  li.primary:hover a {
    background: none;
    color: #212322;
  }
  
    li.primary:hover a:active {
    background: none;
    color: #212322;
  }
  

  li.primary:hover ul {
    display: block;
    color: #fff;
  }
  
  ul.sub {
    display: block;  
    position: static;
    box-shadow: none;
    width: 100%;
  }
  
  ul.sub li a {
    border: none;
    color: #212322;
  }
  
  ul.sub li a:hover {
    color: #212322;
    background: none;
  }
  
    ul.sub li a:active {
    color: #212322;
    background: none;
  }
  
}