.dgtal-filter{width:250px;float:left;padding:15px;border:1px solid #eee;background:#fff;}
#dgtal-products{margin-left:270px;}

.filter-header{display:flex;justify-content:space-between;}

#clear_filter{background:#0073aa;color:#fff;border:none;padding:5px;}

.dgtal-filter label{display:block;margin-bottom:6px;}

#apply_filter{width:100%;background:#000;color:#fff;padding:10px;border:none;}

#dgtal-products ul.products{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
}

.dgtal-mobile-btn{display:none;}

@media(max-width:768px){

#dgtal-products{margin-left:0;}

.dgtal-mobile-btn{
display:block;
width:100%;
padding:12px;
background:#000;
color:#fff;
}

.dgtal-filter{
position:fixed;
left:-100%;
top:0;
width:80%;
height:100%;
z-index:9999;
transition:.3s;
overflow:auto;
}

.dgtal-filter.active{left:0;}

.dgtal-overlay.active{
display:block;
position:fixed;
width:100%;
height:100%;
background:rgba(0,0,0,.5);
z-index:9998;
}

#dgtal-products ul.products{
grid-template-columns:repeat(2,1fr);
}
}