.filter-order{ width:100%; height:30px; margin-bottom:40px; display:inline-block; }
.filter-order-container{ float:right; }
.filter-order-by{ position:relative; display:inline-block; width:10.5rem; }
.filter-order-itens{ position:relative; display:inline-block; width:11rem; }
.filter-order-select{ appearance:none; -webkit-appearance:none; -webkit-border-radius:23px; border-radius:4px; height:30px; outline:none; cursor:pointer; padding:4px 30px 4px 10px; background:none; }
.filter-order-by .filter-order-select, .filter-order-itens .filter-order-select{ padding-right:50px !important; }
.filter-order-by:after, .filter-order-itens:after{ content:""; position:absolute; top:7px; right:1.3rem; width:10px; height:10px; border-bottom:3px solid #666666; border-left:3px solid #666666; transform:rotate(-45deg); pointer-events:none; }
.filter-order-compare{ display:none; }
@media screen and (min-width:768px){
    .filter-order-by{ width:auto; }
    .filter-order-itens{ width:auto; }
}