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

    .filtercol
    {float:left; width:60%; font-size:0.8em;}
    
    .resultscol
    {float:left; width:40%}
    
    .hide
    {display:none;}

    .resultbox
    {width:110px; height:90px; margin-bottom:10px; padding:12px; line-height:12px; float:left; border:1px solid silver; border-radius:8px;}

}






@media screen and (min-width: 737px) {

    .filtercol
    {float:left; width:25%}
    
    .resultscol
    {float:left; width:75%}
    
    .hide
    {display:inline}

    .resultbox
    {width:220px; height:200px; margin-right:14px; margin-bottom:10px; padding:12px; line-height:12px; float:left; border:1px solid silver; border-radius:8px;}
}