@media (max-width:767px), (max-width:767px) and (-webkit-min-device-pixel-ratio: 2) {
    #header,
    #header-container {
        height: 120px;
    }

    #concierge-small {
        display: block;
        top: 48px;
    }


    #logo-picture {
        position: absolute;
        text-align: center;
        width: 130px;
        left: 10px;
        margin: 0;
    }

    #top-box-left {
        display: none !important;
    }

    #top-box-right {
        background-color: #8fca23;
        position: absolute;
        top: 2px;
        right: 50px;
        width: 110px;
        height: 36px;
        margin: 0;
        font-size: 12px !important;
        border-radius: 6px;
    }

        #top-box-right > a {
            overflow: hidden;
            height: 34px;
            display: block;
            text-align: center;
            margin-top: 2px;
            margin-left: 5px;
            width: 100px !important;
        }

            #top-box-right > a > img {
                margin-left: -8%;
                margin-top: 4px;
                width: 120% !important;
            }

    .rws-primary-menu {
        background-color: transparent;
    }

    .rws-menu-button {
        display: block;
    }

        .rws-menu-button.opened {
            display: block;
            width: 20%;
            position: fixed;
            top: 0px;
            right: 0px;
            height: 100%;
            z-index: 1001;
        }

            .rws-menu-button.opened .rws-menu-button-content {
            }

    .rws-primary-menu-center {
        background-color: rgba(0,0,0,0.6);
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0px;
        left: 0px;
        padding: 0;
        z-index: 1000;
        transition: left 0.4s, background 0.1s linear 0.4s;
        -webkit-transition: left 0.4s, background 0.1s linear 0.4s;
        -moz-transition: left 0.4s, background 0.1s linear 0.4s;
        -o-transition: left 0.4s, background 0.1s linear 0.4s;
    }

        .rws-primary-menu-center.hide {
            left: -100%;
            background-color: rgba(0,0,0,0.0);
        }

        .rws-primary-menu-center ul {
            list-style: none;
            margin: 0;
            height: 100%;
            background-color: #8fca2c;
            width: 80%;
            box-shadow: 0px 1px 8px #333333;
        }

    .rws-primary-menu .rws-primary-menu-center li {
        background-color: #8fca2c;
        width: 100%;
        opacity: 1;
        -webkit-transition: opacity 0.4s linear 0.4s;
        -moz-transition: opacity 0.4s linear 0.4s;
        -o-transition: opacity 0.4s linear 0.4s;
    }

    .rws-primary-menu .rws-primary-menu-center.hide li {
        opacity: 0;
    }

    .rws-primary-menu .rws-primary-menu-center li a {
        font-size: 14px !important;
        height: auto;
        text-align: left;
        padding-top: 9px;
        padding-left: 10%;
        background: #8fca2c !important;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
    }

        .rws-primary-menu .rws-primary-menu-center li a:hover {
            color: #ffffff;
            background: #6faa0c !important;
        }

        .rws-primary-menu .rws-primary-menu-center li a.active {
            color: #ffffff;
            background: #6faa0c !important;
        }

            .rws-primary-menu .rws-primary-menu-center li a.active:hover {
                color: #ffffff;
                background: #8fca2c !important;
            }

    .rws-menu-toggle-area {
        display: block;
        width: 20%;
        position: fixed;
        top: 0px;
        right: 0px;
        height: 100%;
    }

        .rws-menu-toggle-area.hide {
            display: none !important;
        }

    .node {
        padding: 8px 10px 0px 10px;
    }

    .footer {
        height: auto;
        overflow: hidden;
    }

        .footer .footer-company-info {
            text-align: left;
        }

            .footer .footer-company-info span {
                float: left;
                width: 100%;
                padding-top: 2px;
                padding-bottom: 2px;
            }

                .footer .footer-company-info span:after {
                    content: "";
                }

    /*Program List*/
    #programContainer.collapsed #leftDiv,
    #programContainer.collapsed #detailsDiv,
    #programContainer.collapsed #daysDiv,
    #programContainer.collapsed #purchaseDiv {
        display: none;
    }

    #programContainer.collapsed {
        padding: 10px 0px 12px 0px;
    }

        #programContainer.collapsed #detailsCollapsedDiv {
            display: block;
        }

    #programContainer .collapse-button {
        display: block;
        position: absolute;
        right: 0px;
        top: 13px;
    }

        #programContainer .collapse-button:hover {
            background-color: #93cb00;
        }

    #programContainer #collapseHitArea {
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        height: 30px;
        right: 0;
        z-index: 2;
    }

    #programContainer #detailsCollapsedDiv {
        width: 100%;
    }

        #programContainer #detailsCollapsedDiv h3 {
            margin: 0;
        }

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

        #programContainer #leftDiv img {
            margin-top: 24px;
            width: 80%;
            max-width: 330px;
        }

    #programContainer #detailsDiv {
        width: 100%;
        margin: 0;
    }

        #programContainer #detailsDiv h3 {
            position: absolute;
            top: 10px;
        }


    #programContainer #daysDiv {
        float: left;
        text-align: right;
        margin-top: 10px;
        padding-top: 2px;
        width: 49%;
    }

    #programContainer #purchaseDiv {
        float: right;
        text-align: left;
        margin-top: 10px;
        width: 40%;
    }

    /*Create Account*/
    .createaccount-panel {
        width: 100%;
    }

        .createaccount-panel.collapse.closed {
            display: none;
        }

    .alreadyclient-panel {
        width: 100%;
    }

    .alreadyclient-box {
        width: 100%;
        max-width: 300px;
    }

        .alreadyclient-box h3 {
            text-align: center;
            margin-left:-5px;
        }

    .alreadyclient-panel.collapse {
        /*position:absolute;
        top:-300px;*/
    }

    .alreadyclient-panel .bottom-text {
        display: none;
    }

    .alreadyclient-panel .phrase-extra {
        display: none;
    }

    .alreadyclient-panel .signin-link {
        display: block;
        position: relative;
        top: -34px;
        left: 40%;
        font-size: 18px;
    }

    .alreadyclient-box {
        width: 99%;
        border: none;
        padding: 8px 0px 5px 0px;
        float: none;
    }

        .alreadyclient-box h3 {
            margin-top: 0px;
        }

    .ac-table {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 45px;
        margin-right: 0%;
        float: none;
    }

    .collapse.closed {
        display: none;
    }

    .alreadyclient-panel.collapse.closed .ac-table {
        display: none;
    }

    .ac-table-row {
        width: 100%;
        float: none;
    }

        .ac-table-row .ac-table-cell {
            text-align: right;
            width: 100%;
            float: none;
            font-size: 12pt;
            padding: 3px 1px;
        }

            .ac-table-row .ac-table-cell .field {
                float: none;
                width: 50%;
                max-width: 140px;
            }

            .ac-table-row .ac-table-cell.username,
            .ac-table-row .ac-table-cell.password,
            .ac-table-row .ac-table-cell.forgot-username,
            .ac-table-row .ac-table-cell.forgot-password {
                width: 90%;
            }

            .ac-table-row .ac-table-cell.button {
                position: relative;
                height: 5px;
                top: 80px;
            }

    /*Program Details*/

    .inner_profile {
        padding: 20px 5px;
    }

    .pd-left-panel,
    .pd-right-panel,
    .inner_profile.pd-left-panel,
    .inner_profile.pd-right-panel,
    .inner_profile.pd-profile-panel {
        width: 97%;
        padding-left: 1%;
        padding-right: 1%;
        float: left;
    }
    .inner_profile.pd-right-panel {
        text-align: left;
    }

    .inner_profile tr td {
        padding: 2px 1px;
    }
    .inner_profile tr td:first-child {
        font-size:11pt;
    }
    .inner_profile tr td .field-suffixed {
        width:40%;
    }

    .daysofweek-panel {
        padding-bottom: 50px;
    }

    .pd-title {
        width: 100%;
    }

    .after-home {
        font-size: 8pt !important;
    }

    .basic-datepicker {
        display: initial;
    }

    .input-datepicker {
        display: none;
    }

    tr.keys-row .doorman-check-label {
        margin-left: 5px;
        font-size: 11pt;
    }

    /*Payments*/
    .juice-disclaimer {
        width: 100%;
    }

    span.item-complement {
        width: 80%;
        border: 3px solid #82b700;
        border-radius: 10px;
        display: block;
        position: absolute;
        z-index: 1000;
        padding: 0px 10px 20px 10px;
        background-color: white;
        -webkit-box-shadow: 4px 4px 17px 0 rgba(0,0,0,0.57);
        -moz-box-shadow: 4px 4px 17px 0 rgba(0,0,0,0.57);
        box-shadow: 4px 4px 17px 0 rgba(0,0,0,0.57);
    }
    span.item-complement.hidden {
        display: none;        
    }

    span.item-plus-button {
        display: inline-block;
        visibility: visible;
        padding: 0 4px;
        font-weight: bold;
    }
    span.item-plus-button.hidden {
        visibility: hidden;
    }

    /*Thank you*/
    .lside {
        width: 100%;
    }

    .rside {
        padding: 10px 0px;
        width: 100%;
        text-align: center;
        height: auto;
    }

        .rside img {
            width: 100%;
            max-width: 300px;
        }

    .thankyou-panel h4 {
        text-align:left;
    }

    /*Invoices*/
    .invoices .header-numberdays:after {
        content: 'Days';
    }

    .invoices {
        width: auto;
        overflow-x: auto;
    }

    .invoices .GridTable tr th,
    .invoices .GridTable tr td {
        font-size: 14px;
        padding: 2px 3px;
    }

    .invoices {
        border: none;
        padding: 10px 0px;
    }

    /*Create Account*/
    .createaccount-panel tr td {
        padding: 2px 1px;
    }

        .createaccount-panel tr td:first-child {
            font-size: 12px;
        }

        .createaccount-panel tr td:last-child input {
            max-width: 86%;
        }

    .createaccount-panel .requiredAccount {
        width: auto;
        padding: 0px 2px;
    }

    /*Payments Order details*/
    .payment-orderdetails {
        padding: 0;
    }
    .payment-orderdetails tr td {
        font-size: 11pt;
    }
        .payment-orderdetails tr td:first-child {
            text-align:left;
        }

    .btm_ad_profile .value-field {
        max-width:55%;
        text-align: left;
    }
    .btm_ad_profile .history-grid tr td:first-child {
        width:35%;
        max-width:130px;
    }

    #ContentPlaceHolder1_calender td {
        padding: 0;
    }

    /*Login*/
    .login-box-border .login-button-container,
    .login-box-border #usernamediv,
    .login-box-border #passworddiv {
        text-align: center;
        margin: 20px 0;
        width: 100%;
    }
    .login-box-border #usernamediv,
    .login-box-border #passworddiv {
        font-size: 11pt;
    }

    .ui-dialog[aria-describedby="dialog-confirmYes"],
    .ui-dialog[aria-describedby="dialog-confirmNo"] {
        width:80% !important;
        left:10% !important;
        font-size: 12pt;
        text-align: left;
    }

    .subscribe-panel .field-with-label,
    .subscribe-panel .field-with-label .label,
    .subscribe-panel .field-with-label .field-control {
        width: 100%;
        text-align: left;
        padding: 0 5px;
    }

        .subscribe-panel .field-with-label:first-of-type {
            margin-right: 0;
            margin-bottom: 20px;
        }
}

@media screen and (min-width:341px) and (max-width:767px), screen and (min-width:341px) and (max-width:767px) and (-webkit-min-device-pixel-ratio: 2) {
    #header,

    #header-container {
        height: 152px;
    }

    #logo-picture {
        width: 175px;
    }
    .header-start-date {
        display:none;
    }
    .header-end-date {
        display:none;
    }
    .item1 {
        display:none;
    }
     .item2{
        display:none;
    }

    .node {
        padding: 8px 15px 0px 15px;
    }

    .after-home {
        font-size: 14pt !important;
    }

    .alreadyclient-box h3 {
        text-align: center;
    }

    .alreadyclient-panel .signin-link {
        left: 125px;
    }

    .ac-table {
        width: 90%;
        margin-right: 10%;
    }

    .ac-table-row .ac-table-cell {
        font-size: 14pt;
    }

        .ac-table-row .ac-table-cell .field {
            width: 50%;
            max-width: 140px;
        }

        .ac-table-row .ac-table-cell.username,
        .ac-table-row .ac-table-cell.password,
        .ac-table-row .ac-table-cell.forgot-username,
        .ac-table-row .ac-table-cell.forgot-password {
            width: 100%;
        }

    #concierge-small {
        display: block;
        top: 83px;
    }

    .createaccount-panel tr td {
        padding: 2px 5px;
    }

        .createaccount-panel tr td:first-child {
            font-size: 14px;
        }

        .createaccount-panel tr td:last-child input {
            max-width: 80%;
        }

    .createaccount-panel .requiredAccount {
        width: auto;
        padding: 0px 2px;
    }

    .btm_ad_profile .value-field {
        max-width: 57%;
    }

    .btm_ad_profile .history-grid tr td:first-child {
        width: 100px;
    }

    /*Login*/
    /*.login-box-border .login-button-container {
        float: left;
    }*/

    .subscribe-panel .field-with-label {
        width: 100%;
    }

    .subscribe-panel .field-with-label .label {
        width: 30%;
        font-size: 11pt;
        text-align: right;
        padding: 0;
    }
    .subscribe-panel .field-with-label .field-control {
        width: 66%;
        padding: 0;
    }
    .subscribe-panel .field-with-label .field-control > input {
        width: 50%;
    }

        .subscribe-panel .field-with-label:first-of-type {
            margin-right: 0;
            margin-bottom: 20px;
        }
 
}

@media (min-width:768px) and (max-width:1024px), (min-width:768px) and (max-width:1024px) and (-webkit-min-device-pixel-ratio: 2) {
    #logo-picture {
        position: absolute;
        left: 40%;
        text-align: center;
        width: 20%;
        margin: 0;
    }

    #top-box-left {
        position: absolute;
        left: 10px;
    }

    #top-box-right {
        position: absolute;
        right: 10px;
        height: 36px;
        margin: 45px 30px 0px 0px;
        font-size: 12px !important;
        border-radius: 6px;
    }

    .rws-primary-menu .rws-primary-menu-center li a {
        /*font-size: 14px;
        line-height: 24px;*/
    }

        .rws-primary-menu .rws-primary-menu-center li a:hover {
            background-size: 90% 34px;
            background-position: center -1px;
        }

        .rws-primary-menu .rws-primary-menu-center li a:active {
            background-size: 90% 34px;
            background-position: center -1px;
        }

    .node {
        padding: 8px 15px 0px 15px;
    }


    #programContainer #leftDiv {
        margin-top: 24px;
        width: 50%;
        max-width: 330px;
        text-align: left;
    }

        #programContainer #leftDiv img {
            width: 80%;
        }

    #programContainer #detailsDiv {
        width: 100%;
    }

        #programContainer #detailsDiv h3 {
            position: absolute;
            top: 10px;
        }


    #programContainer #daysDiv {
        position: absolute;
        top: 30%;
        right: 25%;
        text-align: right;
        width: 35%;
    }

    #programContainer #purchaseDiv {
        position: absolute;
        top: 30%;
        right: 5%;
        width: 15%;
    }

    /*Create Account*/
    .createaccount-panel {
        width: 45%;
    }

    .alreadyclient-panel {
        width: 45%;
    }

        .alreadyclient-panel .bottom-text {
            display: none;
        }

        .alreadyclient-panel .phrase-extra {
            display: none;
        }

    .alreadyclient-box {
        width: 100%;
        border: none;
        padding: 8px 0px 5px 0px;
        float: right;
    }

        .alreadyclient-box h3 {
            margin-top: 0px;
        }

    .ac-table {
        padding-top: 0px;
        margin-right: 20%;
    }

    .ac-table-row .ac-table-cell {
        text-align: right;
        width: 100%;
    }

        .ac-table-row .ac-table-cell .field {
            float: right;
        }

        .ac-table-row .ac-table-cell.username,
        .ac-table-row .ac-table-cell.password,
        .ac-table-row .ac-table-cell.forgot-username,
        .ac-table-row .ac-table-cell.forgot-password {
            width: 100%;
        }

        .ac-table-row .ac-table-cell.button {
            position: relative;
            height: 5px;
            top: 80px;
        }

    /*Program Details*/

    .pd-left-panel,
    .pd-right-panel,
    .inner_profile.pd-left-panel,
    .inner_profile.pd-right-panel,
    .inner_profile.pd-profile-panel {
        width: 97%;
        padding-left: 1%;
        padding-right: 1%;
        float: left;
    }
    .inner_profile.pd-right-panel {
        text-align: left;
    }

    .daysofweek-panel {
        padding-bottom: 40px;
    }

    .pd-title {
        width: 100%;
    }

    .after-home {
        font-size: 14pt;
    }

    .basic-datepicker {
        display: initial;
    }

    .input-datepicker {
        display: none;
    }


    /*Payments*/
    .juice-disclaimer {
        width: 100%;
    }

    .payments .inner_profile.pd-right-panel {
        float: right;
    }

    .payments .inner_profile.pd-left-panel,
    .payments .inner_profile.pd-right-panel {
        width: 46%;
        padding-left: 1%;
        padding-right: 1%;
    }

    /*Thank you*/
    .lside {
        width: 66%;
    }

    .rside {
        padding-left: 0;
        padding-top: 20px;
        margin-left: 3%;
        width: 30%;
        height: auto;
    }

        .rside img {
            width: 100%;
        }



    .btm_ad_profile .value-field {
        max-width:60%;
    }



    .subscribe-panel .field-with-label .label {
        width:220px;
        text-align: right;
    }

    .subscribe-panel .field-with-label:first-of-type {
        margin-right: 0;
    }
}


/*  Mobile config for Zen Select Screen only  */
@media (max-width:600px), (max-width:600px) and (-webkit-min-device-pixel-ratio: 2)
{

    /*        Meal Z.E.N. Selection       */

    .editImg {
        width: 30px;
    }

    .tip_msg {
        font-size: 11px !important;
    }

    .headingFont {
        font-size: 12px !important;
    }

    .floatBtn {
        margin: 0px 15% 5px 0 !important;
    }

    .orange_btn {
        font-size: 14px !important;
    }

    .leftp {
        display: initial;
        position: static;
        float: left;
        width: 94%;
    }

        .leftp .leftp-internal {
            border: 3px solid #8ec92c;
            border-radius: 10px;
            padding: 10px;
            width: 100%;
        }

        .leftp #calendarLegend {
            display: inline-block;
        }

    .lbl-message {
        display: none !important;
    }

    .rightp {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 98% !important;
        height: 99%;
        border: none;
        float: right;
        background-color: white;
        z-index: 110;
    }

        .rightp.hidden {
            display: none;
        }

        .rightp .popup-close {
            display: block;
            z-index: 1;
        }

    .bg-trigger-panel {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        /*background:url("../images/trans_bg.png") repeat 0 0;*/
        background-color: white;
        z-index: 100;
    }

        .bg-trigger-panel.hidden {
            display: none;
            z-index: -100;
        }

    #mealOuterBox {
        z-index: 120;
    }

    .rightp #tt.tabs-container {
        max-height: 650px;
    }

        .rightp #tt.tabs-container .tabs-panels .panel {
            height: 70%;
            max-height: 70%;
            min-height: 70%;
        }

            .rightp #tt.tabs-container .tabs-panels .panel .inner-div-tab {
                max-height: 500px;
                padding-bottom: 4px;
                background: none;
            }


    #ContentPlaceHolder1_calender {
        width: 100%;
        font-size: 7pt;
    }

        #ContentPlaceHolder1_calender td {
            height: 35px;
            vertical-align: top;
            text-align: left;
            padding: 2px 5px;
            font-size: 7pt;
        }


    #calendarMenu {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1000;
    }

        #calendarMenu.hidden {
            display: none;
            bottom: -100%;
        }

        #calendarMenu ul {
            position: absolute;
            bottom: 0;
            left: 0;
            list-style: none;
            margin: 0;
            height: auto;
            background-color: #8fca2c;
            width: 100%;
            padding: 0 0 15px 0;
            box-shadow: 0px 1px 8px #333333;
            z-index: 2;
        }

            #calendarMenu ul li {
                background-color: #8fca2c;
                width: 100%;
                opacity: 1;
                -webkit-transition: opacity 0.4s linear 0.4s;
                -moz-transition: opacity 0.4s linear 0.4s;
                -o-transition: opacity 0.4s linear 0.4s;
            }

                #calendarMenu ul li a {
                    color: #ffffff;
                    display: block;
                    font-size: 14px !important;
                    height: auto;
                    width: 90%;
                    padding: 4px 5%;
                    background: #8fca2c;
                    -webkit-transition: background 0.4s;
                    -moz-transition: background 0.4s;
                    -o-transition: background 0.4s;
                    transition: background 0.4s;
                }

                    #calendarMenu ul li a:hover {
                        color: #ffffff;
                        background: #6faa0c;
                    }

                    #calendarMenu ul li a.disable:hover,
                    #calendarMenu ul li a.disable.active,
                    #calendarMenu ul li a.disable.active:hover {
                        background: #8fca2c;
                    }

                    #calendarMenu ul li a.disabled {
                        color: #67921D;
                    }

                    #calendarMenu ul li a.active {
                        color: #ffffff;
                        background: #6faa0c;
                    }

                        #calendarMenu ul li a.active:hover {
                            color: #ffffff;
                            background: #8fca2c;
                        }

        #calendarMenu .bottom-menu-trigger {
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 1;
        }

        #calendarMenu .bottom-menu-trigger {
            display: block;
        }

    div.lightboxpp {
        min-height: initial;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: none;
        border-radius: initial;
    }

    #div_MealDetailPopUp.lightboxpp #div_mealDetail img {
        width: 100%;
        height: auto;
    }

    #divCheckOut.lightboxpp {
        z-index: 140;
        height: auto;
        top: 0;
    }

    #divPopUp.lightboxpp {
        z-index: 130;
        height: auto;
        width: initial;
    }

        #divPopUp.lightboxpp.lightboxpp-wide {
            padding: 29px 0 0 0;
            max-height: none;
        }

    .lightboxpp .popup-heading h3 {
        margin-top: -20px;
    }

    #divCheckOut #chk_defaultDetail {
        margin-left: 25%;
    }

    #divCheckOut #chk_newCreditCard {
        margin-left: 25%;
    }

    #divCheckOut br.saved-cc-br {
        display: block;
    }

    #div_unsavedChangesPopUp.lightboxpp {
        z-index: 150;
        height: auto;
        max-height: 70px;
        top: 35%;
        left: 18%;
        right: 18%;
        border: 2px solid #8EC92C;
        border-radius: 8px;
    }

    #tt.tabs-wrap {
        margin: 0 !important;
        width: 95% !important;
        padding: 0 2%;
    }



    .unsuspend-color {
        background-color: white;
        background-color: rgba(221, 157, 80, 0.3);
    }

    .delivery-color {
        background-color: white;
        background-color: rgba(0, 100, 1, 0.40);
    }

    .in-progress-color {
        background-color: white;
        background-color: rgba(1, 168, 13, 0.30);
    }

    .meals-exist-color {
        background-color: white;
        background-color: rgba(255, 139, 0, 0.60);
    }

    .coming-soon-color {
        background-color: white;
        background-color: rgba(255, 139, 0, 0.40);
    }

    #mobileVersionFlag {
        display: block;
    }

    #ContentPlaceHolder1_calender .calendar-control,
    #ContentPlaceHolder1_calender .calendar-control.checkbox {
        display: none !important;
    }

    .tab-pop_container {
        width: 99%;
    }

    .tab-pop_content {
        padding: 10px 2px;
        font-size: 1.2em;
    }

    #divPopUp .ui-jqgrid tr.ui-row-ltr td {
        border-top: solid 1px #8ec92c;
        border-top: solid 1px rgba(142, 201, 44, 0.5);
    }

    .total-credit {
        margin-top: -40px;
        padding-right: 0;
        max-width: initial;
    }

    .header-start-date {
        display: none;
    }

    .header-end-date {
        display: none;
    }

    .item1 {
        display: none;
    }

    .item2 {
        display: none;
    }
}

/*  Tablet config for Zen Select Screen only  */
@media (min-width:601px) and (max-width:1024px), 
    (min-width:601px) and (max-width:1024px) and (-webkit-min-device-pixel-ratio: 2) {
        
    /*        Meal Z.E.N. Selection       */

    .leftp {
        display: initial;
        position: static;
        float: left;
        width: 96%;
        margin-left: 2%;
    }


    .rightp {
        display: block;
        position: absolute;
        left: 20%;
        top: 200px;
        width: 60%;
        border: none;
        float: right;
        min-height: 200px;
        background-color: white;
        border-radius: 8px;
        z-index: 110;
    }

        .rightp.hidden {
            display: none;
        }

        .rightp .popup-close {
            display: block;
            z-index:1;
        }

    .bg-trigger-panel {
        display: block;
        position: fixed;
        top:0;
        bottom:0;
        left:0;
        right:0;
        background:url("../images/trans_bg.png") repeat 0 0;
        z-index:100;
    }

        .bg-trigger-panel.hidden {
            display: none;
            z-index: -100;
        }

    #mealOuterBox {
        z-index: 120;
    }

    #divCheckOut.lightboxpp {
        z-index: 140;
    }

    #divPopUp.lightboxpp {
        z-index: 130;
    }

        #div_unsavedChangesPopUp.lightboxpp {
            top: 35%;
            left: 23%;
            right: 23%;
            border: 5px solid #8EC92C;
            border-radius: 8px;
        }

    .rightp #tt.tabs-container {
        max-height: 650px;
    }

        .rightp #tt.tabs-container .tabs-panels .panel {
            height: 70%;
            max-height: 70%;
            min-height: 70%;
        }

            .rightp #tt.tabs-container .tabs-panels .panel .inner-div-tab {
                max-height: 500px;
                padding-bottom: 4px;
                background: none;
            }

    .tab-pop_container {
        width: 99%;
    }

   .tab-pop_content {
        padding: 10px 5px;
        font-size: 1.2em;
    }

    #ContentPlaceHolder1_calender,
    #ContentPlaceHolder1_calender td {
        font-size: 9pt;
    }
        #ContentPlaceHolder1_calender td {
            /*height: 50px;*/
        }
}