.new-list-brand img {
    width: 100%;
    max-height: 100px;
}

.row.brands-list {
    display: flex;
    flex-wrap: wrap;
}

.row.brands-list::defore {
    content: unset;
}

.row.brands-list::after {
    content: unset;
}

.brands-list .col-list-new-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 170px;
    padding: 10px 10px;
}

.brands-list .col-list-new-brand .new-list-brand {
    width: 100%;
    height: 100%;
    border: 1px solid #80808026;
    border-radius: 5px;
    padding: 5px;
}

.brands-list .col-list-new-brand .new-list-brand .brand-link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.brands-list .col-list-new-brand .new-list-brand .brand-link h4 {
    min-height: 50px;
    margin: 0;
}

.brands-list .col-list-new-brand .new-list-brand .brand-link .image > img {
    height: auto !important;
    width: auto !important;
    max-height: 60px;
    max-width: max-content;
}

.brands-list .col-list-new-brand .new-list-brand .brand-link .image {
    flex: 1;
    padding: 5px;
}

@media (max-width: 990px){
    .brands-list .col-list-new-brand {
        width: 33.3333%;
    }
}

@media (max-width: 800px){
    .container.brand-page {
        width: 100%;
    }
    
    .container.brand-page .row {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    
    .container.brand-page .row .content {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .brands-list .col-list-new-brand {
        width: 50%;
    }
}

@media (max-width: 500px){
    .brands-list .col-list-new-brand {
        width: 100%;
    }
}