.tbMedium {
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: transparent;
    border-left-width: 5px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    transition-duration: 0.25s;
}

    .tbMedium:hover {
        border-color: gray;
        background-color: #f0f0ff;
    }

.tbMedium tr td:nth-child(1) {
    width: 10px;
}

@media only screen and (min-width : 1501px) {
    .tbMedium {
        width: 20%;
        float: left;
    }
}

@media only screen and (min-width : 1201px) and (max-width : 1500px) {
    .tbMedium {
        /*width: 25%;*/
        /*float: left;*/
        width: 100%;
    }
}

@media only screen and (min-width : 901px) and (max-width : 1200px) {
    .tbMedium {
        /*width: 33%;*/
        /*float: left;*/
        width: 100%;
    }
}

@media only screen and (min-width : 601px) and (max-width : 900px) {
    .tbMedium {
        /*width: 33%;*/
        /*float: left;*/
        width: 100%;
    }
}

@media only screen and (min-width : 301px) and (max-width : 600px) {
    .tbMedium {
        /*width: 50%;*/
        /*float: left;*/
        width: 100%;
    }
}

@media only screen and (max-width : 300px) {
    .tbMedium {
        width: 100%;
    }
}