@media (orientation: portrait) and (max-device-width: 768px), (orientation: landscape) and (max-device-height: 703px), (max-width: 768px) {
    /* layout min-width  - down to - ipad portrait */
    /* general */
    .container_24 {
        width: auto;
    }

    #main {
        width: auto !important;
    }

    #super_menu li a {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* dashboard - kpi */
    form.set_dates {
        clear: left;
        float: none !important;
        padding-bottom: 10px;
    }

    /* initial call form */
    #id_caller-company_container, #id_referrer-company_container {
        clear: left;
        width: 100%;
    }

    .profile-combobox.existing .grid-4-12 {
        width: auto;
    }

    #id_description_container #id_description {
        width: 75% !important;
        height: 125px !important;
    }

    #id_the_date_container .label, #id_description_container .label {
        width: 90px;
    }

    /* scheduling */
    #edit_shift #right-side {
        float: left;
        width: 265px;
    }

    #edit_shift .careneeds_subsection label {
        font-size: 11px !important;
    }

    #edit_shift .careneeds_subsection #id_max_client_weight {
        width: 40px;
        margin-left: -10px !important;
    }

    #edit_shift .careneeds_subsection.level1 {
        width: 27%;
    }

    #edit_shift #criteriaOther_1 {
        width: 39% !important;
    }

    #edit_shift #criteriaOther_2 {
        width: 27% !important;
    }

    #edit_shift #criteriaOther_3 {
        width: 34% !important;
    }

    #edit_shift #table_holder {
        overflow: auto;
    }

    #edit_shift .tab ul.login {
        right: 35%;
    }

    /* accounting */
    .floating-actions-wrapper .actions {
        width: auto;
        min-width: 450px;
        padding: 0 15px;
    }

    .tab-content ol {
        font-size: 13px !important;
        line-height: 1.3em;
    }

    .tab-content .table {
        width: auto !important;
    }

    .tab-content img {
        max-width: 100% !important;
    }

    /* reports
    div#report-options {height: auto;}
    #report-options .grid_6 {clear: left;}
    #report-options .report_type_section,#report-options .report-list {border-right: none !important; border-bottom: 1px solid #ccc;}
    #report-options .report-list.grid_6 {width: 245px;}
    div#report-options input#show-report {right: auto; left: 5px; bottom: 5px;}
    div#report-controls {position: static;float: right;margin: -20px -10px 0 0;}
    */
    /* agency stgs */
    form.the_main_form .applicant_qs textarea#id_form-0-question, form.the_main_form .applicant_qs textarea#id_form-1-question {
        width: 300px;
        height: 55px;
    }

    form.the_main_form .aligned_fields label {
        margin-left: 0 !important;
        text-align: left !important;
        width: auto !important;
    }

    form.the_main_form .contact_info input[type="text"] {
        width: 200px !important;
    }

    form.the_main_form .aligned_fields .help_text {
        clear: both;
    }

    .m.questions .applicant_qs label[for$="removed"] {
        left: auto !important;
        position: relative !important;
        margin: -12px 0 0 -10px;
    }

    .m.questions .applicant_qs input[name$="removed"] {
        left: auto !important;
        position: relative !important;
        margin: -12px 0 0 0;
    }

    .m.questions fieldset.e_sig_recipient {
        margin-left: 0 !important;
    }

    .m.questions fieldset.e_sig_recipient p.description {
        margin-left: 15px !important;
    }

    .m.questions fieldset.e_sig_recipient li.optional label {
        margin-left: 0 !important;
    }

    .m.questions .chbox_list ul {
        padding-left: 15px;
    }

    .m.questions fieldset.adls ul.formset_form {
        padding-top: 20px !important;
    }

    .m.questions li.task_pop {
        width: 90% !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
        margin: 10px 0 0 0 !important;
    }

    .m.questions li.task_pop p {
        float: none !important;
        display: block !important;
        width: 200px !important;
    }

    .m.questions li.task_pop ul li {
        padding-bottom: 8px;
    }

    .the_main_form .overtime_overall ul ul {
        display: block !important;
    }

    .the_main_form fieldset.certifications ul.formset_form ul {
        display: block;
    }

    .m.recommend_clearcare_survey {
        display: none;
    }
}

/* 690 height comes from http://stackoverflow.com/questions/3375706/ipad-browser-width-height-standard */
@media (orientation: portrait) and (max-device-width: 768px), (orientation: landscape) and (max-device-height: 690), (max-width: 768px) {
    /* ipad portrait and below */
    /* general */
    #main {
        padding: 60px 10px 10px 10px;
    }

    #logo {
        display: none;
    }

    #powered-by {
        display: none;
    }

    #zenbox_tab, #custom-walkme-tab, #walkme-menu-closed, #walkme-menu-open {
        display: none;
    }

    /* hide zenbox and walkme tabs */
    .float_right_top {
        position: absolute;
        z-index: 101;
        top: 0;
        right: 0;
    }

    .walkme-custom-launcher-outer-div {
        display: none;
    }

    #username-dropdown .fullname._button {
        height: 34px;
        padding: 11px 24px 0 17px !important;
        border: 0;
        border-left: 1px solid #d3d3d3;
        background-color: transparent;
        background-image: url(../img/responsive/arrowDnButUser.png);
        background-repeat: no-repeat;
        background-position: right center;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #username-dropdown .fullname._button .dcaret {
        display: none;
    }

    #username-dropdown .drop {
        background-color: #e6e6e6;
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2) !important;
        -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .2) !important;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .2) !important;
    }

    #super_menu {
        display: none;
    }

    #super_menu_mbl {
        display: block;
    }

    #title_page h1 {
        font-size: 24px !important;
    }

    .pplFinder {
        display: none;
        position: absolute;
        z-index: 101;
        top: 45px !important;
        left: 0 !important;
        right: auto;
        margin: 0 !important;
        padding: 5px;
        background-color: #e6e6e6;
        border: 1px solid #d3d3d3;
    }

    .pplFinder .pplFinderMenu {
        background-color: transparent;
    }

    .pplFinder #profile_search_form {
        margin-bottom: 0;
    }

    .pplFinder .srchPeople {
        width: 230px;
        padding: 8px 0 8px 10px !important;
        border: 1px solid #d3d3d3 !important;
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important;
    }

    .pplFinder .srchPeople:focus {
        border: 1px solid #2e6e9e !important;
    }

    .pplFinder .pplFinderNav {
        display: none;
    }

    /* datatables */
    .dataTables_length, .dataTables_filter {
        width: 50% !important;
    }

    .dataTables_length label, .dataTables_filter label {
        font-size: 11px !important;
    }

    /* dashboard */
    .dashboard .left-column {
        float: none !important;
        width: auto;
    }

    .dashboard .right-column {
        clear: both;
        float: none !important;
        width: auto;
        margin-left: 0;
    }

    #recent {
        float: left;
        width: 48%;
        min-height: 0 !important;
    }

    #open_shifts {
        float: right;
        width: 47%;
        min-height: 0 !important;
    }

    #key_documents {
        float: right;
        width: 47%;
        min-height: 0 !important;
    }

    #tasks {
        min-height: 60px !important;
    }

    #tasks div[style]:not(.notification) {
        width: 185px;
    }

    #tasks div[style] select {
        width: 170px;
        margin-left: 0;
    }

    /* calendar */
    .calendar_container .fc-header-title h2 {
        font-size: 16px;
    }

    /* initial call form */
    .careneeds_subsection {
        float: none !important;
        width: auto !important;
        padding: 0 0 15px 0;
    }

    #id_patient-care-needs-care_goals {
        height: 100px !important;
        margin-bottom: 12px;
    }

    /* scheduling */
    #edit_shift #left-side {
        width: 93%;
    }

    #edit_shift #right-side {
        float: none;
        clear: both;
        display: block;
        width: auto;
        padding-left: 10px;
    }

    #edit_shift #right-side #recurrence {
        padding: 0 0 15px 20px;
        font-size: 13px;
    }

    #edit_shift .careneeds_subsection {
        float: none !important;
        width: auto !important;
        border: none !important;
    }

    #edit_shift .careneeds_subsection label {
        font-size: 13px !important;
    }

    #edit_shift #criteriaOther_1, #edit_shift #criteriaOther_2, #edit_shift #criteriaOther_3 {
        float: none !important;
        width: auto !important;
        margin: 0 0 15px 0 !important;
    }

    #edit_shift #criteriaOther_2 p {
        margin-left: 20px;
    }

    /* accounting */
    .floating-actions-wrapper .ui-button, .floating-actions-wrapper .btn {
        padding: 6px 4px;
        font-size: 11px !important;
    }

    .m.invoices_payments {
        clear: left;
    }

    table.holidays {
        font-size: 11px;
    }

    table.holidays th h4 {
        font-size: 11px;
    }

    table.holidays th, table.holidays td, table.holidays .add-row {
        padding-left: 0 !important;
    }

    .tab-content {
        clear: left;
        overflow: visible !important;
    }

    .tab-content h3, .tab-content legend {
        font-size: 14px;
        line-height: 1.4em;
    }

    .tab-content ol, .tab-content p, .tab-content label {
        font-size: 12px !important;
        line-height: 1.4em;
    }

    .tab-content ul {
        -webkit-padding-start: 0;
    }

    .tab-content .profile-name, .tab-content .qb-add {
        font-size: 12px;
    }

    /* table */
    #reports tr.totals .group-title {
        white-space: nowrap !important;
    }

    /* #reports td.checkbox,#reports td.name,#reports td.date {width: auto !important; white-space: nowrap !important;} */
    #grid .grand_totals li.name {
        width: auto;
        margin-right: 15px;
    }

    #grid .grand_totals li.mileage {
        width: auto;
    }

    #grid .grand_totals li.sub_totals {
        right: 80px;
    }

    /* rates schedule */
    #accounting_page .agency-rates {
        width: 100%;
    }

    #accounting_page th.name, #accounting_page td.name {
        width: auto !important;
        vertical-align: top !important;
    }

    #accounting_page .agency-rates table th.bill-amount {
        padding-left: 0 !important;
    }

    #accounting_page td.name input.name {
        width: 90% !important;
        min-width: 80px;
        margin-right: 5px !important;
    }

    #accounting_page input.bill-amount {
        width: 50px !important;
        margin-left: 0 !important;
    }

    #accounting_page input.pay-amount {
        width: 50px !important;
    }

    #accounting_page .agency-rates td strong {
        font-size: 10px;
        font-weight: normal;
    }

    /* assessment */
    ._assessment_fieldset legend {
        font-size: 15px !important;
    }

    ._assessment_fieldset div.description {
        font-size: 12px !important;
    }

    /* lightbox dialogs */
    .ui-dialog {
        width: 470px !important
    }

    .edit-profile-dialog {
        width: 440px !important
    }

    div.edit-profile-dialog div.left-column, div.edit-profile-dialog div.right-column {
        float: none !important;
    }

    div.edit-profile-dialog div.right-column .label {
        width: 100px;
    }

    /* authorization dialog popup form */
    .ui-dialog .m.authorization-form {
        width: auto;
    }

    /* add authorization db */
    div.edit-profile-dialog div#referrals_clients div.ui-multiselect,
    div.edit-profile-dialog div#referrals_caregivers div.ui-multiselect {
        margin-left: 0;
    }

    /* charts and dashboards */
    .chart_dash_column {
        clear: left;
        margin-left: 0 !important;
    }

    /* calendar dialog */
    .m.agency_calendar_popup label {
        text-align: left;
    }

    .m.agency_calendar_popup label[for="id_notify_participants"] {
        display: none;
    }

    .the_main_form ul li {
        margin-left: 15px !important;
    }

    .m.recommend_clearcare_survey {
        display: none;
    }
}

/* not used
@media (max-width: 480px)  {
    .rHideMbl {display: none !important;}
    .rShowMbl {display: block !important;}

    .container_24 {width: 480px;}
    #main {width: 460px !important;}


    #recent {float: none; width: auto;}
    #open_shifts {float: none; width: auto;}
    #key_documents {float: none; width: auto;}

    .panels li.panel {float: none !important; width: auto !important;}
}
*/

/* not used
@media (max-width: 320px) {
    .container_24 {width: 320px;}
    #main {width: 300px !important;}

    #tasks div[style] {width: 155px;}
    #tasks div[style] select {width: 140px;}
}
*/

@media (min-width: 1024px) {
    /* ipad landscape + */

}

@media (min-width: 1200px) {
    /* widescreen + */

}