.breadcrumb-browser-content { margin: 15px auto; max-width: 1300px; position: relative; min-height: 20px; display: none; } .breadcrumb.browser { margin-bottom: 0; } .breadcrumb.mobile { max-width: 1300px; min-height: 20px; padding: 1.5rem; margin: 0 0 0 0; } .breadcrumb li { display: inline-block; font-family: RobotoRegular } .breadcrumb li i { color: #929292; font-weight: 900; font-size: 9px; margin: 0 1.75px } .breadcrumb li:last-child a span { text-decoration: none; } .breadcrumb li a span { text-decoration: underline; } .breadcrumb li a, .breadcrumb li a span, .breadcrumb li span { color: #929292; font-family: RobotoRegular; font-size: 1.3rem } .view-others span { color: #929292; font-family: RobotoRegular } .view-others span a { color: #1eade9; font-family: RobotoMedium } .view-others { max-width: 400px; width: 100%; text-align: right; } @media screen and (min-width: 992px) { .breadcrumb-browser-content { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .breadcrumb.mobile { display: none } }