@media only screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 3%;
    }

    #filter {
        width: 66.6%;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .jumbotron {
        margin-top: 3%;
    }

    #contMain {
        margin-top: 5%;
    }

    .navbar-brand {
        font-size: 90%;
        height: auto;
        line-height: 2.7;
    }

    .navbar-collapse {
        margin-bottom: 10px;
    }

    #btnNew:before {
        content: "NEW";
    }

    #btnEdit:before {
        content: "DELETE";
    }

    #btnDelete:before {
        content: "DELETE";
    }
}

/*click*/
.styleClick {
    background-color: blue;
}

/*search*/
.results tr[visible='false'],
.no-result {
    display: none;
}

.results tr[visible='true'] {
    /*display:table-row;*/
}

.counter {
    padding: 8px;
    color: #ccc;
}

/*table*/
thead, #contentItem, tr, td, th {
    display: block;
}

    tr:after {
        content: ' ';
        display: block;
        visibility: hidden;
        clear: both;
    }

    thead th {
        height: 30px;
    }

tbody {
    height: 300px;
    overflow-y: auto;
    overflow-x: auto;
}

#contentItem td, thead th {
    width: 19.2%;
    float: left;
}

tr {
    display: flex;
}