@import url(https://fonts.googleapis.com/css?family=Montserrat);

#shop-nav {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 14px;
  line-height: 15px;
/*  text-transform: uppercase; */
  text-align: left;
  z-index: 1;
}
#shop-nav > ul {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #808080;
  text-align:center;
/*  height: 30px;
  overflow:hidden;*/
}

#shop-nav > ul li#cat-responsive-tab {
  display: none;
}
#shop-nav > ul li {
  display: inline-block;
  text-align:left;
  zoom: 1;
}
#shop-nav > ul li.right {
  float: right;
}
#shop-nav > ul li.sub-sub {
  position: relative;
}
#shop-nav > ul li.sub-sub:hover ul {
  display: block;
  overflow:none;
}
#shop-nav > ul li.sub-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: rgba(87, 87, 87, 0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666 ,endColorstr=#666666 );
	zoom: 1;
  border-top: 0 none;
  z-index:3;
}
#shop-nav > ul li.sub-sub ul li {
  display: block;
}

#shop-nav > ul li a {
  display: block;
  padding: 8px 24px 7px 24px;
  text-decoration: none;
  color: #fff;
}

#shop-nav > ul li a.Active,
#shop-nav > ul li a:hover {
  background: #76C9F1;
  color: #000;
}

.first-nav{
background: red;
float: left;
text-transform: uppercase; 
}

.last-nav{
background: red;
float: right;
text-transform: uppercase; 
}

.more{
text-transform: uppercase; 
color: rgb(255, 200, 1);
}
}