div.filter input {
display:none; 
}
@media only screen and (min-width : 768px) {
.main-subcontent .filter {
width:200px;position:absolute;left:0px;
}
.product-list-box {
padding-left:200px;
}
}
@media only screen and (min-width : 1290px) {
.main-subcontent .filter {
position:absolute;left:-50px;
}
.product-list-box {
padding-left:150px;
}
}
@media only screen and (min-width : 1390px) {
.main-subcontent .filter {
position:absolute;left:-100px;
}
.product-list-box {
padding-left:100px;
}
}
@media only screen and (min-width : 1490px) {
.main-subcontent .filter {
position:absolute;left:-150px;
}
.product-list-box {
padding-left:50px;
}
}
@media only screen and (min-width : 1590px) {
.main-subcontent .filter {
position:absolute;left:-200px;
}
}
div.filter .multicheckbox .head {
display:none; 
}
div.filter .multicheckbox .options>label {
font-size:14px; display:block; font-weight:normal; color:#313131; font-family:"Poppins-Light",sans-serif; border-left:5px solid transparent; text-transform:Capitalize; 
}
div.filter .multicheckbox .options>label:hover {
color:#F75211; border-left:5px solid #F75211; cursor:pointer; 
}
div.filter .multicheckbox>label {
font-size:24px; padding:15px 0; color:#000; font-family:"Poppins-Light",sans-serif; text-transform:capitalize; padding-bottom:6px; 
}
div.filter .multicheckbox.kolor .options label span {
width:22px !important; height:22px !important; border-radius:100%; float:right; border:3px solid #D4D4D4; 
}
div.filter .multicheckbox.kolor .options label {
font-size:0px; display:inline-block; width:28px; height:28px; margin-left:13px; border-radius:100%; 
}
div.filter .multicheckbox.kolor .options {
width:123px; 
}
div.filter .multicheckbox.kolor .options label:hover {
border:none; 
}
div.filter .multicheckbox.kolor .options label.active span {
border:3px solid #fff; 
}
div.filter .multicheckbox.kolor .options label.active {
border:3px solid #f75211; 
}
@media only screen and (max-width : 768px) {
div.filter .multicheckbox .options>label {
display:inline;
}
}
@media only screen and (max-width : 767px) {
div.filter {
display:none;
}
#filter {
position:absolute;left:0;right:0;top:0;background:white;z-index:888;padding-bottom:30px;box-shadow:0 1px 2px rgba(0,0,0,.075);
}
#filter > nav > ul ul {
display:none;
}
#filter > nav > ul > li.active ul {
display:block;
}
#filter > nav > ul.navigation {
padding-left:20px;
}
#filter > form > .multicheckbox.kolor {
text-align:center;border-top:2px dashed #f75211;
}
#filter > form > .multicheckbox.kolor .options {
width:100%;padding:0 30px;
}
#filter .filter-close {
display:block;padding:20px;padding-bottom:0;text-align:right;font-size:30px;
}
}
@media only screen and (max-width : 480px) {
div.filter {
display:none;position:absolute;left:0;right:0;top:0;
}
}