sub, sup {top: -1.75em;font-size: 30%;}
.step-title-section{position:relative}
@media (min-width:320px) and (max-width:1023px) {
    #livechat-compact-container{ display:none !important}
    .icon-hover-info{position:static; padding-top:10px}
}
.allergy-info-modal .modal-dialog {width: 718px}
.allergy-info-modal h3 {font-size: 33px;color: #333;padding: 0 20px 5px 0;margin: 0 0 25px 0;border-bottom: solid 2px #3f7601;}
.allergy-info-modal h5 {font-style: normal;font-weight: 700;margin-top: 10px;font-size: 14px}
.allergy-info-modal .modal-body {padding: 28px}
.allergy-info-modal p {color: #333;font-size: 15px;line-height: 20px;padding: 10px 0px}
.allergy-info-modal .close {background: url(../img/close-icon.png) no-repeat;width: 26px;height: 26px;opacity: 1;margin: 15px;position: absolute;z-index: 999999;right: 10px;top: 0}
.allergy-info-modal .more-info {position: absolute;right: 30px;bottom: 20px;text-decoration: underline;}
.item-load {float: left}
.item-load-info {margin-left: 325px}
.hide-steps-mob{position:relative}
.ldsnacks .food-section-scroll .col-menu.snacks {width: 215px;}
@media (min-width:320px) and (max-width:767px) {
    .allergy-info-modal .modal-dialog {width: auto;margin-bottom: 50px}
    .item-load {float: none}
    .item-load-info {margin-left: 0}
    .allergy-info-modal h3 {margin-top: 25px}
    .ldsnacks .food-section-scroll .col-menu.snacks{ width:auto; margin:0}

}
#ready,.mb-btm-count{display:none;}
.mb-btm-count{line-height: 35px;}

.modal.add-food-opt .modal-body{ padding:0}
.modal.add-food-opt .modal-content{ overflow:hidden}
.modal.add-food-opt .addon-info{ margin-left:300px; padding:20px 30px 0 0; color:#58595b}
.modal.add-food-opt .addon-info h4{font-weight:900; font-size:30px; line-height:1.2; color:#58595b}
.modal.add-food-opt .addon-info .sel-price{font-size:15px; margin-top:25px; line-height:1.2}
.modal.add-food-opt .addon-info .btn-add-opt{ list-style:none; padding:0; margin:0; text-align:center}
.modal.add-food-opt .addon-info .btn-add-opt li{ padding:10px 0}
.modal.add-food-opt .addon-info .btn-add-opt li a.no-thanks{ font-size:15px; font-weight:700; text-decoration:underline}
.modal.add-food-opt .addon-info .btn-add-opt li a.btn-grn{ font-size:20px; padding:10px 40px; min-width:175px}
/*.step-title-section .fivesteps  .step5{ width:100px}
.step-title-section .fivesteps  .step4.cont{ width:150px}*/
.step-title-section .fivesteps  .step5  .step-arrow{ right:-30px}
.step-title-section .fivesteps .food-steps-block .caret.caret-right{ right:17px}
.step-title-section .fivesteps  .food-steps-block .btn.btn-grn { padding: 10px 38px 10px 30px; margin-top: 15px; font-weight: 700; position: relative;}
.food-section-scroll .col-menu.snacks{ border-right:0}
.nutrition-menu .menu-item{ padding:0 10px}
.mpic-addon{ float:left}
.order-options-block{padding-bottom:30px}
.order-options-block .plan-block h3{background-color:#337700}
.order-options-block .plan-block-info.order-btn-bottom{ height:900px}
.discount-info{font-size:25px; font-weight:300; padding-top:25px}

@media (max-width:767px){
    .mpic-addon{ float:none}
    .modal.add-food-opt .addon-info {margin-left: 0;padding: 20px;}
    .modal.add-food-opt .modal-body{ padding:0 0 50px 0}
    .order-options-block{padding-top:0}

    .order-options-block .plan-block h3{border-radius:0; font-size:15px; text-align:left}
    .order-options-block .btn.btn-grn.order-inline{position: absolute;
                                                   right: 5px;
                                                   top: -14px;
                                                   font-size: 16px;
                                                   padding: 7px 15px;}
    .order-options-block .plan-block h3{position:relative; margin-left:-15px; margin-right:-15px}

    ul.menu-info{padding-left:30px}
    .order-options-block .plan-block{margin-bottom:10px}
    .modal.add-food-opt .addon-info h4{font-size:20px; margin-bottom:10px}
    .order-options-block .plan-block-info.order-btn-bottom .order-price-option.order-price-mob{bottom:20px}
    .order-options-block .plan-block-info.order-btn-bottom{ height:auto; border:0 }
    .order-options-block .plan-block.subscription .plan-block-info{ border:0}
    .order-options-block .plan-block-info{ padding-left:0; padding-right:0}
    .order-options-block .plan-block-info.order-btn-bottom .order-price-option{bottom:20px}
    .order-options-block .order-price-option{ position:static; margin-top:15px}
    .order-options-block .plan-block-info{ padding-bottom:0}
    .sale-sticker-mob{ width:50%; margin:0 auto}
    .order-options-block .plan-block-info{ padding-top:0px}
    .order-options-block .plan-block.subscription ul.menu-info{ margin-top:0}
    ul.menu-info {min-height: 80px;}
    .discount-info{font-size:12px; font-weight:400; padding-top:25px; padding:25px 10px 10px; text-align:center}
}


.modal.mopt.in {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px;
}

.modal.mopt.in .modal-dialog.aside {
    -webkit-transform: -300px;
    -moz-transform: -300px;
    -ms-transform: -300px;
    -o-transform: -300px;
    transform: -300px;
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(-300px);
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(-300px);
    -o-transform: scale(0.8) rotateY(45deg) translateZ(-300px);
    transform: scale(0.8) rotateY(45deg) translateZ(-300px);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.mopt .view-options-link {text-align:center; padding-top:15px}
.mopt .view-options-link a{text-decoration:underline}
.mopt .modal-lg-food{width:720px}
.mopt .modal-lg-food .close {
    background: url(../img/close-icon.png) no-repeat;
    width: 26px;
    height: 26px;
    opacity: 1;
    margin: 10px;
    position: absolute;
    z-index: 999999;
    right:0;
    top:0
}
.mopt .modal-body.modal-view{ height:420px; overflow:auto;}
.modal.mopt {
    overflow-x: hidden;
    overflow-y: auto;
}

@media(max-width:767px){
    .mopt .modal-lg-food{width:auto}
}