@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    * {
        -webkit-appearance: none;
        -moz-appearance: none;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    * {
        -webkit-appearance: none;
        -moz-appearance: none;
    }
}

@media only screen and (min-width: 414px) and (orientation:portrait) {
}

@media only screen and (max-device-width : 667px) and (orientation : portrait) {

    .bodyEnd {
        min-width: 0;
        border-right: none 0;
        padding: 5px;
    }

    .header > li > a {
        padding: 21px 0 0 0;
        margin: 0 10px;
    }

    .pageName {
        font-size: 1.3em;
        padding-left: 10px;
    }

    .button,
    .button.white,
    .button.blue {
        padding: 4px 8px;
        min-width: 90px
    }

    .login-dialog {
        width: auto;
        margin: 0 5px;
    }

    .login-page {
        width: auto;
        margin: 0 10px;
    }

    .root-footer li:first-child,
    .root-footer li:last-child {
        padding-top: 5px;
        float: none;
        text-align: center;
    }

    .study-form {
        width: 100%;
    }

    .visit-header-container {
        padding: 10px 10px 0 10px;
    }

    .visit-header-name {
        padding: 10px;
        font-size: 1.5em;
        display: inline-block;
    }

    .visit-header-statistics {
        display: none;
    }

    a.button.addNewVisit {
        padding-top: 5px;
    }

    .forms-table {
        width: 100%;
        padding: 0;
        margin: 0;
    }

        .forms-table td:nth-child(1) {
            padding: 0
        }

        .forms-table td:nth-child(3) {
            padding: 5px;
            font-size: 1em;
            width: 100%;
        }

        .forms-table td:nth-child(4),
        .forms-table td:nth-child(5),
        .forms-table td:nth-child(6),
        .forms-table td:nth-child(7),
        .forms-table td:nth-child(8) {
            display: none
        }

    .popup-modal-dialog,
    .popup-modal-dialog-wide {
        width: 100%
    }

    .dynamic-form-container {
        margin: 10px
    }

    .user-menu-link {
        max-width: 100px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .droppableContainer,
    table.grid > tbody > tr > td,
    table.grid > thead > tr > th {
        min-width: 0;
        width: auto;
    }
}