.listPage{
    width: 100%;
    padding: 15px 0;
}
.pageOuter{
    width: auto;
}
.innerItem{
    padding: 10px 15px;
    border: 1px solid #cccccc;
    margin: 0 10px;
}
@media screen and (min-width: 768px) and (max-width: 991px ) {
    .innerItem{
        padding: 5px 10px!important;
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .innerItem{
        padding: 5px 10px!important;
    }
}
@media screen and (min-width: 414px) and (max-width: 479px) {
    .innerItem{
        padding: 3px 5px!important;
    }
}
@media screen and (max-width: 413px) {
    .innerItem{
        padding: 2px 3px!important;
        font-size: 12px;
    }
}
.innerItem:hover{
    color: white;
    border: 1px solid #47afef;
    background: #47afef;
}
#pageActive{
    background: #47afef;color: white;
}






.activityImg{
    width: 100%;
    object-fit: contain;
}