.bar-count{
    background: #e5e5e5;
    line-height: 50px;
    margin-bottom: 20px;
}
.bar-count p{
    color: #000000;
    font-size: 16px;
}
.bar-count p strong{
    font-weight: bold;
    font-size: 18px;
}
.filtro{
    margin: -60px 0;
    position: absolute;
    margin-left: 925px;
}
.pages button{
    margin: 10px 30px 25px 384px;
    background: #800303;
}
@media screen and (max-width: 1024px){
    .filtro{
        margin: -60px 0;
        position: absolute;
        margin-left: 830px;
    }
}

@media screen and (max-width: 768px){
    .filtro{
        margin: -60px 0;
        position: absolute;
        margin-left: 615px;
    }
    .pages button{
        margin: 30px 0px 0px 264px;
        background: #800303;
    }
    .pages button:hover{
        background: #800303;
    }
}

@media screen and (max-width: 717px){
    .filtro{
        margin: -60px 0;
        position: absolute;
        margin-left: 570px;
    }
    .pages button{
        margin: 30px 0px 0px 234px;
        background: #800303;
    }
}
@media screen and (max-width: 680px){
    .filtro{
        margin: -60px 0;
        position: absolute;
        margin-left: 490px;
    }
    .pages button{
        margin: 30px 0px 0px 194px;
    }
}

@media screen and (max-width: 480px), screen and (max-width: 512px){
    .filtro{
        position: relative;
        margin: 0 0 20px 0;
        width: 100%;
    }
    .pages button{
        clear: both;
        width: 100%;
        margin: 30px 0;
    }
}