@media only screen and (max-width:799px) {
    .ub-hide-on-mobile {
        display: none
    }
}

@media only screen and (min-width:800px)and (max-width:1023px) {
    .ub-hide-on-tablet {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .ub-hide-on-desktop {
        display: none
    }
}

.uk-flex-center {
    justify-content: center
}

.uk-pagination {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    padding: 0;
    list-style: none
}

    .uk-pagination > * {
        flex: none;
        padding-left: 10px;
        position: relative
    }

        .uk-pagination > * > * {
            display: block;
            padding: 10px 10px;
            color: #f1f1f1;
            transition: .1s ease-in-out;
            transition-property: color,background-color,border-color,box-shadow;
            box-sizing: border-box;
            min-width: 41px;
            text-align: center;
            font-size: 12px;
            font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            border: 1px solid transparent
        }

        .uk-pagination > * > :hover {
            color: #f1f1f1;
            text-decoration: none;
            background-color: rgba(255,255,255,0);
            border-color: #a2a2a2
        }

    .uk-pagination > .uk-active > * {
        color: #f1f1f1;
        border-color: #6299bb
    }

    .uk-pagination > .uk-disabled > * {
        color: #8e8e8e;
        border-color: transparent
    }