.new-category-view {
    .filter-results {
        .knowhowarticle-listing-info {
            align-items: center;
            background-color: #f6f6f6;
            display: flex;
            justify-content: space-between;
            left: 0;
            margin-bottom: 16px;
            padding: 14px 16px;
            position: fixed;
            top: 150px;
            width: 100%;
            z-index: 1;

            .knowhowarticle-listing-title {
                flex-grow: 1;
                font-size: 14px;
                font-weight: 400;
                margin: 0;
                padding: 0;
            }
        }
    }
}

.search-results {
    .filter-results {
        .knowhowarticle-listing-info {
            align-items: center;
            background-color: #f6f6f6;
            display: flex;
            justify-content: space-between;
            left: 0;
            margin-bottom: 16px;
            padding: 14px 16px;
            position: fixed;
            top: 150px;
            width: 100%;
            z-index: 1;

            .knowhowarticle-listing-title {
                flex-grow: 1;
                font-size: 14px;
                font-weight: 400;
                margin: 0;
                padding: 0;
            }
        }
    }
}

.border-0{
    border: 0 !important;
}

.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-title,
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-title {
    flex-grow: 1;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-title span,
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-title span {
    font-weight: 700;
}

.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-sorting,
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-sorting {
    align-items: center;
    display: flex;
    flex-grow: 0;
    margin-right: 20px;
}

.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-sorting p,
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-sorting p {
    display: none;
    margin: 0 10px 0 0;
}



.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-sorting .selectric-sorting-button,
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-sorting .selectric-sorting-button {
    min-width: 160px;
}

.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls,
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls {
    align-items: center;
    display: flex;
    flex-grow: 0;
}

.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.list,
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.list {
    margin-right: 0;
}

.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button,
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button {
    align-items: center;
    color: #000;
    display: flex;
    margin-left: 16px;
    padding-left: 8px;
    position: relative;
    text-decoration: none;
}



.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.selected,
.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button:hover,
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.selected,
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button:hover {
    color: #153f6e;
}

.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button:before,
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button:before {
    content: "";
    left: -19px;
    position: absolute;
    top: auto;
}

.icon-list,
.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.list:before,
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.list:before,.icon-grid, .new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.grid:before, .search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.grid:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19'%3E%3Cpath d='M1 1h5v1H1V1Z'/%3E%3Cpath d='M5 1h1v5H5V1ZM1 5h4v1H1V5ZM1 2h1v3H1V2ZM1 7h5v1H1V7Z'/%3E%3Cpath d='M5 7h1v5H5V7ZM1 11h4v1H1v-1ZM1 8h1v3H1V8ZM1 13h5v1H1v-1Z'/%3E%3Cpath d='M5 13h1v5H5v-5ZM1 17h4v1H1v-1ZM1 14h1v3H1v-3ZM7 1h11v1H7V1Z'/%3E%3Cpath d='M7 1h1v5H7V1Z'/%3E%3Cpath d='M7 5h11v1H7V5ZM17 1h1v4h-1V1ZM7 7h11v1H7V7Z'/%3E%3Cpath d='M17 7h1v5h-1V7Z'/%3E%3Cpath d='M7 11h11v1H7v-1Z'/%3E%3Cpath d='M7 8h1v4H7V8ZM7 13h1v5H7v-5Z'/%3E%3Cpath d='M7 13h11v1H7v-1Z'/%3E%3Cpath d='M17 13h1v5h-1v-5Z'/%3E%3Cpath d='M7 17h11v1H7v-1Z'/%3E%3C/svg%3E");
    background-size: 19px;
    display: inline-block;
    height: 19px;
    width: 19px;
}

.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.selected.grid:before, .new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button:hover.grid:before, .search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.selected.grid:before, .search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button:hover.grid:before{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='%23153F6E'%3E%3Cpath d='M1 1h8v1H1V1Z'/%3E%3Cpath d='M8 1h1v8H8V1Z'/%3E%3Cpath d='M1 8h8v1H1V8ZM1 2h1v6H1V2ZM10 1h8v1h-8V1Z'/%3E%3Cpath d='M17 1h1v8h-1V1Z'/%3E%3Cpath d='M10 8h8v1h-8V8ZM10 2h1v6h-1V2ZM10 10h8v1h-8v-1Z'/%3E%3Cpath d='M17 10h1v8h-1v-8Z'/%3E%3Cpath d='M10 17h8v1h-8v-1ZM10 11h1v6h-1v-6ZM1 10h8v1H1v-1Z'/%3E%3Cpath d='M8 10h1v8H8v-8Z'/%3E%3Cpath d='M1 17h8v1H1v-1ZM1 11h1v6H1v-6Z'/%3E%3C/svg%3E");
}

.icon-grid, .new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.grid:before, .search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.grid:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19'%3E%3Cpath d='M1 1h8v1H1V1Z'/%3E%3Cpath d='M8 1h1v8H8V1Z'/%3E%3Cpath d='M1 8h8v1H1V8ZM1 2h1v6H1V2ZM10 1h8v1h-8V1Z'/%3E%3Cpath d='M17 1h1v8h-1V1Z'/%3E%3Cpath d='M10 8h8v1h-8V8ZM10 2h1v6h-1V2ZM10 10h8v1h-8v-1Z'/%3E%3Cpath d='M17 10h1v8h-1v-8Z'/%3E%3Cpath d='M10 17h8v1h-8v-1ZM10 11h1v6h-1v-6ZM1 10h8v1H1v-1Z'/%3E%3Cpath d='M8 10h1v8H8v-8Z'/%3E%3Cpath d='M1 17h8v1H1v-1ZM1 11h1v6H1v-6Z'/%3E%3C/svg%3E");
}

.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.selected.list:before, 
.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button:hover.list:before, 
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.selected.list:before,
 .search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button:hover.list:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='%23153F6E'%3E%3Cpath d='M1 1h5v1H1V1Z'/%3E%3Cpath d='M5 1h1v5H5V1ZM1 5h4v1H1V5ZM1 2h1v3H1V2ZM1 7h5v1H1V7Z'/%3E%3Cpath d='M5 7h1v5H5V7ZM1 11h4v1H1v-1ZM1 8h1v3H1V8ZM1 13h5v1H1v-1Z'/%3E%3Cpath d='M5 13h1v5H5v-5ZM1 17h4v1H1v-1ZM1 14h1v3H1v-3ZM7 1h11v1H7V1Z'/%3E%3Cpath d='M7 1h1v5H7V1Z'/%3E%3Cpath d='M7 5h11v1H7V5ZM17 1h1v4h-1V1ZM7 7h11v1H7V7Z'/%3E%3Cpath d='M17 7h1v5h-1V7Z'/%3E%3Cpath d='M7 11h11v1H7v-1Z'/%3E%3Cpath d='M7 8h1v4H7V8ZM7 13h1v5H7v-5Z'/%3E%3Cpath d='M7 13h11v1H7v-1Z'/%3E%3Cpath d='M17 13h1v5h-1v-5Z'/%3E%3Cpath d='M7 17h11v1H7v-1Z'/%3E%3C/svg%3E");}
    
 


.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.selected.grid:before,
.new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button:hover.grid:before,
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.selected.grid:before,
.search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button:hover.grid:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='%23153F6E'%3E%3Cpath d='M1 1h8v1H1V1Z'/%3E%3Cpath d='M8 1h1v8H8V1Z'/%3E%3Cpath d='M1 8h8v1H1V8ZM1 2h1v6H1V2ZM10 1h8v1h-8V1Z'/%3E%3Cpath d='M17 1h1v8h-1V1Z'/%3E%3Cpath d='M10 8h8v1h-8V8ZM10 2h1v6h-1V2ZM10 10h8v1h-8v-1Z'/%3E%3Cpath d='M17 10h1v8h-1v-8Z'/%3E%3Cpath d='M10 17h8v1h-8v-1ZM10 11h1v6h-1v-6ZM1 10h8v1H1v-1Z'/%3E%3Cpath d='M8 10h1v8H8v-8Z'/%3E%3Cpath d='M1 17h8v1H1v-1ZM1 11h1v6H1v-6Z'/%3E%3C/svg%3E");
}

/*article listing css*/

.new-category-view , .search-results {
    .filter-results {
        .product-listing{
            position: relative;
        }
    }
}

@media (min-width: 768px) {

    .new-category-view .filter-results .knowhowarticle-listing-info,
    .search-results .filter-results .knowhowarticle-listing-info {
        left: auto;
        position: static;
        top: auto;
    }

    .new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-title,
    .search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-title {
        font-size: 18px;
    }
}
@media (min-width: 992px) {

    .new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-sorting p,
    .search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-sorting p {
        display: block;
    }

    .new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.list,
    .search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button.list {
        margin-right: 16px;
    }

    .new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button:before,
    .search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button:before {
        top: 1px;
    }
}

@media (max-width: 991.98px){
    .new-category-view .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button, 
    .search-results .filter-results .knowhowarticle-listing-info .knowhowarticle-listing-layout-controls .layout-button {
        font-size: 0;
    }
}