.nav-mide {
    width: 100%;
    background: #fff;
    transition: 0.4s;
  }
.nav-mide ul li {
    font-size: 17px;
    padding: 0;
    margin: 10px;
    position: relative;
    list-style-type: none;
  }
  .nav-mide ul{display: flex;
    margin: 0; /* To remove default bottom margin */ 
    padding: 0; /* To remove default left padding */
}

@media (min-width: 320px) and (max-width: 844px){
.nav-mide {
  overflow-x: scroll;
}
}
.menu-list img{width: 70px;height: 70px;}
.nav-mide .menu-category.active{border-bottom: 1px sandybrown solid;}
.restaurant-pic{width: auto; max-width: 100%; height: 100%; max-height: 150px;}
.logo-cart{width: 41px; height: 41px;}
.box-empty-cart{min-height: 100px;}
.img-featured{width: 100%;max-height: 226px;max-width: 360px; height: 100%;}
.media img.rounded-pill{border-radius:0.5rem !important}
html body.blank-page .content-wrapper .flexbox-container{height: auto!important;}
html body.blank-page .content-wrapper #otp-authentication .auth-input-wrapper  input.form-control{height: calc(1.9em + 0.94rem + 3.7px);} 

html body.blank-page .content-wrapper #otp-authentication .auth-input-wrapper .mx-1{margin-right: 0.5rem !important;}
@media (max-width: 767px) {
  .hidden-mobile {
    display: none;
  }
  html body.blank-page .content-wrapper #otp-authentication .auth-input-wrapper .mx-1{margin-right: 0.25rem !important;}
}
.c511008 {
  display: flex;
  justify-content: center;
  margin: 32px 0 18px;
  width: 100%;
}
.ucoEm {
  border-radius: 60px;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  top: 2px;
  width: 160px;
  height: 60px;
  padding: 16px;
  border: 1px solid rgb(245, 243, 241);
}
.kTALNZ {
  height: 28px;
  align-self: center;
  background-color: transparent;
  outline: none;
  border: none;
}
.c511012 {
  height: 26px;
  width: 26px;
}

.c511011 {
  border: 2px solid rgb(66, 84, 87);
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.c511010 {
  color: rgb(66, 84, 87);
  height: 24px;
  width: 24px;
  pointer-events: none;
}

.MuiSvgIcon-root {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 1.5rem;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
}
.kjXNPC {
  width: 100%;
  align-self: center;
  outline: none;
}
.jss225 {
  transition: none;
}

.MuiTypography-colorPrimary {
  color: #242E30;
}

.MuiTypography-alignCenter {
  text-align: center;
}

.MuiTypography-h6 {
  font-size: 20px;
  font-family: JETSansDigital, sans-serif;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0;
}

.MuiTypography-root {
  margin: 0;
}
.kxnXti {
  height: 28px;
  align-self: center;
  background-color: transparent;
  outline: none;
  border: none;
}
.c511015 {
  height: 26px;
  width: 26px;
}


.c511014 {
  border: 2px solid #425457;
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.flex-custom-wrap{flex-wrap: wrap;}