.sort-div h3 {
    font-size: 16px;
    line-height: 40px;
    margin-top: 15px;
}

.sort-div h3 span {
    border-left: 5px #255d99 solid;
    line-height: 25px;
    padding-left: 10px;
    font-weight: bold;
    color: #333;
}

.sort-div ul {
    background-color: #F6F6F6;
    line-height: 25px;
    padding: 10px;
    border-radius: 6px;
}

.sort-div ul li {
    width: 24%;
    line-height: 28px;
}

.sort-div ul li::before {
    content: "\F471";
    font-family: "bootstrap-icons";
    margin-right: 8px;
    color: #255d99;
}

.sort-div ul li a {
    color: #444;
    font-size: 14px;
}

.sort-div ul li a:hover {
    color: #255d99;
    font-size: 14px;
    font-weight: bold;
}

.responsive-list {
    display: flex;
    flex-wrap: wrap;
}

.responsive-list li {
    display: inline-block;
    flex: 0 0 19.5%;
}

@media (max-width: 575px) {
    .responsive-list li {
        flex: 0 0 49.5%;
    }
}

@media (min-width: 576px) {
    .responsive-list li {
        flex: 0 0 33%;
    }
}

@media (min-width: 768px) {
    .responsive-list li {
        flex: 0 0 24.5%;
    }
}

@media (min-width: 992px) {
    .responsive-list li {
        flex: 0 0 19.5%;
    }
}