li.search-link {
    padding: 5px 0 8px 20px;
}

span.search-term-highlight {
    color: #f37446;
    font-weight: 600;
}

span.search-all-link {
    color: #0092f8;
    font-size: 14px;
}

span.search-result-type {
    float: left;
    font-size: 14px;
    width: 75px;
    margin-right: 1em;
    display: block;
}

li.search-link i {
    padding-right: 2px;
}

li.ui-menu-item {
    padding: 5px 10px;
    margin: 6px 0;
}

li.ui-menu-item.border-top {
    border-top: 1px solid #cdcdcd;
}

.homepage-search-results.ui-menu .ui-menu-item {
    padding: 5px 1em 5px 1em;
}

.homepage-search-results.ui-menu {
    width: 600px !important;
    color: #555 !important;
    white-space: nowrap;
    overflow: hidden;
    border-top: none;
}

.global-search-results.ui-menu {
    z-index: 1000;
    width: 895px !important;
    white-space: nowrap;
    overflow: hidden;
    border-top: none;
}

[id^=search-clear] {
    position: absolute !important;
    right: 138px;
    top: 0 !important;
    bottom: 0;
    height: 18px;
    margin: auto;
    font-size: 18px;
    cursor: pointer;
    color: #ccc;
    z-index: 999;
}

html:lang(ar-EG) [id^=search-clear] {
    left: 140px !important;
    right: auto !important;
}

html:lang(ar-EG) .input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    margin-right: -1px;
    margin-left: 0;
}

@media only screen and (max-device-width: 1024px) {
    .global-search-results.ui-menu {
        width: 765px !important;
    }
}

@media only screen and (max-width: 999px) {

    .global-search-results.ui-menu {
        width: 735px !important;
    }
}

@media only screen and (max-width: 767px) {

    .homepage-search-results.ui-menu {
        width: 440px !important;
    }

    .global-search-results.ui-menu {
        width: 550px !important;
    }

    span.search-result-type {
        display: none;
    }
}

@media only screen and (max-width: 615px) {
    [id^=search-clear] {
        right: 111px !important;
        height: 14px !important;
        font-size: 14px !important;

    }

    .homepage-search-results.ui-menu {
        width: 439px !important;
    }

    .global-search-results.ui-menu {
        width: 446px !important;
    }

    html:lang(ar-EG) [id^=search-clear] {
        left: 111px !important;
        right: auto !important;
    }

}

@media only screen and (max-width: 470px) {

    .homepage-search-results.ui-menu {
        width: 349px !important;
    }

    .global-search-results.ui-menu {
        width: 361px !important;
    }

}

@media only screen and (max-width: 399px) {

    .homepage-search-results.ui-menu {
        width: 289px !important;
        font-size: 14px;
    }

    .global-search-results.ui-menu {
        width: 298px !important;
        font-size: 14px;
    }

}