@charset "utf-8";
/* CSS Document */

ul.egmenu {  
    background: #04a8a4;  /* green */
    height: 30px;
    width: 100%; 
}

ul.egmenu > li { 
    float: left; 
    position: relative;  
}

ul.egmenu ul {
    background: #04a8a4;  /* green */
    display: none; 
    position: absolute;
    left: 0; top: 100%;
}

ul.egmenu a { 
    cursor: pointer; 
    display: block; 
    color: white; 
    line-height: 30px; 
    padding: 0px; 
}

ul.egmenu li { list-style: none; border-top: solid 1px #eee;}

ul.egmenu li.has-sub > a:after {
      content: '+';
      margin-left: 5px; 
}

ul.egmenu li li{ list-style: none; border-top: solid 0px #eee;}

ul.egmenu li:hover { background: #8d0053;  }  /* dark red */
ul.egmenu li:hover ul { display: block;  }

/*========*/

ul.egmenu ul a { 
    cursor: pointer; 
    display: block; 
    color: white; 
    line-height: 30px; 
    padding: 0px; 
}

ul.egmenu ul li { list-style: none; border-top: solid 1px #eee;}

ul.egmenu ul li.has-sub > a:after {
      content: '+';
      margin-left: 5px; 
}

ul.egmenu ul li li{ list-style: none; border-top: solid 0px #eee;}

ul.egmenu ul li:hover { background: #8d0053;  }  /* dark red */
ul.egmenu ul li:hover ul { display: block;  }






@media all and (max-width: 768px) {
    ul.egmenu {  height: auto; }
    ul.egmenu > li {  float: none; width: 95%; }
    ul.egmenu a { line-height: 30px; }
    ul.egmenu ul { position: relative; }
}

@media all and (min-width: 769px) {
    ul.egmenu li:hover { background: #8d0053;  } /* dark red */
    ul.egmenu li:hover ul { display: block;  }
}






@media all and (max-width: 480px) {
    ul.egmenu {  height: auto; }
    ul.egmenu > li {  float: none; width: 100%; }
    ul.egmenu a { line-height: 30px; }
    ul.egmenu ul { position: relative; }
}

@media all and (min-width: 481px) {
    ul.egmenu li:hover { background: #8d0053;  } /* dark red */
    ul.egmenu li:hover ul { display: block;  }
}

@media all and (max-width: 480px) {
    ul.egmenu {  height: auto; }
    ul.egmenu > li {  float: none; width: 100%; }
    ul.egmenu a { line-height: 30px; }
    ul.egmenu ul { position: relative; }

    ul.egmenu li.tap { background: #8d0053;  } /* dark red */
    ul.egmenu li.tap ul { display: block;  }
}