.searchProduct-wrapper .product-wrapper {

    max-width: 310px;

    position: relative;

}

.pagination {

    display: flex;

    align-items: center;

    justify-content: center;

}

.pagination button {

    border: 1px solid #C4C4C4;

    box-sizing: border-box;

    border-radius: 2px;

    padding: 8px 12px;

    font-weight: normal;

    font-size: 18px;

    line-height: 26px;

    color: #5B5A5A;

    max-height: 42px;

}

.pagination button.active {

    background: rgba(190, 32, 46, 0.25);

    border: 1px solid var(--main-brown-color);

    box-sizing: border-box;

    border-radius: 2px;

    font-weight: 600;

    font-size: 18px;

    line-height: 26px;

    color: var(--main-brown-color)

}

.pageNumber {

  margin: 0 8px;

}

.searchPage h2,

.rangeSlider {

    font-weight: 600;

    font-size: 18px;

    line-height: 24px;

    color: #000000;  

    margin-bottom: 16px;

}

.colLeft ul {

    padding: 0px;

}

.colLeft ul li a {

    font-weight: 400;

    font-size: 16px;

    line-height: 18px;

    color: #000000;

    text-decoration: none;

}

.colLeft ul li {

    list-style: none;

    margin: 6px 0;

}

section.searchPage {

    padding: 42px 70px;

}

.colLeft {

    border-right: 1px solid #D8D8D8;

}

.searchProduct-wrapper {

    border-top: 1px solid #D8D8D8;

    border-bottom: 1px solid #D8D8D8;
    padding: 32px 0;

}
.searchProduct-wrapper.row>.col-md-4:hover {
    box-shadow: 0 6px 15px rgb(0 0 0 / 10%), 0 6px 6px rgb(0 0 0 / 6%);
}
.pagination {

    border-top: 1px solid #D8D8D8;

    padding: 16px;

    margin-top: 42px;

}

.colLeft ul li a span {

    font-weight: normal;

    font-size: 17px;

    line-height: 18px;

    color: #000000 

}

#listingMobileNav {

    border: none;

    background: none;

    color: var( --main-brown-color);

    width: 42px;

    display: block;

    margin-left: auto;

    margin-right: 32px;

}