.second-level-menu
{
    position: absolute;
   top: 35px;
    left: 0;
    width: auto;
    list-style: none;
    padding: 0;
    margin: 0;
   display: none;
   z-index:9999;
   width:100%;
   box-sizing: content-box;


}

.second-level-menu > li
{
    position: relative;
    height: 28px;
  text-align:left;
   margin-bottom:1px;
   white-space: nowrap;
   box-sizing: content-box;
   margin-bottom:1px;
      padding:5px 0 6px 15px;
   
   background-color:#fff;
   
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
   opacity: 0.85;


}




.second-level-menu > li:hover { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  -khtml-opacity: 0.95;
  opacity: 0.95;
}




.second-level-menu > li.active { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}



.top-level-menu
{
    list-style: none;
    padding: 0;
   display: table; 
   margin: 0 auto; 
   width:100%
   
}


.top-level-menu > li
{
    position: relative;
    float: left;
   text-align:center;
   /*width:19.85%;*/
   width:24.85%;
   border-right:1px solid #dfdfdf;
height:33px;

   
   
}
.top-active{
color:#5da63d;
}




.top-level-menu li hover > a {color:#5da63d; }

.top-level-menu > li:hover > a {color:#5da63d; }

.top-level-menu > li:hover {color:#5da63d; }


.top-level-menu a:hover {color:#5da63d;}



.top-level-menu > li:hover { }

.top-level-menu li:hover > ul
{
    /* On hover, display the next level's menu */
   display: inline;

}




.top-level-menu:hover
{color:red;
  
}


/* Menu Link Styles */

.top-level-menu a /* Apply to all links inside the multi-level menu */
{
    text-decoration: none;
   padding: 0;
   margin-top:8px;
   display:inline-block;
   box-sizing: content-box;

    /* Make the link cover the entire list item-container */


}

.top-level-menu a:hover {}


.second-level-menu a /* Apply to all links inside the multi-level menu */
{
     text-decoration: none;
   padding: 0px 10px 0 0px;
   display:block;
}






@media screen and (max-width:880px) {
   
   
   
.top-level-menu > li
{
 /*  width:19.8%;*/
   
      width:24.8%;

   
   
}
   
}