@media only screen and (max-width: 600px) {
    body {
        padding-left: 2px;
        padding-right: 2px;
    }

    .breadcrumb {
        padding: 2px;
    }

    .headerimage {
        margin: 0;
    }

    #logincontent {
        width: 100%;
        padding: 5px;
    }

    .loginPanel label {
        text-align: left;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    #menuadmin {
        margin-top: 2px;
        width: 100%;
    }

    #mainwrapper {
        padding: 5px;
    }

    #maincontent {
        padding: 5px;
    }

        #maincontent .form {
            margin-left: 0;
        }

    #contentlinks {
        text-align: center;
        width: 100%;
    }

        #contentlinks a {
            margin-left: 3px;
            padding: 3px 10px;
            margin-bottom: 3px;
        }

        #contentlinks .addicon {
            display: none;
        }

    .input-form {
        width: 100%;
    }

        .input-form label {
            text-align: left;
            width: auto;
        }


    table.gridview tr.table-header th{
        padding:4px;
        font-size: 12px;
        font-weight:normal;
        text-align: center;
    }
    table.gridview tr.table-row td, table.gridview tr.table-alternating td {
        padding: 4px;
        font-size: 12px;
    }

    .modalPopup{
        width: 300px;
    }

        .modalPopup .mobile-modal-hidden{
            display: none;
        }
}