.course-filtering {
    margin-bottom: 30px;
}

.course-filtering .course-filter {

}

.course-filtering .course-filter-active {
}

.tabs-courses .course-row-hidden {
    display: none !important;
}

.tabs-courses td.col-vehicle-class {
    width: 100px;
}

.tabs-courses .course-date {
    display: block;
    font-weight: bold;
    text-transform: capitalize;
}

.tabs-courses .course-time {
    display: block;
}

.tabs-courses .course-name {
    display: block;
}

.tabs-courses .course-location {
    display: block;
}

.tabs-courses-blocks {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    margin-bottom: 30px;
}

.tabs-courses-blocks .course-block {
    background: #f6f6f6;
    text-align: center;
    width: 20%;
    margin: 0 20px 30px;
    padding: 20px;
}

.tabs-courses-blocks .course-location {
    font-size: 12px;
    min-height: 45px;
    margin-bottom: 15px;
}

.tabs-courses-blocks .start-date {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 13px;
    text-transform: capitalize;

}

.tabs-courses-blocks .course-name {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 22px;
    min-height: 74px;
}

.tabs-courses-blocks .price {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}

.tabs-courses-blocks .vacancies {
    margin-bottom: 10px;
}

@media (max-width: 1200px) {

    .tabs-courses-blocks .course-block {
        width: 40%;
    }
}

@media (max-width: 700px) {

    .course-filtering .course-filter {
        display: block;
        margin-bottom: 10px;
    }

    .tabs-courses tr {
        display: block;
        margin-bottom: 30px;
    }

    .tabs-courses th {
        display: none;
    }

    .tabs-courses td {
        display: block;
        border-style: solid;
        border-width: 1px;
        border-collapse: collapse;
    }

    .tabs-courses td.col-vehicle-class {
        width: unset;
    }

    .tabs-courses-blocks .course-block {
        width: 100%;
    }

    .tabs-courses-prices .panel-body .row > * {
        float: none;
    }

    .tabs-courses-prices .panel-body .row > * + * {
        margin-top: 20px;
    }
}