/* Header */
.search-box button{
    background: #000;
}
/* Filter Component */
.view-filter span{
    background: #fff;
    color: var(--MAIN_MENU_BG);
}
.view-filter span.filter-open{
    padding: 0rem;
    border-radius: 5px;
}
.view-filter span.active{
    color: #fff;
}
.view-filter span:focus,
.view-filter span:hover{
    background: var(--MAIN_MENU_BG);
    color: #fff;
}
.view-filter span.grid{
    padding: 0rem;
    border-radius: 5px;
    box-sizing: border-box;
}
.view-filter span.list{
    padding: 0rem;
    border-radius: 5px;
    box-sizing: border-box;
}
.view-filter span i{
    border: 1px solid var(--MAIN_MENU_BG);
    border-radius: 5px;
    padding: .3rem;
}
.view-filter span.grid i{
    padding: .35rem;
}
.view-filter span.list i{
    padding: .15rem .48rem .22rem .3rem
}
.dis-label{
    top: 2px;
    right: 2px;
}
.products .product .product-wrapper .pin a{
    height: unset;
}
.products .product .thumbnail{
    overflow: hidden;
}


/* Header - Mobile */
@media (max-width: 767px) {
    
    /* Menu Icon */
    header .top-header .mobile-menu-openar{
        /* background: black; */
        padding: 0.34rem;
        border-radius: 5px;
    }
    header .top-header .mobile-menu-openar:hover,
    header .top-header .mobile-menu-openar:focus,
    header .top-header .mobile-menu-openar:active,
    header .top-header .mobile-menu-openar:hover .bars,
    header .top-header .mobile-menu-openar:focus .bars,
    header .top-header .mobile-menu-openar:active .bars {
        background: var(--MAIN_MENU_BG);
    }
    
    header .top-header .mobile-menu-openar .bars {
        cursor: pointer;
        border: 1px solid var(--MAIN_MENU_BG) !important;
        padding: .4rem;
        border-radius: 5px;
    }
    header .top-header .mobile-menu-openar .bars span {
        height: 2px;
        background: var(--MAIN_MENU_BG);
        width: 20px;
    }
    header .top-header .mobile-menu-openar:hover .bars span{
        background: #fff;
    }

    header .top-header .mobile-menu-openar span:nth-of-type(2) {
        width: 20px;
        margin: 5px 0;
    }
    header .top-header .mobile-menu-openar .bars:hover>span:nth-of-type(2) {
        width: 20px;
    }
    
    /* Search */
    .search-box:hover,
    .search-box:focus,
    .search-box:active {
        background: var(--MAIN_MENU_BG);
        border-radius: 5px;
    }

    .search-box:hover .other-search{
        color: #fff;
    }

    #form_search_icon {
        border: 1px solid var(--MAIN_MENU_BG);
        border-radius: 5px;
        padding: .3rem;
        font-size: 1.2rem;
    }

    .other-search {
        color: var(--MAIN_MENU_BG);
        font-size: 1.6rem;
    }


    /* Slider */
    .hero-slider.col-lg-9 {
        padding-left: 2px;
        padding-right: 2px;
        border-radius: 5px;
    }
}