/*
    All media queires for Responsive to be placed here (A clean-up is needed before release)
*/
@media only screen and (min-width : 320px) and (max-width : 1024px) {
    .table-wrap { width: 100% !important; }

    #sidebar-wrapper { display: none; }

    #nav { padding-left: 10px; }

    .login-nav {
        float: left !important;
        text-align: center;
        font-size: 20px;
        width: 100%;
    }

    #content {
         padding-left: 10px;
         padding-right: 10px;
    }

    #content-body {
        padding-left: 0;
        margin-right: 9px;
        overflow: auto;
    }

    #logout-rightmenu { display: none; }

    #menu-toggle { display: block; }

    .mob-menu-text {
        font-size: 20px;
        padding-top: 10px;
    }

    .libody-profile {
        background-size: cover;
        max-height: 35px;
        margin-top: 10px;
    }

    .login-content { width: 100%; }

    .footer-mini { width: 100%; }

    .reg-back-mob {
        margin-left: -25px;
        margin-right: 25px;
    }

    .reg-skip-mob {
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 65px !important;
    }

    .container { padding: 10px !important; }

    #addAccountImage { display: none !important; }

    #compose-mail-mini { display: inline !important; }

    .msg-box-mob { display: inline !important; }

    .reg-back-mob {
        margin-left: -25px;
        margin-right: 25px;
    }

    .reg-skip-mob {
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 65px !important;
    }

    .container { padding: 10px !important; }

    #addAccountImage { display: none !important; }

    #compose-mail-mini { display: inline !important; }

    .msg-box-mob { display: inline !important; }
    .account-button {
        padding-right: 0;
        padding-left: 0;
    }
}
/* All Mobile Devices */
    @media only screen and (min-width : 320px) and (max-width : 760px) {

        .footer {
            height: 163px !important;
        }

        .modal-dialog {
            overflow-y: initial !important;
        }

        .modal-body {
            overflow-y: auto !important;
            width: 90vw !important;
        }

        .button-icon {
            display: block !important
        }

        .all-content {
            padding-bottom: 0;
        }

        .short-date {
            display: block !important;
        }

        .long-date {
            display: none;
        }

        .transactions {
            padding: 0 !important;
        }

        .compose-button {
            padding-top: 0 !important;
        }

        .bank-accounts {
            border: 0;
        }

        .dd-handle {
            padding-bottom: 80px;
        }

        .security-form input {
            width: 75vw !important;
            margin-top: 10px !important;
        }

        .security-update-button {
            margin-bottom: 40px;
            right: 0;
            padding-right: 0 !important;
        }

        .demo-login-form input {
            width: 90% !important;
            margin: 0 auto !important;
            height: 60px;
            font-size: 30px;
            margin-right: 5% !important;
            margin-left: 5% !important;
            margin-top: 20px !important;
            max-width: 400px;
        }

        .society-name-text {
            display: none;
        }

        #societyname h1 {
            margin-top: 0;
        }

        .user-tabs .col-sm-2 {
            padding-bottom: 20px;
        }

        .user-tabs a {
            padding-bottom: 5px;
        }

        .security-change-type input[type="radio"] {
            padding-bottom: 10px;
        }

        #maincontent-details .col-sm-12 {
            padding-left: 0;
            padding-right: 0;
        }

        #notifications {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .download-mob {
            display: none;
        }

        .download-mob-icon {
            display: inline !important;
            margin-right: 10px;
        }

        #datatablelengthselecter {
            margin-right: 10px !important;
        }

        .msg-content-mob {
            margin-top: 30px;
        }

        .scroll-mob {
            overflow-x: scroll !important;
        }

        #divSmallBoxes {
            width: 100% !important;
        }

        button[name="reg-intro"] {
            width: 100% !important;
        }

        .reg-product-filter-check {
            width: 100%;
            border-radius: 0;
        }

        .products-div {
            padding: 0;
            padding-right: 10px;
        }

        .unconfirmed-doc {
            width: 100%;
        }

        .terms-left-text {
            width: 100%;
        }

        .terms-text-row {
            width: 100%;
            display: block;
        }

        .terms-text-desc {
            padding-left: 0 !important;
        }
    .terms-text-title {
        padding: 25px;
    }
    .interest-tab-div {
        padding: 0;   
    }
    .icon-pass {
        margin-top: 26px;
    }
    .welcome {
        margin-top: 70px;
    }
    .welcome-login {
        margin-top: 70px;
    }

    amount-and-date-body {
        overflow: auto;
    }
    .panel-body {
        overflow: auto;
    }

    .wizardsteps button.reset, .wizardsteps button.reset:hover, .wizardsteps button.reset:active, .wizardsteps button.reset:visited, .wizardsteps button.reset:focus {
        height: 40px;
        min-width: 75px;
    }
    .grey-status, .summaryPage {
        background: #efefef !important;
    }
        .page-number {
            margin-left: 25px !important;
        }
}

    /* iPhone 6 plus portrait */
    @media only screen and (min-width : 414px) and (max-width : 667px) and (orientation :portrait) {
        #lastupated {
        display: none;
        visibility: hidden;
    }
    #widgetheader h2 {
        display: none;
    }
    .jarviswidget > header h2 {
        width: auto;
    }
    #widgetheader b {
        font-size: smaller;
    }
    #addAccountImage {
        display: none;
    }
    #download-savings-transactions {
        display: none;
    }
    #searchglass {
        float: left !important;
        margin-left: 10px;
    }
    #loan-account-name {
        font-size: 12px;
    }
    #loanDownloadTransactions {
        display: none;
    }
        
}

/* iPhone 5 and iPhone 6 portait */
/*Change to min-width to 360px to fixed an issue of rending view on a mobile device; check in chrome mobile device emulator.*/
@media only screen and (min-width : 320px) and (max-width : 760px) and (orientation :portrait ) {
    #lastupated {
        display: none;
        visibility: hidden;
    }
    #widgetheader h2 {
        display: none;
    }
    .jarviswidget > header h2 {
        width: auto;
        font-size: 11px;
    }
    #widgetheader b {
        font-size: smaller;
    }
    #addAccountImage {
        display: none;
    }
    #download-savings-transactions {
        display: none;
    }
    #searchglass {
        float: left !important;
        margin-left: 10px;
    }
    #loanDownloadTransactions {
        display: none;
    }
    h1{
        padding-top: 5px !important;
        font-size: 40px !important;
    }
    .table-striped{
        width: 85vw;
    }
    .table-wrap{
        width: 100% !important;
    }
    .form-control {
        width: 50vw;
    }
    .fa-file{
        font-size: 25px!important;
        margin-top: 8px!important;
    }
    .br-mobile{
        display: block;
    }
    #accountimageplaceholder {
        background-size: cover!important;
    }
    .smart-timeline-content {
        margin-left: 0;
        padding-top: 15px;
    }
    .admin-name-text {
        float: left;
    }
    .smart-timeline-list:after {
        display: none;
    }
    .jarviswidget > header {
        height: auto;
    }
}

@media only screen and (min-width : 760px) {
    .interest-tab-div {
        margin-bottom: 10px;
        text-align: center;
    }
    .account-button {
        display: inline-block;
        float: none;
        margin-left: -34px;
    }
}