.logistic-info .item {
    flex-basis: 30.5%;
    margin: 13px 15px;
}
@media (max-width:767px) {
    .logistic-info .item {
        flex-basis: 46%;
        margin: 13px 5px;
    }
    ul.pagination{
        flex-wrap: wrap;
    }
}

.logistic-info .item .title {
    font-size: 15px;
}

.logistic-info .item .details>div span {
    font-size: 11px;
}

.logistic-info nav {
    margin: 60px auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logistic-info nav .page-link {
    color: #141821;
    padding: 10px 20px;
}

.active>.page-link,
.page-link.active {
    border-color: transparent;
}

.logistic-info nav .page-link:hover,
.logistic-info nav .page-link.active {
    background-color: #B01216 !important;
    color: #ffffff;
}

.page-link:focus {
    box-shadow: none;
}
.active>.page-link, .page-link.active{
    background-color: #B01216 !important;
    color: #ffffff!important;
}