#dvSearchBar > input {
    position: static !important;
    width: 100%;
    display:inline !important;
}

#dvSearchBar #searchmenu {
    width: 100% !important;
}

#dvSearchBar ul {
    height: auto !important;
    max-height: 400px !important;
    overflow-x: hidden !important;
    padding-left: 5px !important;
    width: 100%;
}

#dvSearchBar a {
    color:#3498db !important;
}

div.searchBarWrapper {
    left: 0; 
    top: 70px; 
    width: 30px; 
    height: 30px; 
    text-align: center; 
    vertical-align: middle; 
    position: fixed; 
    z-index: 3000; 
    border-top-right-radius: 20%; 
    border-bottom-right-radius: 20%; 
    background-color: #384755 !important;
    margin-top: 35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media print {
    div.searchBarWrapper {
        visibility:collapse;
    }
}

div.searchBarWrapper.expanded{
    left: 24.7%; 
}

.color-male {
    color: deepskyblue;
    font-weight:bold;
    font-size:17px;
}

.color-female {
    color: pink;
    font-weight:bold;
    font-size:17px;
}

@media(max-width:767px) {
    #dvSearchBar #searchmenu {
        background-color:white;
    }
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #dvSearchBar > input {
        position: fixed !important;
    }

    #dvSearchBar #searchmenu {
        width: 760px !important;
        left: -240px;
        top: 23px;
    }

    .navbar-form.navbar-search input {
        height: 60px !important;
    }
}