/*Filters*/
.filter_col2 { width: 16.66666667%; float: left }
.filter_col10 { width: 83.33333333%; float: left }
    .filter_col10 .totalproducts { display: inline-block; margin-top: 19px; margin-left: 10px; }
.filterbtnmobile { display: none }
.filterbtnmobileremove { display: none }
.filters { display: block }
    .filters small { float: right; background-color: #777777; padding: 5px; font-size: 12px; display: block }
        .filters small a { color: white; text-decoration: none }
        .filters small:hover { background-color: #ffae00; color: #000 }
    .filters h2 { /*margin: 5px;*/ margin: 0 5px; font-size: 18px }
    .filters hr { margin: 10px 0 10px 0; padding: 0; border-top: 1px solid #eee; }
    .filters ul { margin: 0 0 15px 0; padding: 0 }
    .filters li { list-style: none; margin-left: 10px; font-size: 14px }
    .filters input[type=checkbox] { margin-right: 10px }
/*.prodattr{display:none}*/
.sortfilters { margin: 10px 0 }
    .sortfilters label { margin-top: 10px }
.sortblock { padding: 10px; color: #000; float: right; font-size: 18px }
    .sortblock select { padding: 10px; font-size: 16px; border: 1px solid #808080 }
.sortfilters h3 { margin-left: 20px }
.filtertitle { margin: 5px 0; }
.filtertoggle, .filtertoggle2 { float: right; cursor: pointer; padding: 5px; margin-top: -7px; }
.shop_footer a { text-decoration: none; color: black !important; }
#mobilefilterclose { display: none }
#ctl00_FeaturedContent_clearFilterPanel{margin-top:-4px}
.pricerange{display:block}
.pricerange input { color: black; border: 1px solid #808080; padding: 6px 3px; width: 80% /*width: 30%*/ }
.pricerange p{font-size:16px}
.pricego{width:40px !important}
.pricerange-col1 { display: inline-block; width: 80px; font-size: 12px; line-height: 20px; }
.pricerange-col2 { display: inline-block; width: 34px; font-size:16px; text-align: center; }
.mg-10 { margin-left: 10px }

input[type=checkbox]:disabled { opacity: 0.3; }
input[type=checkbox]:disabled + label { color: #c5c5c5; }



/*@media only screen and (max-width:1024px) { .filter_col10 { width: 100% }*/
@media only screen and (min-width: 320px) and (max-width:768px) { .filter_col10 { width: 100% }
    #filterspanel { display: none; left: 600px; background-color: white; z-index: 99999; position: fixed; top: 0px; width: 97.7%; border: solid 2px #c5c5c5; padding: 10px; height: 88%; overflow-y: auto; overflow-x: hidden; white-space: nowrap; }
    .sortfilters { margin: 0 }

        .sortfilters h3 { margin: 9px; font-size: 20px; display: inline-block }
    .filterbtnmobile { float: left; display: inline-block; width: 89% }
        .filterbtnmobile .btn--large, .filterbtnmobileremove .btn--large { padding: 6px 7px; font-size: 14px; line-height: 23px; display: inline-block; text-align: center; }
        .filterbtnmobile a, .filterbtnmobile a:hover { color: #fff }
    .filterbtnmobileremove a, .filterbtnmobileremove a:hover { color: #fff; width: 30% }
    .filter_col10 .totalproducts { display: block; margin-top: 10px; margin-left: 10px; float: left; width: 43%; }
        .filter_col10 .totalproducts b { margin: 10px 0 0 10px; float: left; }
    .filterbtnmobileremove { display: block; float: left; margin-top: 30px; margin-bottom: 30px; width: 98%; text-align: center }
    .filters h2 { /*margin-bottom: 5px;*/ display: inline-block; width: 98.5%; margin-top: 9px; }
    .filters small { margin-left: 20px }
    #totalproducttext { display: none }
    .sortblock { width: 43% !important; text-align: center; margin-top: 10px !important; float: right; padding: 0px; }
        .sortblock select { padding: 9px 0; font-size: 14px; border: 1px solid #808080; float: right; margin-right: 10px; width: 100% }
    #ctl00_FeaturedContent_clearFilterPanel { display: none }
    #mobilefilterclose { display: block }
    .btnfilter { color: black !important; border: 1px solid #808080 }
    #filterbtnmobileremove { margin-left: 10px }
    .filterbtnmobile .btn--large { width: 100% }
}
@media only screen and (max-width:1416px) {
    .pricerange-col2 { display: inline-block; width: 20px; font-size: 16px; text-align: center; }
}
    @media only screen and (min-width:1280px) {
        .pricerange-col1 { width: 54px; }
    }
@media only screen and (max-width:1100px) {
    .pricerange input { width: 70% }
    .pricerange-col1 { width: 27% !important; }
}
    @media only screen and (min-width:1024px) {
        .pricerange-col1 { width: 30%; }
    }

    @media only screen and (min-width:1024px) {
        .filter_col2 { width: 18.66666667%; float: left }
        .filter_col10 { width: 81.33333333%; float: left }
    }

    @media only screen and (max-width:1023px) {
        #filterspanel { display: none; left: 600px; background-color: white; z-index: 99999; position: fixed; top: 0px; width: 97%; border: solid 2px #c5c5c5; padding: 10px; height: 84%; overflow-y: auto; overflow-x: hidden; white-space: nowrap; }
        .pricerange-col1 { width: 60px; }
    }

    @media only screen and (max-width:768px) {

        #filterspanel { display: none; left: 600px; background-color: white; z-index: 99999; position: fixed; top: 0px; width: 97%; border: solid 2px #c5c5c5; padding: 10px; height: 97%; overflow-y: auto; overflow-x: hidden; white-space: nowrap; }
        .pricerange-col1 { width: 160px; }
    }

    @media only screen and (max-width:480px) {

        #filterspanel { width: 94%; }
        .pricerange-col1 { width: 146px; }
    }

    @media only screen and (max-width:375px) {

        #filterspanel { width: 93.5%; }
        .pricerange-col1 { width: 132px; }
    }

    @media only screen and (max-width:320px) {

        #filterspanel { width: 92.5%; }
        .pricerange-col1 { width: 110px; }
    }