.ResponsiveMenuIcon
{
    display:none;
    cursor:pointer;
}

.ResponsiveMenuIcon > span
{
    display:inline-block;
    line-height:40px;
    height:40px;
    vertical-align:top;    
}

.ResponsiveMenuIconImage
{
    background:url(/Content/menu-icon.png) no-repeat;
    background-position:center;
    width:21px;
}

ul.ResponsiveMenu
{
    list-style:none;
    margin:0;
    padding:0;
}

ul.ResponsiveMenu li
{
    float:left;
}

@media screen and (max-width: 767px) 
{
    ul.ResponsiveMenu li
    {
        float:none;
    }
    
    .ResponsiveMenuIcon
    {
        display:block;
    }
    
    .ResponsiveMenu
    {
        display:none;
    }
}

@media screen and (min-width: 768px) 
{
    .ResponsiveMenu
    {
        display:block !important;
    }
}