@media screen and (max-width: 767px) {
    .olc-content-tabbed {
        margin: 0 !important;
    }
    .live-session-table,
    .live-session-table thead,
    .live-session-table tbody,
    .live-session-table th,
    .live-session-table td,
    .live-session-table tr {
    display: block;
    width: 100%;
    }
    .live-session-table tr {
        padding: 10px;
        background: #fff;
        box-sizing: border-box;
    }
    .live-session-table td {
        text-align: left;
        position: relative;
        border: none;
    }
    .live-session-table td::before {
        content: attr(data-label);
        white-space: nowrap;
        font-weight: bold;
        text-align: left;
    }
    .live-session-table th {
        display: none;
    }
    .live-session-table .registration-button {
        text-align: center;
        padding: 0;
    }
    .live-session-table tr:hover td,
    .live-session-table tr:hover td a {
        background-color: inherit;
        color: #747474 !important;
        transition: none;
    }
    /* make sure the hover works correctly for the button in olc */
    .live-session-table tr:hover .button-section-top {
        border-color: #747474;
    }
    .registration-button {
        right: 20px;
        position: relative;
    }
    .session-register {
        width: 50px;
        text-align: left !important;
    }
    .session-name {
        font-size: 1.15em;
        font-weight: bold;
        border-top: 1px dotted #333 !important;
        border-bottom: 1px dotted #333 !important;
        padding: 5px 0 !important;
    }
}