.topbar {
    background: none;
    border: none;
}

.topbar-upper {
    display: flex;
    justify-content: space-between;
}

.mobile-menu {
    margin: 15px;
}

.logo {
    margin: 7px 5px;
}

.logo img {
    max-height: 50px;
}

.keurmerk {
    display: none;
    max-width: 100px;
    margin: 15px;
}

.shopping-menu {
    margin: 15px;
}

.cart {
    margin-top: 5px;
    position: relative;
}

.cart a i {
    font-size: 20px;
}

.cart a span#cartitems {
    position: absolute;
    font-size: 10px;
    top: -7px;
    left: 23px;
    background: #f40305;
    padding: 0px 4px;
    border-radius: 50%;
    color: white;
}

.usps {
    background: #d8e8f0;
    padding: 7px 0;
}

.usps_slider-item {
    display: none;
    text-align: center;
}

.usps_slider-item i {
    font-size: 13px;
    margin-right: 5px;
    color: #02bc02;
}

.usps_slider-item i.black {
    color: inherit;
}

/*.mainmenu {*/
/*    margin-bottom: 7px;*/
/*}*/

/*.mainmenu nav ul li {*/
/*    margin-right: 7px;*/
/*}*/

/*.mainmenu nav ul li:hover {*/
/*    background: none;*/
/*    border-bottom: 3px solid #3899ff;*/
/*}*/

/*.mainmenu nav ul li.mx_parent>a:after {*/
/*    !*color: white;*!*/
/*}*/

/*.mainmenu nav ul li a {*/
/*    !*color: white;*!*/
/*}*/

/*.mainmenu nav ul li:hover a {*/
/*    color: #0099ff !important*/
/*}*/

/*.mainmenu nav ul li ul {*/
/*    top: 37px;*/
/*}*/

/*.mainmenu nav ul li ul a {*/
/*    color: #333;*/
/*}*/

.searchengine {
    position: relative;
    margin: 0 15px;
}

.searchengine.desktop {
    display: none;
    margin-top: 15px;
}

#search-results-mobile {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 37px;
}

#search-results-desktop {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 37px;
}

.clear-search {
    background: #3899ff;
    color: white;
}

#search-results-mobile #search-results-inner {
    padding: 15px 5px;
    border: 1px solid #7a7483;
    background: #d8e8f0;
    flex-wrap: wrap;
    justify-content: space-around;
    row-gap: 10px;
}

#search-results-desktop #search-results-inner {
    padding: 15px 5px;
    border: 1px solid #7a7483;
    background: #d8e8f0;
    flex-wrap: wrap;
    justify-content: space-around;
    row-gap: 10px;
}

.result-item {
    flex-basis: calc(50% - 10px); /* Each item takes 50% width, minus space for margins */
    box-sizing: border-box;
}

.result-item .result-item-inner {
    display: block;
    background: white;
    padding: 12px;
    height: 100%;
}

.result-title {
    font-size: 14px;
    color: #333333;
    margin-bottom: 5px;
}

.result-item .result-item-inner:hover {
    background: rgb(37 46 66 / 29%);
}

.result-image {
    margin-right: 3px;
}

.result-image img {
    width: auto;
    max-height: 65px;
}

#search-results-desktop .result-details span {
    margin-top: 5px;
}

.result-details span {
    display: block;
    margin-top: 15px;
    font-size: 14px;
}

.result-details p {
    font-size: 14px;
    color: #333333;
    margin-bottom: 5px;
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    .topbar-upper {
        max-width: 768px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .mobile-menu {
        display: none;
    }

    .searchengine.desktop {
        display: block;
    }

    .searchengine.mobile {
        display: none;
    }

    .logo {
        margin: 7px 15px;
    }

    .cart {
        margin-top: 9px;
    }
}

@media (min-width: 992px) {
    .topbar-upper {
        max-width: 992px;
    }

    .searchengine.desktop {
        flex-grow: 1;
    }

    .keurmerk {
        display: block;
    }
}

@media (min-width: 1200px) {
    .topbar-upper {
        max-width: 1200px;
    }
}