@media only screen and (device-width: 768px) {
    /* For general iPad layouts  */


    #HideProgressUpdate {
        visibility: visible;
    }

    .clientNavImg {
        display: block !important;
    }

    .hiddenIcons {
        visibility: visible;
    }

    /* Navigation Push Styles */

    div.patientBottomOptions {
        visibility: visible !important;
    }

    #layout {
        position: relative;
        padding-left: 0;
        left: 0;
    }

        #layout.active {
            position: relative;
            left: 150px;
        }

            #layout.active #menu {
                left: 150px;
                width: 150px;
            }

    #menu {
        left: 0;
    }

    .pure-menu-link {
        position: fixed;
        left: 0;
        display: block;
    }

    #layout.active .pure-menu-link {
        left: 150px;
    }

    .imageButton {
        width: 20px;
    }

    .autoCompleteTextBox {
        width: 50px;
    }
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

    #layout {
        left: 150px;
        padding-left: 150px;
    }

        #layout.active {
            position: relative;
            left: 0px;
        }

    h1 {
        margin-top: 0;
        padding-top: 0;
    }


    #menu {
        left: 150px;
        margin-left: -150px;
        font-size: 70%;
        width: 150px;
    }

    #layout.active #menu {
        left: 0;
        width: 0;
    }

    #layout.active .pure-menu-link {
        left: 0px;
    }

    .autoCompleteTextBox {
        width: 50px;
    }
}