@media (min-width:1440px) {
 
}

@media (min-width:1500px) {

}

@media (min-width:1699px) {

    /* .BannerContent h1 {
        font-family: "Pathway Gothic One", sans-serif;
        color: #fff;
        padding: 38px 0px 21px 0px;
        text-shadow: 0 0 18px rgba(0, 0, 0, 0.70);
        font-size: 48px;
        line-height: 55px;
        font-weight: 400;
    }
    .BannerContent p {
        font-size:24px;
        line-height:28px;
        color: #fff;
        letter-spacing:10px;
        font-weight: 800;
        text-shadow: 0 0 5px rgba(0, 0, 0, 1);
    } */
    .BannerContent {
        margin-top: 160px;
    }
    
     .BannerContent a img {
        max-width: 380px;
        width: 100%;
        display: flex;
        margin: 0 auto;
    }
    /* .HomeBanner {
        min-height:854px;
    } */
    .whatsUp {
        right:160px;
    }
   
}



@media (min-width:768px) {
/* .headerSec{min-height: 88px;padding: 23px 0px;} */
.headerSec.innerHeader{position: fixed;background: var(--primary-color); animation: none;}
.innerHeader::after{display: none;}

.headerSec.innerHeader .navbar-nav .nav-item:first-child .nav-link {
    padding-left:4px;
}


.headerSec.innerHeader .navbar-brand {
   display: flex;
    padding: 0px;
}
.headerSec.innerHeader .loginCart a {
    border: 3px solid #fff;
}



}


@media(max-width:1680px){
    .headerSec .container{max-width:1200px;}
    .thankSection .container { max-width: 1200px;}
     .BannerContent {
        margin-top: 167px;
    }
    
}
@media(max-width:1499px){
    /* .HomeBanner {
        min-height:535px;
    } */
    .HomeBanner .sectionHead h2.Secheading.mb-5 {
        margin-bottom: 2rem !important;
    }
/* .HomeBanner.ai-banner {
    min-height:535px;
}
.HomeBanner.ai-banner .BannerContent {
    margin-top: 220px;
} */
}

@media(max-width:1199px){
.headerSec .navbar-nav .nav-link {
    font-size: 20px;
    line-height: 28px;
    padding: 0px 10px;
}
.loginCart {
    gap: 7px;
}
.loginCart .logIn a {
    padding: 3px 8px;
    min-width: 115px;
    font-size: 14px;
}
.headerSec.stickyscroll .navbar-nav .nav-link {
    font-size: 16px;
}

.logedIn a, .cartIn a {
    min-width:75px;padding: 3px 8px;
}
.logedIn .dropdown-toggle span {
    margin-left: 5px;
}
.allMenuSec .menusBox img {
    height: 118px;
}
/* .BestSellersSec .sectionIn {
    padding: 0px 16px;
} */

.BestSellersSec ul li {
    width: calc(25% - 32px);
    margin: 0px 16px;
}
.select-menu {
    min-width: 175px;
}
.overlayBg {
    bottom: -35px;
}

.filtersContent .BestSellersSec ul li {
    width: calc(33.33% - 32px);
}
.courseInner {
    padding-top: 40px;
    gap: 18px;
}
.courseOuterBox .form-group {
    width: calc(100% - 0px);
}
.courseOuterBox.mt80 {
    margin-top: 32px;
}
.courseOuterBox.mb80 {
    margin-bottom: 32px;
}
/* .category-lists-slider {
    padding: 0px 16px;
} */
.eventMain{gap: 32px;}
.eventCalender input{max-width: 180px; width: 100%;}
.addOns.selectMenuBento .eventPaxCount {
    max-width: 100%;
    width: 100%;
}
.addOns.selectMenuBento .courseOuterBox .form-group .course-card-body{width: 100%;}
.courseServies .gap-5 {
    gap: 2rem !important;
}
}

@media(max-width:991px){

.headerSec .navbar-nav .nav-link {
    font-size: 16px;
    padding: 0px 7px;
    width: auto;
}
.headerSec.stickyscroll .navbar-nav .nav-item:first-child .nav-link {
    padding-left: 0px;
}
.headerSec.innerHeader .navbar-nav .nav-item:first-child .nav-link {
    padding-left: 0px;
}



.stickyscroll .navbar-brand svg {
    max-width: 130px;
}
.headerSec.innerHeader .navbar-brand svg{
    width: 130px;
 }
 .headerSec.innerHeader .navbar-nav .nav-link {
    font-size: 14px;
    margin: 0px 10px;
}
.BestSellersSec ul li {
    width: calc(33.33% - 32px);
}

.allMenuSec .menusBox h4 {
    padding: 0px;
    font-size: 18px;
}
.selectBox {
    width:44%;
}
.footer-logo {
    margin-top:0px;
}
.copyright {
    margin-top: 15px;
}
.RighSide {
   margin-top: 35px; grid-template-columns: auto;
}
.selectMenutop.stickyMenu {
    top: 102px;

}

.headerSec.stickyscroll.stickyMenu {
    box-shadow: none!important;
}

.selectMenutop.stickyMenu {
    top: 88px;
    border-bottom: 0.5px solid #0000001A

}

/* .allMenuSec ul {
    grid-template-columns: auto auto auto;

} */
.allMenuSec .menusBox img {
    height:85px;
}

.filtersMenu {
    margin-right: 32px;
}
.filtersContent .BestSellersSec ul{margin: 0px -6px;}
.filtersContent .BestSellersSec ul li {
    width: calc(50% - 12px);
    margin: 0px 6px;
    padding: 0;
}

/* calendar css */
.inputOuter input{height: 32px;padding: 5px 30px; font-size: 14px; line-height: 16px;}
.eventMain {
    gap: 32px;
}

.menu-details-main .eventPaxCount {
    max-width: 140px;
    width: 100%;
}
.paxText {
    display:block;
    margin-left: 3px;
}
.rightAngle {display:block;}
.eventCalender .icon-date,
.eventCalender .icon-time {
    left: 6px;
}
.eventCalender input {
    width: 180px;
    height: 32px;
    padding: 5px 24px 5px 45px;
    font-size: 12px; line-height: 16px;
}
.eventCalender {gap: 16px;}
.icon-plus {
    right: 4px;
}
.icon-minus {
    left: 4px;
}

.checkOutModal .modalCardIn {
    max-width: calc(33.33% - 32px);
}
.deliveryOption [type="radio"]:checked + label,
.deliveryOption [type="radio"]:not(:checked) + label{
    font-size: 12px;
 }

 .selectMenuBento .inputOuter input{max-width: 140px; padding: 5px;}
 .selectMenuBento .plus_icon
 .selectMenuBento .formIn .activeSpinner {
    display: flex;
    justify-content: flex-end;
}
 .deliveryOption ul {
    gap: 16px;

    padding: 0px 5px;
    max-width: 200px;
    height: 32px;
}
.deliveryOption .form-group {
    display: block;
    padding:7px 0px;
}
.selectMenuBento .form-group {
    display: block;
    padding: 8px 0px;
}

.cardContent .pdl20{padding-left: 0px; }
.setupIn{align-items: start !important;}
.m-t2 {
    margin-top: 0;
}

.coursesSection .courseNav ul li a {
    font-size: 18px;
    padding: 0px 8px;
}
.menu-details-main .eventPaxCount .spinner-box {
    max-width: 100%;
    padding: 7px 8px;
    height: 32px;
}
.menu-details-main .eventPaxCount .spinner-box input{font-size: 14px;line-height: 16px; font-weight: 500;color: rgba(0, 0, 0, 0.87); padding: 0px;}
.courseServies .gap-5 {
    gap: 1rem !important;
}


}


@media(max-width:767px){
.headerSec { min-height: inherit; padding: 23px 0px;}
.filterMenuMob.stickyscroll {
    position: fixed;
    top: 54px;
    z-index: 2;
    background: #ffffff;
    padding: 12px 12px;
    width: 100%;
    transition: all 0.3s ease-in-out;
    
}
body{padding-top: 54px;}
    .headerSec{background:transparent;padding:7px 0px;position: fixed;top: 0;animation: none;transition: none;box-shadow: none;height: 54px;}
    .headerSec:after{display: none;}
    .headerSec.stickyscroll {
        background: #fff;
        margin-top: 0px;
         box-shadow: 0px 0px 9px rgba(0,0,0,0.12);
        animation: none;
        top: 0;
    }
    .headerSec .container {
        position: relative;
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }

    .slideMenu,
    .closeMenu{display: block;}
    .closeMenu {
        display: flex;
        justify-content: flex-end;
    }
    .headerSec .offcanvas {
        max-width: 300px; width: 100%;border-radius: 0px;
    }
    .headerSec .offcanvas-header {
        justify-content: flex-end;
        padding: 16px;
        border: none;

    }
    .headerSec .offcanvas-header button {
        background: transparent;
        border: none;
        padding: 0;
        margin: 0;
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20px;
    }
    .headerSec .offcanvas ul.navbar-nav {
        padding: 0px 16px 0px 16px;
        width: 100%;
    }
    /* .navbar-collapse {
      position: fixed;
      left: -100%; 
      top: 0;
      max-width: 300px;
      width:100%; 
      height: 100vh;
      padding: 16px;
      background-color: #fff;
      transition: left 0.5s ease;
      z-index: 9;
    } */
    /* .navbar-collapse.moveleft {
        left:0%; 
      } */
    .headerSec .navbar-nav .nav-item:first-child .nav-link {
        padding-left:0px;
    }
    .loginCart .logedIn ul li:nth-child(2) a {
        padding-top: 0;
    }
    .headerSec.stickyscroll .navbar-nav .nav-item:first-child .nav-link {
        padding-left: 0;
        margin-left: 0px;
    }
    .headerSec.stickyscroll .navbar-nav .nav-link {
        font-size: 18px;
    }
    .headerSec.innerHeader .navbar-nav .nav-link {
        font-size: 18px;
        color: rgba(0, 0, 0, 0.87);
        padding: 16px 0px;
        margin: 0;
    }

    .headerSec .navbar-expand-md .navbar-nav li:last-child {
        display: block;
    }
    .stickyscroll .navbar-brand svg {
        max-width: inherit;
    }
    .headerSec .navbar-nav .nav-link{
        font-size: 18px;
        color: rgba(0,0,0,0.87);
        padding: 16px 0px; line-height: 28px;
    font-weight: 400;

    }
    .headerSec .profileBox ul li a {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        padding: 16px 0px;
        margin: 0;
    }
    .homeHeader .navbar-brand .redlogo{display: none;}
    .homeHeader.stickyscroll .navbar-brand .redlogo{display: block;}
    .homeHeader.stickyscroll .navbar-brand .whitelogo{display: none;}

    .innerHeader .navbar-brand .redlogo{display: block;}
    .innerHeader .navbar-brand .whitelogo{display: none;}
    
   
      .navbar-brand {
        display: flex;
        justify-content: center;
        align-items: center;
         width: 140px;
        height: 28px;
        margin: 0px auto;
        position: absolute;
        left: 0;
        right: 0;
    }

    .headerSec .navbar-brand a svg{width: 140px; height: 28px;}
    
    .show .navbar-brand {
        display: inherit;
    }
    .show .navbar-brand svg {
        max-width:inherit;
    }
    .profileBox .dropdown-toggle a {
        border: none;
        background:none;
    }
    .logedIn.dropdown{position: static;}
    .logedIn .profileBox .dropdown-menu {
        border-radius: 0;
        border: none;
        width: 100%;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        height: 30vh;
        max-height: 100%;
        display: initial !important;
        transition: all 0.5s ease;
        position: fixed;
        margin: 0px;
        animation: none;
        box-shadow: none;
        transition: transform .3s ease-in-out;
        transform: translateY(100%);
    }
    .logedIn .profileBox .dropdown-menu.show {
        padding: 24px 16px 24px 32px;
        transform: none;
        height: 100%;
    }
    .profileBox ul li:first-child {
        display: flex;
        justify-content: end;
        align-items: center;
        padding-bottom:40px;

    }
    .profileBox ul li:first-child button {
        border: none;
        background:transparent;
        margin: 0;
        padding: 0;
        box-shadow: none;
        outline: none;
    }
    
    .slideMenu {
        border: none;
        background: no-repeat;
        padding: 0px;
        margin: 0;
    }
    .ptb80 {
        padding: 32px 0px;
    }
   
    .headerSec.stickyscroll .navbar-nav .nav-link {
        color: rgba(0, 0, 0, 0.87);
        padding: 16px 0px;
        margin: 0;
    }

    .headerSec .slideMenu svg path {
        stroke: #fff;
    } 
    .headerSec.innerHeader.stickyscroll {
         /* box-shadow: none; */
         box-shadow: 0px 0px 9px 0px #0000001F;

    }
    .headerSec.innerHeader .slideMenu svg path {
        stroke: #ce0e2d;
    } 
    .headerSec .logedIn .dropdown-toggle.iconUser svg path {
        fill: #fff;
        stroke: #fff;
    }
    
    .headerSec.innerHeader .navbar-brand svg path {
        fill: #ce0e2d;
    }
    .headerSec.innerHeader .logedIn .dropdown-toggle svg path {
        fill: #ce0e2d;
        stroke: #ce0e2d;
    }
    .headerSec.innerHeader .cartIn svg path {
        fill: #ce0e2d;
        stroke: #ce0e2d;
    }

    .headerSec .cartIn svg path {
        fill: #fff;
        stroke: #fff;
    }

    .headerSec.stickyscroll a.navbar-brand svg path {
        fill: #ce0e2d;
    } 

    .stickyscroll .logedIn .dropdown-toggle.iconUser svg path {
        fill: #ce0e2d;
        stroke: #ce0e2d;
    }

    .stickyscroll .cartIn svg path {
        fill: #ce0e2d;
        stroke: #ce0e2d;
    }
    .stickyscroll .loginCart a {
        position: relative;
        border: none;
    }
    /* .selectMenutop.stickyMenu .courseNav {
        padding-top: 15px;
        padding-bottom: 5px;
    } */
  
    .loginCart {
        gap:24px;
        flex: 1;
        justify-content: flex-end;
    }
    .cartIn {
        padding-right: 5px;
    }
    .loginCart .logIn a,
    .cartIn a{background:transparent; border:none; padding: 0px; min-width: auto;}
    .cartIn a{position: relative;}
    .cartIn a span + span {
        position: absolute;
        top: 5px;
        right: -5px;
        background: #fff;
        width: 16px;
        height: 16px;
        outline: 1px solid #ce0e2d;
        text-align: center;
        border-radius: 50%;
        font-size: 10px;
        line-height: 12px;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .loginCart .logIn a span {
        display: none;
    }
    .loginCart .logIn a svg {
        display: block;
    }

    .logedIn > a {
        border: none;
        background: transparent;
        padding: 0;
        min-width:auto;
    }
    .logedIn a span svg{display: none;}
    .logedIn .dropdown-toggle span{display: none;}

    .headerSec.stickyscroll .loginCart a {
        border: 0px solid #fff;
    }

  .selectMenutop .courseServies {
        display: block;
        overflow-x: auto;
        overflow-y: clip;
        position: relative;
        white-space: nowrap;
        scrollbar-width: none;
        transform: translate3d(0, 0, 0);
    
    }
    .course-mini-icons .leftBox span img {
        width: 16px;
        height: 16px;
    }
    /*.eventPaxCount .spinner-box input {
        min-width:22px;
    }*/
    .eventPaxCount .spinner-box input {
    min-width: auto;
}

.HomeBanner,
.HomeBanner.ai-banner{background:url(../images/mobilehomeBanner.png)center bottom no-repeat;background-size: cover; width: 100%; min-height:152px;height: auto; margin-top: -54px;}
.HomeBanner.ai-banner .BannerContent {
    margin-top: 0;
}
.HomeBanner .BannerContent {margin-top:0px;}
.HomeBanner .bannerText {height:0px;}
.HomeBanner .BannerContent h1 {text-shadow: none;padding: 0;font-size: 20px;line-height:23px;font-weight:400;margin-top: -14px;}
.stickyscroll .slideMenu svg path {
    stroke: #CE0E2D;
} 


.allMenuSec {
    padding-top: 16px;
    margin-top: -54px;
    background: transparent;
}
.allMemuSecIn {row-gap: 16px; margin: 0px -6px;}
.allMemuSecIn [class*='col-']{ padding: 0px 6px;}
.allMenuSec .sectionHead{display: none;}
.overlayBg {bottom: -15px;}
.allMenuSec .menusBox img {height: auto;}
.allMenuSec .contentBox{border-radius:8px;}
.allMenuSec .menusBox h4 {font-size: 14px;
    line-height:16px;
    font-weight: 700;
    
}
.allMenuSec .allMemuSecIn .contentBox {
    max-width: 100%;
}
.allMenuSec .allMemuSecIn .col-4.col-md-3 {
    flex: 0 0 auto;
    width: 50%;
}
.allMenuSec .allMemuSecIn .menusBox h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }

.allMenuSec .menuItems{min-height: 52px;padding-top: 8px;}
.allMenuSec .menusBox p {font-size: 10px; line-height: 12px; font-weight: 400;}
.Withsetup {
    padding: 4px 6px;
    top: 4px;
    left: -4px;
}
.Withsetup::after {
    border-top: 4px solid #FF4D00;
    border-left: 4px solid transparent;
}
.BestSellersSec{background: transparent;overflow-x: hidden;}
.BestSellersSec .viewMore{display: none !important;}
.SelectOuter {gap: 30px;}
.selectBox {width: 100%;}
.UniqueMenu {position: relative;margin:0px 12px;border-radius: 16px;padding-top: 24px;padding-bottom: 24px;}
.UniqueMenu .sectionHead span {display: block;}
.UniqueMenu form label{color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    display: flex;
}
.UniqueMenu .container {
        position: relative;
        z-index: 2;
    }

.UniqueMenu form {padding:0px;}
.desktopView{display: none !important;}
.mobileView{display: block !important; padding: 0px 32px;}
.UniqueMenu form {padding:0px;}
.UniqueMenu .Secheading {
    margin-bottom:18px !important;
    font-size: 18px;
    line-height:initial; font-weight: 700;
}

.selectBox.errorInput {
    border-bottom: 2px solid #FF8125;
}
.errorInput input[type="text"] {
    border: 0px solid #FF8125;color:#fff;
    box-shadow: none;
}

.mobileView .selectBox > label {
    color: #fff;
    min-width: 100px;
    font-size: 14px;
    line-height: 16px;
    flex-grow: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
}
.UniqueMenu .menuListSec .optionsMobile {
    min-height: 420px;
}

.optionsMobile .form-group {
    display: block;
    margin-bottom: 0px;
    padding: 12px 0px;
}
.optionsMobile form select,
.optionsMobile form input {
    padding: 0px;
    background: transparent;
    box-shadow: none;
    color: rgba(256, 256, 256, 1);
}
.optionsMobile .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.optionsMobile [type="checkbox"]:checked + label,
.optionsMobile [type="checkbox"]:not(:checked) + label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}
.optionsMobile form label {
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    display: flex;
}

.optionsMobile [type="checkbox"]:checked + label:before,
.optionsMobile [type="checkbox"]:not(:checked) + label:before {
    margin-right: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    left: 0;
    right: auto;
    border: 1px solid rgba(0, 0, 0, 0.26);
    border-radius: 2px;
}

.optionsMobile [type="checkbox"]:checked + label:before {
    background: #ce0e2d;
    border: 1px solid #ce0e2d;
}
/*.optionsMobile [type="radio"]:checked + label*/
 /* .optionsMobile [type="checkbox"]:checked + label { 
    color: #ce0e2d;
} */
/* .optionsMobile .form-group input[type="checkbox"]:checked + label:after {
    left: auto;
    right: 6px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
} */

.optionsMobile .form-group input[type="checkbox"]:checked + label:after {
    border-width: 0 2px 2px 0;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -5px;
    background: url(../images/check.svg) center center no-repeat;
    width: 11px;
    height: 9px;
    border: none;
}

.optionsMobile [type="radio"]:checked + label,
.optionsMobile [type="radio"]:not(:checked) + label {
    padding-right: 0;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.optionsMobile [type="radio"]:checked + label:before,
.optionsMobile [type="radio"]:not(:checked) + label:before {
    position: relative;
    top: 0px;
}

.optionsMobile [type="radio"]:not(:checked) + label:before {
    border: 1px solid rgba(0, 0, 0, 0.26);
}
.UniqueMenuSelect .optionsMobile .form-group label::after {
    top: 6px;
}
.optionsMobile .form-group label{font-size: 14px; line-height: 16px;}


.menu-high-tea-pg .form-group input[type="checkbox"]:checked + label:before,
.menu-high-tea-pg .form-group input[type="checkbox"]:not(:checked) + label:before {
    right:-8px;
    left: auto;
    width: 20px;
    height: 20px;
}
.menu-high-tea-pg .form-group input[type="checkbox"]:checked + label:after,
.menu-high-tea-pg .form-group input[type="checkbox"]:not(:checked) + label:after {
    left: auto;
    right: 2px;
        margin-top: -5px;

}
.menu-high-tea-pg .form-group input[type="checkbox"]:checked + label,
.menu-high-tea-pg .form-group input[type="checkbox"]:not(:checked) + label {
    left: auto;
    right: 16px;
}
.menu-high-tea-pg .courseOuterBox .form-group .course-card-body {
    padding: 15px 0px 15px 15px; width: 100%;
}
.menu-high-tea-pg .courseOuterBox .form-group{flex-direction: row-reverse;}

.menu-high-tea-pg .addOns.selectMenuBento .eventPaxCount{display: flex;}

/* #offcanvasBottom input{display: none;} */
.selectBox.errorInput small {
    position: absolute;
    top: 105%;
    left: 0;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}
.MagicGenerate {margin-top: 24px !important;}
.UniqueMenu form input::placeholder{color: rgba(256, 256, 256, 0.3);}
.offcanvas{min-height: 400px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.optionsMobile.offcanvas{min-height: 420px;}
#offcanvasFilter.offcanvas {min-height:90%;}
.mobileView .select-menuMob {flex:1;}
.mobileView .select-btn span {color: rgba(256, 256, 256, 0.3);font-size: 14px; line-height: 16px;}
.mobileView .select-btn {display: flex;justify-content: space-between;align-items: center; padding: 11px 0px 11px 100px;}
.menuListSec .filterCanvas {height: calc(100% - 100px);}
.offcanvas-header {border-bottom: 1px inset rgba(0, 0, 0, 0.1);padding: 14px 12px;margin-bottom: 8px;}
.offcanvas-header button {position:absolute;right:18px;top:23px;width:20px;height:20px;}
.menuListSec label {width:100%;display:flex;justify-content:space-between;align-items:center;margin-right:0;}
.offcanvas-title {margin-bottom: 0;text-align: center;flex:1;font-size:16px;line-height:20px;font-weight:500;}
.select-menu {min-width:inherit;}
.select-menu .boxIn {display:flex;}
.select-menu .select-btn {background:transparent;box-shadow:none;color:#fff;}
.UniqueMenu form select, .UniqueMenu form input{padding: 0px;background: transparent;box-shadow: none;color: rgba(256, 256, 256, 1);}
.UniqueMenu .selectBox .select-menu input {min-height: auto;line-height:16px;border-radius: 0px;padding: 11px 0px 11px 100px;caret-color: white;}
.selectBox {position: relative; width: 100%;box-shadow: 0px 0.5px 0px rgba(256, 256, 256, 0.45);margin-bottom: 14px;}
/* .eventField .form-group label:before{display: none;}
.eventField .form-group input[type="checkbox"]:checked + label:after{display: none;} */
.select-btn i {
    transform: rotate(-90deg);
}
.select-btn i svg path {
    stroke: #fff;
}
.generateBtn {
    font-size: 14px;
        padding: 4px 24px;
        max-width: 180px;
        height: 36px;
        line-height: 16px;
        outline: none;
}
.select-menu .options .option {
    height: 35px;
    padding: 0 10px;

}


.Secheading {
    font-size:16px;
    line-height:20px;
    margin-bottom: 16px !important;
}
.UniqueMenu::after {
    height: 70px;

}
.BestSellersSec .Secheading {
    font-size:16px;
    line-height: 20px;
    text-align: left !important;
    flex: 1;
}


.BestSellersSec .sectionIn {
    margin: 0px -6px;
    row-gap: 24px;
}
.BestSellersSec [class*='col-'] {
    width: 50%;
    padding: 0px 5.5px;
}

.BestSellersSec a.BestSellerPro {
    display: inline-block;
    background: #fff;
    border-radius: 12px;
}

.BestSellersSec .contentBox h5 {margin:5px 0px 3px 0px;
    font-size: 14px;line-height: 16px;}
    .BestSellersSec .imageBox{border-radius:12px 12px 0px 0px;display: flex;margin-bottom:8px;}
    .BestSellersSec .contentBox {
        padding:0px 5px 8px 8px;
    }
    .BestSellersSec .contentBox p span {
        margin-right: 12px;
    }
.BestSellersSec .contentBox p .red-text {
        font-size: 16px;
        line-height:20px;
        margin-right:4px;

    }
    .BestSellersSec .contentBox p .red-text small {
        font-size: 10px;
    }
    .BestSellersSec .contentBox p {
        font-size: 12px;
        line-height:16px;
        padding-bottom:0px;
    }


.seeAll {
    display: flex;
    color: rgba(0, 0, 0, 0.55);
    font-size: 12px;
    font-weight: 400;
    align-items: center;
    margin-bottom: 16px;
}
.seeAll svg {
    margin-left: 5px;
}
.WhyCaterDashSec{padding-top: 0px;}

.WhyCaterDashSec h4 {
    font-size: 14px;
    line-height: 20px;
}
.WhyCaterDashSec .imageBox {
    max-width: 52px;
    width: 100%;
    display: flex;
    margin: 0 auto;
    margin-bottom: 8px;
}
.WhyCaterDashSec .imageBox img {
    width: 52px;
    height: 52px;
}
.WhyCaterDashSec .contentBox {
    max-width: 101px;
    width: 100%;
    margin: 0 auto;
}
.WhyCaterDashSec summary {
    padding: 0px 32px;
}
.WhyCaterDashSec .sectionIn {
    margin: 0 auto 32px;
    max-width: 232px;
    padding: 0;
}
.WhyCaterDashSec .sectionIn ul {
    margin: 0px -16px !important;
    row-gap: 32px;
}
.WhyCaterDashSec .sectionIn ul li {
    width: calc(50% - 32px);
    margin: 0px 16px;
}

.WhyCaterDashSec .Secheading{margin-bottom:15px !important;}
.WhyCaterDashSec .sectionIn h4 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
.WhyCaterDashSec p {
    font-size:12px;
    line-height: 16px;

}
.WhyCaterDashSec .viewMore {
    margin-top:18px !important;
}

.viewMoreBtn {
    font-size: 14px;
    line-height: 24px;
    max-width: 250px;
    min-height: 36px;
}

.WhyCaterDashSec .viewMore .viewMoreBtn {
    font-size:12px;
    line-height:16px;
    max-width:200px;  
}

.footerMain {
    padding-bottom:45px; padding:24px 0px; padding-bottom: 80px;position: relative;z-index: 0;
}

.footerMain .col-lg-3.col-md-12,
.footerMain .col-lg-9.col-md-12 {
    padding: 0px 14px;
}
.RighSide {
    margin-top:0px;
}
.RighSide.d-grid.gap-3{
    gap: 0rem !important;
}

.footerMain .contentBox {
    margin-bottom: 24px;
}
.footerMain h6 {
    margin-bottom:8px;
    font-size: 14px;
        line-height: 16px;        font-weight: bold;
}
.footerMain p {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
.footerMain ul li {
    list-style: none;
    padding:0px 0px;
    margin-bottom: 8px;
}
.footerMain ul li:last-child {
    margin-bottom: 0;
}
.footerMain ul li a {
    font-size: 12px;
    line-height: 16px;
    display: block;
}

.menuListSec {
    position: relative;z-index:1;
    background: #FFF7F5;
    padding-top: 8px;
}

.subscribeInput input, .subscribeInput button {
    padding: 10px 24px 10px 24px;  height: 36px;

}
.subscribeInput button {font-size: 14px; padding:10px 24px;}
.subscribeInput input{font-size: 12px;
    line-height: 16px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.subscribeInput input::placeholder{color: rgba(0, 0, 0, 0.26);}
.subscribeIn{margin-top: 30px !important;}
.copyright {margin-top:5px;}
.whatsUp {right:20px;bottom:58px;top: auto;}
.whatsUp .container{padding: 0px;}
.whatsUp a svg {width:64px;height:64px;}
.subscribeIn {margin-top:24px !important;}
.subscribeInput {max-width: 300px;width: 100%;}

/* filter menus */
.menu-high-tea-pg .form-group .checkbox-area:hover input[type="checkbox"]:checked + label:before,
.menu-high-tea-pg .form-group .checkbox-area:hover input[type="checkbox"]:not(:checked) + label:before {
    border: 2px solid #ce0e2d;
}
.menu-details-main .courseOuterBox .form-group.mob-change-price.selected_item {
    border: 1px solid #fff;
}
.menuListSec .optionsMobile {
    min-height:388px;
}

.pt88 {
    padding-top: 0;
}
/* .sectionIn{display: block !important;} */
.hide-bc{display: block;}
.filtersMenu{display: none;}
/* .MenusFilter{display: none !important;} */
.filterMenuMob{display: block;
    overflow-x: auto;
    overflow-y: clip;
    position: relative;
    white-space: nowrap;
    transform: translate3d(0, 0, 0);
    margin-bottom:16px;
}
.filterMenuMob::-webkit-scrollbar {display: none;}
.menuAdd {margin-bottom: 16px;}
.MenuesList.BestSellersSec ul li:nth-child(even) {padding-left: 0px;}
.MenuesList.BestSellersSec ul li:nth-child(odd) {padding-right: 0px;}
.filtersContent .BestSellersSec .sectionIn {
    margin: 0;}
.filtersContent .BestSellersSec ul {
    margin: 0;
}
.filtersContent .BestSellersSec ul li {
    width: calc(50% - 6px);
    margin: 0px 0px;
    padding: 0;
}

.MenuesList ul li a{display: inline-block; background: #fff; border-radius: 12px;}
.MenuesList ul li a .menu-text {padding: 8px;}
.MenuesList ul li .imageBox {margin-bottom:0px;}
.MenuesList .menu-text h5 {font-size: 14px;line-height: 16px;font-weight: 400;}
.MenuesList .menu-text h6 {margin: 2px 0px;display: flex;align-items: center;}
.MenuesList .menu-text h6 span {font-size: 16px;line-height: 20px;margin-right: 4px;}
.MenuesList .menu-text h6 span small {font-size: 10px;line-height: 12px;}
.MenuesList .menu-text .gst-text {font-size:12px;line-height: 16px;}
.MenuesList .menu-text .gst-text small {font-size: 10px;line-height: 12px;}
.MenuesList .menu-text p{margin-right: 0px; font-size: 12px;}
.MenuesList .menu-text p span {margin-right: 12px;}

.mostOrder {
    top: 8px;
    left: 8px;
    font-size: 10px;
    line-height: 12px;
    padding: 4px 10px 4px 10px;
}

.MenuesList ul{margin: 0; column-gap: 12px; row-gap: 24px;}
.MenuesList ul li {
    width: calc(50% - 6px);
    margin: 0;
    padding: 0px;
}
.MenuesList ul li .imageBox .healthier small{display: none;}
.healthier {background:none;bottom: 8px;right: 8px;}
.healthier img {max-width: 36px;margin-right: 0;}
 .apply-reset {
    background: #fff;
    border-top: 1px inset rgba(0, 0, 0, 0.1);
    padding: 8px 12px;
    display: flex;
    justify-content: center;
        gap: 12px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9;
}


.apply-reset button {
    box-shadow: none;
    margin: 0;
    font-size: 16px;
    line-height:20px;
    font-weight: 400;
    padding: 12px;
    border-radius: 40px;
    min-width: 170px;
    display: flex;
    justify-content: center;
}
.addCartBtns.apply-reset{padding: 12px 12px;} 

.apply-reset .resetBtn{color:#CE0E2D; background: #fff; border:1px solid #CE0E2D;}
.apply-reset.courseBtn button {
    min-width: 100%;
}
 .filterMenuMob.stickyscroll {
    transition: none;
    box-shadow: 0px 0px 9px 0px #0000001F;

}
.filterMenuMob ul {
    display: flex;
    column-gap: 8px;
    padding: 0px;
}
.filterMenuMob ul li a {
    background: #fff;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    padding: 8px 16px;
    border-radius: 40px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}

.filterMenuMob ul li a svg {
    max-width: inherit;
}
.filterMenuMob ul li a span {
    margin-left:4px;
}
.filterMenuMob ul li:first-child a span {
    margin-left: 4px;
}


.filterMenuMob .selectedMenu{background: #FFE7E3;
    box-shadow: inset 0 0 0 1px rgba(206, 14, 45, 0.10);
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #CE0E2D;
}
.filterMenuMob .selectedMenu svg path {
    stroke:#ce0e2d;
}

.mobfiltterCourse button {
    font-size: 12px;
    line-height: 16px;
    padding: 6px 12px;
    background:#fff;
}
.mobfiltterCourse button svg {
    margin-left: 7px;
}
    .coursesSection .mobfiltterCourse ul li {
    padding: 2px 0px;
} 

.filtterCourse .mob-select{width: 102px; padding:8px 16px;font-size: 12px;line-height: 16px;gap:4px;}

.custom-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust transparency */
    z-index: 1050; /* Bootstrap offcanvas default is 1045 */
}
.courseNav .gap-5 {
    gap: 0rem !important;
}
button.btn-close {
    padding: 0px !important;
    background-image: none;
        opacity: 1;
}

.offcanvas-header .btn-close svg{ display: block;}
.all-account-modal {
    margin-top: 65px;
}

.numbers {
    width: 16px;
    height: 16px;
    background:#ce0e2d;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    display: none;
}
.sm-none{display: none !important;}
.menuListSec [type="radio"]:checked + label, 
.menuListSec [type="radio"]:not(:checked) + label {
    padding-right:0px;
    padding-left: 0;
    width: 100%;
}
.menuListSec [type="checkbox"]:checked + label,
.menuListSec [type="checkbox"]:not(:checked) + label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.menuListSec .form-group{display: block; margin-bottom: 0px;}
.menuListSec [type="radio"]:checked + label{color: rgba(0, 0, 0, 0.87);}
.menuListSec [type="radio"]:checked + label:before,
.menuListSec [type="radio"]:not(:checked) + label:before {
    left: auto;
    right: 0;
    top: 0px;
    margin-right: 0;
    width: 20px;
    height: 20px;
}
.menuListSec [type="radio"]:checked + label:after,
.menuListSec [type="radio"]:not(:checked) + label:after {
    left: auto;
    right:6px;
}
.menuListSec [type="radio"]:checked + label:before,
.menuListSec [type="radio"]:checked + label:hover:before{
    border: 2px solid#ce0e2d!important;
}

.optionsMobile.filterCanvas .filterAllMenu{padding: 15px 12px 61px 12px;overflow-y: auto;}
.optionsMobile.filterCanvas ul{padding: 0px;margin-bottom: 24px;}
.filterCanvas h4{font-size: 18px; line-height: 28px; font-weight: 500; color: rgba(0, 0, 0, 0.87);margin-bottom: 8px;}
.optionsMobile .form-group label:before{top:-2px;}
.optionsMobile .form-group label::after{ top:6px;}
.menuListSec [type="checkbox"]:checked + label:before, 
.menuListSec [type="checkbox"]:not(:checked) + label:before{
    margin-right: 0px;top: 0px; width: 20px; height: 20px;
}
.menuListSec .form-group input[type="checkbox"]:checked + label:after {
    left: auto;
    right: 6px;top:3px;
}

.menuListSec [type="checkbox"]:not(:checked) + label:hover{color: rgba(0, 0, 0, 0.87) !important;}
.menuListSec [type="checkbox"]:not(:checked) + label:hover:before {border: 1px solid rgba(0, 0, 0, 0.26) !important;}
.paxInput .form-group {
    padding: 4px 0px 36px 0px;
}
.MenuesList.AI-generated-sec {
    margin-bottom: 32px;
}

.filterAllMenu .paxInput .form-group input {
    display: block;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 40px;
    width: 100%;
    padding: 8px 24px;
    font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        transition: all 0.3s ease-in-out;
}
.filterAllMenu .form-group input::-moz-placeholder{
    color:rgba(0, 0, 0, 0.26);
}
.filterAllMenu .form-group input:focus,
.filterAllMenu .form-group input:focus-visible {
    border: 1px solid red;outline: none;
}

.noResultMain {
    padding: 120px 0px 265px 0px;
}
.result-box img {
    width: 68px;
}
.filterMenuMob ul li small {
    max-width: 150px;
    white-space: nowrap;
    width: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}
/* menu details page */
/* .selectCoursemain{margin: 0px -16px;} */
.headerSec.white-bg {background: #fff;}
.menu-details-main .menuDetailsSec {background: #fff;padding-top: 8px;padding-bottom: 40px;}
.menu-details-main .menuDetailsSec .breadcrumb {margin-bottom: 16px;}
.menu-details-main .menuDetailsSec .cardContent h3 {font-size: 14px;line-height: 16px;margin-bottom:7px;}
.menu-details-main .menuDetailsSec .cardContent p {font-size:12px;line-height:14px;margin-bottom:7px;}
.menu-details-main .menuDetailsSec .cardContent p:last-child{margin-bottom: 0px;}
.menu-details-main .coursesSection h5 {line-height: 32px;margin-bottom:2px;}
.menu-details-main .coursesSection h5 small {font-size: 12px;line-height: 14px;color: rgba(0, 0, 0, 0.65);font-weight: 400;}
.menu-details-main .coursesSection .cardContent h5 {font-size: 14px;line-height: 16px;font-weight: 500;margin-bottom: 8px;}
.menu-details-main .coursesSection .cardContent p {margin-bottom: 0px;}
.menu-details-main .courseOuterBox .form-group {box-shadow: none;display: block;}
.menu-details-main .cardContent h3{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.menu-details-main .eventPaxCount .spinner-box {
    padding: 4px;
    height: 32px;
}
.courseOuterBox > .mb32 {
    margin-bottom: 16px;
}
.coursesSection p {font-size: 12px;}
.menu-details-main .courseOuterBox .checkbox-area-in {
    flex-direction: row-reverse;

}
.menu-details-main .courseOuterBox .form-group .course-card-body {
    padding:0px;
    width: 100%;
}
.checkbox-area-in{padding:12px;}

.menu-details-main .addOns.selectMenuBento .eventPaxCount {
    display: flex;max-width: 100%;
}
/* .addOns.selectMenuBento .inputOuter.activeSpinner .number-spinner a svg {
    width: 30px;
    height: 30px;
} */
.addOns.selectMenuBento .icon-minus, .selectMenuBento .icon-plus {
    margin-top: -15px;
}

.addOns.selectMenuBento .courseOuterBox .form-group .course-card-body {
    padding: 12px;
}
.bdr-shadow{border-bottom: 0.5px solid rgba(0, 0, 0, 0.10);
    box-shadow: 0px -0.5px 0px 0px #00000017 inset;}
.addOns.selectMenuBento .course-card-body .cardContent .menu-text p {
        margin-bottom: 12px;
    }
    .addOns.selectMenuBento .inputOuter {
display: flex;height: auto;
    }
.addOns.selectMenuBento .inputOuter input {
        height:100%;
    }
.addOns.selectMenuBento .plus_icon {
        width: 30px;
        height: 30px;
    }
.addOns.selectMenuBento .plus_icon a svg {
        width: 30px;
        height: 30px;
}
.increase-btn.clickPlusBtn a {
    width: 30px;
    height: 30px;
}

#offCanvas2{min-height: 460px !important;}
.modal-dialog.modal-dialog-scrollable {
    margin: 0;
    min-height: 100%;
    border-radius: 0px;
}
.add-ons-popup .modal-dialog-scrollable .modal-content {
    max-height: 100%;
    border-radius: 0;
}
.MenuDetailCard .setupTime {display: none !important;}
.courseNav{padding: 0px; margin-bottom: 0px;}
.coursesSection .courseNav a {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 14px 12px;
    margin-bottom: 0px;
}
.eventCalender input {
    width: 180px;
    height: 32px;
    padding: 5px 24px 5px 32px;
    font-size: 12px;
    line-height: 16px;
}
.selectMenutop {
    margin-top: -44px;
}
.selectMenutop.stickyMenu .courseNav {
    padding-top: 0;
}
.selectMenutop .courseNav li a {
    margin-bottom: 0; font-size: 14px;display: flex;
}
.selectMenutop.stickyMenu .courseNav li a {
    margin-bottom: 0; font-size: 14px;padding: 14px 12px;display: flex;
}
.selectMenutop.stickyMenu .courseNav ul li a{font-weight: 500;}
.coursesSection .courseNav li.active a::after {
    height: 2px;
}
.coursesSection .selectMenutop.stickyMenu .courseNav ul li.active a::after {
    bottom:0px;
}
.coursesSection .courseNav ul li a {
    font-size: 14px;
    line-height: 16px;
    padding: 14px 12px;
    font-weight: 500;
    min-height: 44px;
}
.coursesSection .courseNav ul li.active a::after {
    bottom: 0px;height: 2px;
}
.courseNav.gap-5 {
    gap: 2rem!important;
}

.optionsMobile .calhead {
    padding: 0px; padding-bottom: 16px;
}

.clickPlusBtn a {
    width: 30px;
    height: 30px;
}
/* .optionsMobile ul {
    margin-bottom: 0;
} */
.delivert-timeNow{font-size: 14px;line-height: 16px;font-weight: 400; color: rgba(0, 0, 0, 0.65);}
.delivert-timeNow strong{font-weight: 700;color: rgba(0, 0, 0, 0.87);}
.applybox {padding: 12px 12px;}
.cardContent p {gap: 5px;}


.changeTime{display: none;}
.desktopScreen{display: none;}
.eventDateTime .mobileScreen {display: block;}

.selectMenutop .container{padding:0px;}
.selectMenutop .container .row{margin: 0px !important;}
.selectMenutop .container .category-lists-slider{padding: 0px;display: none;}
.selectMenutop.stickyMenu {top:54px;}
.slider-button.slider-prev,
.slider-button.slider-next{display: none;}
.eventDate {display: none;}
.cardImage {max-width: 140px;width: 100%;margin-right: 8px;}
.cardContent .cardSubTitle{display: none;}

.courseInner {
    padding-top: 24px;
    display: block !important;
}
.orderCartMob {
    display: block;
}
.orderCart{display: none;}
.disabled-item .netPrice {display: none;}
.optionsMobile ul li.disable-text p {
    color: rgba(0,0,0,0.26) !important;
    pointer-events: none;
}
.optionsMobile ul li.disable-text img {
    opacity: 0.26;
}

.item-details-popup.modal.fade .modal-dialog {
    transform: translate(0, 50px) ; 
}
.item-details-popup.modal.show .modal-dialog {
    transform: none !important;
}
.netPrice {
    font-size: 14px;
    line-height: 16px;
}
.cardBody.mb48 {
    margin-bottom: 24px;
}
.eventMain {
    gap:32px;
    margin-bottom: 16px;
}

.eventPaxCount > h4,
.eventDateTime > h4 {
    display: none;
}

.selectCoursemain h4 {
    font-size:20px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 16px;
}
.cardContent h3 {
    font-size: 14px;
    line-height: 16px;
    margin: 0px 0px 8px 0px;
}
.cardContent p {
    font-size: 12px;
    line-height: 14px;
}
.cardContent p .red-text {
    font-size: 14px;
    line-height: 16px;
}
.cardContent small{font-size: 12px;line-height:14px;}
.category-button a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    padding: 14px 12px;
    height: 44px;
}
.category-button.active:after {
    height: 2px;
}

.courseOuterBox .form-group {
    padding: 12px 48px 12px 12px;
}
.courseInner .cardIn {
    row-gap: 12px;
}
.healthier-logo {
    bottom: -4px;
    right: -4px;
    width: 28px;
    height: 28px;
}
.courseOuterBox [type="radio"]:checked + label:before,
.courseOuterBox [type="radio"]:not(:checked) + label:before {
    width: 20px;
    height: 20px;
    left: auto;
    right: 6px;
}
.courseOuterBox [type="radio"]:checked + label:after,
.courseOuterBox [type="radio"]:not(:checked) + label:after {
    top: 50%;
    right: 17px;
    left: auto;
    margin-top: -2px;
}
.course-card-body .cardImage {
    max-width: 90px;
    height: 90px;
    margin-right: 12px;
}

.course-card-body .cardContent h5 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
}
.course-card-body .cardContent p {
    font-size: 12px;line-height: 14px; margin-bottom: 2px;
}
.menuBentoMain .course-card-body .cardContent p {
    margin-bottom: 2px;
}
.course-card-body .cardImage .papular-icon {
    font-size: 10px;
    line-height: 12px;
    padding: 3px 9px 3px 4px
}
.papular-icon small {
    margin-right: 0;
}
.checkOutModal .modalCardIn {
    max-width: calc(100% - 0px);
}

.eventMain .icon-plus {
    right: 4px;
}
.eventMain .icon-minus {
    left: 4px;
}
.MenuDetailCard .cardContent h3 {
    font-size: 14px;
    line-height: 16px;}
.breadcrumb-item a {font-size: 12px;}
.menuDetailsSec .breadcrumb-item.active{text-transform:capitalize;}
.selectMenubuttom .coursesSection h5 {line-height: 32px;}
.breadcrumb-item+.breadcrumb-item::after {
    background-size: cover;
    width: 12px;
    height: 12px;
}
/* menu modal */




/*.menuDetailsPopup .modal-dialog-scrollable .modal-content {
    max-width: 295px;
    min-height: 369px;
    height: auto;
    background: transparent;
    border: none;
}
.menuDetailsPopup .modal-dialog-scrollable .modal-body {
    background: #fff;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
 .menuDetailsPopup .modal-header .btn-close {
    right: 0;
    top: auto;
    left: 0;
    margin: auto;
    box-shadow: 0px 0px 0px 2px inset rgba(256,256,256,1);
    background: rgba(256,256,256,0.3);
    bottom: 0px;
} 

.menuDetailsPopup .modal-header .btn-close svg path {
    fill: #fff;
}
.menuDetailsPopup .modal-header{position: static;}
.menuDetailsPopup .contentBox {
    padding: 16px; padding-bottom: 50px;
}
.menuDetailsPopup .modal-footer {
    padding: 0;
    border: none;
    background: transparent;
    height: 64px;
}*/

.add-ons-popup .modal-footer {
    padding: 8px 16px;
}
.add-ons-popup .modal-dialog-scrollable .modal-content {
    max-height: 100%;
}
.add-ons-popup h3 {
    line-height:24px;

}
/* .menuDetailsPopup h3 {
    font-size:16px;
    line-height:20px;
    margin-bottom: 16px;
} */
.menuDetailsPopup p {
    font-size:12px;
    line-height: 16px;
    font-weight:400;
}

.deliveryOption{display: none;}
.deliveryOption h4 {
    display: none;
}

.eventTime .dropdown-menu {
    min-width: 100%;
    box-shadow: none;
}
.eventTimeCanva .offcanvas-body {
    padding: 0px;
}
.eventTime .dropdown-menu ul li {
    width: calc(25% - 9px);
}
.leftAngle {
    position: absolute;
    left: 16px;
    top: 11px;
}
.MenuDetailCard .cardBody {
    margin-bottom: 24px;
}

.add-ons-popup .inputSet {
    max-width: 115px;
}
.eventTime .dropdown-menu{display: none;}
.modal-menu-add-ons .category-lists-slider {
    margin: 0;
}

.modal-menu-add-ons .courseOuterBox {background: #FFF7F5;padding: 24px 12px 0px 12px;margin: 0px;}
.modal-menu-add-ons .modal-body{padding: 0px;max-height: 100%;}
.modal-dialog-scrollable .modal-body{margin: 0px;}
.modal-menu-add-ons .modal-dialog {margin: 0px;}
.modal-menu-add-ons .modal-dialog-scrollable .modal-content{height:calc(100% - 0px);border-radius: 0px;}
.modal-menu-add-ons button.btn-close svg {width: 20px;}
.modal-menu-add-ons .modal-header {border: none; padding: 17px 24px;}
.modal-menu-add-ons .category-lists-slider{top: 0;padding: 0px;border-bottom: 1px solid #00000017;}
.modal-menu-add-ons .slider-prev1, 
.modal-menu-add-ons .slider-next1{display: none;}
.modal-menu-add-ons .modalCardIn {
    max-width: calc(100% - 0px);
    margin: 0;
    padding: 12px;
    border-radius: 12px;
    display: flex;
    border: none;
    background: #fff;
}
.modal-menu-add-ons .modalCard{margin: 0px;row-gap: 12px;}
#staticBackdrop.checkOutModal.modal-menu-add-ons .eventPaxCount {
    margin-top: 0px;
}
.modal-menu-add-ons .modalCardIn .imageBox {
    max-width: 90px;
    height: 90px;
    margin-right: 12px;
}
.modal-menu-add-ons .modalCardIn .imageBox img{  border-radius: 12px;}
.modal-menu-add-ons .papular-icon {
    font-size: 10px;
    line-height: 12px;

}
.modal-menu-add-ons .healthier-logo {
    display: flex;
    position: absolute;
    bottom: -5px;
    right: -20px;
    width: 40px;
}
.modal-menu-add-ons .contentBox {
    padding: 0;
    padding-bottom: 0;
}
.modal-menu-add-ons .contentBox .sell-gst .red-text {
    line-height: 16px;}
.modal-menu-add-ons .modalCard h5 {
    min-height: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.modal-menu-add-ons .modalCard p{
    margin: 8px 0px 8px 0px;
    min-height: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;}
.modal-menu-add-ons .modalCardIn:hover {border: none;margin: 0;}
.modal-menu-add-ons .modal-footer{padding: 0px;}
.modal-menu-add-ons .apply-reset{border:none;margin: 0;padding: 8px;}
.checkOutModal .plus_icon {width: 30px;height: 30px;}
.modal-menu-add-ons .plus_icon a svg {
    width: 30px;
    height: 30px;
}


/* error message */
.modal-outer-wrapper.modal-radious-24 .modal-content {
    border-radius:8px;
    overflow: hidden;
    max-width: 295px;
    width: 100%;
    margin: 0 auto;
}

.message-error-box .message-content h3 {line-height: 20px;margin-bottom: 16px;}
.message-error-box .ic-icon {display: none;}


.modal-error-message .button-close{display: none;}
.modal-error-message .message-content {text-align: center;}
.message-content p {font-size: 14px;line-height: 20px;}
.modal-error-message .btn-cancel,
.modal-error-message .btn-confirm{display: none;}
.btn-ok-mob{display: block;}
.modal-outer-wrapper.modal-error-message .sec-modal-body {
    padding: 20px 20px 24px 20px;
}
.modal-error-message .footer-modal {
    padding: 0px 24px;
    padding-bottom: 7px;
    justify-content: center !important;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
    padding-top: 7px;
}


.modal-error-message .btn-ok-mob {
    border: none;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(206, 14, 45, 1);
}

.modal-error-message .btn-ok-mob:active {
    background-color:transparent;
    color: #ce0e2D;
}

/* successful page */
.thankSection{ background-color: #fff;}
.thankSection .sectionIn {
    min-height: calc(100vh - 54px);
}
.thankSection .buttonBox {
    gap: 12px;
    margin-top: 24px;
}
.thankSection .buttonBox .btn { max-width: 140px;}


.thankSection .contentBox {
    padding-top: 60px;
    max-width: 300px;
    padding-bottom: 115px;
}
.iocnbx img {
    width: 48px;
    height: 48px;
}

.thankSection .createAccount {
    margin-top: 52px;
}
.thankSection .successfulBox span svg {
    width: 48px;
    height: 48px;
}
.thankSection .contentBox h3 {
    margin: 8px 0px;
    font-size: 22px;
    line-height: 26px;
}
.thankSection .contentBox p {
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.54);
}

.thankSection .form-control {
    margin: 16px auto 24px auto;
}

.thankSection .contentBox .backBtn {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}
.thankSection .buttonBox .btn {
    width: 100%;
    max-width: 140px;
    min-width: 140px;
    font-size: 14px;
    font-weight: 400;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
}

.cartRightCanva .offcanvas-body {padding:16px 12px 16px 16px;}
.cartRightCanva.offcanvas.offcanvas-end {border-radius: 0;max-width:100%; width: 100%;border: 0px;}
.cartRightCanva .offcanvas-header {margin-bottom:0;padding: 14px 16px;}
.cartRightCanva .cardImage {max-width:105px;margin-right:8px;height:58px;}
.cartRightCanva .btn-close {left: auto;right: 22px;}
.cartRightCanva .contentBox {margin-bottom:12px;}
.cartRightCanva .cartAmount h4 {display: flex;align-items: center;justify-content:flex-start;}
.cartRightCanva .cartAmount h4 span {font-size:12px;line-height:16px;font-weight:400;color:rgba(0,0,0,0.65);padding:0px;padding-left:5px;}
.cartRightCanva .cardContent p {font-size: 12px;line-height: 14px;}
.cartRightCanva .cardContent p:last-child {margin-bottom: 0;}
.cartRightCanva .cardContent p .red-text {font-size:14px;line-height:16px;}
.cartRightCanva .cardContent p + p {margin-bottom: 0 !important;}
.cartRightCanva .cardContent small {font-size:10px;line-height:12px;}
.cartRightCanva .cartDevTime {justify-content: flex-end !important;margin: 0;margin-top: -12px}
.cartRightCanva .devtime.mobileScreen{display: flex;align-items: center;font-size: 12px;line-height: 16px;gap: 4px;margin-bottom: 12px;}
.cartRightCanva .cartTotal {font-size:16px;line-height:20px;}
.cartRightCanva .cartoffBtn{display: none;}
.cartRightCanva picture {display: flex;}
.cartRightCanva hr {margin: 16px 0px;}
.cartRightCanva .apply-reset {position: static; padding: 0px;border:none}
.cartRightCanva .apply-reset .applyBtn {
    padding: 12px 24px;
    font-weight: 700;
}


.cartRightCanva .MenuDetailCard .cardBody {margin-bottom: 12px;}
.cartRightCanva .totalPrice p {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: rgb(0 0 0 / 87%);
    margin-bottom: 2px;
}
.cartRightCanva .cartAmountBox {
    padding: 0px 16px 8px 16px;
    border-top: 0px inset rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px 0px #0000000F;
}

.cartRightCanva .spinner-box {
    height: 32px; max-width: 140px;
}
.proceedBtn .applyBtn{font-weight: 700; padding: 12px 24px;}
.timeUmavailable.mobileScreen {display: block;}
.DeliveryTimeCart .timeUmavailable span{display: none;}
.timeUmavailable span {font-size:10px;line-height:12px;}
.cartMainBox.disableBox .MenuDetailCard .cardContent p{display: none;}
.sec-profile-main { padding: 24px 0px;}
.emptyCart .emptyIn h4 {
    margin: 24px 0px 12px 0px;
    font-size: 16px;
    line-height: 18px;
}
.cartRightCanva.emptyCart .contentBox {
    margin-bottom: 0;
}

.cartRightCanva.canva-ai-cart .btn-close {
    left:auto;right: 22px;
}
.cartRightCanva .cartAmountBox .orderCartAi .apply-reset button{height: 44px}
#item-details-buffet .modal-content {
    padding-bottom: 24px;
}

.my-profile-pg .checkout-main{padding-top: 24px;}
.my-profile-pg .profileField {
    padding-right: 28px;
    position: relative;
}
.my-profile-pg .rightAngle {
    position: absolute;
    right: 10px;
    display: flex;
    top: 50%;
    margin-top: -5px;
}

.my-profile-pg .MyProfileMob .ProfileIn:last-child{margin-bottom: 0px;}
.my-profile-pg .profileField {
    padding: 16px 28px 16px 0px;
    position: relative;
}
.my-profile-pg .profileField:last-child {
    box-shadow: none;
}
.profileField span {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.56);
}
.profileField span strong {
    color: rgba(0, 0, 0, 0.87);
}
.category-button.active a:after {
    height: 2px;

}
.course-mini-icons,
.course-mini-icons .leftBox {
    column-gap: 8px;
}
.course-mini-icons span svg {
    width: 16px;height:16px;
}
.selectMenuBento .inputOuter.activeSpinner .number-spinner {
    display: block;
    float: right;
}

.menuBentoMain .course-mini-icons {
    column-gap: 4px;
}
.menuBentoMain .menuDetailsSec.pt32 {
    padding-top: 8px;
}
.menuBentoMain .menuDetailsSec .breadcrumb {
    margin-bottom: 16px;
}
.menuBentoMain .MenuDetailCard .cardContent p {
  margin-bottom: 8px;
}
.menuBentoMain .selectCoursemain  .menuSubTitle small {
  display: none;
}
.menuBentoMain .eventMain{margin-bottom: 55px;}

#offcanvasBudget .applyBtn{font-weight: 700;}

/* turms and conditons */
section.turms-details {
    padding-bottom: 0;
}
.turms-conditions .menuDetailsSec.pt32 {
    padding-top: 16px; 
}
.turms-conditions .menuDetailsSec .breadcrumb {
    margin-bottom: 0px;
}
.turms-details .sectionHead h2 {
    font-size: 20px;
    line-height: 32px;
    padding:16px 0px 40px 0px;
    margin: 0px !important;
}
.turms-details .contentBox h4 {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}
.turms-details .contentBox p { font-size: 14px;}
.turms-details .contentBox ul li {font-size: 14px;}
.turms-conditions .mb64 {margin-bottom: 40px;}

/* ai responsive */
.WhyCaterDashSec.ai-WhyCaterDashSec {
    padding: 24px 0px 40px 0px;
    margin: 0px 12px 0px 12px;
    border-radius: 12px;
}
.WhyCaterDashSec.ai-WhyCaterDashSec .Secheading {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 20px !important;
}
.WhyCaterDashSec.ai-WhyCaterDashSec .imageBox img {
    width: 48px;
    height: 48px;
}
.WhyCaterDashSec.ai-WhyCaterDashSec .sectionIn {
    margin: 0 auto;
    max-width: 316px;
    padding: 0;
}
.WhyCaterDashSec.ai-WhyCaterDashSec .sectionIn ul {
    margin: 0px -6px !important;
    row-gap: 38px;
}
.WhyCaterDashSec.ai-WhyCaterDashSec .sectionIn ul li {
    width: calc(50% - 6px);
    margin: 0px;
}
.WhyCaterDashSec.ai-WhyCaterDashSec .sectionIn ul li a {
    display: flex;
    align-items: center;
    text-align: left;
}
.ai-WhyCaterDashSec .sectionIn .imageBox {
    margin: 0px;
    max-width: 48px;
}
.WhyCaterDashSec.ai-WhyCaterDashSec .sectionIn h4 {
    color: rgba(0, 0, 0, 0.65);
}
.BestSellersSec.ai-BestSellersSec .sectionHead .seeAll{display: none;}
.BestSellersSec.ai-BestSellersSec .Secheading {
    font-size: 24px;
    line-height: 36px;
    text-align: center !important;
}
.BestSellersSec.ai-BestSellersSec .viewMore {
    display: block !important;
}
.BestSellersSec.ai-BestSellersSec .viewMore {margin-top: 16px !important;}
.BestSellersSec.ai-BestSellersSec .viewMore .viewMoreBtn { margin: 0 auto; max-width: 200px;font-size: 12px; line-height: 16px;}
.ai-aboutCaterDash {
    background: #FFF7F5;
    padding-top: 0;
    padding-bottom: 58px;
}
.ai-aboutCaterDash .container {
    padding: 0px 24px;
}

.ai-aboutCaterDash .Secheading {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 8px !important;
}

.ai-aboutCaterDash .sectionIn p {
    font-size: 12px;
    line-height: 16px;
    color: rgba(0,0,0,0.85);
}
.ai-aboutCaterDash .viewMore {
    margin-top: 20px !important;
}
.ai-aboutCaterDash .row.pb80 {
    padding: 0;
}
.ai-aboutCaterDash .viewMoreBtn {
    font-size: 12px;
    line-height: 16px;
    max-width: 200px;
}
#offcanvasBottom1.optionsMobile [type="radio"]:checked + label{ color: rgba(0, 0, 0, 0.87);}

.datepicker table tr td.day:hover {
    font-size: 20px;
    font-weight: 500;
    color: #CE0E2D;
}
.datepicker table tr td.day:hover::after {
    background-color: rgba(255, 77, 0, 0.12);
    width: 40px !important;
    height: 40px !important;
}


.dishes-changes{display: block;font-size: 12px; line-height: 16px;font-weight: 400; color: rgba(0, 0, 0, 0.65);}
.dishes-changes strong{font-size: 14px; font-weight: 500; color:#FAAD14;}
.dishes-changes {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px 0px 12px 0px;
    margin: 0px 16px;
    border-top: 1px solid #f1f1f1;
}
.mob-change-price{padding-bottom: 40px !important;}
.mob-change-price .dishes-changes {
    display: flex;
    align-items: center;
    justify-content: space-between;
   
}
.mob-change-price .dishes-changes span {
    display: flex;
}
.dishes-changes {display: none;}
.dishes-changes span strong{margin-right: 12px;}
 .form-group.mob-change-price input[type="checkbox"]:not(:checked) + label:before,
 .form-group.mob-change-price input[type="checkbox"]:checked + label:before,
 .form-group.mob-change-price input[type="radio"]:not(:checked) + label:before,
 .form-group.mob-change-price input[type="radio"]:checked + label:before {
margin-top: -10px;
}
 .form-group.mob-change-price input[type="checkbox"]:checked + label:after,
 .form-group.mob-change-price input[type="checkbox"]:not(:checked) + label:after{
    margin-top: -4px;
}

.form-group.mob-change-price input[type="radio"]:checked + label:after,
 .form-group.mob-change-price input[type="radio"]:not(:checked) + label:after {
    margin-top: -4px;
}


.price-canva.optionsMobile .modal-content {
    border: none !important;
    overflow-y: auto;
    height: 500px;
}
.price-canva.offcanvas {
    min-height: 90%;
}
.price-canva.optionsMobile .adjust-portions ul {
    padding: 0px;

}
.price-canva.optionsMobile .align-items-center {
    align-items: self-start !important;
}
.price-canva .adjust-portions .mainInner .contentBox .menu-text {
    flex-direction: column;
}
.price-canva .adjust-portions ul li {
    align-items: self-start !important;
}
.price-canva .adjust-portions .mainInner .imageBox {
    margin-right: 8px;
    height: 48px;
    min-width: 48px;
}
.price-canva .adjust-portions .contentBox {
    padding: 16px 16px;
}
.price-canva .adjust-portions  .mainInner .contentBox {padding: 0px;}

.price-canva .adjust-portions .mainInner .contentBox h4 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 4px;
}
.price-canva .adjust-portions .mainInner .contentBox .menu-text p {
    margin-bottom: 4px;
}
.price-canva .adjust-portions .mainInner .contentBox .gst-text {
    margin: 0px 0px 0px 12px;
}
.price-canva .adjust-portions .inputOuter input {
    height: 38px;
}
.price-canva .adjust-portions .icon-minus, .adjust-portions .icon-plus {
    margin-top: -15px;
}
.price-canva .adjust-portions .number-spinner a svg {
    width: 30px;
    height: 30px;
}
.price-canva .applybox {
    background: #fff;
}
.price-canva .notification {
    padding: 8px 16px;
}
.costSummary ul li strong {
    font-size: 16px;
    font-weight: 500;
    color: rgba(0,0,0,0.87);
}
.costSummary .orderSubtotal {
    border-top: 0px inset rgba(0, 0, 0, 0.1);
    padding-top: 0;
}
.costSummary .offcanvas-header {
    margin-bottom:32px;
}
.costSummary .orderSubtotal ul{padding: 0px 12px;}
.costSummary .orderSubtotal ul li {
    color: rgba(0, 0, 0, 0.87);
    padding: 8px 0px;
}

.refund-policy h4{font-size: 16px;line-height: 18px;margin-bottom: 16px;}
.refund-policy p{font-size: 12px;padding:0px 0px 8px 0px;}
.refund-policy p:last-child{ padding-bottom: 0px;}

.refund-policy.mb64 {
    margin-bottom: 32px;
}

.changeQtyMobBtn {
    position: fixed;
    top: auto;
    bottom: 85px;
    left: 15px;
    right: auto;
    z-index: 1;
}
.addOns.selectMenuBento.mb80 {
    margin-bottom: 40px;
}
.changeQtyMobBtn button{background: var(--secondary-color);color: var(--white-color);border-radius: 50px;border: none;font-size: 12px;line-height: 14px;font-weight: 700;padding: 9px 12px;}
.adjust-portions-mob .notification {
    padding: 8px 16px;
    margin-bottom: 24px;
}
.adjust-portions-mob .notification p {font-size: 12px;line-height: 16px;color:#222;}
.adjust-portions-mob .offcanvas-body.custom-offcanvas-body {padding:12px;}
.adjust-portions-mob .adjust-portions-list{padding: 0px;}
.adjust-portions.adjust-portions-mob .imageBox {
    margin-right: 8px;
    min-width: 48px;
    height: 48px;
}
.adjust-portions.adjust-portions-mob .mainInner{align-items: flex-start !important;}
.adjust-portions.adjust-portions-mob .mainInner .contentBox .gst-text {
    margin: 0;
}
.adjust-portions.adjust-portions-mob .contentBox {
    padding: 0;
}
.adjust-portions.adjust-portions-mob .mainInner .contentBox .menu-text p {

    margin-bottom: 4px;
}
.adjust-portions.adjust-portions-mob .mainInner .contentBox .menu-text {
    flex-direction: initial;
    display: block !important;
}
.adjust-portions.adjust-portions-mob .mainInner .contentBox .menu-text .menuPrice {
    gap: 8px;
}
.adjust-portions.adjust-portions-mob .spinner-box {
    height: 38px;
}
.adjust-portions.adjust-portions-mob .spinner-box button{min-width: 30px; height: 30px;}
.adjust-portions.adjust-portions-mob .spinner-box button img{width: 100%;}
.adjust-portions.adjust-portions-mob ul li:last-child{margin-bottom: 0px;}
.adjust-portions-mob .contentBox .menu-text p {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;}
.adjust-portions-mob ul li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    padding-bottom: 24px;
    gap: 8px;
}
.adjust-portions.adjust-portions-mob .mainInner .contentBox h4 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 4px;
}

.menu-details-main .eventPaxCount .spinner-box {
    height: 38px;
}
.coursesSection .increase-btn,
.coursesSection .decrease-btn{min-width: 30px; width: 30px; height: 30px;}
.coursesSection .increase-btn a img,
.coursesSection .decrease-btn a img{width: 100%; height: 100%;}
.coursesSection .spinner-box button {min-width: 30px; width: 30px;}
.menu-details-main .menuDetailsSec .spinner-box {height: 32px;}

.menuDetailsPopup .decrease-btn,
.menuDetailsPopup .increase-btn{min-width: 30px; height: 30px;}
.menuDetailsPopup .decrease-btn img,
.menuDetailsPopup .increase-btn img{width: 30px; height: 30px;}
.selectMenuBento .activeSpinner .spinner-box{height: 38px;min-width: 120px;width: auto;max-width: 120px;}
.coursesSection .spinner-box button img {
    width: 30px;
    height: 30px;
}
.selectMenuBento .inputOuter {
    justify-content: flex-end;
}

.selectMenuBento .courseOuterBox .form-group {
    padding: 12px;
}
.selectMenuBento .menuSubTitle span {
    font-size: 12px;
    line-height: 16px;
}

.menuBentoMain .courseInner {
    padding-top: 24px;
}
.menuBentoMain .selectCoursemain h5 {
    gap:16px;
    margin-bottom: 16px;
}
#add_ond.mt80 {
    margin-top: 55px;
}

.choosetime .applyBtn{font-weight: 700;}


.selectMenuBento .inputOuter .spinner-box input {
    max-width: 120px;
    padding: 0px;
}

.addOns .increase-btn.clickPlusBtn a {
    width: 30px;
    height: 30px;
}
/* new css */

.card-account .account-body .btn {
    height: 44px;
    font-size: 16px;

}
.allergensSummary.offcanvas{min-height: 440px;}
.allergensSummary .applyBtn {
    font-weight: 700;
}
.date-choosed{font-size: 14px;line-height: 16px;font-weight: 400;color: rgba(0, 0, 0, 0.87);margin-right: 12px;}

.breadcrumb-item.active{ font-size: 12px;}
.menuDetailsPopup .contentBox {
    padding: 24px 16px;
}
.cartRightCanva .spinner-box {
    height: 32px;
    max-width: 140px;
    position: absolute;
    left: auto;
    right: 0;
}
.cartRightCanva .inputOuter {flex-direction: inherit;}
.menu-details-main .form-group .checkbox-area:hover input[type="radio"]:checked + label:before, .menu-details-main .form-group .checkbox-area:hover input[type="radio"]:not(:checked) + label:before {
    border: 2px solid #ce0e2d;
}

.selectMenuBento .course-mini-icons span img {width: 16px;height: 16px;}
.selectMenuBento .addOns h4 {font-size: 20px;font-weight: 500;}
.coursesSection h5 {font-size: 20px;font-weight: 500;}
.logIn{display:none;}
.MenuesList .MenusHead.mb-4 {
    margin-bottom: 16px !important;
}
.MenusFilter {
    margin-bottom: 16px;
}
.MenusHead h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}
.addCartBtns .button-box button {border-radius: 50px !important;}
}

/* 767 end */

@media only screen and (max-width: 640px){    
.MyProfileMob.mobileView {padding: 0px 0;}
}

@media only screen and (max-width: 480px){
    .allMenuSec .menusBox img {
        height: 127px;
    }
}

@media(max-width:374px){
.allMenuSec .contentBox {min-width: 90px;}
}