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

@media screen and (min-width: 320px) and (max-width: 480px) {
    .text-area {
        min-height: 105px;
    }

    .col-re {
        flex: 0 0 auto;
        width: 50%;
    }

    .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;
    }
}


/* 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;
    }
}


/* 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: 72px;
    }

    .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;
    }
    #navbar-collapse-1 {         /*new*/
        margin-top: 1px !important;
    }
    nav .navbar-nav {
        display: flex;
        /* flex-direction: column; */
        flex-wrap: wrap;
        /* width: max-content; */
}
}
@media screen and (min-width: 320px) and (max-width: 480px){
.navbar-header img {
    max-width: 80px;
}
}
/* Tablets, iPads (portrait) ---------- */
@media screen and (min-width: 480px) and (max-width: 767px)
{
    #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;
}
}  /*new*/




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

    .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%;
    }



    /*======nav new=====*/

    #navbar-collapse-1{
        display: flex !important;
    }

    /*  end*/

    /*================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;
    }

    .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;
    }
    .navbar {    /*new*/
        margin-bottom: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


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


/* 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 8px;
    }

    .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;
    }
}
.mobile-region-selector .panel-group, .region-collapse .panel-group {
    display: none;
}

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


/* 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 8px !important;
        font-weight: 600;
    }

    .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: 145px !important;
        height: auto;
        -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    }

    .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: 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 6px !important;
        font-weight: 600;
    }

    /* #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: 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: 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;
    }
}
@media screen and (max-width: 768px){   /*  new */
    .mobile-region-selector .panel-group, .region-collapse .panel-group {
    display: block;
    }
    .navbar-toggle {
    top: 20px;
    }
    #navbar-collapse-1 {
        margin-top: 1px !important;
    }
    nav .navbar-nav {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .region-variables{
        display: none;
    }
    .navbar-nav>li>a{
        color: white;
    }
    .navbar-nav>li>a:visited {
        color: #ffbdbd;
    }
}

@media screen and (max-width: 1200px){
    #navbar-collapse-1{
        justify-content: center;
        align-items: center;
    }
}