/* @media screen and (min-width: 1000px) { */
    .nextbar {
        display: block;
        position: absolute;
        left: 0;
        top: 100%;
        height: 75px;
        width: 100%;
        background-color: #002e73;
    }

/* } */

#memberbar{
    position: relative;
    padding-bottom: 0;
    /* margin-bottom: 75px; */
}

ul.inmeun li a:hover, ul.inmeun li.selected  {
    color: #002e73;
    background-image: url(../images/course/arr.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: inline-block;
}

ul.inmeun li.selected > a{
  color: #000;
}


ul.inmeun li .nextbar {
    display: none;
}

ul.inmeun li.selected .nextbar {
    display: block;
}

ul.popbar {
    text-align: center;
}

ul.popbar li {
    display: inline-block;
    float: none;
}

ul.popbar li a:hover {
    color: #000;
    text-decoration: none;
}

.hr-line {
    display: none;
}


@media screen and (max-width: 999px) {
    #memberbar .container{
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    #memberbar h1 {
        padding-left: 55px;
        padding-top: 0;
        margin-bottom: 20px;
    }

    .cogbtn {
        margin-top: 0;
        margin-right: 25px;
        margin-bottom: 20px;
    }
    ul.inmeun {
        clear: both;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
        background-color: #002e73;
    }
    ul.inmeun>li {
		color:#002e73!important;
        float: none;
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        margin-right: auto;
        margin-left: auto;
    }
    ul.inmeun>li>a {
        color:#FFFFFF!important;
        padding-top: 5px;
        display: block;
        height: auto;

        border-radius: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 10px;
        margin-right: 10px;
        margin-left: 10px;
    }
    ul.popbar {
        width: 100%;
    }
    ul.inmeun li a:hover, ul.inmeun li.selected > a {
		color:#000000!important;
        background-image: none;
		 background-color: rgba(255,255,255,1);
		 border-radius: 5px;
    }
    ul.inmeun li a:hover, ul.inmeun li.selected a {
        /*color: #000000;*/
    }
    .box {
        display: none;
        float: none;
        margin-top: 0;
        padding: 10px;
        background-color: #002e73;
    }
    .search-bar input#search {
        width: 100%;
    }
    .hr-line {
        display: block;
    }
}