.navbar {
    background-color: #0085cf !important;
}
.navbar small{display:none;}
.navbar a{
    text-decoration:none;
    color:white !important;
}

@media (min-width: 576px) {
    .navbar-nav .nav-item {
        border-bottom: 1px solid #eee;
    }
}



/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .navbar-nav .nav-item {
        border-bottom-width: 0;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .8rem;
        padding-left: .8rem;
    }

    .navbar .form-control {
        height: 1.6em;
        padding-left: 0;
    }


    .navbar {
        margin-top: 85px;
        padding: 0;
    }

    .navbar a {
        font-size: 115%;
        text-shadow: 1px 1px 1px #555;
    }

    .navbar a small {
        font-size: 80%;
        font-weight: normal;
        display: block;
        padding-top: 0;
        color: #ddd;
        text-shadow: none;
    }

    .navbar, .navbar div {
        position: relative;
    }

    .navbar .nav-link {
        padding: .4rem .1rem .4rem .1rem;
        line-height: 1rem;
    }


    .navbar .navbar-brand {
        position: absolute;
        top: -65px;
    }

    .navbar .dropdown-menu {
        font-size: inherit;
    }

    .navbar-nav li {
        border-right: 1px solid #0095d3;
    }

    .navbar-nav li a {
        border-right: 1px solid #0066b3;
    }

    .navbar-nav li:first-child {
        border-left: 1px solid #0066b3;
    }

    .navbar-nav li:first-child a {
        border-left: 1px solid #0095d3;
    }

    .navbar-nav li a:hover {
        background-color: #0076b5;
    }

    .nav-item-gifts a {
        padding-left: 35px !important;
        background: url(../img/gifts.png) 12px 6px no-repeat transparent;
    }

    .nav-item-home span {
        visibility: hidden;
    }

    .nav-item-home a {
        xdisplay: block;
        xposition: absolute;
        xtop: 0;
        xleft: 0;
        xwidth: 100%;
        xheight: 100%; /* linear-gradient(#0085cf,#0076b5) */
        width: 45px;
        height: 45px;
        background: url(../img/menu-home.png) 0 0 no-repeat transparent;
    }

    #autocomplete{
        width:479px;
        height:38px;
        position:absolute;
        top:-57px;
        left:284px;
        z-index:10;
        border:1px solid #bbb;
        border-radius:3px;
        font-size:110%;
        background:url(../img/search.png) 13px 10px no-repeat #fafafa;
    }

    #autocomplete input{
        width:372px;
        font-size:100%;
        position:absolute;
        top:8px;
        left:40px;
        border-width:0;
        background: transparent;
    }
    #autocomplete input:focus,
    #autocomplete button:focus{
        box-shadow: 0 0 transparent;
    }

    /* WebKit browsers */
    ::-webkit-input-placeholder {color:#666;}
    /* Mozilla Firefox 4 to 18 */
    :-moz-placeholder {color:#666; opacity:1;}
    /* Mozilla Firefox 19+ */
    ::-moz-placeholder {color:#666; opacity:1;}
    /* Internet Explorer 10+ */
    :-ms-input-placeholder {color:#666;}

    #autocomplete label{
        display:none;
    }
    #autocomplete legend{
        display:none;
    }
    #autocomplete fieldset{
        margin:0;
        padding:0;
        position:relative;
        border-width:0;
    }
    #autocomplete p{
        margin:0;
        padding:0;
    }
    #autocomplete select{
        xdisplay:none;
        position:absolute;
        top:5px;
        left:286px;
        border-width:0;
    }
    #autocomplete button{
        position: absolute;
        top: 3px;
        right: 3px;
        display: block;
        width: 61px;
        padding: 0;
        margin: 0;
        height: 30px;
        overflow: hidden;
        background-color: #0085cf;
        color: white;
        border-width: 0;
        cursor: pointer;
        border-radius: 3px;
        font-size: 100%;
    }


    #helper{
        position:absolute;
        top:38px;
        left:-1px;
        width:479px;
        border:1px solid #bbb;
        border-radius:3px;
        background-color:white;
        z-index:100;
        overflow:hidden;
    }
    #helper div{
        position:relative;
        width:100%;
        height:54px;
        oveflow:hidden;
        padding-left:47px;
        border-bottom:1px dotted gray;
        color:grey;
        line-heigth:1.5em;
        z-index:100;
    }
    #helper div:last-child{
        border-bottom: none;
    }
    #helper nobr{
        display:block;
        position:absolute;
        top:8px;
        left:51px;
    }
    #helper div b{
        xdisplay:block;
        padding-top:0px;
        margin-botom:8px;
        color:#444;
    }
    #helper div img{
        position:absolute;
        top:6px;
        left:8px;
        height:40px;
        border:1px solid #eee;
    }
    #helper div.emphasis{
        background-color: #f0f5fa;
        cursor:pointer;
    }




}