@media only screen and (max-width: 1200px) {
    table{
        max-width: 100%;
    }
    .staff-sidebar{
        display: none;
    }
    input{
        max-width: 100%;
    }
    label{
        max-width: 100%;
        padding: 5px 0
    }
}

@media only screen and (max-width: 768px) {
    ul.tab-nav li{
        padding: 5px 5px;
        font-size: 12px;
    }
    .time-row{
        width: 100%;
        position: relative;
        padding: 5px;
        display: block;
        float: left;
        border-radius: 2px;
    }
    .time-cell{
        width: 100%;
        float:left;
        padding-left: 35%;
        position: relative;
    }
    .table-header{
        display: none;
    }
    .time-cell:before{
        position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
    }
    .time-row .job-id:before{
        content: "Job ID:";
    }
    .time-row .location:before{
        content: "Location:";
    }
    .time-row  div.date:before{
        content: "Date:";
    }
    .time-row .sport:before{
        content: "Sport:";
    }
    .time-row .role-cell:before{
        content: "Role:";
    }
    .time-row .unit:before{
        content: "Unit:";
    }
    .time-row .start:before{
        content: "Start Time:";
    }
    .time-row .end:before{
        content: "End Time:";
    }
    .time-row .worked:before{
        content: "Units Worked:";
    }
    .time-row .rate:before{
        content: "Rate:";
    }
    .time-row .total:before{
        content: "Total:";
    }
    .time-row .confirm:before{
        content: "Confirm:";
    }
    .time-cell
    .header .inner{
        height: 80px;
    }
    .login-inner{
        max-width: 95%;
    }
    .user-menu{
        position: absolute;
    }
    .logo{
        width:180px;
    }
    .job-details{
        float:left;
        max-width: 98%;
    }
    .brand-section img{
        max-width: 100%;
        float: left;
    }
    .brand-section .brand-col{
        width: 20%;
        float: left;
    }

    .field.half{
        width:100%;
    }
    div.half{
        width: 100%;
    }
    .third{
        width:100%;
    }
    .center{
        margin: 0;
    }
    .ss-uploadfield .middleColumn{
        max-width: 100%;
        min-width: 90%;
    }
    .ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name {
        height: auto;

    }
    .actions{
        width: 100%;
    }
    #staff-jobs_wrapper .col-sm-6 .input-sm {
        width: 100%;
        max-width: 75%;
    }
    table{
        font-size: 14px;
    }
    .manage-buttons{
        float: left;
        width: 100%;
    }
    .role-manage{
        margin-right: 10px;
    }
    .main{
        max-width: 98%;
        margin: auto;
    }
}

@media only screen and (max-width: 320px) {

}