@media only screen and (max-width: 1023px) and (min-width: 768px) {
    /* DEBUGGING */
    .responsive-768 {
        display: inline-block;
    }
}

@media only screen and (max-width: 1023px) {
    /* Begin stuff for responsive ness for all resolutions */
    /* Bullets */
    .bullet16 {
        display: inline-block;
        margin-bottom: -4px;
    }
    .bullet32 {
        display: inline-block;
        margin-bottom: -12px;
    }
    /* MENU BAR */
    div#menu_balk {
        overflow: hidden;
        height: auto;
    }

    div#menu_balk a,
    div#menu_balk span {
        border-radius: 4px;
        margin: 3px;
        font-size: 15px;
    }

    td.blankDienst {
        display: none;
    }

    table.roosterResponsive > tbody > tr > td{
        display: block;
    }

    /* Chauffeur overview */
    table.chauffeur-overview {
        width: 728px;
        table-layout:auto;
        overflow:hidden;
        white-space: nowrap;
    }

    div.headermenu #logo {
        width: 150px;
        height: 55px;
    }

    div.group {
        clear: both;
    }

    /* End stuff for responsive ness for all resolutions */

    table.chauffeur-overview tr td.td-active,
    table.chauffeur-overview tr td.td-telnr,
    table.chauffeur-overview tr td.td-telmobile,
    table.chauffeur-overview tr td.td-woonplaats {
        display: none;
    }
    div.group table.rooster tbody td.dropdown_checkbox select.rooster_item {
        width: 450px;
    }

    /* tableSorterScroller */
    div.tableSorterScroller {
        max-height: 250px;
    }
    
    #substituteModal {
        width: 300px;
    }


}