@charset "utf-8";

@media (min-width: 768px) and (max-width: 1179px) {
    .navigation { background-color: #f2f2f2;}
    .search-tips-overlay:before {
        top: 110px;
    }
    .search-tips-overlay:after {
        top: 114px;
    }
    /* display customer name */
    .user-account span.fb span.cls-ellipsis{ display: none;}
    .user-account span.fb span.cls-name-tail{ display: inline-block;}


    /* Education new navigation, display under the search bar */
    body:has(.mallSearch-form) .header-nav-container {
        position: revert;
        margin-top: 50px;
    }
    body:has(.mallSearch-form) .categories { top: 138px;}
}

@media (min-width: 1180px) {
    .navigation .bar-center { top:0; left: 0; }
    /* display customer name */
    .user-account span.fb span.cls-ellipsis{ display: none;}
    .user-account span.fb span.cls-name-tail{ display: inline-block;}
    body:has(.mallSearch-form) .user-account span.fb span.cls-ellipsis{ display: inline-block;}
    body:has(.mallSearch-form) .user-account span.fb span.cls-name-tail{ display: none;}

    .search-tips-overlay:before {
        top: 50px;
        left: 50%;
    }
    .search-tips-overlay:after {
        top: 54px;
    }

    .navigation .bar-center .umart-search {
        width: 28%;
        max-width: 530px;
    }
    /* usr.php help page, with: 1180 pixels */
    body.w-1200 .navigation .bar-center .umart-search {
        width: 28%;
        max-width: 350px;
    }

}