@media only screen and (max-width: 599px){
    .page_breadcrumbs h1{
        font-size: 18px;
        line-height: 20px;
    }
    .page_breadcrumbs .breadcrumb{
        display: flex;
        flex-wrap: wrap;
        row-gap: 2px;
    }
    .page_breadcrumbs .breadcrumb li,
    .page_breadcrumbs .breadcrumb li a{
        font-size: 10px;
        line-height: 12px;
        text-transform: none;
    }
    .breadcrumb > li + li:before{
        padding: 0 2px;
        top: 1px;
    }
    .page_breadcrumbs .col-sm-12{
        margin: 0;
    }
    .page_breadcrumbs .container{
        padding: 20px 10px;
    }
}