:root {
    --basicdarklight: #6B7384;
    --basicinactive: #adb5bd;
    --basicdark: #141414;
    --basiccolorfullmax: #54A0FE;
    --basiccolorfullmin: #43c2f3;
    --basiccolorfullmaxsecondary: #C45C31;
    --basiccolorfullminsecondary: #FF6A24;
    --basicverylight: #F8F9FA;
    --basiclightmd: #F6F6F6;
    --basiclightmd2: #E5E5E5;
    --searchbarwidth: 300px;
    --searchzoneminheight: 1200px;
}

body {
}

/*---------------------------- shop area container --------------------------*/
#sh_shop_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/*------------ search bar styles --------------*/
.searchzone-sidebar {
    min-width: 250px;
    max-width: 310px;
    width: 100%;
    height: 100%;
    position: sticky;
    position: -webkit-sticky;
    top: 10px;
}

.searchzone-sidebar__inner {
    position: relative;
    padding-right: 10px;
}

.lv-show-content {
    width: 100%;
    border-left: 1px solid var(--basiclightmd2);
    padding-left: 20px;
    min-height: var(--searchzoneminheight);
}
/*---------- search bar styles end ------------*/
.no-result-content.sh {
    height: 60vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.icongrid {
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
    opacity: 0.7;
}

.icongrid:hover {
    opacity: 1;
}

.icongrid.a1 {
    display: none;
}

#linktofilterMb {
    color: var(--basicdarklight);
    cursor: pointer;
    font-size: 13px;
    display: none;
    padding-left: 20px;
}

#linktofilterMb:hover {
    color: var(--basicdark);
}

@media screen and (max-width:1200px) {
    .icongrid.a4 {
        display: none;
    }
}

#sidebarsearchzone {
    display: block;
}

@media screen and (max-width:1025px) {
    .searchzone-sidebar {
        position:relative;
    }

    #sh_search_data_lv_order_left, .sh_search_data_lv_txt_middle, #sh_search_data_lv_right_nbr, #sidebarsearchzone {
        display: none;
    }

    .lv-show-content {
        margin-left: 0;
    }

    #linktofilterMb {
        display: block;
    }
}

@media screen and (max-width:767px) {
    .icongrid.a3 {
        display: none;
    }

    .icongrid.a1 {
        display: block;
    }
}
/*-------------------------- shop area container end ------------------------*/