/* Smartphones (portrait and landscape) ---------- */

@media screen and (min-width: 320px) and (max-width: 480px) {
    .mobi-mrgtp {
        margin-top: 30px;
    }
    .slideOutTab {
        color: #fff;
        font-size: 16px;
        top: 13%;
    }
    /*================DT-ORDER=============*/
    .inner-bgm-order-online {
        display: inline-grid;
        width: 100%;
        height: auto;
        background: rgb(32, 1, 1);
        min-height: 448px !important;
        background-position: center;
        background-image: url(../images/banner-mb.jpg) !important;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .inner-bgm-takeway {
        background: url(../images/mobile-dt-order-bg.jpg) no-repeat;
        padding: 40px;
        /* min-height: 250px;
        background-size: cover;
        padding: 15% 0;
        padding-bottom: 0px; */
        min-height: 430px !important;
        background-size: cover;
        padding: 13% 0;
        padding-bottom: 0px;
    }
    .dt-order-breadcrumbs {
        display: none;
    }
    .b-location-details {
        width: 100%;
    }
    .b-location {
        width: 100%;
    }
    .about-us .tab-content p.dt-heading {
        text-align: center !important;
    }
    .about-us .tab-content h2.dt-heading {
        text-align: center !important;
    }
    .dt-btn {
        margin: 25px 12px;
    }
    .dt_address {
        margin: 15px 0px !important;
    }
    .nav-tabs.nav-justified>.active>a.address-dt-btn {
        border: none !important;
    }
    ul.dt-btn-delivery li {
        float: left !important;
        width: 50%;
    }
    .dt-btn {
        width: 41%;
    }
    /*================DT-ORDER END=============*/
    .margin-top92 {
        margin-top: 38px;
    }
    .margin-top132 {
        margin-top: 38px;
    }
    .icons {
        top: 64%;
        z-index: 90;
    }
    .call-style {
        display: block;
    }
    .call-style2 {
        display: none;
    }
    .promise-clr h1 {
        font-size: 27px;
    }
    .about-us h2 {
        font-size: 25px;
    }
    .ml7 {
        font-size: 16px;
        margin-top: 12px;
    }
    .inner-bgm-refer {
        background: url(../images/refer-mobile.jpg) no-repeat;
        padding: 40px;
        min-height: 250px;
        background-size: cover;
        padding: 13% 0;
        padding-bottom: 0px;
    }
    .margin-top80-mobile {
        margin-top: 80px;
    }
    .refe-bg-media {
        padding-bottom: 50px;
        padding-top: 0px;
    }
    .ref-padding15 {
        padding: 15px !important;
    }
    .navbar-nav>li>a:visited {
        color: #fff;
    }
    .navbar-nav>li>a {
        color: #fff;
    }
    .navbar-toggle {
        color: #fff;
    }
    .owl-dots {
        display: none;
    }
    .scroll {
        overflow-y: scroll;
    }
    .points-online-pb {
        padding-bottom: 20px;
    }
    .points-online-pt {
        padding-top: 15px !important;
    }
    .mobile-pass-al {
        text-align: right;
    }
    .p15-mobile {
        padding: 15px !important;
    }
    .plpr-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .mobile-l-r-p {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #coopen-code1 td:nth-child(1) {
        width: 70%;
    }
    #coopen-code1 td:nth-child(2) {
        width: 10%;
    }
    #coopen-code1 td:nth-child(3) {
        width: 20%;
    }
    .brdb {
        border-bottom: 1px solid #e8e8e8;
    }
    .modal-content .register-1st-popup.padding-lef-2ndpp ul {
        padding: 0px;
    }
    .w100 {
        width: 100%;
    }
    .p15 {
        padding: 15px;
    }
    .line-h22 {
        line-height: 22px !important;
    }
    .online-order-tab {
        background: #c6242f;
        color: #fff;
        padding: 10px;
    }
    .menud-style h5 {
        font-size: 11px;
    }
    .menud-cnt {
        background: #c6242f;
        color: #fff;
        padding: 10px;
    }
    .select-add-spec {
        margin: auto;
    }
    .fa.red {
        right: 8px !important;
        bottom: 10px;
        top: inherit !important;
    }
    .v-center {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        overflow: hidden;
    }
    .v-center2 {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
    .thank-img {
        width: 150px !important;
    }
    .address-btn1 {
        padding: 10px 7px;
    }
    .address-btn2 {
        padding: 13px 40px;
    }
    .font-size13 {
        font-size: 13px;
    }
    .next-btn1 {
        background: #F7941D;
        color: #fff;
        border: none;
        padding: 15px 0px;
        border-radius: 3px;
        font-size: 18px;
        font-family: 'Raleway', sans-serif;
    }
    .check-mobile-1 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .category-promo-txt2 {
        left: 0px;
        bottom: 15px;
    }
    .register-1st-popup img {
        border-radius: 0px !important;
    }
    .navbar-collapse {
        padding: 20px 15px;
    }
    /*=================*/
    /*------ABOUT-----*/
    /*=================*/
    .mobile-marg {
        transform: translateY(30px);
    }
    .mobile-marg-50 {
        transform: translateY(50px);
    }
    .mobile-view-hide {
        display: none;
    }
    .col-md-offset-1 {
        margin-top: 16%;
    }
    .inner-bgm-mobile-loyalty {
        background: url(../images/mobile-loyalty-bg.jpg) no-repeat !important;
        padding: 40px;
        min-height: 430px !important;
        background-size: cover;
        padding: 13% 0;
        padding-bottom: 0px;
    }
    .inner-bgm-cntls {
        background: url(../images/cnless-m.jpg) no-repeat !important;
        width: 100%;
        height: auto;
        min-height: 430px !important;
    }
    /* .inner-bgm-contact {
        background: url(../images/cnt.jpg) no-repeat !important;
        width: 100%;
        height: auto;
        min-height: 430px !important;
    } */
    /*----------------------------------------------*/
    /*===================================================*/
    .navbar-header img {
        max-width: 80px;
    }
    .navbar-toggle {
        /* top: 1vh; */
        right: -12px;
        position: absolute;
    }
    .about-us {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .pad-top50 {
        padding-top: 10px;
    }
    .about-us img {
        width: 350px;
    }
    .tree-right {
        width: 121px;
        margin-top: -355px;
        opacity: 0.4;
    }
    .tree-left {
        width: 120px;
        margin-top: -335px;
        left: -30px;
        opacity: 0.4;
    }
    .fruit-salad {
        left: 0%;
        bottom: 0%;
        text-align: center;
        position: relative;
    }
    .serve-fire {
        top: -20%;
    }
    .serve-something {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .serve-something {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 5%;
        color: #fff;
    }
    .pc-none {
        display: block;
    }
    .mobile-none {
        display: none;
    }
    /* .container-fluid.zero.slider {
        margin-top: 73px;
    } */
    .fs-stretcher {
        height: auto !important;
    }
    .modal {
        margin-top: 0%;
        z-index: 9999;
    }
    .mobile-margin {
        /* margin-left: 35px; */
        padding-bottom: 40px;
    }
    .mobile-view {
        display: block;
    }
    .panel-heading {
        display: block;
    }
    /*MENU*/
    .menu-mobile-none {
        display: none !important;
    }
    .menu-mobile-view {
        z-index: 99996 !important;
    }
    /*END MENU*/
    .why-juice {
        background: none;
        padding: 30px 0px;
    }
    .varity-juice {
        background: #f2f7f3;
        padding: 50px 0px;
    }
    .you-v-h {
        height: auto !important;
    }
    .modal-dialog {
        margin: 0px;
    }
    .modal-content {
        border: none;
        border-radius: 0%;
    }
    .modal-content {
        min-height: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .mobile-ab-lgn {
        padding: 15px !important;
        padding-bottom: 60px !important;
    }
    .mobile-ab-lgn.p15.plm30 {
        padding-left: 30px !important;
    }
    .mobile-ab-lgn-white {
        background: #fff;
    }
    .modal-content .register-1st-popup ul li.mtp1 {
        padding-top: 0px;
    }
    .mobile-015 {
        margin: 0px 15px;
    }
    .mobile-p-15 {
        padding: 15px;
    }
    .make-reservation-form {
        padding: 15px;
    }
    .joinus input,
    select {
        padding: 5px 8px;
        width: 132px !important;
        border: 1px solid #e0e0e0;
        font-size: 11px;
        margin: 10px 0px;
    }

    .price-s select {

        margin: 0;
    }
    .cr-pr{

        padding-right: 15px;
    }

    .cr-pl{

        padding-left: 15px;
    }

    .product-out-stock{

        font-size: 12px;
    }

    /* OTP VALIDATION POPUP */

    .otp-validation-popup-blk {
        position: fixed;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        height: 100%;
        background: #fff;
        display: block;
        z-index: 9999;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

    .otp-valid-popup-img img{

        width: 100%;
        height: auto;
    }

    .otp-valid-popup-content {
        padding-top: 12px;
        color: #000;
        padding: 20px;
    }

    .otp-verification-code input{

        width: 100%;
    }

    /* CUSTOMER LOGIN POPUP */

    .customer-login-validation-popup {
        position: fixed;
        top: 0;
        left: 0;
        transform: none;
        width:100%;
        height:100%;
        overflow-y: scroll;
        background: #fff;
        display: block;
        z-index: 9999;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

    .customer-login-validation-img img{

        width: 100%;
        height: auto;
    }
    .customer-login-validation-field {
        padding: 30px;
        color: #000;
    }

    .clv-number-info p {
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        margin-bottom: 0;
    }

    .customer-login-validation-field .clv-number {
        font-size: 15px;
        font-weight: 500;
        text-align: left;
        margin-bottom: 0;
        display: block;
    }

    /* CUSTOMER REGISTERATION POPUP */

    .customer-registraton-popup-blk {
        position: fixed;
        top: 0;
        left:0;
        transform: none;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        background: #fff;
        display: block;
        z-index: 999;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

    .crpp-img img{

      width: 100%;
      height: auto;
    }


    /* CUSTOMER FORGET PASSWORD POPUP */
    .customer-forget-popup-blk {
        position: fixed;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        background: #fff;
        display: block;
        z-index: 9999;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

    .customer-forget-img img{

        width: 100%;
        height: auto;
    }

    .customer-forget-field{

        padding: 20px;
    }

    .customer-forget-field span {
        font-size: 15px;
        display: inline-block;
        padding-left: 4px;
        font-weight: 500;
        color: #000;
    }

    .customer-forget-field a {
        font-size: 15px;
        color: #000;
    }

    .customer-forget-field input {
        padding: 6px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        width: 100%;
    }

    /* CUSTOMER LOGIN POPUP */
    .customer-login-bx{
        position: fixed;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        height: 100%;
        background: #000000a6;
        display: block;
        z-index: 9999;
        visibility: hidden;
        background-color: #fff;
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

    .cust-login-img img{

            width: 100%;
            height: auto;
    }

    .customer-login-field{

        padding: 16px 16px 0;
    }

    .customer-login-field p {
        font-size: 14px;
        font-weight: 400;
        color: #000;
    }
    .customer-login-field input {
        border: 1px solid #ccc;
        font-size: 14px;
        padding: 0.4em;
        color: #000;
    }

    .customer-login-btn button {
        background-color: #f7941d;
        color: #fff;
        padding: 9px 30px;
        border-radius: 4px;
        border: none;
        font-size: 14px;
    }

    .customer-login-btn{

        padding: 16px 16px 0;
    }

    .customer-login-field p{

        margin-bottom: 0;
    }
    .product-desc-modal{
        position: fixed;
        top: 0;
    left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        display: block;
        z-index: 999;
        visibility: hidden;
        opacity: 0;
        z-index: 99999;
        transition: all 0.3s ease-in-out;

    }


    .app-text{

        padding-top: 1em;
    }
    .boldapp{

        font-size: 22px !important;
        margin: 0;
    }
    .new_about_img{
        margin: 3rem 0rem;
    }
    .highlight_cnt{
        margin-top: 2rem;
    }
    .right_border{
        border-right: 0px;
    }
    .down_ph_border{
        border-bottom: 1px solid #bbb;
    }
    .country_selection_flex{
        display: block;
    }
    .country_close{
        position: absolute;
        right: 0;
        top: 18px;
        font-size: 18px;
        cursor: pointer;
    }
    .country_selection_btn button {
        background-color: #f7941d;
        border: none;
        padding: 7px 15px;
        width: auto;
        text-align: inherit;
        display: flex;
        align-items: center;
        gap: 10px;
        border-radius: 10px;
        font-size: 18px;
    }


    .hero_slider .owl-carousel .owl-item img {
        height: auto;
        object-fit: cover;
    }
    .hero_slider {
        margin-top: 7.2rem;
    }
    .country_main {
        top: 7rem;
    }
    .country_scroll {
        top: 7rem !important;
    }
    .navbar {
        margin-bottom: 0px;
        display: block;
    }
}



/* Smartphones (portrait) ---------- */

@media screen and (max-width: 320px) {
    .mobi-mrgtp {
        margin-top: 30px;
    }
    .slideOutTab {
        color: #fff;
        font-size: 16px;
        top: 13%;
    }
    /*================DT-ORDER=============*/
    .b-location-details {
        width: 100%;
    }
    .b-location {
        width: 100%;
    }
    .about-us .tab-content p.dt-heading {
        text-align: center !important;
    }
    .about-us .tab-content h2.dt-heading {
        text-align: center !important;
    }
    .dt-btn {
        margin: 25px 12px;
    }
    .dt_address {
        margin: 15px 0px !important;
    }
    .nav-tabs.nav-justified>.active>a.address-dt-btn {
        border: none !important;
    }
    ul.dt-btn-delivery li {
        float: left !important;
        width: 50%;
    }
    .dt-btn {
        width: 41%;
    }
    /*================DT-ORDER END=============*/
    .call-style {
        display: block;
    }
    .call-style2 {
        display: none;
    }
    .p15 {
        padding: 15px;
    }
    .w100 {
        width: 100%;
    }
    .online-order-tab {
        background: #c6242f;
        color: #fff;
        padding: 10px;
    }
    .address-btn1 {
        padding: 10px 7px;
    }
    .address-btn2 {
        padding: 13px 40px;
    }
    .font-size13 {
        font-size: 13px;
    }
    .next-btn1 {
        background: #F7941D;
        color: #fff;
        border: none;
        padding: 15px 0px;
        border-radius: 3px;
        font-size: 18px;
        font-family: 'Raleway', sans-serif;
    }
    .check-mobile-1 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .category-promo-txt2 {
        left: 0px;
        bottom: 15px;
    }
    .register-1st-popup img {
        border-radius: 0px !important;
    }
    .navbar-collapse {
        padding: 20px 15px;
    }
    .navbar-header img {
        max-width: 80px;
    }
    .navbar-toggle {
        /* top: 1vh; */
        right: -12px;
        position: absolute;
    }
    .about-us {
        padding-bottom: 100px;
        padding-top: 0px;
    }
    .pad-top50 {
        padding-top: 10px;
    }
    .about-us img {
        width: 170px;
        margin-bottom: 10px;
    }
    .tree-right {
        width: 100px;
        margin-top: -150px;
    }
    .tree-left {
        width: 150px;
        margin-top: -180px;
        left: -30px;
    }
    .fruit-salad {
        left: 0%;
        bottom: 0%;
        text-align: center;
        position: relative;
    }
    .serve-fire {
        top: -20%;
    }
    .serve-something {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .serve-something {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 5%;
        color: #fff;
    }
    .pc-none {
        display: block;
    }
    .mobile-none {
        display: none;
    }
    /* .container-fluid.zero.slider {
        margin-top: 73px;
    } */
    .fs-stretcher {
        height: auto !important;
    }
    .modal {
        margin-top: 0%;
        z-index: 9999;
    }
    .mobile-margin {
        /* margin-left: 35px; */
        padding-bottom: 40px;
    }
    .mobile-view {
        display: block;
    }
    .panel-heading {
        display: block;
    }
    /*MENU*/
    .menu-mobile-none {
        display: none !important;
    }
    .menu-mobile-view {
        z-index: 99996 !important;
    }
    /*END MENU*/
    .varity-juice {
        background: #f2f7f3;
        padding: 50px 0px;
    }
    .you-v-h {
        height: auto !important;
    }
    .modal-dialog {
        margin: 0px;
    }
    .modal-content {
        border: none;
        border-radius: 0%;
    }
    .modal-content {
        min-height: 100%;
    }
    .mobile-ab-lgn {
        padding: 15px;
    }
    .make-reservation-form {
        padding: 15px;
    }

    .product-desc-modal{
        position: fixed;
        top: 0;
    left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        display: block;
        z-index: 999;
        visibility: hidden;
        opacity: 0;
        z-index: 99999;
        transition: all 0.3s ease-in-out;

    }

    .app-text{

        padding-top: 1em;
    }
}


/* Smartphones (landscape) ---------- */

@media screen and (min-width: 321px) {
    .mbt-4 p {
        font-family: 'Raleway', sans-serif;
        font-size: 17px;
        text-align: justify;
        font-weight: 200;
        padding-top: 10px;
        color: #5e5e5e;
        /* font-family: 'Times New Roman', Times, serif; */
    }
    .mobi-mrgtp {
        margin-top: 30px;
    }
    .slideOutTab {
        color: #fff;
        font-size: 16px;
        top: 13%;
    }
    /*================DT-ORDER=============*/
    .b-location-details {
        width: 100%;
    }
    .b-location {
        width: 100%;
    }
    .about-us .tab-content p.dt-heading {
        text-align: center !important;
    }
    .about-us .tab-content h2.dt-heading {
        text-align: center !important;
    }
    .dt-btn {
        margin: 25px 12px;
    }
    .dt_address {
        margin: 15px 0px !important;
    }
    .nav-tabs.nav-justified>.active>a.address-dt-btn {
        border: none !important;
    }
    ul.dt-btn-delivery li {
        float: left !important;
        width: 50%;
    }
    .dt-btn {
        width: 41%;
    }
    /*================DT-ORDER END=============*/
    .call-style {
        display: block;
    }
    .call-style2 {
        display: none;
    }
    .p15 {
        padding: 15px;
    }
    .w100 {
        width: 100%;
    }
    .online-order-tab {
        background: #c6242f;
        color: #fff;
        padding: 10px;
    }
    .address-btn1 {
        padding: 10px 7px;
    }
    .address-btn2 {
        padding: 13px 40px;
    }
    .font-size13 {
        font-size: 13px;
    }
    .next-btn1 {
        background: #F7941D;
        color: #fff;
        border: none;
        padding: 15px 0px;
        border-radius: 3px;
        font-size: 18px;
        font-family: 'Raleway', sans-serif;
    }
    .check-mobile-1 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .category-promo-txt2 {
        /* left: 0px; */
        bottom: 15px;
    }
    /* .navbar-collapse {
        padding: 20px 15px;
    } */
    .register-1st-popup img {
        border-radius: 0px !important;
    }
    .navbar-header img {
        max-width: 80px;
    }
    .navbar-toggle {
        /* top: 1vh; */
        right: -12px;
        position: absolute;
        line-height: normal;
    }
    .about-us {
        padding-bottom: 30px;
        padding-top: 10px;
    }
    .pad-top50 {
        padding-top: 10px;
    }
    .about-us img {
        width: 350px;
    }
    .tree-right {
        width: 121px;
        margin-top: -355px;
        opacity: 0.4;
    }
    .tree-left {
        width: 120px;
        margin-top: -335px;
        left: -30px;
        opacity: 0.4;
    }
    .varity-juice {
        background: #f2f7f3;
        padding: 50px 0px;
    }
    .fruit-salad {
        left: 0%;
        bottom: 0%;
        text-align: center;
        position: relative;
    }
    .serve-fire {
        top: -20%;
    }
    .serve-something {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .serve-something {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 5%;
        color: #fff;
    }
    .pc-none {
        display: block;
    }
    .mobile-none {
        display: none;
    }
    /* .container-fluid.zero.slider {
        margin-top: 60px;
    } */
    .fs-stretcher {
        height: auto !important;
    }
    .modal {
        margin-top: 0%;
        z-index: 9999;
    }
    .mobile-margin {
        /* margin-left: 35px; */
        padding-bottom: 40px;
    }
    .mobile-view {
        display: block;
    }
    .panel-heading {
        display: block;
    }
    /*MENU*/
    .menu-mobile-none {
        display: none !important;
    }
    .menu-mobile-view {
        z-index: 99996 !important;
    }
    /*END MENU*/
    .varity-juice {
        background: #f2f7f3;
        padding: 50px 0px;
    }
    .you-v-h {
        height: auto !important;
    }
    .modal-dialog {
        margin: 0px;
    }
    .modal-content {
        border: none;
        border-radius: 0%;
    }
    .modal-content {
        min-height: 100%;
    }
    .mobile-ab-lgn {
        padding: 15px;
    }
    .make-reservation-form {
        padding: 15px;
    }
    .product-out-stock{

        font-size: 12px;
    }

    .boldapp{

        font-size: 22px !important;
        margin: 0;
    }
}


/* Tablets, iPads (portrait) ---------- */

@media screen and (max-width: 768px){
    .hero_slider .owl-carousel .owl-item img {
        height: auto;
        object-fit: cover;
    }
    .hero_slider {
        margin-top: 7.2rem;
    }
    .country_main {
        top: 7rem;
    }
    .country_scroll {
        top: 7rem !important;
    }
}

@media screen and (min-width: 768px) {

    .mobile-cartPP .col-md-6 {
        margin: 6px 0px;
        display: table-row ;
    }

    .joinus input,
select {
    padding: 5px 8px;
    width: auto !important;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    margin: 0px 0px;
}

    .mbt-4 p {
        font-family: 'Raleway', sans-serif;
        font-size: 17px;
        text-align: justify;
        font-weight: 200;
        padding-top: 10px;
        color: #5e5e5e;
        /* font-family: 'Times New Roman', Times, serif; */
    }
    .mobi-mrgtp {
        margin-top: 30px;
    }
    .slideOutTab {
        color: #fff;
        font-size: 16px;
        top: 13%;
    }

    /*================DT-ORDER=============*/
    .about-us .tab-content p.dt-heading {
        text-align: left !important;
    }
    .about-us .tab-content h2.dt-heading {
        text-align: left !important;
    }
    .dt-btn {
        width: 21.5%;
    }
    /*================DT-ORDER END=============*/
    .nav-tabs.nav-justified>li.dt-btn-d {
        display: table-cell;
        width: 10%;
    }
    .call-style {
        display: none;
    }
    .call-style2 {
        display: block;
    }
    .points-online p {
        line-height: inherit;
    }
    .font-size14-p {
        padding-left: 0px;
        font-size: 14px;
    }
    .font-size14 {
        font-size: 14px;
        /* font-family: 'oswald', sans-serif; */
    }
    .mtb-10-pers2 {
        margin-left: 0px !important;
        padding-right: 15px !important;
    }
    .p15 {
        padding: 0px;
    }
    .online-order-tab {
        background: #c6242f;
        color: #fff;
        padding: 10px;
    }
    .menud-cnt {
        background: #c6242f;
        color: #fff;
        padding: 10px;
    }
    .varity-juice {
        background: #f2f7f3;
        padding: 50px 0px;
    }
    .line-contact {
        margin-top: 0px;
    }
    .offer-text {
        padding-left: 15px;
    }
    .nav>li>a {
        padding: 9px 7px;
    }
    .navbar-nav>li>a {
        letter-spacing: 0em;
    }
    .navbar-nav>li>a {
        font-size: 10px !important;
    }
    .navbar-collapse {
        background-color: transparent !important;
    }
    .check-mobile-1 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .modal-content {
        min-height: auto;
    }
    .mtb-10-pers {
        margin-top: 10%;
        margin-bottom: 10%;
        margin-left: -15px;
        padding-right: 15px;
    }
    .mobile-ab-lgn {
        padding: initial;
    }
    .modal-dialog {
        margin: auto;
    }
    .navbar-header img {
        max-width: 80px;
    }
    .navbar-toggle {
        /* top: 1vh; */
        right: -12px;
        position: absolute;
    }
    .about-us {
        padding-bottom: 100px;
        padding-top: 0px;
    }
    .pad-top50 {
        padding-top: 10px;
    }
    .about-us img {
        width: 170px;
        margin-bottom: 10px;
    }
    .tree-right {
        width: 100px;
        margin-top: -150px;
    }
    .tree-left {
        width: 150px;
        margin-top: -180px;
        left: -30px;
    }
    .fruit-salad {
        left: 0%;
        bottom: 0%;
        text-align: center;
        position: relative;
    }
    .serve-fire {
        top: -20%;
    }
    .serve-something {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .serve-something {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 5%;
        color: #fff;
    }
    .pc-none {
        display: block;
    }
    .mobile-none {
        display: none;
    }
    /* .container-fluid.zero.slider {
        margin-top: 0px;
    } */
    .fs-stretcher {
        height: auto !important;
    }
    .modal {
        margin-top: 40%;
        z-index: 9999;
    }
    .mobile-margin {
        margin-left: 35px;
        padding-bottom: 40px;
    }
    .mobile-view {
        display: block;
    }
    .panel-heading {
        display: block;
    }
    /*MENU*/
    .menu-mobile-view {
        display: none !important;
    }
    /* .menu-mobile-none {
        display: block !important;
    } */
    /*END MENU*/
    .varity-juice {
        background: #f2f7f3;
        padding: 40px 0px;
    }
    .you-v-h {
        height: 450px !important;
    }
    .make-reservation-form {
        padding: 15px;
    }


    .app-text{

        padding-top: 1em;
    }

    .boldapp{

        font-size: 22px !important;
        margin: 0;
    }



}


/*===========================================*/


/* Tablets, iPads (portrait and landscape) ---------- */

@media screen and (min-width: 768px) and (max-width: 1024px) {
    /*================DT-ORDER=============*/
    .about-us .tab-content p.dt-heading {
        text-align: left !important;
    }
    .about-us .tab-content h2.dt-heading {
        text-align: left !important;
    }
    .b-location {
        width: 15%;
    }
    .b-location-details {
        width: 84%;
    }
    .dt-btn {
        width: 21.5%;
    }
    /*================DT-ORDER END=============*/
    .call-style {
        display: none;
    }
    .call-style2 {
        display: block;
    }
    .points-online p {
        line-height: inherit;
    }
    .font-size14-p {
        padding-left: 0px;
        font-size: 14px;
    }
    .font-size14 {
        font-size: 14px;
    }
    .OTP-style-pl {
        padding-right: 20px;
    }
    .mtb-10-pers2 {
        margin-left: 0px !important;
        padding-right: 15px !important;
        margin-right: 20px;
    }
    .p15 {
        padding: 0px;
    }
    .nav>li>a {
        padding: 9px 7px;
    }
    .col-md-6.register-1st-popup.mobile-margin {
        padding-bottom: 0px;
        padding-left: 0;
    }
    .mobile-margin {
        margin-left: 0px;
    }
    .pl-0 {
        padding-left: 15px;
    }
    .offer-text {
        padding-left: 15px;
    }
    /* .container-fluid.zero.slider {
        margin-top: 0px;
    } */
    .register-btn {
        border-radius: 3px;
        line-height: 1vh !important;
    }
    .navbar-nav>li>a {
        font-size: 12px;
    }
    .navbar-header img {
        max-width: 80px;
    }
    .navbar-toggle {
        /* top: 1vh; */
        right: -12px;
        position: absolute;
    }
    .about-us {
        padding-bottom: 100px;
        padding-top: 0px;
    }
    .make-reservation-form {
        padding: 15px;
    }
        /* OTP VALIDATION POPUP */

        .otp-validation-popup-blk {
            position: fixed;
            top: 0;
            left: 0;
            transform: none;
            width: 100%;
            height: 100%;
            background: #fff;
            display: block;
            z-index: 9999;
            visibility: hidden;
            opacity: 0;
            transition: all 0.3s ease-in-out;
        }

        .otp-valid-popup-img img{

            width: 100%;
            height: auto;
        }

        .otp-valid-popup-content {
            padding-top: 12px;
            color: #000;
            padding: 20px;
        }

        .otp-verification-code input{

            width: 100%;
        }

        /* CUSTOMER LOGIN POPUP */

        .customer-login-validation-popup {
            position: fixed;
            top: 0;
            left: 0;
            transform: none;
            width:100%;
            height:100%;
            overflow-y: scroll;
            background: #fff;
            display: block;
            z-index: 9999;
            visibility: hidden;
            opacity: 0;
            transition: all 0.3s ease-in-out;
        }

        .customer-login-validation-img img{

            width: 100%;
            height: auto;
        }
        .customer-login-validation-field {
            padding: 30px;
            color: #000;
        }

        .clv-number-info p {
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            margin-bottom: 0;
        }

        .customer-login-validation-field .clv-number {
            font-size: 15px;
            font-weight: 500;
            text-align: left;
            margin-bottom: 0;
            display: block;
        }

        /* CUSTOMER REGISTERATION POPUP */

        .customer-registraton-popup-blk {
            position: fixed;
            top: 0;
            left:0;
            transform: none;
            width: 100%;
            height: 100%;
            overflow-y: scroll;
            background: #fff;
            display: block;
            z-index: 999;
            visibility: hidden;
            opacity: 0;
            transition: all 0.3s ease-in-out;
        }

        .crpp-img img{

          width: 100%;
          height: auto;
        }


        /* CUSTOMER FORGET PASSWORD POPUP */
        .customer-forget-popup-blk {
            position: fixed;
            top: 0;
            left: 0;
            transform: none;
            width: 100%;
            height: 100%;
            overflow-y: scroll;
            background: #fff;
            display: block;
            z-index: 9999;
            visibility: hidden;
            opacity: 0;
            transition: all 0.3s ease-in-out;
        }

        .customer-forget-img img{

            width: 100%;
            height: auto;
        }

        .customer-forget-field{

            padding: 20px;
        }

        .customer-forget-field span {
            font-size: 15px;
            display: inline-block;
            padding-left: 4px;
            font-weight: 500;
            color: #000;
        }

        .customer-forget-field a {
            font-size: 15px;
            color: #000;
        }

        .customer-forget-field input {
            padding: 6px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            width: 100%;
        }
            /* CUSTOMER LOGIN POPUP */
    .customer-login-bx{
        position: fixed;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        background: #000000a6;
        display: block;
        z-index: 9999;
        visibility: hidden;
        background-color: #fff;
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

    .cust-login-img img{

            width: 100%;
            height: auto;
    }

    .customer-login-field{

        padding: 16px 16px 0;
    }

    .customer-login-field p {
        font-size: 14px;
        font-weight: 400;
        color: #000;
    }
    .customer-login-field input {
        border: 1px solid #ccc;
        font-size: 14px;
        padding: 0.4em;
        color: #000;
    }

    .customer-login-btn button {
        background-color: #f7941d;
        color: #fff;
        padding: 9px 30px;
        border-radius: 4px;
        border: none;
        font-size: 14px;
    }

    .customer-login-btn{

        padding: 16px 16px 0;
    }

    .customer-login-field p{

        margin-bottom: 0;
    }
    .product-out-stock{

        font-size: 12px;
    }
    .product-desc-modal{
        position: fixed;
        top: 0;
    left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        display: block;
        z-index: 999;
        visibility: hidden;
        opacity: 0;
        z-index: 99999;
        transition: all 0.3s ease-in-out;

    }

}


/*===========================================*/


/* Tablets, iPads (landscape) ---------- */

@media screen and (min-width: 1024px) {
    /*================DT-ORDER=============*/
    .about-us .tab-content p.dt-heading {
        text-align: left !important;
    }
    .about-us .tab-content h2.dt-heading {
        text-align: left !important;
    }
    .b-location {
        width: 15%;
    }
    .b-location-details {
        width: 84%;
    }
    .dt-btn {
        width: 21.5%;
    }
    /*================DT-ORDER END=============*/
    .call-style {
        display: none;
    }
    .call-style2 {
        display: block;
    }
    .points-online p {
        line-height: inherit;
    }
    .font-size14-p {
        padding-left: 0px;
        font-size: 14px;
    }
    .font-size14 {
        font-size: 14px;
        /* font-family: 'oswald', sans-serif; */
    }
    .mtb-10-pers2 {
        margin-left: 0px !important;
        padding-right: 15px !important;
    }
    .p15 {
        padding: 0px;
    }
    .w100 {
        width: 100%;
    }
    .navbar-nav>li>a {
        letter-spacing: 0em;
    }
    .navbar-nav>li>a {
        font-size: 14px !important;
    }
    .check-mobile-1 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .modal-content {
        min-height: auto;
    }
    .mtb-10-pers {
        margin-top: 10%;
        margin-bottom: 10%;
        margin-left: -15px;
        padding-right: 15px;
    }
    .mobile-ab-lgn {
        padding: initial;
    }
    .modal-dialog {
        margin: auto;
    }
    .navbar-header img {
        max-width: 145px !important;
        height: auto;
    }
    .about-us {
        padding-bottom: 100px;
        padding-top: 0px;
    }
    .about-us img {
        width: 323px;
        margin-top: 15%;
    }
    .about-us img.dine-img {
        width: 100%;
        margin-top: 5%;
    }
    .tree-right {
        width: 230px;
        margin-top: -120px;
    }
    .tree-left {
        width: 258px;
        margin-top: -180px;
        left: -30px;
    }
    .serve-fire {
        position: absolute;
        top: 0px;
        left: -150px;
    }
    .serve-something {
        padding-top: 2.7%;
        padding-left: 40px;
        padding-right: 40px;
        color: #fff;
    }
    .pc-none {
        display: none;
    }
    .mobile-none {
        display: block;
    }
    /* .container-fluid.zero.slider {
        margin-top: 50px;
    } */
    .fs-stretcher {
        height: auto !important;
    }
    .modal {
        margin-top: 10%;
        z-index: 9999;
    }
    .mobile-margin {
        margin-left: auto;
        padding-bottom: auto;
    }
    .modal-pop3 {
        margin-top: 5% !important;
        z-index: 9999;
    }
    .modal-pop3-width {
        width: 630px !important;
    }
    .modal-pop3-width-add {
        width: 850px !important;
    }
    .modal-pop3-width-add-pro {
        width: 633px !important;
    }
    .mobile-view {
        display: none;
    }
    .panel-heading {
        display: none;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 7px !important;
        font-weight: 500;
    }
    .panel-heading-chk {
        display: block !important;
    }
    /*=======HOME========*/
    /*========END HOME TASY FOOD============*/
    /*MENU*/
    .menu-mobile-view {
        display: none !important;
    }
    .menu-mobile-none {
        display: block !important;
    }
    /*END MENU*/
    .varity-juice {
        background: #f2f7f3;
        padding: 40px 0px;
    }
    .varity-juice2 {
        background: #ddd;
        padding: 40px 0px;
    }
    .you-v-h {
        height: 450px !important;
    }
    .dropdown-menu>li>a {
        font-weight: 600;
    }
    .make-reservation-form {
        padding: 20px;
    }
}


/* Desktops and laptops ---------- */

@media screen and (min-width: 1224px) {
    .container.container-hd-nav {
        width: 1220px;
    }
    /*================DT-ORDER=============*/
    .about-us .tab-content p.dt-heading {
        text-align: left !important;
    }
    .about-us .tab-content h2.dt-heading {
        text-align: left !important;
    }
    .b-location {
        width: 15%;
    }
    .b-location-details {
        width: 84%;
    }
    .dt-btn {
        width: 30%;
    }
    /*================DT-ORDER END=============*/
    .call-style {
        display: none;
    }
    .call-style2 {
        display: block;
    }
    .points-online p {
        line-height: inherit;
    }
    .font-size14-p {
        padding-left: 0px;
        font-size: 14px;
    }
    .font-size14 {
        font-size: 14px;
        /* font-family: 'oswald', sans-serif; */
    }
    .p15 {
        padding: 0px;
    }
    .w100 {
        width: 100%;
    }
    #googtransenth {
        font-size-adjust: 10.58 !important;
    }
    .navbar-nav>li>a {
        /* letter-spacing: 0.07em; */
    }
    .navbar-nav>li>a {
        font-size: 13px !important;
    }
    .check-mobile-1 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .modal-content {
        min-height: auto;
    }
    .mtb-10-pers {
        margin-top: 10%;
        margin-bottom: 10%;
        margin-left: -15px;
        padding-right: 15px;
    }
    .mobile-ab-lgn {
        padding: initial;
    }
    .modal-dialog {
        margin: auto;
    }
    .navbar-header img {
        max-width: 132px !important;
        height: auto;
    }
    .about-us {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .about-us img {
        width: 570px;
        margin-top: 15%;
    }
    .about-us img.dine-img {
        width: 100%;
        margin-top: 5%;
    }
    .tree-right {
        width: 230px;
        margin-top: -120px;
    }
    .tree-left {
        width: 258px;
        margin-top: -180px;
        left: -30px;
    }
    .serve-fire {
        position: absolute;
        top: 0px;
        left: -150px;
    }
    .serve-something {
        padding-top: 2.7%;
        padding-left: 40px;
        padding-right: 40px;
        color: #fff;
    }
    .pc-none {
        display: none;
    }
    .mobile-none {
        display: block;
    }
    /* .container-fluid.zero.slider {
        margin-top: 80px;
    } */
    .fs-stretcher {
        height: auto !important;
    }
    .modal {
        margin-top: 6%;
        z-index: 9999;
    }
    .mobile-margin {
        margin-left: auto;
        padding-bottom: auto;
    }
    .modal-pop3 {
        margin-top: 5% !important;
        z-index: 9999;
    }
    .modal-pop3-width {
        width: 630px !important;
    }
    .modal-pop3-width-add {
        width: 850px !important;
    }
    .modal-pop3-width-add-pro {
        width: 633px !important;
    }
    .mobile-view {
        display: none;
    }
    .panel-heading {
        display: none;
    }
    .panel-heading-chk {
        display: block !important;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 7px !important;
        font-weight: 500;
    }
    /* #lg_btn .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 3px !important;
        font-weight: 500;
    } */
    /*MENU*/
    .menu-mobile-view {
        display: none !important;
    }
    .menu-mobile-none {
        display: block !important;
    }
    /*END MENU*/
    .varity-juice {
        background: #f2f7f3;
        padding: 30px 0px;
    }
    .varity-juice2 {
        background: #ddd;
        padding: 40px 0px;
    }
    .you-v-h {
        height: 450px !important;
    }
    .dropdown-menu>li>a {
        font-weight: 600;
    }
    .make-reservation-form {
        padding: 20px;
    }
}


/* Large screens ---------- */

@media screen and (min-width: 1824px) {
    /*================DT-ORDER=============*/
    .about-us .tab-content p.dt-heading {
        text-align: left !important;
    }
    .about-us .tab-content h2.dt-heading {
        text-align: left !important;
    }
    .b-location {
        width: 15%;
    }
    .b-location-details {
        width: 84%;
    }
    .dt-btn {
        width: 21.5%;
    }
    /*================DT-ORDER END=============*/
    .call-style {
        display: none;
    }
    .call-style2 {
        display: block;
    }
    .points-online p {
        line-height: inherit;
    }
    .font-size14-p {
        padding-left: 0px;
        font-size: 14px;
    }
    .font-size14 {
        font-size: 14px;
    }
    .p15 {
        padding: 0px;
    }
    .w100 {
        width: 100%;
    }
    .navbar-nav>li>a {
        /* letter-spacing: 0.07em; */
    }
    .navbar-nav>li>a {
        font-size: 12px !important;
    }
    .check-mobile-1 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .modal-content {
        min-height: auto;
    }
    .mtb-10-pers {
        margin-top: 10%;
        margin-bottom: 10%;
        margin-left: -15px;
        padding-right: 15px;
    }
    .mobile-ab-lgn {
        padding: initial;
    }
    .modal-dialog {
        margin: auto;
    }
    .navbar-header img {
        max-width: 145px !important;
        height: auto;
    }
    .about-us {
        padding-bottom: 100px;
        padding-top: 0px;
    }
    .about-us img {
        width: 323px;
        margin-top: 15%;
    }
    .about-us img.dine-img {
        width: 100%;
        margin-top: 5%;
    }
    .tree-right {
        width: 230px;
        margin-top: -120px;
    }
    .tree-left {
        width: 258px;
        margin-top: -180px;
        left: -30px;
    }
    .serve-fire {
        position: absolute;
        top: 0px;
        left: -150px;
    }
    .serve-something {
        padding-top: 2.7%;
        padding-left: 40px;
        padding-right: 40px;
        color: #fff;
    }
    .pc-none {
        display: none;
    }
    .mobile-none {
        display: block;
    }
    /* .container-fluid.zero.slider {
        margin-top: 0px;
    } */
    .fs-stretcher {
        height: auto !important;
    }
    .modal {
        margin-top: 10%;
        z-index: 9999;
    }
    .mobile-margin {
        margin-left: auto;
        padding-bottom: auto;
    }
    .modal-pop3 {
        margin-top: 5% !important;
        z-index: 9999;
    }
    .modal-pop3-width {
        width: 630px !important;
    }
    .modal-pop3-width-add {
        width: 850px !important;
    }
    .modal-pop3-width-add-pro {
        width: 633px !important;
    }
    .mobile-view {
        display: none;
    }
    .panel-heading {
        display: none;
    }
    .panel-heading-chk {
        display: block !important;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 5px !important;
        font-weight: 600;
    }
    /*MENU*/
    .menu-mobile-view {
        display: none !important;
    }
    .menu-mobile-none {
        display: block !important;
    }
    /*END MENU*/
    .varity-juice {
        background: #f2f7f3;
        padding: 40px 0px;
    }
    .varity-juice2 {
        background: #ddd;
        padding: 40px 0px;
    }
    .you-v-h {
        height: 450px !important;
    }
    .dropdown-menu>li>a {
        font-weight: 600;
    }
    .make-reservation-form {
        padding: 20px;
    }
}

.mobile-region-selector .panel-group,
.region-collapse .panel-group{
    display: none;
}
@media screen and (min-width:769px){
    nav.navbar{
        display: flex;
    }
}

@media screen and (max-width:768px){
    .mobile-region-selector .panel-group,
    .region-collapse .panel-group{
        display: block;
    }
    div>.region-variables{
        display: none;
    }
    .scrolled-nav2{
        margin-top: 20px !important;
    }
    .navbar-toggle{
        top: 20px;
    }
    #navbar-collapse-1{
        margin-top: 1px !important;
    }
}

/* #navbar-collapse-1{
    margin-left: 160px;
    position: fixed;
    width: 63%;
    border-radius:5px;
} */

@media screen and (max-width:768px) {
    .navbar-nav > li > a{
        color: #fff;
    }
    #navbar-collapse-1{
        /* overflow-y:scroll; */
    }
    .region-collapse .panel-group{
        padding: 0px 5px;
    }

}


@media screen and (min-width:480px) and (max-width:768px) {
    .navbar{
        display: block;
    }
    #navbar-collapse-1{
        margin-right: 5px;
        width: 230px;
        right: 0px;
        padding-top: 9px;
        position: fixed;
        /* top: 0; */
        /* z-index: 9999; */
        /* width: 100%; */
        /* background: #324c5f; */
        background: #c7252f !important;
        color: #fff;
        margin-top: 10px;
        -webkit-transition: height 0.5s, line-height 0.5s;
        transition: height 0.5s, line-height 0.5s;
        border-radius: 5px;
        box-shadow: -2px 2px 1px #7733334a;
    }
}
@media screen and (min-width:481px) and (max-width:768px) {
    nav .navbar-nav{
        margin-top: 5px;
        margin-left: 10px;
    }

}
@media screen and (max-width:768px) {
    nav .navbar-nav{
        display: flex;
        flex-direction: column;
    }

}

@media screen and (min-width:769px) {
    .menu-mobile-none {
        display: block !important;
    }
}

@media screen and (min-width:992px) {
    .menu_item_card img{
        height: 290px;
    }
}