@media screen and (max-width: 1023px) {
    .breadcrumbs
    {
        color: #6f7583;
        margin-top: 7px;
        display: flex;
        padding-bottom: 11px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-snap-stop: always;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }

    .breadcrumbs::-webkit-scrollbar
    {
        display: none;
    }

    .breadcrumbs__link
    {
        text-decoration: none;
        color: #6f7583;
    }

    .breadcrumbs__link:hover
    {
        text-decoration: none;
        color: var(--link-color);
    }

    .breadcrumbs__homepage
    {
        height: 20px;
        display: inline-block;
        margin-right: 4px;
        scroll-snap-align: start end;
    }

    .breadcrumbs__devider
    {
        margin: auto 0px;
        display: inline-block;
        min-width: 8px;
        background-image: url(/static/resources/blocks/breadcrumbs/img/breadcrumbs__devider.svg);
        background-repeat: no-repeat;
        background-position: center;
        min-height: 13px;
    }

    .breadcrumbs__current
    {
        font-weight: 500;
    }

    .breadcrumbs__current,
    .breadcrumbs__link
    {
        font-size: 13px;
        line-height: 19px;
        margin-top: auto;
        margin-bottom: auto;
        display: inline-block;
        white-space: nowrap;
        scroll-snap-align: start end;
        padding: 0px 10px;
    }

    .breadcrumbs__link_homepage
    {
        height: 20px;
        padding-left: 0;
    }
}