.breadcrumb {
    background-color: transparent;
    padding: 15px 15px 0 15px;
}
.breadcrumb>li+li:before {
    content: '>';
    color: #004b97;
    font-weight: bold;
}
.breadcrumb li a {
    text-decoration: none;
    color: #004b97; 
    text-transform: uppercase;
    font-family: 'Noto Sans', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
}
.breadcrumb>.active {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'Noto Sans', sans-serif;
}
@media only screen and (max-width : 480px) {
    .breadcrumb li a {
        font-size: 12px;
    }
}
@media (min-width: 992px) {
    .breadcrumb {
        padding-right: 8px;
        padding-left: 8px;
    }
}
@media (min-width: 1200px) {
    .breadcrumb {
        padding-right: 10px;
        padding-left: 10px;
    }
}