/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .form-control.datepicker, .form-control.timepicker { margin-bottom: 5px; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Tablet Portrait size to Tablet Landscape Size */
@media only screen and (min-width: 768px) and (max-width: 1025px) {
    #content .block-uur .table tbody tr.row-add .selectric-wrapper { width: 22%; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    /* general */
    .container-fluid { margin: 0px; }
    .table-responsive { border: none; }

    /* header */
    #header .navigation .logo { margin-left: 10px; }
    #header .navigation .logo img { max-width: 180px; vertical-align: middle; margin-top: 8px; }
    #header .navigation .menu { margin-right: 5px; padding-top: 7px; }
    #header .breadcrumb { padding: 15px 20px; }
    #header .breadcrumb h2 { padding-left: 10px; }

    /* content */
    #content .block-stat:last-child { margin-bottom: 10px; }
    #content .block-stat img { display: block; padding-left: 10px; padding-top: 5px; padding-bottom: 10px; }
    #content .block-weeks { padding-left: 15px; }
    #content .block-weeks ul li { width: 100%; display: inline-block; margin-bottom: 10px; }
    #content .block-weeks ul a:last-child li { margin-bottom: 0px; }
    #content .block-uur .table tbody tr.row-hour td:last-child { padding-right: 5px; }
    #content .block-uur .table tbody tr.row-hour td:first-child { padding-left: 10px; }
    #content .block-uur .table tbody tr.row-add input[type="text"] { display: inline-block; width: 49%; margin-bottom: 15px; margin-right: 0px; }
    #content .block-uur .table tbody tr.row-add .selectric-wrapper { display: block; width: 100%; margin-bottom: 15px; }
    #content .block-uur .table tbody tr.row-add .btn { width: 100%; }
    #content .block-uur .table tbody tr.row-add td { padding-left: 8px; }
}