@media screen and (max-width:767px)
{
    .js .content {
      padding: 15px;
      margin-top: 100px;
    }


    .js .navbar-collapse .navbar-nav .top-panel {
        margin-left:40px;
        margin-right:40px;
    }

    .navbar-collapse .navbar-nav .panel-collapse > li {
        border-top:none!important;
        background-color:#BED0DA;
    }

    .js .body-content #logoContainerMobile
    {
        background: url(/images/ace-ed-top-banner-mobile.jpg) no-repeat left;
        background-size:cover;
    }
    .js div.search-panel {
        max-width:200px;
    }
    .js .navbar-collapse .navbar-nav .panel .scrollable
    {
        position:absolute;top:100%;left:0px;
    }
}


@media (min-width:768px)
{
    .js .body-content #logoContainerMobile
    {
        background: url(/images/ace-ed-top-banner.jpg) no-repeat left;
        background-size:cover;
        background: no-repeat center center fixed\9;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/ace-ed-top-banner.jpg', sizingMethod='scale')\9;
    }

    .js #home{width:7%;min-width:55px}
    .js #search{width:20%;min-width:142px}
    .js #advice{width:22%;min-width:160px}
    .js #training{width:26%;min-width:190px}
    .js #publications{width:13%;min-width:100px}
    .js #about{width:8%;}

    .js div.search-panel
    {
        text-align:left;
        margin-top: 3%; 
        margin-bottom: 3%;
    }

    .js .navbar-collapse .navbar-nav .panel .scrollable
    {
        position:absolute;top:100%;left:0px;min-width:400px;
    }
}

    .navbar-collapse .navbar-nav .panel {
      margin-bottom: 0;
      border: none;
      border-radius: 0;
      -webkit-box-shadow: none;
      -box-shadow: none;
      white-space:nowrap;
    }


    .navbar-collapse .navbar-nav .panel-collapse li
    {
        white-space:normal;
        padding-top:5px;
        padding-bottom:5px;
    } 
       
    .navbar-collapse .navbar-nav .panel .top-link
    {
        padding:15px 5px 15px 5px;
    }

    .navbar-collapse .navbar-nav .panel  a{
        font-weight:bold;
        padding-left:15px;
        padding-right:15px;
        display:inline-block;
        font-size: 0.8em;
    }

    .navbar-collapse .navbar-nav .panel-collapse .panel .panel
    {
        padding:15px 0px 0px 15px;
    }

    .navbar-collapse .navbar-nav .panel-collapse .panel .panel.leaf  a 
    {
        font-weight:normal;
    }

    #navbar {
      width: 100%;
    }


    .content {
      margin-left: 300px; 
      min-height: 100%;
    }

    #menu-bar
    {
        display:block;
    }