.nav-wrapper {
    display: flex;
    align-content: center;
    padding: 20px 30px;
}

.brand-logo {
    display: flex;
    align-items: center;
}

.logo {
    max-width: 130px;
}

.search-bar {
    width: 70%;
    margin: 0 auto;
}

.nav-links {
    display: flex;
    align-items: center;
}

@media (min-width: 767px) {

    .brand-logo .dropdown {
        display: none !important;
    }
}

@media (max-width: 1100px) {
    .search-bar {
        width: 70%;
    }
}

@media (max-width: 767px) {
    .nav-wrapper {
        display: block;
        /* padding: 10px 0; */
        /* width: 95%; */
        margin: 0 auto;
        padding-bottom: 0;
    }

    .brand-logo {
        margin-bottom: 10px;
        justify-content: space-between;
    }

    .search-bar {
        width: 100%;
    }

    .nav-links {
        display: none;
    }
}

@media (max-width: 767px) {

    .brand-logo .dropdown {
        /* display: none !important; */
    }
}

.dropdown {
    position: relative; 
    display: inline-block;
}

.dropdown-toggle, .dropdown-toggle:hover, .dropdown-toggle:focus {
    background-color: transparent !important; 
    border: none !important;
    padding: 0;
}

.dropdown-toggle img {
    width: 30px;
}

.dropdown-menu {
    display: none;
    position: absolute; 
    top: 35px; 
    left: -200px;
    right: 0;
    /* border: 1px solid rgba(0, 0, 0, 0.175);  */
    z-index: 20; 
    background-color: #fff; 
    list-style-type: none;
    box-shadow: 0 0 0 1px rgba(64,87,109,0.07),0 2px 12px rgba(53,71,90,0.2);
    border-radius: 6px;
    /* padding: 20px 0; */
}

.dropdown-menu.show {
    display: block;
    z-index: 100;
}

.dropdown-menu {
    list-style-type: none;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 10px 20px;
    clear: both;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 1rem;
}

.dropdown-menu>li:first-of-type  {
    /* border-top-left-radius: 6px;
    border-top-right-radius: 6px; */
    margin-top: 4px;
}

.dropdown-menu>li:last-of-type>.dropdown-item  {
    /* border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; */
    margin-bottom: 4px;
}

.dropdown-item:hover {
    background-color: #eee;
}