.beilaide-breadcrumb {
    position: relative;
    padding: 40px 0;
}

.beilaide-breadcrumb p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.beilaide-breadcrumb p a {
    color: var(--title-text-color);
    font-size: var(--font-16);
    font-weight: 500;
    text-transform: capitalize;
}

@media screen and (max-width: 992px) {
    .beilaide-breadcrumb {
        padding: 30px 0;
    }
}

@media screen and (max-width:768px) {

    .beilaide-breadcrumb {
        padding: 25px 0;
    }
}

@media screen and (max-width: 576px) {
    .beilaide-breadcrumb {
        padding: 20px 0;
    }
}