:root {
  --common-color: #f08322;
  --primary-color: #d5bb8c;
  --primary-color-alpha: #f7cf858f;

  --bg-color: #000000;
  --border-color: #1E1E1E;

  --text-color: #ffffff;
  --label-color: #1E1E1E;
  --golden-color: #d5bb8c;

  --icon-color: #d5bb8c;
  --modal-bg-color: #313131;
}

@font-face {
  src: url("../fonts/Poppins-Light.ttf");
  font-family: "Poppins-Light";
}

@font-face {
  src: url("../fonts/Poppins-Regular.ttf");
  font-family: "Poppins-Regular";
}

@font-face {
  src: url("../fonts/Poppins-Medium.ttf");
  font-family: "Poppins-Medium";
}

@font-face {
  src: url("../fonts/glyphicons-halflings-regular.ttf");
  font-family: "Glyphicons-Halflings";
}

@font-face {
  src: url("../fonts/slick.ttf");
  font-family: "slick";
}

@font-face {
  src: url("../fonts/Cassandra_Light_PDF.ttf");
  font-family: "Cassandra-Light";
}

@font-face {
  src: url("../fonts/GOTHIC.TTF");
  font-family: "Gothic";
}

@font-face {
  src: url("../fonts/AFFECTIONATELY_YOURS_OTF.OTF");
  font-family: "Affectionately-yours";
}

@font-face {
  src: url("../fonts/Orion-Chalk.ttf");
  font-family: "Orion Chalk Solid";
}

/* :root {
    --background-color: #ffffff;
}

[data-theme="dark"] {
    --background-color: blue;
} */

body,
html {
  /*min-height: 600px;*/
  min-height: 100%;
  width: 100%;
  float: left;
  position: relative;
  font-family: "Alternategothic";
  background-color: var(--bg-color);
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
  /* overflow-x: hidden; */
  user-select: none;
}

.active-color {
  color: var(--icon-color) !important;
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(360deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(360deg);
  }

  50% {
    -webkit-transform: rotate(360deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes l-rotate {
  0% {
    -webkit-transform: rotate(-180deg);
  }

  50% {
    -webkit-transform: rotate(-180deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes r-rotate {
  0% {
    -webkit-transform: rotate(-180deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0.5;
  }
}

@-webkit-keyframes l-rotate {
  0% {
    -webkit-transform: rotate(-180deg);
  }

  50% {
    -webkit-transform: rotate(-180deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
  }
}

@-webkit-keyframes r-rotate {
  0% {
    -webkit-transform: rotate(-180deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
  }
}

@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0.5;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fadein {

  /* Firefox */
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {

  /* Safari and Chrome */
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-o-keyframes fadein {

  /* Opera */
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fullwidth {
  width: 100%;
  float: left;
  /* background-color: var(--bg-color); */
}

.modal-color-mode {
  background-color: var(--bg-color);
  border: unset;
}

.fullwidth-color-mode {
  background-color: var(--bg-color);
}

.logox {
  float: left;
  display: inline-block;
}

.logox img {
  width: 158px;
  padding-top: 9px;
}

.fix-to-top,
.innertop {
  background: rgba(255, 255, 255, 1);
  padding: 0px 0;
  transition: all ease-out 0.5s;
  -webkit-transition: all ease-out 0.5s;
  box-shadow: 0 0 10px #000;
}

.monlineconf {
  width: 100%;
  padding: 0 !important;
}

.monlineconf img {
  width: 100%;
}

.fullwidth-header {
  width: 100%;
  float: left;
  background-color: #ffffff;
  position: fixed;
  z-index: 999;
  box-shadow: 0 0 5px #000;
  padding: 0px 0;
  transition: right ease-out 0.5s;
  -webkit-transition: right ease-out 0.5s;
  top: 0;
  left: 0;
}

.main-menu {
  background: rgba(255, 255, 255, 1);
  padding: 0px 0;
  transition: all ease-out 0.5s;
  -webkit-transition: all ease-out 0.5s;
  box-shadow: 0 0 10px #000;
}

/*.fix-to-top.innertop 
{
    display: inline-block;
    transition: all ease-out 0.5s;
    -webkit-transition: all ease-out 0.5s;
}*/
.fix-to-top,
.innertop {
  display: inline-block;
  transition: right ease-out 0.5s;
  -webkit-transition: right ease-out 0.5s;
  padding: 7px 0;
}

.navbar-brand img {
  /* width: 100%; */
  height: 100%;
}

.fix-to-top .navbar-brand img {
  width: 63px;
  margin-left: 11px;
  transition: all ease-out 0.5s;
  -webkit-transition: all ease-out 0.5s;
  /*box-shadow: 0 0 10px #000;*/
}

.newnol a,
.newnor a {
  word-break: break-all;
}

.navbar-brand {
  padding: 0px 0px;
  height: auto;
}

.navbar-toggle {
  margin: 0 !important;
}

.navbar {
  z-index: 99;
  border-radius: 0px;
  border: none;
  padding: 0;
  margin: 0;
}

.barwidth {
  width: 44%;
  float: right;
  display: block;
  transition: right ease-out 0.5s;
  -webkit-transition: right ease-out 0.5s;
  z-index: 999;
  padding: 5px 0;
}

.fix-to-top .barwidth {
  padding-top: 2px;
  padding-bottom: 2px;
  transition: all ease-out 0.5s;
  -webkit-transition: all ease-out 0.5s;
}

.barwidth li a {
  font-family: "Poppins-Regular";
  font-size: 14px;
  color: #000000 !important;
}

.nav>li>a.active {
  color: #ff7518 !important;
}

.social-header {
  width: 23%;
  float: right;
  transition: right ease-out 0.5s;
  -webkit-transition: right ease-out 0.5s;
  z-index: 999;
  padding: 5px 0;
}

.social-header img {
  width: 23px;
  margin-top: -5px;
  transition: right ease-out 0.5s;
  -webkit-transition: right ease-out 0.5s;
}

.fix-to-top .social-header {
  padding-top: 2px;
  padding-bottom: 2px;
  transition: all ease-out 0.5s;
  -webkit-transition: all ease-out 0.5s;
}

section {
  padding: 45px 0 65px;
}

a,
a:hover,
a:focus {
  outline: none;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center !important;
}

.text-uppercase {
  text-transform: uppercase;
}

.banner-portion {
  min-height: auto;
  width: 100%;
  float: left;
  /* margin-bottom: 66px; */
}

.carousel-caption {
  text-align: left !important;
  text-shadow: none !important;
  right: 20%;
  left: 15%;
  padding-bottom: 142px;
  font-family: "Poppins-Light";
}

footer {
  background: #fb8922;
  font-size: 16px;
  width: 100%;
  float: left;
  padding: 23px 0 18px;
}

.relative {
  position: relative;
}

.goback {
  cursor: pointer;
  float: right;
  text-align: center;
  position: fixed;
  right: 13px;
  bottom: 20px;
  z-index: 999;
  background: rgba(0, 0, 0, 0.7);
  padding: 5px;
  border-radius: 50%;
  display: none !important;
  transition: all ease 0.5;
}

.fix-to-top.goback {
  display: inline-block;
  transition: all ease 0.5;
}

.nav-pills>li>a {
  border-radius: 19px !important;
  padding: 7px 19px;
  font-family: "Courgette-Regular";
  font-size: 16px;
  color: #7c7c7c;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  color: #fff;
  background-color: #ff7518;
}

.tab-content>col-sm-4:hover {
  box-shadow: 0 0 5px #aaa;
  border-radius: 4px;
}

.cod-op-left {
  color: #333333;
  font-family: "Poppins-Regular";
  font-size: 15px;
  font-weight: 100;
  width: 50%;
  float: left;
  cursor: pointer;
}

.cod-op-left input {
  margin: 0 6px;
  cursor: pointer;
}

.form-row {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}

/* .form-row input{
    height: 34px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #c2c2c2;
    outline: none;
    margin-bottom: 7px;
    font-family: 'Poppins-Regular';
}
.form-row input:focus{
    border: 1px solid #ff0000;
} */
.form-regiternew {
  width: 100%;
  float: left;
}

.left-input {
  width: 47%;
  float: left;
}

.right-input {
  width: 47%;
  float: right;
}

.disnone {
  display: none;
}

.div33 {
  width: 33%;
  float: left;
}

.container {
  width: 970px !important;
  color: var(--text-color);
  padding-top: 20px;
}

.toggle_menu.active {
  right: 0px;
}

.toggle_menu {
  /* background-color: rgba(0,0,0,0.85);*/
  background-color: rgba(0, 0, 0, 0.65);
  bottom: 0px;
  height: 100%;
  -moz-transition: right ease-out 0.5s;
  -o-transition: right ease-out 0.5s;
  padding: 40px 15px;
  position: fixed;
  right: -220px;
  top: 0px;
  transition: right ease-out 0.5s;
  -webkit-transition: right ease-out 0.5s;
  width: 220px;
  z-index: 9999;
}

.toggle_menu .toggel_close {
  display: block;
  height: 15px;
  margin: 0px 0px 5px 0px;
  position: relative;
  width: 100%;
}

.toggel_close .close {
  height: 15px;
  opacity: 0.6;
  position: absolute;
  right: 0px;
  top: -25px;
  width: 15px;
}

.toggel_close .close:before {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.toggel_close .close:after {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.toggel_close .close:before,
.toggel_close .close:after {
  background-color: #fbfbfb;
  content: " ";
  height: 15px;
  left: 8px;
  position: absolute;
  width: 2px;
}

.rest_logo {
  text-align: center;
}

.togglemenu {
  display: block;
  margin: 0px auto;
  margin-top: 0px;
  width: 100%;
}

.togglemenu.navbar-nav>li {
  display: list-item;
  float: none;
  list-style: none;
  text-align: center;
  width: 100%;
}

.togglemenu.navbar-nav>li a {
  color: #dfdbdb;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  padding: 12px 15px;
  text-transform: uppercase;
  cursor: pointer;
}

.togglemenu.navbar-nav>li a:hover {
  background-color: transparent;
  color: #fb8922;
}

/**/
.small-device.navbar {
  z-index: 99;
  border-radius: 0px;
  border: none;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
}

.stickydown {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  padding: 0;
  /* background: var(--bg-color); */
  box-shadow: 0 -1px 6px 0 rgba(32, 33, 36, 0.28);
  height: 70px;
  border-top: solid 1px var(--primary-color-alpha);
  background-color: var(--bg-color);
  color: var(--text-color);
}

.div25 {
  width: calc(100% / 3);
  float: left;
  text-align: center;
}

.div25home {
  width: calc(100% / 3);
  float: left;
  text-align: center;
}

.div33 {
  width: 33%;
  float: left;
  text-align: center;
}

.menucategory.selected {
  background-color: var(--icon-color);
  color: #ffffff;
}

.menucategory {
  /* color: #333; */
  font-family: "Poppins-Medium";
  font-size: 13px;
  margin-bottom: 0px;
  text-align: center;
}

.menucategory {
  border: 0px solid #e4b95b;
  float: left;
  padding: 2px 3px;
  width: 91px;
  height: 28px;
  vertical-align: middle;
  border-radius: 25px;
  color: #7c7c7c;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 26px;
  margin: 0 3px;
}

.div80 {
  width: 80%;
  float: left;
}

.div20 {
  width: 20%;
  float: left;
}

.div80 .owl-item {
  width: 120px !important;
}

.menu-full {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  float: left;
  padding: 10px 0px;
  border-bottom: 1px solid gray;
}

.menu-image {
  display: inline-block;
  width: 30%;
  float: left;
  overflow: hidden;
  text-align: center;
}

.menu-content {
  display: inline-block;
  width: 70%;
  float: right;
  overflow: hidden;
  text-align: center;
  padding-left: 14px;
}

.menu-item-width {
  width: 70%;
  float: left;
  margin-top: 0px;
  display: inline-block;
  min-height: 44px;
}

.menu-item-price {
  font-family: "Poppins-Medium";
  font-size: 18px;
  color: var(--icon-color);
  text-align: center;
  width: 30%;
  float: left;
  padding: 6px 0px 2px 0;
}

.menu-item-description {
  font-family: "Poppins-Light";
  font-size: 12px;
  color: var(--text-color);
  margin: 1px 0 6px;
  text-align: left;
  width: 100%;
  float: left;
}

.menu-item-name {
  font-family: "Poppins-Regular";
  font-size: 16px;
  color: var(--text-color);
  width: 100%;
  text-align: left;
  float: left;
  padding: 6px 0 2px;
}

.ooimg {
  width: 68%;
}

.filterimg {
  width: 31px;
  float: right;
  margin-top: 0px;
}

/*ab*/
.navbar-header {
  border-bottom: 1px solid var(--primary-color-alpha);
  width: 100%;
  background-color: var(--bg-color);
}

.bestseller {
  width: 11%;
  float: right;
  padding-top: 10px;
  text-align: right;
}

.setting-img {
  width: 27px;
  height: 27px;
  /* margin-top: -6px; */
  margin-left: 12px;
  margin-top: 1px;
}

.div50l {
  width: 48%;
  float: left;
}

.div50r {
  width: 48%;
  float: right;
}

.div50l img,
.div50r img {
  border-radius: 7px;
}

.cheftxt {
  font-family: "Poppins-Medium";
  font-size: 15px;
  color: black;
  width: 100%;
  float: left;
  padding: 22px 0 3px;
  /* text-transform: uppercase; */
}

.navbar-default .navbar-toggle {
  border-color: #ffffff;
  background: transparent !important;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 6px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 26px;
  height: 2px;
  border-radius: 1px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: var(--text-color);
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 17px 10px;
  background-color: transparent;
  background-image: none;
  border: none;
  margin-right: 5px;
}

.mostorder {
  width: 100%;
  float: left;
}

/*.item{
    width: 50%;
    float: left;
}*/
.item img {
  width: 148px;
  display: inline-block;
  float: none;
}

/*.owl-item{
    width:100% !im;
}
*/
.owl-item {
  width: 163px !important;
}

.popularItemPrice {
  background: black;
  opacity: 0.7;
  border: none;
  color: #ffffff;
  font-size: 14px;
  text-align: left;
  -webkit-appearance: none;
  position: absolute;
  bottom: 0;
  padding: 7px 9px 8px;
  width: 100%;
  line-height: 17px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.iname {
  width: 70%;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 3px;
  font-family: "Poppins-Regular";
  white-space: nowrap;
}

.iprice {
  width: 30%;
  float: left;
  font-family: "Poppins-Medium";
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
}

.onlyradius {
  border-radius: 7px;
  float: left;
}

.menuround {
  background-color: #ffffff;
  width: 100%;
  float: left;
  box-shadow: 0px 0px 5px #999;
  padding: 10px;
  border-radius: 7px;
  position: relative;
  margin-top: -65px;
}

.mdmenuname {
  font-family: "Poppins-Medium";
  font-size: 15px;
  width: 100%;
  float: left;
  line-height: 15px;
  text-overflow: ellipsis;
  padding: 0 0 6px;
  line-height: 26px;
}

.div60 {
  width: 60%;
  float: left;
}

.div40 {
  width: 40%;
  float: left;
}

.mdmenuprice {
  font-family: "Poppins-Medium";
  font-size: 18px;
  color: var(--icon-color);
  text-align: center;
}

.dp-in-block {
  display: inline-block;
}

.mdmenudesc {
  font-family: "Poppins-Medium";
  font-size: 14px;
  color: #000000;
  text-align: left;
  width: 100%;
  float: left;
  font-style: italic;
  text-align: justify;
}

.mdmenudesc span {
  font-family: "Poppins-Light";
  font-size: 13px;
  color: #000000;
  font-style: normal;
}

.vegx {
  width: 33px;
  float: left;
}

.textveg {
  font-family: "Poppins-Light";
  font-size: 16px;
  color: #414141;
  width: auto;
  float: left;
  padding: 7px 0 0 8px;
}

.mdtextarea {
  width: 100%;
  float: left;
  height: 36px;
  padding: 7px 10px;
  border-radius: 7px;
  outline: none;
  font-family: "Poppins-Regular";
  font-size: 15px;
  color: var(--text-color);
  resize: none;
  margin-bottom: 10px;
}

.mdtextarea2 {
  width: 100%;
  float: left;
  height: 68px;
  padding: 8px 10px 0 10px;
  border-radius: 7px;
  outline: none;
  font-family: "Poppins-Regular";
  font-size: 15px;
  color: var(--text-color);
  resize: none;
  margin-bottom: 29px;
  background-color: var(--bg-color);
}

.addx {
  font-family: "Poppins-Regular";
  font-size: 24px;
  color: #ffffff;
  background-color: var(--icon-color);
  text-align: center;
  padding: 6px 43px 4px;
  border: none;
  border-radius: 5px;
  width: 153px;
  border: 1px solid var(--icon-color);
  user-select: none;
}

.addx:active {
  background-color: #ffffff;
  border: 1px solid var(--icon-color);
  color: var(--icon-color);
  border-radius: 5px;
}

.funkyradio {
  width: 100%;
  float: left;
}

.menu-button {
  width: 80%;

  text-align: center;
}

.menu-minus {
  float: left !important;

  width: 33px;
}

.item-cart-footer .minusbtn {
  border: 1px solid #9e9e9e;
}

.item-cart-footer .plusbtn {
  border: 1px solid #9e9e9e;
}

.cart-text-btn {
  color: #000 !important;
}

.cart-add-btn {
  background-color: #e63b4c !important;
  border: none !important;
  color: #fff !important;
}

.menu-plus {
  float: left !important;
  width: 33px;
}

.cart_menuitemqty {
  background: transparent;
  border: 0px;
  line-height: 35px;
  outline: none;
  text-align: center;
  width: 24px;
  font-size: 16px;
  float: left;
  font-family: "Poppins-Regular";
  background-color: var(--bg-color);
  margin: 0 4px;
}

.dp-in-block2 {
  display: inline-block;
  width: 29px !important;
  float: left !important;
}

.container1 {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 27px;
  float: left;
  margin-top: 4px;
}

/* Hide the browser's default checkbox */
.container1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: var(--bg-color);
  border: 1px solid darkgrey;
  border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.container1:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container1 input:checked~.checkmark {
  background-color: #00b200;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container1 input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container1 .checkmark:after {
  left: 8px;
  top: 4px;
  width: 6px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.div50 {
  width: 50%;
  float: left;
}

.div55 {
  width: 55%;
  float: left;
}

.div20-token {
  width: 21%;
  float: left;
  text-align: right;
}

.div25-token {
  width: 24%;
  float: left;
}

.div100 {
  width: 100% !important;
  max-width: 100% !important;
}

.offhover {
  display: none;
}

.hover:hover .offhover {
  display: inline-block;
}

.hover:hover .onhover {
  display: none;
}

.menucover {
  width: 100%;
  float: left;
  padding: 5px 0 0px;
  border-bottom: 0px solid #dde5ed;
}

.menu-item-name2 {
  font-family: "Poppins-Medium";
  font-size: 15px;
  color: var(--text-color);
  width: 100%;
  text-align: left;
  float: left;
  padding: 6px 12px 2px 0;
}

.cartorder-title {
  font-family: "Poppins-Medium";
  font-size: 16px;
  color: var(--text-color);
  width: 100%;
  text-align: left;
  float: left;
  margin: 15px 0 0px;
}

.service-calls-name {
  font-family: "Poppins-Regular";
  font-size: 16px;
  color: #333333;
  width: 100%;
  text-align: left;
  float: left;
  padding: 6px 12px 2px 0;
}

.mdmenuprice2 {
  font-family: "Poppins-Medium";
  font-size: 16px;
  color: var(--text-color);
  text-align: right;
}

.leaf1 {
  width: 12px;

  margin: -6px 0 0 6px;
}

.instruct {
  font-family: "Poppins-Regular";
  font-size: 15px;
  color: #b7b7b7;
  width: 100%;
  text-align: left;
  float: left;
  padding: 9px 12px 2px 0;
}

.placeorder {
  font-family: "Poppins-Regular";
  font-size: 18px;
  color: var(--bg-color);
  background-color: var(--icon-color);
  text-align: center;
  padding: 7px 18px;
  border: none;
  border-radius: 5px;
  /* border: 1px solid var(--common-color); */
  user-select: none;
}

.placeorder:active {
  background-color: #ffffff;
  border: 1px solid var(--icon-color);
  color: #000000;
  border-radius: 5px;
}

.placefixed {
  /* position: fixed; */
  bottom: 70px;
  padding: 0;
  background-color: transparent;
  /* background-color: var(--bg-color); */
  padding-top: 10px;
  /* border-top: 1px solid dimgray; */
}

.viewcover {
  width: 100%;
  float: left;
  padding: 11px 0 9px;
  /*    border-bottom: 1px solid #bababa;*/
}

.div30 {
  width: 30%;
  float: left;
}

.div10 {
  width: 8%;
  float: left;
}

.circle {
  border-radius: 90px;
  background-color: var(--icon-color);
  color: #ffffff;
  width: 33px;
  height: 33px;
  margin-top: 1px;
  font-family: "Poppins-Regular";
  text-align: center;
  padding: 8px 0;
}

.bigborder {
  border-bottom: 13px solid #d3d3d3;
  width: 100%;
  float: left;
  margin-top: 14px;
}

.menu-item-name3 {
  font-family: "Poppins-Regular";
  font-size: 15px;
  color: var(--text-color);
  width: 100%;
  text-align: left;
  float: left;
  padding: 7px 12px 2px 0;
}

.mdmenuprice3 {
  font-family: "Poppins-Medium";
  font-size: 15px;
  color: var(--text-color) !important;
  text-align: right;
  padding-top: 5px;
}

.qtytext {
  font-family: "Poppins-Medium";
  font-size: 17px;
  color: var(--text-color);
}

.subtext {
  font-family: "Poppins-Light";
  font-size: 17px;
  color: var(--text-color);
  padding: 4px 0 10px;
  line-height: 18px;
  width: auto;
  float: left;
}

.subprice {
  font-family: "Poppins-Light";
  font-size: 17px;
  color: var(--text-color);
  padding: 4px 0 10px;
  line-height: 18px;
  width: auto;
  text-align: right;
}

.subtext2 {
  font-family: "Poppins-Medium";
  font-size: 17px;
  color: var(--text-color);
  padding: 12px 0 10px;
  line-height: 18px;
  width: auto;
  float: left;
}

.subprice2 {
  font-family: "Poppins-Regular";
  font-size: 17px;
  color: var(--text-color);
  padding: 12px 0 10px;
  line-height: 18px;
  width: auto;
  text-align: right;
}

.div60x {
  width: 60%;
  float: right;
}

.div60-myorder {
  width: 64%;
  float: right;
}

.div25 {
  width: 25%;
  float: left;
}

.div25home {
  width: calc(100% / 4);
  float: left;
}

.ui-notification {
  text-align: center;
  position: fixed;
  z-index: 9999;
  top: -100px;
  right: 10px;
  width: 90%;
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: #fff;
  background: #428bca;
  font-family: "Poppins-Regular";

  /* box-shadow:5px 5px 10px rgba(0,0,0,0.3); */
}

.ui-notification.killed {
  -webkit-transition: opacity ease 1s;
  -o-transition: opacity ease 1s;
  transition: opacity ease 1s;
  opacity: 0;
}

.ui-notification>h3 {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin: 10px 10px 0;
  padding: 0 0 5px;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.ui-notification a {
  color: #fff;
}

.ui-notification a:hover {
  text-decoration: underline;
}

.ui-notification>.message {
  margin: 10px;
}

.ui-notification.warning {
  color: #fff;
  background: #f0ad4e;
}

.ui-notification.error {
  top: 111px !important;
  right: 50%;
  left: 6%;
  color: #fff;
  background: #d9534f;
}

.ui-notification.success {
  top: 111px !important;
  right: 50%;
  left: 6%;
  color: #fff;
  background: #5cb85c;
  border-radius: 10px;
}

.ui-notification.info {
  color: #fff;
  background: #5bc0de;
}

.checkpu {
  top: -7px !important;
  left: 10px !important;
  float: none !important;
  display: inline-block !important;
  margin-top: -11px !important;
}

.addonx {
  font-family: "Poppins-Regular";
  font-size: 16px;
  color: #000000;
  background-color: #ffffff;
  text-align: center;
  padding: 7px 0px 5px;
  border: none;
  border-bottom: 1px solid var(--icon-color);
  margin-bottom: 5px;
}

.owl-controls {
  display: none !important;
}

.feed50 {
  width: 50%;
  float: left;
}

.feedcenter {
  width: 86%;
  margin: 0 auto;
  box-shadow: 0px 0px 5px #999;
  overflow: auto;
  border-radius: 4px;
}

.feedcenter img {
  height: 130px;
}

.feedmenuname {
  font-family: "Poppins-Regular";
  font-size: 15px;
  color: var(--text-color);
  text-align: center;
  width: 100%;
  float: left;
  padding: 10px 3px 7px;
  line-height: 19px;
  height: 51px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.starwidth {
  width: 100%;
  float: left;
  text-align: center;
  padding: 1px 0 3px;
}

.starwidth .glyphicon {
  font-size: 22px !important;
  padding: 0 1px !important;
  color: var(--icon-color) !important;
}

.starwidth .span:focus {
  outline: 1px solid white !important;
}

.feedabcktxt {
  font-family: "Poppins-Medium";
  font-size: 15px;
  color: var(--text-color);
  width: 100%;
  float: left;
  padding: 22px 0 3px 12px;
  text-transform: uppercase;
}

.ratetext {
  font-family: "Poppins-Light";
  font-size: 20px;
  color: black;
  width: 100%;
  float: left;
  padding: 0 0 11px 0px;
  border-bottom: 1px solid orange;
  text-align: center;
  margin-bottom: 20px;
}

.ambience {
  font-family: "Poppins-Medium";
  font-size: 18px;
  color: var(--icon-color);
  padding: 8px 0 0 9px;
}

.exctext {
  font-family: "Poppins-Light";
  color: var(--text-color);
  padding: 7px 0px 0 10px;
  width: 122px;
  font-size: 16px;
  float: left;
  font-weight: 100;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.addnew {
  border: 1px solid var(--icon-color);
  color: var(--icon-color);
  background-color: white;
  border-radius: 4px;
  font-size: 17px;
  font-family: "Poppins-Regular";
  padding: 2px 22px 1px;
}

.addnew:active {
  border: 1px solid var(--icon-color);
  color: #ffffff;
  background-color: var(--icon-color);
  border-radius: 4px;
  font-size: 17px;
  font-family: "Poppins-Regular";
  padding: 2px 22px 1px;
}

.noitems {
  font-size: 17px;
  font-family: "Poppins-Regular";
  color: gray;
  text-align: center;
  padding-top: 53px;
}

.feedpic {
  width: 29px;
}

.autoplay {
  width: 100%;
  float: left;
  margin-bottom: 46px;
}

.autoplay img {
  width: 70%;
}

.xx {
  width: 100%;
  float: left;
}

.preloader1 {
  position: relative;
}

.preloader1:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: url(../images/Spinner.gif) no-repeat 50% 50% #000000;
  opacity: 0.5;
}

.ulhome {
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  align-items: center;
  margin-bottom: 0px;
  padding-left: 0;
}

.lihome {
  display: inline-block;
  margin-right: 17px;
  width: 149px;
  border-radius: 8px;
}

/* .lihome img{
    width: 148px;
    display: inline-block
} */
.ulhome::-webkit-scrollbar {
  display: none;
}

.container-withoutpad {
  width: 100%;
  background-color: white;
  float: left;
}

.category-tabs {
  width: 100%;
  float: left;
  padding: 15px 0;
  background-color: #eeeeee;
  position: fixed;
  top: 70px;
  left: 0px;
  z-index: 10;
}

.ulmenu {
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  align-items: center;
  padding-inline-start: 0px;
  margin-bottom: 0px;
  padding-left: 6px;
}

.limenu {
  display: inline-block;
  margin-right: 17px;
  font-family: "Poppins-Medium";
  font-size: 13px;
  padding: 2px 10px;
  height: 28px;
  vertical-align: middle;
  color: #000000;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 26px;
  margin: 0 12px 0 3px;
  text-align: center;
  background-color: #e1e1e1;
  border-radius: 25px;
}

.limenu.selected {
  background-color: #e63b4c;
  border-radius: 25px;
  color: #ffffff;
  transition: all 200ms linear;
}

.ulmenu::-webkit-scrollbar {
  display: none;
}

.instmargin {
  margin-top: 0px;
  padding: 22px 0 8px;
}

:focus {
  outline: none !important;
}

.modix {
  margin: 97px 0 0px;
  width: 209px;
}

.minusbtn {
  border: 1px solid #9e9e9e;
  color: var(--primary-color);
  font-family: "Poppins-Regular";
  font-size: 20px;
  user-select: none;
  border-radius: 5px;
  text-align: center;
  /* line-height: 32px; */
  padding: 0px 6px 0px;
  vertical-align: middle;
  height: 30px;
  width: 30px;
  display: inline-block;
  background-color: transparent;
  line-height: 34px;
}

.minusbtn:active {
  background-color: var(--primary-color);
  border: 1px solid var(--border-color);
  color: var(--text-color);
}

.plusbtn {
  border: 1px solid #9e9e9e;
  color: red !important;
  font-family: "Poppins-Regular";
  font-size: 20px;
  user-select: none;
  border-radius: 5px;
  text-align: center;
  /* line-height: 32px; */
  padding: 0px 4px 0px;
  vertical-align: middle;
  height: 30px;
  width: 30px;
  display: inline-block;
  background-color: transparent;
  line-height: 34px;
}

.plusbtn:active {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: #ffffff;
}

.minusbtn2 {
  border: 2px solid var(--icon-color);
  color: var(--icon-color);
  font-family: "Poppins-Regular";
  font-size: 32px;
  user-select: none;
  border-radius: 5px;
  text-align: center;
  line-height: 36px;
  padding: 0px 6px 0px;
  vertical-align: middle;
  height: 33px;
  display: inline-block;
  background-color: #ffffff;
}

.minusbtn2:active {
  background-color: var(--icon-color);
  border: 2px solid var(--icon-color);
  color: #ffffff;
}

.tt-amt {
  width: 100%;
  float: left;
  color: #e63b4c;
  text-align: center;
  font-size: 10px;
  display: none;
}

.addonmenu {
  font-family: "Poppins-Regular";
  font-size: 12px;
  color: var(--text-color);
  padding: 6px 12px 2px 0;
  text-align: left;
  width: auto;
  float: left;
}

.addonmenu-pipe {
  font-family: "Poppins-Regular";
  font-size: 12px;
  color: #000000;
  padding: 6px 12px 2px 0;
  text-align: left;
}

.div90 {
  width: 90%;
  float: right;
}

.instruct2 {
  font-family: "Poppins-Regular";
  font-size: 15px;
  color: #b7b7b7;
  width: 84%;
  text-align: left;
  float: left;
  padding: 0px 12px 2px 13px;
}

.addonmenu2 {
  font-family: "Poppins-Regular";
  font-size: 14px;
  color: #000000;
  padding: 0px 12px 2px 13px;
  text-align: left;
  float: left;
  width: 84%;
}

/*#fullwidth2{
    width:100%;
    float: left;
}*/
.landing-page {
  /* background-color: #ffffff; */
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background-color: #777576;
  background-image: url(../images/sushiback.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow-y: hidden;
  position: fixed;
}

.disblock {
  display: block;
}

.welcomeimg {
  margin: 97px 0 0px;
  width: 134px;
}

.modix2 {
  margin: 97px 0 0px;
  width: 259px;
}

.procced {
  color: #ffffff !important;
  width: 148px;
  padding: 6px 15px;
  border-radius: 4px;
  background-color: var(--icon-color);
  border: 1px solid var(--icon-color);
  font-size: 24px;
  text-align: right;
  text-decoration: none !important;
  font-family: "Poppins-Regular";
}

.username {
  font-family: "Gothic";
  color: #000000;
  font-size: 33px;
  padding: 10px;
}

.appleimg {
  width: 200px;
  margin-left: calc(100% / 2 - 100px);
}

.powered-logo {
  width: 100%;
  position: fixed;
  bottom: 0;
  padding: 10px 0;
}

/* .appleimg {
    position: fixed;
    bottom: 37px;
    left: 50%;
    margin-left: -79px;
    width: 158px;
} */
.downdevimg {
  width: 181px;
  left: 26%;
  right: 0;
  margin: 0;
  position: absolute;
}

.outsidecover {
  width: 100%;
  float: left;
  border-bottom: 1px solid #bababa;
}

/* For Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* Webkit browsers like Safari and Chrome */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.onlyheight {
  height: 300px;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0px 9999px white;
}

/* countdown */

/* .center {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -20px;
}


.circle1 {
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 999px;
    box-shadow: inset 0 0 0 7px red;
}

.l-half, .r-half {
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden;
    
}

.l-half:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 10px solid #fff;
    animation-duration: 40s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 100s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;


    border-right: none;
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px;
    transform-origin: center right;
    animation-name: l-rotate;
    -webkit-transform-origin: center right;
    -webkit-animation-name: l-rotate;
}
    
.r-half:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 10px solid #fff;
    animation-duration: 40s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 100s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;


    border-left: none;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
    transform-origin: center left;
    animation-name: r-rotate;
    -webkit-transform-origin: center left;
    -webkit-animation-name: r-rotate;
}


.count {
    position: absolute;
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-weight: 800;
    font-size: 14px;
    font-family: Helvetica;
    color: red;
    z-index: 2;
    animation: fadeout .5s 11s 1 linear;
    animation-fill-mode: forwards;
    -webkit-animation: fadeout .5s 11s 1 linear;
    -webkit-animation-fill-mode: forwards;
} */

/* countdown */
.boaddonselect {
  width: 146px;
  background: top;
  border-radius: 4px;
  margin-top: 1px;
  /* height: 34px; */
  font-size: 16px;
  padding: 10px 5px 7px;
  font-family: "Poppins-Regular";
  margin-top: 40px;
  background-color: #ffffff;
}

.div50-menu {
  /* width: calc(50% - 4px);
    float: left; */
  margin: 4px 8px 4px 0;
  position: relative;
  border: 1px solid #cbcbcb;
  padding: 6px;
  border-radius: 3px;
  background-color: white;
}

.new-menu-content {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-top: 11px;
}

.new-menuname {
  font-family: "Poppins-Medium";
  font-size: 12px;
  color: #333333;
  width: 100%;
  float: left;
  height: 32px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.menu-ul {
  list-style: none;
  padding: 0;
  width: 100%;
}

.menu-ul>li:nth-child(2n + 2) {
  margin-right: 0;
}

.menu-new-price {
  font-family: "Poppins-Medium";
  font-size: 13px;
  color: var(--icon-color);
  margin-right: 4px;
  display: block;
  text-align: center;
}

.div76 {
  width: 68%;
  float: left;
}

.div27 {
  width: 32%;
  float: right;
  text-align: right;
  height: 34px;
  margin: 0 !important;
}

.connotOrder {
  opacity: 0.4;
}

.veg-nveg-container {
  position: absolute;
  left: 14px;
  top: 13px;
}

.leaf2 {
  width: 12px;
  /* height: 18px; */
}

.leaf3 {
  width: 12px;
  height: 12px;
}

.backgroundRed {
  background: #fdbe73;
}

.divtoBlink {
  -webkit-transition: background 1s ease;
  -ms-transition: background 1s ease;
  transition: background 1s ease;
}

.timer-count {
  -webkit-animation: spin 1s linear;
  animation: spin 1s linear;
}

.categorynormal {
  width: 100%;
  float: left;
  padding-top: 10px;
  /* padding-bottom: 100px; */
  /* margin-bottom: 60px; */
  /* height: 80vh;
    overflow: auto; */
}

.div50cat {
  /* width: calc(33% - 5px); */
  flex-basis: calc(100% / 3 - 6px);
  float: left;
  margin: 0 8px 8px 0;
  position: relative;
  padding: 6px;
  border-radius: 3px;
  background-color: white;
}

.categorypink {
  width: 100%;
  float: left;
  /* padding:11px 0 0; */
}

.soupimg {
  width: 100%;
}

.categoryname {
  font-family: "Poppins-Light";
  color: #000000;
  font-size: 12px;
  width: 100%;
  /* text-overflow: ellipsis;
    white-space: nowrap; */
  word-break: break-word;
  overflow: hidden;
  padding: 12px 3px 3px;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  /* box-shadow: 0px 0px 5px #999; */
  /* border-radius: 6px; */
  /* position: absolute; */
  /* bottom: -14px; */
  /* left: 10%; */
  /* background-color: #ffc600; */
}

.order_status {
  width: 27px;
  float: left;
  margin-right: 6px;
  margin-top: -3px;
}

.div13 {
  width: 13%;
  float: left;
}

.service-calls-name:active {
  background: #fed5a1;
}

.countdown2 {
  position: relative;
  float: right;
  width: 40px;
  height: 40px;
  font-size: 20px;
  margin-right: -16px;
  margin-top: 2px;
}

.countdown2>img {
  width: 25px;
  height: 26px;
  margin-top: 13px;
}

.countdown2>span {
  position: absolute;
  right: 10px;
  top: 4px;
  color: white;
  font-size: 15px;
  font-family: "Poppins-Medium";
  line-height: 23px;
  text-align: center;
  background-color: var(--icon-color);
  border-radius: 11px;
  width: 22px;
  height: 22px;
}

.sample_count {
  position: absolute;
  top: -54px;
  right: 32px;
}

.cancel-cross-btn {
  text-align: center;
  margin-bottom: -37px;
}

.cancel-cross-btn>img {
  width: 50px;
}

.cat-ul {
  /* float: left; */
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  width: 100%;
}

.cat-ul>li:nth-child(3n + 3) {
  margin-right: 0;
}

.fixup {
  position: relative;
  top: 0;
  left: 0;
  padding: 0px;
  width: 100%;
  z-index: 999;
  margin-left: 0px;
  background-color: #eeeeee;
  transition: all 200ms linear;
}

.circle_animation {
  stroke-dasharray: 2.4;
  /* this value is the pixel circumference of the circle */
  stroke-dashoffset: 2.4;
  transition: all 1s linear;
}

.container-home {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.toppick-title {
  width: 100%;
  float: left;
  font-size: 16px;
  color: var(--text-color);
  font-family: "Poppins-Medium";
  margin: 20px 0 15px;
}

.toppick-title span {
  width: auto;
  float: right;
  font-size: 12px;
  color: #e63b4c;
  font-family: "Poppins-Regular";
  display: inline-block;
  cursor: pointer;
  margin: 0px 0 0;
  border: 1px solid;
  border-radius: 4px;
  padding: 4px 7px;
  letter-spacing: 0.5px;
  font-weight: 500;
}

ul.toppick-item-ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  align-items: center;
}

ul.toppick-item-ul::-webkit-scrollbar {
  display: none;
}

li.toppick-item-li {
  width: 30.7%;
  height: auto;
  /* float: left; */
  display: inline-block;
  margin-right: 15px;
}

li.toppick-item-li:last-child {
  margin-right: 0;
}

.toppick-item-inner {
  width: 100%;
  float: left;
}

.toppick-item-img {
  width: 100%;
  float: left;
}

.toppick-item-img img {
  width: 100%;
  border-radius: 5px;
}

.toppick-item-name {
  width: 100%;
  float: left;
  position: relative;
  font-family: "Poppins-Regular";
  font-size: 14px;
  margin: 5px 0 4px;
  line-height: 20px;
  color: var(--text-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

span.toppick-item-price {
  position: relative;
  right: auto;
  font-family: "Poppins-Medium";
  font-weight: 400;
  background-color: var(--bg-color);
  color: var(--text-color);
  padding-left: 2px;
  float: left;
  width: 100%;
}

.carousel-indicators {
  /* position: absolute !important;
    bottom: 0px !important;
    left: 0% !important;
    z-index: 15 !important;
    width: 20% !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-align: center !important;
    list-style: none !important;
    margin-bottom: 5px !important; */
}

.carousel-indicators li {
  display: inline-block;
  width: 8px !important;
  height: 8px !important;
  margin: 1px 2px;
  text-indent: -999px;
  cursor: pointer;
  /* background-color: #000\9; */
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ffffff !important;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 10px !important;
  height: 10px !important;
  margin: 0 2px;
  background-color: #ffffff !important;
}

.recom-title {
  width: 100%;
  float: left;
  font-size: 16px;
  color: var(--text-color);
  font-family: "Poppins-Medium";
  margin: 18px 0 5px;
}

ul.recom-item-ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

li.recom-item-li {
  width: calc(100% / 2 - 6px);
  height: auto;
  /* float: left; */
  /* display: inline-block; */
  /* margin-right: 15px; */
  margin-bottom: 10px;
  position: relative;
  border: 1px solid var(--primary-color-alpha);
  border-radius: 12px;
  overflow: hidden;
}

li.recom-item-li:nth-child(2n) {
  margin-right: 0;
}

.recom-item-inner {
  width: 100%;
  float: left;
}

.recom-item-img {
  width: 100%;
  float: left;
}

.recom-item-img img {
  width: 100%;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  height: 170px;
  max-width: 100%;
}

.recom-item-name {
  width: 100%;
  float: left;
  font-family: "Poppins-Medium";
  font-size: 15px;
  margin: 0px 0 0;
  line-height: 19px;
  color: white;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  text-align: center;
  padding: 10px 0 10px;
  /* background-color: var(--border-color); */
  border-radius: 0 0 10px 10px;
}

#pdp .swiper-slide {
  padding: 0px;
}

.toppick-item-img img {
  width: 100%;
  border-radius: 5px;
  height: 86px;
}

.toppick-item-name {
  height: 40px;
}

#social .modal-dialog.modal-sm.couponwidth {
  width: 100%;
  float: left;
  height: 100%;
  padding: 0;
  margin: 0;
}

#social .modal-content.border-rad5px {
  transform: translateY(0%) !important;
  bottom: 0;
  position: absolute;
  border-radius: 30px 30px 0 0 !important;
  padding: 55px 0 25px;
}

.poweredbydev {
  width: 40%;
}

.slot-heading {
  font-family: "Poppins-Light";
  color: black;
  font-size: 14px;
  padding: 5px 15px 12px;
  width: auto;
  float: left;
  line-height: 17px;
  font-weight: 100;
  cursor: pointer;
}

.md-select-value>span:not(.md-select-icon) .md-text {
  font-family: "Poppins-Regular";
}

md-option .md-text {
  font-family: "Poppins-Regular";
}

.deliv-time .md-select-value .md-select-icon {
  display: none !important;
}

.deliv-date md-select,
.deliv-time md-select {
  margin: -3px 0 0 !important;
}

.mt-0 {
  margin-top: 0;
  color: var(--text-color);
}

.proceed-location-btn {
  font-family: "Poppins-Regular";
  font-size: 18px;
  width: 95%;
  margin: 0 10px;
  color: #ffffff;
  background-color: var(--icon-color);
  text-align: center;
  padding: 12px 18px;
  border: none;
  border-radius: 5px;
  border: 1px solid var(--icon-color);
  user-select: none;
}

.or {
  text-align: center;
  font-family: "Poppins-Regular";
  font-size: 18px;
  margin: 20px 0;
  float: left;
  width: 100%;
  color: var(--text-color);
}

.add-locationpopup {
  padding: 0 10px;
  float: left;
  width: 100%;
  height: 250px;
  overflow-y: auto;
}

.add-locationpopup::-webkit-scrollbar {
  display: none;
}

.selectedaddr-location {
  background-color: #ebebeb;
}

.selected-addr-type {
  color: var(--icon-color) !important;
}

.outofstock-pdp {
  color: #949494;
  font-family: "Poppins-Medium";
  font-size: 22px;
  text-align: center;
}

.offer-tag {
  padding: 3px 6px;
  font-family: "Poppins-Medium";
  text-transform: uppercase;
  font-size: 11px;
  background-color: #ffffff;
  border-radius: 6px;
  position: absolute;
  top: 4px;
  left: 4px;
}

.offer-tag2 {
  padding: 4px 6px;
  font-family: "Poppins-Medium";
  text-transform: uppercase;
  font-size: 11px;
  background-color: #ececec;
  border-radius: 6px;
  float: left;
  position: absolute;
  top: -131px;
  left: 56px;
  max-width: 106px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.width-220 {
  max-width: 150px;
}

.offer-tag-pdp {
  padding: 4px 10px 4px 6px;
  font-family: "Poppins-Medium";
  text-transform: uppercase;
  font-size: 11px;
  background-color: #ececec;
  border-radius: 6px;
  display: inline-block;
}

.offer-tag>img,
.offer-tag2>img,
.offer-tag-pdp>img {
  width: 16px;
  height: 16px !important;
  margin: 0;
}

.saving-amt {
  font-family: "Poppins-Medium";
  font-size: 38px;
  text-align: center;
}

.saving-text {
  font-family: "Poppins-Regular";
  font-size: 18px;
  text-align: center;
  margin: 10px;
}

.cartt-offer-wrap {
  float: left;
  width: 100%;
  margin: 20px 0 5px;
}

.cartt-offer-wrap .offer-tag-pdp {
  padding: 8px 10px 8px 6px;
}

.cart-itemprice .strike2::before {
  top: 54%;
  left: 0;
  width: 100%;
  border-top: 1px solid #7f7f7f;
  font-family: "Poppins-light";
}

.strike2 .monte {
  color: inherit;
}

.mobile-screen {
  position: relative;
  display: none;
}

.desktop-screen {
  display: block;
}

/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (max-width: 1024px) {
  .mobile-screen {
    display: block;
  }

  .desktop-screen {
    display: none;
  }

  .large-device {
    display: none;
  }

  .small-device {
    display: block;
    margin-bottom: 0px;
  }

  .container {
    width: 100% !important;
    padding: 0 10px !important;
  }

  .cart-text-btn {
    color: unset !important;
  }
}

/* TABLETS PORTRAIT */
@media only screen and (max-width: 768px) {
  .socialtext {
    font-family: "Poppins-Light";
    font-size: 20px;
    color: #b2b2b2;
    float: left;
    padding-left: 11px;
    padding-top: 14px;
    line-height: 30px;
    text-transform: uppercase;
  }

  .location-pic {
    width: 11%;
  }

  .location-addr {
    width: 87%;
  }

  .feedabcktxt {
    padding: 22px 0 3px 22px;
    text-align: center;
    margin-bottom: 25px;
    font-family: "Poppins-Regular";
    font-size: 21px;
    color: black;
    width: 100%;
    font-weight: 600;
    letter-spacing: 2px;
    float: left;
    padding: 22px 0 3px 12px;
    text-transform: uppercase;
  }

  .poweredbydev {
    width: 70%;
  }

  .top-picks-container {
    line-height: 20px !important;
  }

  .searched-item-list {
    width: 100%;
    height: inherit;
  }

  .banner-portion {
    margin-bottom: 60px;
  }

  .cart-cover-main {
    padding-bottom: 30px !important;
  }

  .bg-mode-explore-menu {
    bottom: 20%;
  }

  .ty-main-wrapper {
    height: calc(100vh - 280px) !important;
  }

  .ty-img-wrap {
    width: 50%;
  }

  .placefixed {
    position: fixed !important;
  }

  .prevnextbtnalign {
    position: absolute;
    top: 24px;
    padding: 0 18px;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    align-items: center;
  }

  .left-arrow-wrap {
    color: var(--icon-color) !important;
  }
  .mob-order-history-wrap {
    background-color: var(--bg-color) !important;
  }
  .cartorder-title {
    margin: 0;
  }
  .coupenouter {
    padding: 5px;
  }
}

/* SMARTPHONES LANDSCAPE */
@media only screen and (max-width: 640px) {}

@media only screen and (min-device-width: 640px) and (max-device-width: 640px) {}

@media only screen and (min-device-width: 480px) and (max-device-width: 480px) {}

/* SMARTPHONES LANDSCAPE */
@media only screen and (max-width: 480px) {
  .feedpic {
    width: 29px;
  }
}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  .cart_menuitemqty {
    width: 45px;
    font-size: 16px;
    line-height: 32px;
  }
}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .cart_menuitemqty {
    width: 45px;
    font-size: 16px;
    line-height: 32px;
  }
}

@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
  .cart_menuitemqty {
    width: 45px;
    font-size: 16px;
    line-height: 32px;
  }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .cart_menuitemqty {
    width: 45px;
    font-size: 16px;
    line-height: 32px;
  }
}

/*down iphone6*/
@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
  .cart_menuitemqty {
    width: 50px;
    font-size: 16px;
    line-height: 32px;
  }
}

/* iPhone 6 Plus portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .cart_menuitemqty {
    width: 50px;
    font-size: 16px;
    line-height: 32px;
  }
}

/* iPhone 5s portrait */
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
  .cart_menuitemqty {
    width: 32px;
    font-size: 16px;
    line-height: 32px;
  }

  .vieworder-btn {
    font-size: 13px !important;
  }

  .pdp-qty {
    width: 32px !important;
  }
}

/* SMARTPHONES PORTRAIT */
@media only screen and (max-width: 360px) {
  .cart-cover-main {
    height: 45vh;
  }
}

/* SMARTPHONES PORTRAIT */
@media only screen and (max-width: 320px) {
  .addx {
    width: 123px;
    padding: 6px 29px 4px;
  }
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 667px) and (max-device-width: 667px) {}

@media only screen and (min-device-width: 375px) and (max-device-width: 375px) {}

@media only screen and (min-width: 1920px) {
  .container {
    width: 1170px !important;
  }
}

.logoWrap {
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translateX(-50%);
}

.logoWrap img {
  margin: 0;
  width: 30%;
}

.welcomeWrapper {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -44%);
}

.welcomeWrapper h1 {
  margin: 8px 0 74px;
}

.welcomeWrapper img {
  margin: 0;
}

#cat-listing-img {
  width: 100%;
  height: 85vh;
  background-image: url(../images/bg_down_part.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: auto;
  /* background-attachment: scroll; */
  /* background-attachment: fixed; */
}

#cat-listing-img2 {
  width: 100%;
  height: 85vh;
  background-image: url(../images/bg_down_part.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /* overflow: auto; */
  /* background-attachment: scroll; */
  /* background-attachment: fixed; */
}

.categorybackimg {
  width: 100%;
  background-image: url(../images/bg_down_part.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: auto;
}

.categorybackimg2 {
  width: 100%;
  /* background-image: url(../images/bg_down_part.jpg); */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: auto;
}

.categorybackimgfirst {
  width: 100%;
  height: auto;
  background-image: url(../images/BGupper_part.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.div80new {
  width: 100%;
  float: left;
}

.menubackimg {
  width: 100%;
  height: 85vh;
  background-image: url(../images/bg_down_part.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.strike {
  color: #7f7f7f;
  text-decoration: none;
  position: relative;
  text-align: center;
  font-family: "Poppins-light";
}

.strike::before {
  content: " ";
  display: block;
  width: 65%;
  border-top: 1px solid rgb(51, 58, 63);
  height: 12px;
  position: absolute;
  bottom: 2px;
  left: 14px;
  transform: rotate(0deg);
}

.strike2 {
  color: #7f7f7f !important;
  text-decoration: none;
  position: relative;
  text-align: center;
  font-family: "Poppins-light";
}

.strike2::before {
  content: " ";
  display: block;
  width: 90%;
  border-top: 1px solid var(--text-color);
  height: 10px;
  position: absolute;
  top: 49%;
  left: 7px;
  transform: rotate(0deg);
}

.div50r-desc {
  width: 50%;
  float: right;
}

.strike3 {
  color: #7f7f7f;
  text-decoration: none;
  position: relative;
  text-align: center;
  font-family: "Poppins-light";
}

.strike3::before {
  content: " ";
  display: block;
  width: 70%;
  border-top: 1px solid rgb(51, 58, 63);
  height: 15px;
  position: absolute;
  top: 17px;
  left: 9px;
  transform: rotate(0deg);
}

/*tab media query 8inch*/
@media only screen and (min-device-width: 580px) and (max-device-width: 650px) {
  .categoryname {
    font-size: 18px;
  }

  .navbar-brand img {
    /* width: 63px; */
    margin-left: 11px;
  }

  .new-menuname {
    font-size: 15px;
    height: 42px;
  }

  .menu-new-price {
    font-size: 15px;
  }

  .limenu {
    font-size: 15px;
  }

  .mdmenuname {
    font-size: 18px;
    padding: 6px 0 6px;
  }

  .cart_menuitemqty {
    width: 46px;
  }
}

/*tab media query 10inch*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .categoryname {
    font-size: 18px;
  }

  .navbar-brand img {
    /* width: 63px; */
    margin-left: 11px;
  }

  .contactus-icon-wrap .contactus-svg {
    width: 20px;
    color: var(--primary-color);
  }

  .contactus-text {
    color: var(--primary-color) !important;
    font-weight: 600;
  }

  .new-menuname {
    font-size: 18px;
    height: 50px;
  }

  .menu-new-price {
    font-size: 15px;
  }

  .limenu {
    font-size: 15px;
  }

  .mdmenuname {
    font-size: 21px;
    padding: 10px 0 6px;
  }

  .cart_menuitemqty {
    width: 46px;
  }

  .belldiv {
    width: 6% !important;
  }

  .bestseller {
    width: 7%;
  }

  .badg-sticky {
    left: 51%;
    /* top: 0px; */
  }

  .modal-dialog .social-icon-style {
    z-index: 9999;
    float: left;
    width: 100%;
    transform: translateY(50%);
    text-align: center;
    font-size: 18px;
    font-family: 'Poppins-Medium';
    color: var(--text-color);
    background-color: var(--bg-color);
    padding: 35px 0 25px !important;
    border: 1px solid var(--primary-color-alpha);
    border-bottom: none;

  }

  .dynamic-slide {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 600px;
    margin: 15px auto;
  }

  .image-container {
    width: 600px;
  }

  li.recom-item-li {
    width: calc(100% / 3 - 6px);
  }

  .floating-menu-icon {
    top: 0 !important;
  }

  .menu-with-cat-list .menulisting-wrap {
    width: 30% !important;
  }

  .menu-with-cat-list.list-view .menulisting-wrap {
    width: 47% !important;
  }

  .list-view .menu-item-name {
    padding: 0px 0 2px 20px !important;
  }

  .footer-mb-60 {
    margin-bottom: 60px !important;
  }

  .menu-with-cat-list .veg-icon-wrap {
    top: 3px !important;
  }

  .tab-menu-item {
    width: 94%;
  }

  .image-container-title {
    top: 0 !important;
  }

  .menu-with-cat-list .menulisting-wrap {
    box-shadow: 0 0px 13px 0px rgba(215, 215, 215, 0.67);
  }

  .list-view .searched-item-wrap .menu-with-cat-list .menulisting-wrap {
    width: 47% !important;
  }

  .full-search-height {
    height: calc(100vh - 55px);
  }

  .searched-item-wrap .searched-item-list {
    position: absolute;
    top: 0;
  }

  .searched-item-list .no-image-item {
    width: 100% !important;
  }

  .con-detail {
    text-align: center;
  }

  .full-search-height {
    height: calc(100vh - 125px);
  }

  .placefixed {
    position: fixed ! important;
  }

  .todays-item-name {
    font-size: 76px ! important;
  }

  .prevnextbtnalign {
    top: 60px ! important;
    padding: 0px 46px ! important;
    font-size: 86px ! important;
  }

  .item-row {
    line-height: 1.1 ! important;
  }

  #pdp .modal-dialog {
    margin: 25px auto !important;
  }

  .menu-with-cat-list .add-btn {
    bottom: 64px ! important;
    left: 28% ! important;
  }

  .pdp-wrap-flex {
    max-height: 80vh !important;
  }

  .pdp-wrap-flex .custimg {
    height: auto;
  }

  .recom-item-img img {
    height: auto;
  }

  .menu-with-cat-list .cat-name-wrap {
    top: 64px !important;
  }

  .floating-veg-btn-wrap {
    top: 72px !important;
  }

  .header-bar-icon {
    color: var(--text-color) !important;
  }

  .menu-with-cat-list .menulisting-wrap {
    max-height: 250px ! important;
  }

  .menu-item-img img {
    height: 166px !important;
  }

  .list-view .menu-item-img img {
    height: 130px !important;
  }
}

.belldiv {
  width: 13%;
  float: right;
  padding-top: 10px;
  text-align: right;
}

.bigborder {
  border-bottom: 2px solid #d3d3d3;
  width: 100%;
  float: left;
  margin-top: 3px;
}

.cart-items {
  height: 100%;
  overflow: auto;
  margin-bottom: 0;
}

.tokentext {
  font-family: "Poppins-Regular";
  font-size: 15px;
  color: #000;
  padding: 0 0 9px 0;
}

.smalltoken {
  text-align: center;
  color: #ffffff !important;
  padding: 8px 2px 7px;
  background-color: var(--icon-color);
  border-radius: 4px;
  width: 85%;
  float: left;
  font-size: 18px;
  text-decoration: none !important;
  font-family: "Poppins-Regular";
}

.smalldate {
  font-family: "Poppins-Regular";
  font-size: 16px;
  color: #989898;
  padding: 9px 4px 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tokenbigtext {
  font-family: "Poppins-Regular";
  font-size: 40px;
  color: #000;
  padding: 0 0 0;
  text-transform: uppercase;
}

.modal-header2 {
  padding: 15px;
  border-bottom: 1px solid #ffffff;
}

.bigdate {
  font-family: "Poppins-Medium";
  font-size: 16px;
  color: #000000;
  padding: 9px 4px 19px;
  text-align: left;
}

.menu-item-namepu {
  font-family: "Poppins-Regular";
  font-size: 16px;
  color: #333333;
  float: left;
  padding: 6px 12px 2px 0;
}

.menu-item-namepu {
  font-family: "Poppins-Regular";
  font-size: 16px;
  color: #000000;
  float: left;
  padding: 6px 12px 2px 0;
  text-transform: capitalize;
}

.menu-item-qtypu {
  font-family: "Poppins-Regular";
  font-size: 16px;
  color: #989898;
  float: left;
  padding: 6px 12px 2px 0;
}

.menu-item-pricepu {
  font-family: "Poppins-Medium";
  font-size: 16px;
  color: #000000;
  float: left;
  padding: 6px 12px 2px 0;
}

.close {
  float: right;
  font-size: 41px !important;
  font-weight: 700;
  line-height: 1;
  /* background-color: black !important; */
  color: #989898 !important;
  opacity: 0.8 !important;
  width: 13% !important;
  border-radius: 52% !important;
  text-shadow: none !important;
  padding-top: 2px !important;
  margin-top: 2px;
}

.close-token {
  /* font-size: 41px !important;
    font-weight: 700;
    line-height: 1;
    background-color: black !important;
    color: #989898 !important; */
  opacity: 0.8 !important;
  width: 48px !important;
  /* border-radius: 28px !important;
    text-shadow: none !important;
    padding-top: 2px !important;
    margin-top: 2px; */
  position: absolute;
  bottom: -30px;
  left: 141px;
}

.greenxx {
  height: 1px;
  width: 100%;
}

.tokenscroll {
  overflow-y: auto;
  max-height: 151px;
}

.confirm-message {
  font-size: 27px;
  font-family: "Poppins-Medium";
  color: var(--text-color);
  text-align: center;
  padding: 151px 0;
}

.nav-icon-image {
  float: right;
  width: calc(100% / 3 - 12px);
}

.nav-icon-image img {
  width: 30px;
}

.loaderbody {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: #5b5757;
  z-index: 9999;
}

.spinner {
  margin: 0px auto;
  width: 70px;
  text-align: center;
  position: absolute;
  top: 48%;
  /* left: 44%; */
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.spinner>div {
  width: 18px;
  height: 18px;
  background-color: var(--icon-color);

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.bottom-img {
  position: absolute;
  bottom: 45px;
  width: 100%;
}

.mapro-logo {
  width: 100%;
}

.welcome-text {
  margin: 23px 0 58px;
}

.welcome-text>img {
  width: 50%;
}

.proceed-home {
  z-index: 1;
  position: absolute;
  top: 77%;
  transform: translateX(-4%);
}

.menu-desc-pdp {
  height: 42px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.div20-addon {
  width: 20%;
  float: left;
  text-align: left;
  margin-top: 2px;
}

.addon-title {
  font-family: "Poppins-Medium";
  padding: 10px 20px 20px;
  font-size: 20px;
}

.tokencross {
  width: 45px;
  left: 44%;
  position: absolute;
  bottom: -28px;
}

.menu-desc-pdp1-mb {
  font-family: "Poppins-Light";
  font-size: 12px;
  /* color: #333333; */
  color: #000000;
  width: 100%;
  display: inline-block;
  height: 34px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.menu-desc-pdp2 {
  font-family: "Poppins-Light";
  font-size: 13px;
  width: 180px;
}

.showMore {
  color: #00a651;
  cursor: pointer;
  font-family: "Poppins-Light";
  font-size: 13px;
  margin-left: 10px;
}

.height-34 {
  height: 34px !important;
}

.div33vegp {
  width: calc(100% / 3 - 7px);
  float: left;
  margin: 0 10px 10px 0;
  display: flex;
  border-radius: 7px;
  border: 1px solid #6d6d6d;
  padding: 8px 6px;
  flex-direction: column;
  font-family: "Poppins-Regular";
  color: #6d6d6d;
}

.selectany3outer {
  width: 100%;
  margin: 9px 0 14px;
  float: left;
}

.div33vegp:nth-child(3n + 3) {
  margin-right: 0;
}

.div33vegp>img {
  margin-top: -3px;
  width: 14%;
  float: left;
}

.div33vegp>label:first-child {
  font-family: "Poppins-Light";
  color: black;
  font-size: 15px;
  padding: 0 10px;
  width: 59%;
  line-height: 17px;
  font-weight: 100;
  cursor: pointer;
  vertical-align: middle;
}

.any3txt {
  font-family: "Poppins-Regular";
  font-size: 18px;
  color: black;
  padding: 5px 0;
  float: left;
}

.labelportion {
  font-family: "Poppins-Light";
  color: black;
  font-size: 15px;
  padding: 5px 10px 0 7px;
  width: 76%;
  line-height: 17px;
  font-weight: 100;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  word-break: break-all;
}

.addon-name {
  font-size: 13px;
  text-align: center;
  line-height: 17px;
  font-weight: 100;
  cursor: pointer;
  vertical-align: middle;
}

.addon-price {
  text-align: center;
  font-size: 15px;
}

.addons-selected {
  color: #000;
  border: 1px solid var(--icon-color);
  background-color: #fcdfe1;
}

.attr-container {
  list-style: none;
  padding: 0;
  margin-top: 20px;
  float: left;
  width: 100%;
}

.attr-container>li {
  font-family: "Poppins-Light";
  background-color: #fcdfe0;
  color: black;
  font-size: 15px;
  padding: 5px 10px 0 7px;
  width: calc(100% / 3 - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
  line-height: 17px;
  display: inline-block;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
  text-align: center;
}

.attr-container>li:nth-child(4n + 4) {
  margin-right: 0;
}

.selected-attr {
  font-family: "Poppins-Regular" !important;
  color: var(--icon-color) !important;
  border: 1px solid var(--icon-color) !important;
}

.gear {
  width: 215px;
  margin-top: 12%;
}

.attr-heading {
  font-family: "Poppins-Regular";
  font-size: 16px;
  color: #000000;
  background-color: #ffffff;
  padding: 7px 0px 5px;
  border: none;
  margin-bottom: 5px;
  position: relative;
}

.attr-heading:after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #cbcbcb;
  width: 70%;
  margin-left: 15px;
  top: 50%;
}

.landing-page-container {
  flex: 1;
  height: 100vh;
  position: fixed;
  width: 100%;
  overflow-y: hidden;
  /* background-image: url(../images/landing_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block; */
}

.dynamic-landing-bg {
  width: 100%;
  position: absolute;
  z-index: -1;
  height: 100%;
}

.landing-body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  flex: 1;
}

.powered-logo-container {
  height: 40px;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.powered-logo-container img {
  width: 54%;
}

.logo-gif {
  flex: 1;
}

.welcome-container {
  flex: 2;
  text-align: center;
  margin-top: -30px;
}

.welcome-container>img {
  width: 50%;
}

.landing-page-container .logo {
  text-align: center;
  padding: 15px 0 0;
}

.landing-page-container .logo>img {
  width: 55%;
}

.gif {
  flex: 1;
  text-align: center;
}

.gif>img {
  width: 40%;
}

.btn_logo {
  position: absolute;
  width: 33px;
  left: 33%;
  bottom: 7px;
}

.menu-btn-wrap {
  position: absolute;
  bottom: 85px;
  left: calc(50% - 74px);
}

.widthlogin {
  width: auto !important;
}

.pickuptxt {
  border: none;
  padding: 7px 7px 5px;
  border-radius: 0px;
  width: auto;
  color: #b7b7b7;
  font-family: "Poppins-Light";
  outline: none;
  background-color: var(--modal-bg-color);
  margin-bottom: 20px;
}

.pickupSel {
  border: none;
  padding: 7px 7px 5px;
  border-radius: 0px;
  width: auto;
  color: #000000;
  font-family: "Poppins-Light";
  outline: none;
  background-color: white;
  border-bottom: 2px solid var(--icon-color);
}

.yellowform {
  width: 100%;
  float: left;
}

.logininput2 {
  width: 95%;
  padding: 8px;
  height: 40px;
  font-family: "Poppins-Light";
  margin-bottom: 30px;
  border: none;
  background-color: var(--border-color);
  color: var(--text-color);
  outline: none;
  margin-left: 10px;
  -webkit-appearance: none;
}

.logininput1 {
  width: 95%;
  padding: 8px;
  height: 40px;
  font-family: "Poppins-Light";
  margin-bottom: 30px;
  border-bottom: 1px solid #c1c1c1;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  outline: none;
  margin-left: 10px;
  -webkit-appearance: none;
  border-radius: 6px;
}

.logininput3 {
  width: 95%;
  padding: 8px;
  height: 40px;
  font-family: "Poppins-Light";
  margin-bottom: 30px;
  border: 1px solid #c1c1c1;
  outline: none;
  border-radius: 5px;
  margin-left: 10px;
  -webkit-appearance: none;
}

.text-center {
  text-align: center !important;
}

.mt-12 {
  margin-top: 12px;
}

.pinkb {
  border: none;
  background-color: var(--icon-color);
  padding: 9px 27px 7px;
  width: auto;
  color: #ffffff;
  font-family: "Poppins-Light";
  outline: none;
}

.pinkb:active,
.pinkb:hover {
  background-color: #9e0707;
}

.fullbtn {
  border: none;
  background-color: var(--icon-color);
  padding: 12px;
  width: 95%;
  border-radius: 5px;
  color: #ffffff;
  font-family: "Poppins-Regular";
  outline: none;
}

.fullbtn:active,
.fullbtn:hover {
  background-color: var(--icon-color);
}

.btn50 {
  border: none;
  background-color: var(--icon-color);
  padding: 12px;
  width: 88%;
  border-radius: 5px;
  color: #ffffff;
  font-family: "Poppins-Regular";
  outline: none;
}

.btn50:active,
.btn50:hover {
  background-color: #9e0707;
}

.btn50-sec {
  border: none;
  background-color: #f7ebeb;
  padding: 12px;
  width: 88%;
  border-radius: 5px;
  color: #000000;
  font-family: "Poppins-Regular";
  outline: none;
}

.btn50-sec:active,
.btn50-sec:hover {
  background-color: #f5f5f5;
}

.btn-r5 {
  border: none;
  background-color: var(--icon-color);
  padding: 10px 20px;
  width: auto;
  border-radius: 5px;
  color: #ffffff;
  font-family: "Poppins-Regular";
  outline: none;
}

.btn-r5:active,
.btn-r5:hover {
  background-color: #9e0707;
}

.my-acc-name {
  float: left;
  width: 100%;
  color: black;
}

.my-acc-name>div {
  font-family: "Poppins-Medium";
  font-size: 19px;
}

.my-acc-name>span {
  font-family: "Poppins-Light";
  font-size: 14px;
}

.editpen {
  width: 20px;
  margin: -6px 0 0 13px;
}

.modal-body {
  width: 100%;
  float: left;
  border-top: 0px solid gray;
  border-radius: 15px;
  background-color: var(--bg-color);
}

.card-body {
  background-color: #fff;
}

.div95r {
  width: 92%;
  float: right;
  padding: 12px 0 20px;
}

.labelname {
  font-family: "Poppins-Regular";
  color: #000000;
  font-size: 13px;
  padding: 0px 20px 0 0;
  width: 82px;
  font-weight: 100;
}

.custname {
  width: 215px;
  padding: 7px 0 7px;
  font-family: "Poppins-Regular";
  color: #000000;
  border-bottom: 1px solid #b7b7b7;
  margin-bottom: 15px;
  font-size: 14px;
  -webkit-appearance: none;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  outline: none;
}

.width100 {
  width: 100% !important;
}

.poppins-regular {
  font-family: "Poppins-Regular";
}

.pinkb-my-acc {
  border: none;
  background-color: #e63b4c;
  padding: 9px 28px;
  width: auto;
  color: #ffffff;
  font-family: "Poppins-Regular";
  outline: none;
  border-radius: 5px;
  font-size: 16px;
}

.pinkb-my-acc:active,
.pinkb-my-acc:hover {
  background-color: var(--primary-color);
}

.positionfix {
  position: fixed;
}

.navbar-collapse li {
  text-align: left;
  font-family: "Poppins-Light";
  padding: 10px;
  width: 100%;
  font-size: 15px;
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 0px;
  min-width: max-content;
}

.nav>li>a {
  padding: 0px !important;
}

.common-margin-top {
  margin-top: 70px;
}

.common-m-tb {
  margin-top: 75px;
  margin-bottom: 70px;
}

.order-history {
  list-style: none;
  padding: 0;
}

.order-history>li {
  float: left;
  width: 100%;
  box-shadow: none;
  padding: 15px 15px 15px !important;
  border-radius: 5px;
  margin-bottom: 18px;
  border: 2px dashed var(--border-color);
}

.order-name {
  font-family: "Poppins-Medium";
  font-size: 17px;
  color: var(--text-color);
  width: 70%;
  float: left;
}

.order-name>img {
  margin-left: 10px;
  width: 12px;
}

.order-price {
  font-family: "Poppins-Medium";
  font-size: 17px;
  float: right;
}

.order-date {
  margin: 5px 0 0 0;
  font-family: "Poppins-Regular";
  font-size: 13px;
  color: var(--text-color);
  width: 100%;
  float: left;
  text-align: right;
}

.order-status {
  margin: 0 0 0 0;
  font-family: "Poppins-Regular";
  width: 100%;
  float: left;
  text-align: right;
}

.order-status-txt {
  display: inline-block;
  float: left;
  text-align: right;
  width: calc(100% - 25px);
}

img.checkcross {
  float: right;
  display: inline-block;
  width: 19px;
  /* margin: -4px 0 0 0; */
}

.border-green {
  border: 1px dashed var(--icon-color);
  padding: 6px 11px 17px !important;
}

.ordrstatush1 {
  color: var(--icon-color);
  font-family: "Poppins-Regular";
  font-size: 20px;
  padding-bottom: 7px;
  border-bottom: 1px solid #bcbcbc;
  /* margin-bottom: 20px; */
}

.pad1 {
  padding: 9px 0 0;
}

.subprice2 {
  font-family: "Poppins-Regular";
  font-size: 16px;
  color: var(--text-color);
  padding: 12px 0 10px;
  line-height: 18px;
  width: auto;
  text-align: right;
}

.orderclr {
  color: var(--icon-color) !important;
}

.monte {
  font-family: "Montserrat-Regular" !important;
}

.orderstatusul {
  margin: 20px 0px 7px;
  font-family: "Poppins-Light";
  font-size: 16px;
  list-style: none;
  padding-inline-start: 0px;
  padding-left: 0px;
  align-items: baseline;
  width: 100%;
  padding-bottom: 3px;
  display: flex;
  float: left;
  text-align: center;
  /* border-bottom: 1px solid #b7b7b7; */
}

.orderstatusul li {
  flex: 1;
  /* margin: auto 0; */
}

.orderstatusul li:nth-child(even) {
  flex: 1;
  /* margin: auto 0; */
  padding: 0 10px;
}

.orderimgmb {
  width: 46px;
}

.ordergray {
  font-size: 10px;
  font-family: "Poppins-Regular";
  margin: 15px 0 0;
}

.orderclr {
  color: var(--icon-color) !important;
}

.arroworder {
  width: 38%;
}

.confirm-message {
  font-size: 14px;
  font-family: "Poppins-Medium";
  color: var(--text-color);
  text-align: center;
  padding: 47px 0;
  width: 100%;
  float: left;
}

.ordername {
  margin-top: 0px;
  display: inline-block;
  font-family: "Poppins-Medium";
  font-size: 14px;
  color: #333333;
  padding: 0px 12px 2px 0;
  float: left;
  margin-bottom: 1px;
}

.custpad {
  padding: 4px 0 0px;
}

.custqty {
  width: 34px;
  display: inline-block;
  text-align: center;
  border-radius: 12px;
  font-family: "Poppins-Regular";
  font-size: 14px;
  margin: -6px 0 0 -12px;
  /* color: #ffffff; */
}

.div95l {
  width: 92%;
  float: left;
}

.custinftext1 {
  font-family: "Poppins-Regular";
  font-size: 18px;
  color: #000000;
  padding: 2px 0px 0px;
  width: 100%;
  margin: 0px 0px 0px;
}

.radiopadding {
  padding: 8px 0 16px;
}

.radioimg {
  width: 14px;
  margin: -3px 0 0 0px;
  cursor: pointer;
}

.labeldeliaddr {
  font-family: "Poppins-Light";
  color: var(--text-color);
  font-size: 14px;
  padding: 4px 10px 0 7px;
  width: auto;
  line-height: 17px;
  font-weight: 100;
  cursor: pointer;
}

.labeldeliaddr span {
  color: var(--text-color);
  font-size: 13px;
}

.custaddrmb {
  padding: 3px 5px 5px;
  font-family: "Poppins-Regular";
  color: var(--text-color);
  border: 1px solid #b7b7b7;
  border-radius: 4px;
  margin-bottom: 15px;
  font-size: 12px;
  -webkit-appearance: none;
  width: 95%;

  background-color: var(--modal-bg-color);
}

.bigborder2 {
  /* border-bottom: 8px solid #efe8e8; */
  width: 100%;
  float: left;
  margin-top: 3px;
}

.picklater {
  width: 39%;
  border-radius: 3px;
  border: 1px solid #b7b7b7;
  margin: 6px 0 8px;
  line-height: 24px;
  font-size: 14px;
  padding: 2px 0 0;
  font-family: "Poppins-Regular";
}

.picktime {
  font-family: "Lato-Regular";
  font-size: 14px;
}

.timetxt {
  font-family: "Poppins-Regular";
  width: 100%;
  color: #000000;
  margin-top: 18px;
  float: left;
  font-size: 14px;
  padding: 5px 0 0px;
}

.orderinfwidth {
  width: auto !important;
}

.noordr {
  font-family: "Poppins-Regular";
  font-size: 15px;
  text-align: center;
  padding-top: 10px;
}

.worktypeimg {
  width: 23px;
  margin: -11px 6px 0 0;
}

.workaddress,
.worktype {
  color: var(--text-color);
  font-size: 12px;
  font-weight: 100;
  width: 100%;
  padding-left: 0;
  padding-top: 0;
  font-family: "Poppins-Regular";
  float: left;
}

.order-datePO {
  font-family: "Poppins-Light";
  font-size: 12px;
  color: var(--text-color);
  padding: 10px 0 9px;
}

.billdetails {
  color: var(--text-color);
  font-size: 16px;
  width: 100%;
  padding-left: 0;
  font-family: "Poppins-Medium";
  margin-bottom: 10px;
}

.orderitname1 {
  font-family: "Poppins-Regular";
  color: var(--text-color);
  width: 70%;
  padding-left: 0;
  font-size: 14px;
  float: left;
}

span.itemqty {
  width: 10%;
  text-align: right;
  float: left;
  display: inline-block;
  font-size: 14px;
  font-family: "Poppins-Regular";
}

.orderitprice1 {
  color: var(--text-color);
  width: 30%;
  float: right;
  font-size: 14px;
  line-height: 19px;
  text-align: right;
  font-family: "Poppins-Medium";
}

.ordervegicon {
  width: 14px;
  float: left;
  margin-top: 2px;
  margin: 2px 4px 0 0;
  display: none;
}

.orderitname1>span {
  float: left;
  /* width: calc(100% - 29px); */
  width: 100%;
}

.orderitname1>span.itemqty {
  width: 27px;
  text-align: right;
}

.orderitname2 {
  font-family: "Poppins-Regular";
  color: var(--text-color);
  width: 70%;
  padding-left: 0;
  font-size: 13px;
  float: left;
}

.ordtotal {
  float: right;
  padding-right: 5px;
}

.greentickk {
  width: 19px;
  margin: -3px 6px 0 0;
}

.locateicon22 {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 9%;
  border-radius: 3px;
  border: none;
  background-color: var(--icon-color);
  font-family: "Lato-Regular";
  outline: none;
  padding: 0px 0;
  float: right;
}

.locsparkouter {
  border-bottom: 1px solid #bababa;
  border-radius: 3px;
  font-size: 12px;
  overflow: hidden;
  box-sizing: border-box;
  display: inline-table;
  width: 95%;
  margin-bottom: 15px;
  padding: 3px 0px 5px;
  -webkit-appearance: none;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.deskcoupon22 {
  /* padding: 0px 5px; */
  border: 0;
  display: inline-block;
  vertical-align: middle;
  width: 91%;
  outline: none;
  font-family: "Poppins-Regular";
  line-height: 18px;
  user-select: none;
  padding-top: 5px;
}

.border-gray {
  box-shadow: 0px 0px 5px #afadad;
  padding: 6px 11px 17px !important;
  border-radius: 3px;
}

.poppins-light {
  font-family: "Poppins-Light" !important;
}

.fgtpwd {
  color: var(--icon-color);
  font-family: "Poppins-Regular";
}

.profileround {
  background-color: #ffffff;
  width: 100%;
  float: left;
  /* box-shadow: 0px 0px 5px #999; */
  padding: 10px;
  border-radius: 7px;
  position: relative;
  margin-top: -65px;
  text-align: center;
}

.profilename {
  font-family: "Poppins-Medium";
  font-size: 20px;
  margin: 28px 0 10px;
  text-transform: capitalize;
}

.profilenum {
  font-family: "Poppins-Light";
  font-size: 14px;
  margin: 0 0 3px;
}

.profedit {
  position: absolute;
  right: 0;
  top: 10px;
  right: 11px;
}

.btn-default,
.form-control {
  font-family: "Poppins-Regular";
  color: #000000;
  font-size: 15px;
}

.custinfo {
  font-family: "Poppins-Regular";
  margin: 24px 0 22px 27px;
  padding-bottom: 15px;
  font-size: 20px;
  color: var(--text-color);
}

.newnol {
  display: block;
  text-align: left;
  padding: 0 0 8px;
}

.newnor {
  display: block;
  text-align: left;
}

.newnol a,
.newnor a {
  color: #777;
}

.navbar-collapse li:last-child {
  display: none !important;
  justify-content: flex-start;
  align-items: flex-start;
  position: fixed;
  right: 38px;
  width: max-content;
  bottom: 7px;
}

.navbar-collapse li:last-child img {
  width: auto;
  height: 17px;
}

.timeicon {
  display: inline-block;
  background-color: var(--bg-color);
  border-radius: 50%;
  width: 38px;
  height: 38px;
  text-align: center;
  box-shadow: 0 0 5px #ccc;
  padding: 6px;
}

/* 
.navbar-collapse li:nth-child(1) {
  left: -5px;
}

.navbar-collapse li:nth-child(2) {
  left: -16px;
}

.navbar-collapse li:nth-child(3) {
  left: -25px;
}

.navbar-collapse li:nth-child(4) {
  left: -28px;
}

.navbar-collapse li:nth-child(5) {
  left: -24px;
}

.navbar-collapse li:nth-child(6) {
  left: -18px;
}

.navbar-collapse li:nth-child(7) {
  left: -10px;
} */

.timeicon img {
  width: 30px;
  margin: 7px 0 0 0px;
}

.addloc {
  width: 15px;
  margin-right: 3px;
}

.text-left {
  text-align: left !important;
}

.mobilemargin {
  margin-top: 49px;
}

.margin-bottom-sticky {
  margin-bottom: 57px;
}

.confirm-img-message {
  font-size: 26px;
  font-family: "Poppins-Medium";
  color: #000000;
  text-align: center;
  position: absolute;
  position: absolute;
  top: 47%;
  right: 50%;
  transform: translate(50%, -50%);
}

.ordrhistoryh1 {
  color: black;
  font-family: "Poppins-Regular";
  font-size: 20px;
  padding-bottom: 7px;
  text-align: left;
  /* border-bottom: 1px solid #bcbcbc; */
  /* margin-bottom: 20px; */
}

.arrowred {
  width: 9px;
  float: right;
  margin-top: -4px;
}

.neworder {
  box-shadow: 0px 0px 5px #afadad;
  padding: 17px 12px 17px !important;
  border-radius: 3px;
  margin-bottom: 18px;
}

.flex-container1 {
  display: flex;
  justify-content: center !important;
}

.flex-container {
  display: flex;
  align-items: center;
  height: 55vh;
  flex-direction: column;
  justify-content: center;
}

.empty-cart-msg {
  font-size: 22px;
  font-family: "Poppins-Regular";
  color: black;
  text-align: center;
  padding-top: 43px;
  font-weight: 500;
}

.close2 {
  position: absolute;
  right: 1px;
  top: 2px;
}

.activeTab {
  color: red;
}

/* location popup start here */
/* .locnabs{
    top:30px ;
    left: -356px ;
} */
.widthsearch {
  /* width: 358px; */
}

.pac-container {
  z-index: 1050;
}

.loctext {
  font-family: "Poppins-Regular";
  font-size: 16px;
  color: #000000;
}

.whiteborder {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}

.pickuptxt {
  border: none;
  padding: 7px 7px 5px;
  border-radius: 0px;
  font-size: 17px;
  width: auto;
  color: var(--text-color);
  font-family: "Poppins-Regular";
  outline: none;
  background-color: var(--modal-bg-color);
  margin-bottom: 20px;
}

/* .pickup-wrap {
  color: #000;
  background-color: #fff;
} */

.pickupSel {
  border: none;
  padding: 7px 7px 5px;
  border-radius: 0px;
  width: auto;
  color: var(--text-color);
  font-family: "Poppins-Regular";
  outline: none;
  background-color: var(--modal-bg-color);
  border-bottom: 2px solid var(--icon-color);
}

.locateicon {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 10%;
  font-size: 16px;
  border-radius: 3px;
  border: none;
  background-color: #031f85;
  font-family: "Poppins-Regular";
  outline: none;
  padding: 1px 0;
}

.coupenouter {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 1fr 1fr;
  border: 0px solid #bababa;
  border-radius: 13px;
  font-size: 14px;
  overflow: hidden;
  box-sizing: border-box;
  width: 95%;
  margin: auto;
  padding: 10px;
  background-color: var(--bg-color);
  font-family: "Poppins-Medium";
}

.deskcoupon {
  padding: 5px;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  width: 65%;
  outline: none;
  font-family: "Poppins-Regular";
  line-height: 19px;
  user-select: none;
}

@keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

.typeSuggestionTooltip {
  position: absolute;
  padding: 10px 10px;
  background: var(--icon-color);
  border-radius: 5px;
  /* bottom: 81px; */
  left: 77px;
  font-size: 14px;
  color: white;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  backface-visibility: hidden;
  font-family: "Poppins-Regular";
}

.typeSuggestionTooltip::before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  top: -8px;
  left: 20px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #d60b52;
}

.typeSuggestionTooltip.active {
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  animation: mover 1s infinite alternate;
  transform: translate3d(0, 0, 0);
}

.pac-container22 {
  background-color: #fff;
  position: absolute !important;
  z-index: 9999;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  font-family: "Poppins-Light";
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  /* width: 321px; */
  width: 85%;
  position: absolute;
  left: 18px;
  top: 154px;
  max-height: 200px;
  overflow-y: auto;
}

.pac-item22 {
  cursor: default;
  padding: 3px 9px 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
  border-top: 1px solid #e6e6e6;
  font-size: 13px;
  color: #000000;
  font-family: "Poppins-Regular";
  cursor: pointer;
}

/* location popup end here */
.launch-screen-margin {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.effect7 {
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
    0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
    0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect7:before,
.effect7:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}

.effect7:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}

.effect1 {
  -webkit-box-shadow: 0 10px 6px -6px #777;
  -moz-box-shadow: 0 10px 6px -6px #777;
  box-shadow: 0 10px 6px -6px #777;
}

.addonpopup::-webkit-scrollbar {
  display: none;
}

.dynmodalcontent {
  background-color: transparent;
  height: 98%;
  border: none;
  background: none;
  box-shadow: none;
}

.sliderContainer {
  position: relative;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow-x: scroll;
}

.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.fade-scale.in {
  opacity: 1;
  transform: scale(1);
}

.sliderContainer img {
  width: 100%;
  display: inline-block;
}

.nextCircle {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 85%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  opacity: 0.5;
  background-color: black;
  z-index: 100;
}

.nextCircle:hover {
  opacity: 0.7;
  cursor: pointer;
}

.fa.fa-arrow-right,
.fa.fa-arrow-left {
  font-size: 30px;
}

.prevCircle {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 85%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  opacity: 0.5;
  background-color: black;
  z-index: 100;
}

.previous {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  z-index: 20;
}

.prevCircle:hover {
  opacity: 0.7;
  cursor: pointer;
}

.close2 {
  position: absolute;
  right: 0px;
  z-index: 10000;
}

.flex-container-home {
  display: flex;
  overflow-x: auto;
  /* align-items: center;
    justify-content: center; */
}

.flex-b-50 {
  flex: 0 0 calc(50% - 10px);
  margin-right: 20px;
}

.flex-container-c {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.section-name {
  font-family: "Poppins-Medium";
  font-size: 15px;
  color: black;
  width: 100%;
  padding: 22px 0 3px;
}

.flex-container-sticky {
  display: flex;
  justify-content: center;
  align-items: center;
}

.height-100 {
  height: 100%;
}

.flex-1 {
  flex: 1;
  /* padding-right: 10px; */
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.stickey-text {
  font-family: "Poppins-Light";
  font-size: 14px;
  padding-top: 0px;
  line-height: 20px;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
}

.stickey-text-sel {
  font-family: "Poppins-Light";
  font-size: 14px;
  color: var(--icon-color);
  padding-top: 0px;
  line-height: 20px;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
}

.badg-sticky {
  background-color: var(--icon-color);
  border-radius: 50%;
  height: 20px;
  padding: 3px;
  position: absolute;
  right: 168px;
  font-size: 12px;
  color: white;
  text-align: center;
  top: 4px;
  width: 20px;
  font-family: "Poppins-Regular";
}

.margin-b-4 {
  margin-bottom: 4px;
}

.flex-container-home::-webkit-scrollbar {
  display: none;
}

.flex-container-wrap {
  display: flex;
  /* align-items: center; */
  flex-wrap: wrap;
  margin-top: 10px;
  overflow-y: auto;
}

.flex-container-wrap::-webkit-scrollbar {
  display: none;
}

.flex-container-wrap>div:nth-child(3n + 3) {
  margin-right: 6px;
}

.width-grid3 {
  width: calc(100% / 3 - 16px);
  /* box-shadow: 2px 2px 5px #aaa; */
  padding: 5px 2px;
  margin: 10px 12px 10px 6px;
  border: 1px solid #00bcd4;
  border-radius: 4px;
  background-color: #ffffff;
  /* height: 96px; */
}

.width-grid3:active {
  border: 1px solid #fb8922;
}

.landing-card-text {
  display: flex;
  justify-content: center;
  /* align-items: center; */
  font-family: "Poppins-Light";
  font-size: 14px;
  color: black;
  margin-top: 5px;
  line-height: 20px;
  text-align: center;
  width: 100%;
  word-break: break-word;
}

.landing-img {
  width: 66%;
}

.text-c {
  text-align: center;
}

.flex-container-wrap-CFS {
  display: flex;
  /* align-items: center; */
  flex-wrap: wrap;
  overflow-y: auto;
  padding: 0 20px;
  margin-bottom: 70px;
  /* height: 60vh; */
}

.flex-container-wrap-CFS::-webkit-scrollbar {
  display: none;
}

.flex-container-wrap-CFS>div:nth-child(2n + 2) {
  margin-right: 6px;
}

.width-grid2 {
  width: calc(100% / 2 - 27px);
  /* box-shadow: 2px 2px 5px #aaa; */
  background-color: #f6f5f5;
  padding: 10px 14px;
  margin: 20px 35px 20px 6px;
}

.CFS-heading-wrap {
  font-family: "Poppins-Regular";
  font-size: 22px;
  text-align: center;
  padding-top: 15px;
}

.CFS-heading {
  font-family: "Poppins-Medium";
  font-size: 20px;
  color: var(--icon-color);
}

.CFS-speration {
  width: 15%;
  vertical-align: top;
}

.rest-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.restaurant-cart {
  margin: 10px 0 20px;
}

.rest-details {
  padding: 15px;
  border: 1px solid #cbcbcb;
  border-radius: 0 0 5px 5px;
  border-top: 0;
}

.rest-img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}

.rest-name {
  font-size: 18px;
  font-family: "Poppins-Medium";
}

.spa-name {
  font-size: 20px;
  font-family: "Poppins-Medium";
}

.rest-desc {
  font-size: 13px;
  font-family: "Poppins-Light";
  color: grey;
  margin: 5px 0 10px;
}

.rest-timing {
  font-family: "Poppins-Regular";
  font-size: 13px;
  margin: 10px 0;
}

.pop-med {
  font-family: "Poppins-Medium";
  font-size: 14px;
  color: #000000;
}

.pop-regular {
  font-family: "Poppins-Regualar";
  font-size: 16px;
  color: var(--icon-color);
}

.rest-action {
  display: flex;
  font-size: 14px;
  line-height: 1.2;
  font-family: "Poppins-Medium";
  margin-top: 15px;
}

.rest-menu {
  border-right: 1px solid;
  padding-right: 8px;
}

.rest-table {
  margin-left: 15px;
}

.rest-table-menu-img {
  width: 27px;
  margin-right: 10px;
}

.spa-action {
  display: flex;
  line-height: 1.2;
  font-family: "Poppins-Regular";
  font-size: 13px;
  margin-top: 15px;
}

.spa-app {
  padding-right: 8px;
  margin-left: 10px;
}

.spa-app-img {
  width: 27px;
  margin-right: 5px;
}

.spa-service {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.spa-btn {
  width: 30%;
  border: 1px solid var(--icon-color);
  font-family: "Poppins-Regular";
  border-radius: 4px;
  padding: 6px;
  margin-top: 15px;
  background-color: #ffffff;
}

.header-cross {
  position: absolute;
  right: 8px;
  width: 34px;
  z-index: 999;
  top: 7px;
  cursor: pointer;
}

.service-header {
  font-family: "Poppins-Medium";
  font-size: 22px;
  text-align: center;
  margin-top: 30px;
  color: var(--text-color);
}

.service-head-img {
  text-align: center;
}

.service-head-img>img {
  width: 100px;
}

.service-list-container {
  padding: 10px;
  overflow-y: auto;
  max-height: 405px;
  margin-top: 30px;
}

.service-list-container::-webkit-scrollbar {
  display: none;
}

.spa-service-container {
  overflow-y: auto;
  /* height: calc(100vh - 480px); */
  margin-top: 30px;
}

.spa-service-container::-webkit-scrollbar {
  display: none;
}

.service-list {
  margin: 5px 5px 30px;
  /* box-shadow: 2px 2px 5px #aaa; */
  border: 1px solid #00bcd4;
  border-radius: 4px;
  padding: 10px;
}

.spa-service-sel {
  color: #000000 !important;
  background-color: #efb6b6;
}

.spa-service-sel .rest-desc {
  color: #000000 !important;
}

.service-title {
  font-family: "Poppins-Regular";
  font-size: 18px;
}

.static-service-title {
  font-family: "Poppins-Regular";
  font-size: 15px;
}

.service-title-img {
  width: 34px;
  margin-right: 10px;
}

.service-border {
  height: 2px;
  width: 60px;
  border-top: 1px solid var(--icon-color);
}

.attraction-list-container {
  overflow-y: auto;
  max-height: 405px;
  margin-top: 30px;
}

.attraction-list-container::-webkit-scrollbar {
  display: none;
}

.attraction-list {
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 2px 2px 5px #aaa;
  padding: 10px;
  margin: 5px 10px 20px;
}

.attraction-list>div:first-child {
  margin-right: 15px;
}

.attraction-list:nth-child(2n + 2)>div:last-child {
  order: 1;
}

.attraction-list:nth-child(2n + 2)>div:first-child {
  order: 2;
  margin-left: 15px;
  margin-right: 0;
}

.spa-voucherlist {
  width: calc(50% - 10px);
  box-shadow: 2px 2px 5px #aaa;
  padding: 10px;
  display: flex;
  justify-content: center;
  /* align-items: center; */
  margin: 0 20px 30px 0;
}

.spa-voucherlist:nth-child(2n + 2) {
  margin-right: 0;
}

.inR-position-rel {
  position: relative;
}

.inR-width100 {
  width: 100%;
}

.inR-text-centre {
  text-align: center;
}

.inR-text-right {
  text-align: right;
}

.voucher-list-container {
  padding: 10px;
  overflow-y: auto;
  max-height: 200px;
  margin: 30px 0 10px;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
}

.voucher-list-container::-webkit-scrollbar {
  display: none;
}

.voucher-tag {
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1.1;
  transform: translate(-50%, -50%);
  font-family: "Poppins-Regular";
  font-size: 14px;
}

.voucher-price {
  border: 1px solid #aaa;
  padding: 6px;
  margin-left: 4px;
  font-family: "Poppins-Regular";
  text-align: center;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.voucher-desc {
  font-family: "Poppins-Regular";
  font-size: 16px;
  text-align: center;
  margin: 30px 0;
  color: var(--text-color);
}

.bullet-points {
  width: 20px;
  margin-right: 10px;
}

.packages-list {
  display: flex;
  align-items: center;
  font-family: "Poppins-Regular";
  font-size: 16px;
  margin-bottom: 25px;
}

.graphic {
  width: 70%;
  position: absolute;
  right: -40px;
  bottom: 0;
}

.transp-list-container {
  /* padding: 10px 0; */
  overflow-y: auto;
  max-height: 405px;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-wrap: wrap;
}

.trans-subhead {
  font-family: "Poppins-Medium";
  font-size: 16px;
  padding: 10px 0;
  margin-top: 20px;
}

.transp-list {
  width: calc(50% - 10px);
  display: flex;
  justify-content: center;
  font-family: "Poppins-Regular";
  align-items: center;
  margin: 0 20px 20px 0;
}

.transp-list:nth-child(2n + 2) {
  margin-right: 0;
}

.checkbox-tranp {
  width: 20px;
  margin-right: 5px;
  float: left;
  cursor: pointer;
}

.trans-guest {
  font-family: "Poppins-Medium";
  font-size: 17px;
  padding: 10px;
}

.tran-head2 {
  font-family: "Poppins-Regular";
  font-size: 18px;
  text-align: center;
  margin: 30px 0;
}

.text-area {
  width: calc(100% - 20px);
  padding: 5px 10px;
  margin: 10px 0;
  height: 55px;
  font-size: 14px;
  font-family: "Poppins-Regular";
  border: 1px solid #aaa;
}

.submit-btn-wrap {
  text-align: center;
  margin: 45px 0 10px;
}

.submit-btn {
  color: white !important;
  padding: 5px 24px;
  background-color: var(--icon-color);
  border: 1px solid var(--icon-color);
  font-size: 19px;
  font-family: "Poppins-Regular";
  border-radius: 5px;
}

.voucher-total {
  font-family: "Poppins-Medium";
  font-size: 17px;
  color: var(--icon-color);
  padding: 10px;
}

.mobile-cart {
  float: right;
  padding: 8px 10px;
}

.cartcircle {
  background-color: var(--icon-color);
  border-radius: 9px;
  position: absolute;
  top: 4px;
  right: 5px;
  width: 18px;
  height: 18px;
  padding: 1px;
  text-align: center;
  font-size: 12px;
  font-family: "Poppins-Regular";
  color: #ffffff;
}

.md-datepicker-calendar-pane.md-pane-open {
  z-index: 99999 !important;
}

.time-string {
  font-family: "Poppins-Regular";
  font-size: 14px;
  width: 150px;
  padding-bottom: 2px;
  padding-left: 6px;
  border-bottom: 1px solid dimgrey;
}

.time-icon {
  width: 20px;
  margin-right: 25px;
}

.time-column {
  display: flex;
  font-family: "Poppins-Regular";
  font-size: 15px;
  flex-direction: column;
}

.time-arrow {
  padding: 6px 0;
}

.time-arrow>img {
  width: 15px;
}

.time-btn {
  padding: 2px 6px;
  background-color: var(--icon-color);
  color: #ffffff;
  border: 1px solid var(--icon-color);
  font-size: 14px;
}

.time-btn-wrap {
  margin-left: 15px;
  background-color: #ffffff;
}

.time-btn-wrap>button:first-child {
  margin-bottom: 4px;
}

.time-no {
  border: 1px solid #c2c2c2;
  border-radius: 2px;
  padding: 4px 8px;
  width: 38px;
  background-color: #e7e0e0;
}

/* .timer-wrap{
    width: 66%;
    position: absolute;
    top: 46px;
    background: white;
    padding: 0 30px;
    z-index: 1;
} */
.timer-wrap {
  width: 81%;
  top: 46px;
  background: white;
  padding-left: 30%;
  z-index: 1;
}

.table-res-timing {
  font-family: "Poppins-Regular";
  text-align: center;
  font-size: 13px;
  margin: 10px 0 30px;
}

.guest-wrap {
  font-family: "Poppins-Medium";
  font-size: 16px;
}

.g-arrow {
  width: 28px;
}

.noofguest {
  padding: 6px 8px;
  width: 40px;
}

.time-picker-string {
  margin: 20px 32px;
  display: flex;
  align-items: center;
}

.transport-wrap-flex {
  max-height: 440px;
  overflow-y: auto;
}

.transport-wrap-flex::-webkit-scrollbar {
  display: none;
}

.schedule-btn-wrap {
  text-align: center;
  margin-top: 10px;
}

.spa-cart {
  margin: 10px 0 80px;
}

.incl-tax {
  font-family: "Poppins-Medium";
  font-size: 15px;
  margin-bottom: 10px;
  text-align: center;
  color: var(--text-color);
}

.order-t {
  font-family: "Poppins-Medium";
  font-size: 15px;
  color: var(--text-color);
}

.static-service-header {
  font-family: "Poppins-Medium";
  font-size: 22px;
  margin-top: 25px;
}

.static-service-timing {
  font-family: "Poppins-Regular";
  font-size: 13px;
  margin: 20px 0;
}

.static-service-timing>a {
  text-decoration: none;
  color: black;
}

.rest-image-wrap {
  margin-top: 40px;
}

.table-res-header {
  position: absolute;
  color: #ffffff;
  left: 50%;
  top: 50%;
  font-family: "Poppins-Medium";
  font-size: 30px;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.rest-image-wrap>img {
  filter: brightness(0.8);
}

.selcted-spar-serv {
  font-family: "Poppins-Light";
  font-size: 12px;
  margin-top: 5px;
}

#list_wrap {
  margin-bottom: 70px;
}

.schedule-date .md-datepicker-input {
  font-family: "Poppins-Regular";
  font-size: 15px;
  width: 110px;
}

.rest-name-nav {
  text-align: center;
  width: 150px;
  text-transform: capitalize;
  padding: 14px 15px;
  font-family: "Poppins-Medium";
  font-size: 14px;
  display: inline-block;
  color: var(--icon-color);
}

.inR-Desc-showless {
  font-size: 12px;
  font-family: "Poppins-Light";
  color: grey;
  width: 100%;
  display: inline-block;
  height: 16px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inR-Desc-showmore {
  font-size: 12px;
  font-family: "Poppins-Light";
  color: grey;
  width: 180px;
}

.desc-dot {
  font-size: 10px;
  font-family: "Poppins-Light";
  color: var(--text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 190px;
  padding: 0 10px 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* number of lines to show */
}

.map-url {
  width: 25px;
  margin-right: 10px;
}

.pdp-flex {
  display: flex;
}

.pdp-flex2 {
  display: inline-block;
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.pdp-it {
  width: 15px;
  /* height: 24px; */
}

.pdp-menuname {
  font-family: "Poppins-Medium";
  font-size: 16px;
  color: var(--text-color);
  width: 100%;
  float: left;
  text-align: center;
  /* line-height: 1.2; */
  margin-bottom: 0px;
  padding: 18px 10px 5px;
}

.pdp-menudescrip {
  font-family: "Poppins-Regular";
  font-size: 12px;
  color: var(--text-color);
  width: 100%;
  float: left;
  text-align: center;
  line-height: 16px !important;
  margin-bottom: 5px;
  padding: 12px 20px 5px;
}

.attr-addons-heading {
  font-family: "Poppins-Medium";
  font-size: 16px;
  color: #000000;
  margin-bottom: 10px;
}

.add-attr {
  width: calc(100% / 3 - 20px);
  display: flex;
  justify-content: center;
  font-family: "Poppins-Medium";
  align-items: center;
  margin: 0 20px 12px 0;
}

.add-attr:nth-child(3n + 3) {
  margin-right: 0;
}

.flex-4 {
  flex: 4;
}

.pdp-addons-wrap {
  margin-top: 20px;
}

.pdp-addons {
  font-family: "Poppins-Medium";
  align-items: center;
  margin-bottom: 20px;
}

.pdp-image-wrap {
  /* border-bottom: 1px solid #cbcbcb; */
  /* margin: 44px 0 20px; */
}

.pdp-minus {
  width: 34px;
  height: 34px;
  border: 1px solid var(--icon-color);
  color: var(--icon-color);
  font-family: "Poppins-Regular";
  font-size: 23px;
  user-select: none;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  background-color: #ffffff;
}

.pdp-minus:active {
  border: 1px solid var(--icon-color);
  color: #ffffff;
  background-color: var(--icon-color);
}

.pdp-qty {
  font-family: "Poppins-Regular";
  font-size: 18px;
  color: var(--golden-color);
  display: inline-block;
  text-align: center;
  width: 42px;
  padding: 4px 0;
  float: left;
}

.modal-open .modal {
  padding-right: 0px !important;
}

.modal-border {
  border: 1px solid var(--primary-color);
}

.pdp-add {
  color: var(--bg-color);
  padding: 5px 24px;
  background-color: var(--icon-color);
  border: 1px solid var(--primary-color);
  font-size: 18px;
  border-radius: 5px;
  font-family: "Poppins-Regular";
}

.pdp-price {
  font-family: "Poppins-Medium";
  font-size: 16px;
  margin-left: 10px;
  text-align: center;
  color: var(--text-color);
  float: right;
}

.pdp-wrap-flex {
  max-height: 450px;
  overflow-y: auto;
  /* padding: 0 20px; */
  position: relative;
  margin-bottom: 10px !important;
  border-radius: 20px;
}

.pdp-wrap-flex::-webkit-scrollbar {
  display: none;
}

.pdp-bottom-wrap {
  /* padding: 14px 15px;
    border-top: 1px solid #dde5ed; */
  /* border-radius: 5px;
    box-shadow: 0 -1px 6px 0 rgba(32,33,36,0.28); */
  padding: 13px 15px;
  border-top: 0px solid #dde5ed;
  background-color: #f7ebeb;
  border-radius: 0 0 20px 20px;
}

.padd-b-20 {
  padding: 0 0 25px !important;
}

.padd-0 {
  padding: 0 !important;
}

.staticPage-service-header {
  font-family: "Poppins-Medium";
  font-size: 22px;
  margin-bottom: 28px;
  text-align: center;
}

.static-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.static-container>div {
  font-family: "Poppins-Light";
  background-color: #fcdfe0;
  color: black;
  font-size: 14px;
  padding: 10px;
  width: calc(100% / 3 - 10px);
  border: 1px solid #fcdfe0;
  margin: 0 10px 10px 0;
  border-radius: 5px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.static-container>div:nth-child(3n + 3) {
  margin-right: 0;
}

.selected-static-service {
  font-family: "Poppins-Regular" !important;
  color: var(--icon-color) !important;
  border: 1px solid var(--icon-color) !important;
}

.static-service-heading {
  font-family: "Poppins-Medium";
  font-size: 15px;
  margin: 18px 2px;
}

.static-wrap {
  max-height: calc(100vh - 336px);
  overflow-y: auto;
  padding: 0 15px;
  margin-top: 20px;
}

.static-wrap::-webkit-scrollbar {
  display: none;
}

.static-service-select {
  margin: 12px 0 0;
  font-family: "Poppins-Medium";
  font-size: 17px;
}

.static-service-select>span:first-child {
  border-bottom: 1px solid var(--icon-color);
}

.staticPage-service-price {
  font-family: "Poppins-Regular";
  font-size: 18px;
  margin-bottom: 28px;
  text-align: center;
}

.static-popup-wrap-flex {
  max-height: 80vh;
  overflow-y: auto;
}

.static-popup-wrap-flex::-webkit-scrollbar {
  display: none;
}

.spa-details-wrap {
  max-height: calc(100vh - 362px);
  overflow-y: auto;
}

.spa-details-wrap::-webkit-scrollbar {
  display: none;
}

.inR-Desc-fiveline-showless {
  font-size: 12px;
  font-family: "Poppins-Light";
  color: grey;
  width: 100%;
  display: inline-block;
  height: 65px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tap-here {
  font-family: "Poppins-Regular";
  font-size: 11px;
}

.border-b-pdp {
  border-bottom: 1px solid #cbcbcb;
}

.border-b-0 {
  border-bottom: none;
  margin: 44px 0 0;
  padding: 0;
}

.border-b-none {
  border-bottom: none;
}

.filter-cat {
  font-family: "Poppins-Medium";
  font-size: 18px;
  margin: 25px 0 10px;
  color: var(--text-color);
}

.filter-wrap>div {
  /* width: calc(100%/3 - 20px); */
  margin-right: 29px;
  padding: 10px 6px;
  border: 1px dashed #c2c2c2;
  border-radius: 5px;
}

.filter-wrap>div:last-child {
  margin-right: 0;
}

.fliter-name {
  font-family: "Poppins-Regular";
  font-size: 16px;
  text-align: center;
  margin-top: 8px;
  color: var(--text-color);
}

.filter-images {
  text-align: center;
}

.filter-images>img {
  width: 70%;
}

.filter-heading {
  font-family: "Poppins-Medium";
  font-size: 24px;
  text-align: center;
  color: var(--icon-color);
}

.filter-active {
  border: 1px dashed var(--icon-color) !important;
}

.static-container-salon>div {
  width: calc(100% / 2 - 10px);
  font-size: 15px;
  padding: 16px;
}

.static-container-salon>div:nth-child(3n + 3) {
  margin-right: 10px;
}

.salon-wrap {
  max-height: calc(100vh - 400px);
  overflow-y: auto;
}

.salon-wrap::-webkit-scrollbar {
  display: none;
}

.static-page-sub-head {
  font-family: "Poppins-Regular";
  font-size: 17px;
  text-align: center;
  margin-bottom: 5px;
}

.custimg {
  width: 100%;
  margin: 0 auto;
  border-radius: 20px;
  height: 240px;
}

.property {
  width: 100% !important;
}

.property-wrap {
  display: flex;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  flex-direction: column;
}

.property-wrap::-webkit-scrollbar {
  display: none;
}

.property-wrap>img {
  flex: 1;
  width: 100%;
  margin-bottom: 15px;
}

.inr-charges {
  font-family: "Poppins-Medium";
  font-size: 16px;
  margin-top: 20px;
}

.inr-charges>div {
  display: inline-block;
}

.inr-charges>div:last-child {
  margin-left: 10px;
}

.extra-charges {
  font-family: "Poppins-Medium";
  font-size: 16px;
  margin-top: 20px;
  text-align: center;
}

.BC-select {
  background: top;
  border-radius: 4px;
  font-size: 16px;
  padding: 5px 10px;
  font-family: "Poppins-Regular";
  margin-top: 18px;
  background-color: #ffffff;
}

.extra-charges-para {
  font-family: "Poppins-Regular";
  font-size: 14px;
}

.extra-charges-para>div:last-child {
  /* text-align: center; */
  font-family: "Poppins-Medium";
  margin-left: 10px;
}

.static-wrap-iphone {
  max-height: calc(100vh - 330px);
  overflow-y: auto;
  padding: 0 15px;
  margin-top: 20px;
}

.static-wrap-iphone::-webkit-scrollbar {
  display: none;
}

.submit-pos-absolute {
  position: absolute;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  bottom: 60px;
  padding-top: 10px;
  background-color: white;
}

.height-maincontainer {
  height: calc(100vh - 122px);
  /* position: relative; */
}

.width-grid3>div:first-child {
  padding: 10px 0 0;
}

.privacy-head {
  font-family: "Poppins-Medium";
  font-size: 19px;
  margin: 10px 0;
}

.privacy-para {
  font-family: "Poppins-Regular";
  font-size: 13px;
}

.grc-label {
  font-family: "Poppins-Medium";
  font-size: 16px;
}

.grc-label-m20 {
  font-family: "Poppins-Medium";
  font-size: 16px;
  margin: 20px 0 6px;
}

.M-input-bordered {
  width: 100%;
  border-radius: 3px;
  padding: 5px 8px;
  border: 1px solid #bcbcbc;
  outline: none;
  background-color: #ffffff;
  color: #000000;
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: "Poppins-Light";
  font-size: 14px;
  /* transition: all 0.3s ease-in-out; */
}

.container-margin {
  margin: 50px 0 80px;
}

.text-area-w100 {
  width: 100%;
  padding: 5px 10px;
  height: 55px;
  font-size: 14px;
  font-family: "Poppins-Regular";
  border: 1px solid #aaa;
}

.radio-btn {
  width: 14px;
  margin: -4px 10px 0 0;
  cursor: pointer;
}

.grc-w-70 {
  width: 85%;
  height: 32px;
}

.grc-flex-c {
  display: flex;
  flex-direction: column;
}

.grc-pop-regular {
  font-family: "Poppins-Medium";
  font-size: 16px;
  padding: 0 16px;
}

.grc-pop-regular>span {
  border-bottom: 1px solid var(--icon-color);
}

.add-member-head {
  font-size: 21px !important;
  display: inline-block;
  font-family: "Poppins-Medium";
  margin: 35px 0 0;
}

.add-member {
  border: 1px solid #b7b7b7;
  padding: 10px;
  margin: 20px 0;
  border-radius: 4px;
  position: relative;
}

.BC-select-grc {
  background: top;
  border-radius: 4px;
  font-size: 16px;
  padding: 5px 10px;
  font-family: "Poppins-Regular";
  background-color: #ffffff;
}

.grc-cancel {
  position: absolute;
  right: 10px;
  width: 33px;
  top: 10px;
}

.grc-timer {
  font-size: 16px;
  vertical-align: middle;
  width: 47px;
  margin-bottom: -3px;
  font-family: "Poppins-Medium";
  display: inline-block;
  position: relative;
}

.grc-sec {
  position: absolute;
  left: 9px;
  top: 2px;
}

.grc-sec1 {
  position: absolute;
  right: 2px;
  top: 2px;
  margin-left: -1px;
}

.offer-cart {
  float: right;
  padding: 8px 2px;
  text-align: center;
  cursor: pointer;
}

.offer-cart>img {
  width: auto;
  margin-top: 14px;
  margin-right: 9px;
}

.offercircle {
  background-color: #ffffff;
  border-radius: 9px;
  position: absolute;
  top: 17px;
  right: 6px;
  width: 18px;
  height: 18px;
  padding: 1px;
  text-align: center;
  font-size: 12px;
  font-family: "Poppins-Regular";
  color: #000000;
  line-height: 19px;
}

.offer-tab>div {
  display: inline-block;
  font-family: "Poppins-Regular";
  font-size: 16px;
  background-color: #ffffff;
  padding: 6px 20px;
  color: #7d7d7d;
  margin-right: 10px;
  border-radius: 22px;
}

.offer-tab-sel {
  background-color: var(--icon-color) !important;
  color: #ffffff !important;
}

.coupon-list-wrap {
  margin-top: 20px;
}

.coupon-list {
  padding: 10px;
  position: relative;
  box-shadow: 1px 1px 4px var(--icon-color);
  border-radius: 2px;
  margin-bottom: 20px;
}

.coupon-codewrap {
  display: flex;
  align-items: center;
}

.coupon-code {
  display: inline-block;
  font-family: "Poppins-Medium";
  font-size: 18px;
  color: var(--icon-color);
}

.offericon {
  width: 9%;
  margin-right: 10px;
  z-index: 1;
}

.copyicon {
  width: 7%;
  margin-left: 10px;
}

.bulleticon {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  margin-top: 4px;
  z-index: 1;
}

.coupon-desc-list {
  list-style: none;
  padding-left: 10px;
  font-family: "Poppins-Medium";
  font-size: 15px;
}

.coupon-desc-list>li {
  color: #000000;
  margin: 14px 0;
}

.color-grey {
  color: #7d7d7d !important;
}

.redline {
  position: absolute;
  width: 4px;
  height: 59%;
  top: 35px;
  left: 24px;
  border-left: 1px dashed var(--icon-color);
}

.triangle {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20%;
}

.discount_circle {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 22%;
}

.discount-value {
  position: absolute;
  top: 23px;
  right: 16px;
  text-align: center;
  width: 20%;
}

.discount-value>span:first-child {
  font-family: "Poppins-Medium";
  font-size: 20px;
}

.discount-value>span:last-child {
  font-family: "Poppins-Regular";
  font-size: 14px;
}

.itemsearch {
  width: 100%;
  border-radius: 0px;
  border: none;
  position: absolute;
  opacity: 0;
  transition: 0.5s;
  background-color: var(--bg-color);
  padding: 10px;
  top: 0;
  height: 55px;
  left: 0px;
  display: none;
}

.backMBimg {
  width: 26px !important;
}

.mbsearch {
  width: 23px;
  cursor: pointer;
}

.searchinputMB {
  padding: 0px 0px 0 10px;
  border: 0;
  display: table-cell;
  vertical-align: middle;
  line-height: 6px;
  width: 82%;
  outline: none;
  font-family: "Poppins-Regular";
  background-color: var(--bg-color);
  color: var(--text-color);
}

.opacity1 {
  opacity: 1 !important;
  z-index: 99;
  transition: 1s ease-in;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.nomatching {
  width: 100%;
  font-family: "Poppins-Medium";
  font-size: 15px;
  transition: 1s ease-in;
  margin-top: 30px 0;
  color: var(--primary-color);
}

.align-right {
  text-align: right !important;
  padding-right: 2px;
  display: flex;
  align-items: center;
}

.align-right>div {
  flex: 1;
}

.placeorder-btn {
  font-family: "Poppins-Regular";
  font-size: 18px;
  width: 95%;
  color: #ffffff;
  background-color: var(--icon-color);
  text-align: center;
  padding: 12px 18px;
  border: none;
  border-radius: 5px;
  border: 1px solid var(--primary-color);
  user-select: none;
  margin-bottom: 10px;
}

.placeorder-btn:active {
  background-color: var(--bg-color);
  border: 1px solid var(--golden-color);
  color: var(--text-color);
  border-radius: 5px;
}

.vieworder-btn {
  font-family: "Poppins-Regular";
  font-size: 17px;
  width: 93%;
  color: #ffffff;
  background-color: var(--icon-color);
  text-align: center;
  padding: 7px 18px;
  border: none;
  border-radius: 5px;
  border: 1px solid var(--icon-color);
  user-select: none;
}

.vieworder-btn:active {
  background-color: #ffffff;
  border: 1px solid var(--icon-color);
  color: #000000;
  border-radius: 5px;
}

.thanku-page-container {
  flex: 1;
  height: 100vh;
  position: fixed;
  overflow-y: hidden;
  background-image: url(../images/thank_you_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  display: inline-block;
}

.flexC-thanku {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.mandatory {
  color: red;
}

.date-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.date-container>div {
  font-family: "Poppins-Light";
  background-color: #bebaba;
  color: black;
  font-size: 15px;
  padding: 7px;
  width: calc(100% / 7 - 9px);
  border: 1px solid #fcdfe0;
  margin: 0 10px 10px 0;
  border-radius: 5px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.date-container>div:nth-child(7n + 7) {
  margin-right: 0;
}

.sel-date {
  font-family: "Poppins-Regular" !important;
  font-weight: 600;
  color: white !important;
  background-color: red !important;
}

.month-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.month-containerdiv {
  font-family: "Poppins-Light";
  background-color: #fcdfe0;
  color: black;
  font-size: 14px;
  padding: 7px;
  width: calc(100% / 3 - 10px);
  border: 1px solid #fcdfe0;
  margin: 0 10px 10px 0;
  border-radius: 5px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.month-containerdiv:nth-child(3n + 3) {
  margin-right: 0;
}

.date-text {
  font-family: "Poppins-Regular";
  font-size: 18px;
}

.backdate {
  width: 20px;
  margin-right: 12px;
  margin-top: -5px;
}

.date-input {
  width: 91%;
  border-radius: 3px;
  padding: 6px 10px;
  border: 1px solid #bcbcbc;
  outline: none;
  background-color: #ffffff;
  color: #000000;
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: "Poppins-Light";
  font-size: 16px;
}

.date-wrap {
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

.date-wrap::-webkit-scrollbar {
  display: none;
}

.select-datehead {
  font-family: "Poppins-Medium";
  font-size: 22px;
  text-align: center;
}

.add-icon {
  width: 20px;
}

.icon-wrap {
  display: flex;
  flex-direction: column;
}

.landing-main-logo {
  text-align: center;
  margin: 25px 0 30px;
}

.landing-main-logo>img {
  width: 50%;
}

.payment-t-h {
  font-family: "Poppins-Medium";
  font-size: 18px;
  text-align: center;
  color: var(--icon-color);
  margin: 10px 0;
}

.payment-t {
  font-family: "Poppins-Medium";
  font-size: 15px;
  text-align: center;
  margin: 10px 0;
}

.query-textarea {
  flex: 1;
  padding: 5px 10px;
  border-radius: 28px;
  height: 42px;
  font-size: 14px;
  font-family: "Poppins-Regular";
  border: 1px solid #aaa;
}

.query-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.send-icon {
  margin-left: 10px;
  width: 42px;
}

.payment-bill-wrap {
  margin-top: 28px;
}

.ml-15 {
  margin-left: 5px;
}

.menu-list-img {
  border-radius: 5px;
}

.payment-bill-wrap>div {
  background-color: #efefef;
  border-radius: 8px;
  padding: 15px;
}

.payment-bill-wrap>div:last-child {
  margin-left: 20px;
}

.view-bill {
  margin: 40px 0 10px;
  font-family: "Poppins-Medium";
  font-size: 17px;
  display: inline-block;
  border-bottom: 1px solid var(--icon-color);
}

.type-cat-list {
  background-color: #efefef;
  padding: 10px 20px;
  margin-bottom: 20px;
  border-radius: 6px;
  font-size: 13px;
  font-family: "Poppins-Medium";
}

.sel-cat-list {
  background-color: #f0f0f0;
}

.changeno {
  font-family: "Poppins-Medium";
  font-size: 12px;
  margin-left: 12px;
  border-bottom: 1px solid var(--icon-color);
}

.mobileno {
  font-family: "Poppins-Regular";
  font-size: 20px;
  letter-spacing: 2px;
  margin-left: 14px;
}

.pvrbtn {
  color: #292213 !important;
  padding: 5px 20px;
  border-radius: 8px;
  background-color: #c3a065;
  border: 1px solid #c3a065;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: none !important;
  font-family: "Poppins-Medium";
}

.custName {
  font-family: "Poppins-Medium";
  font-size: 28px;
  color: #ffffff !important;
  margin-top: 20px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}

.edit-icon {
  width: 7%;
  margin-top: -7px;
  margin-left: 10px;
}

.checkout-timer-wrap {
  width: 60%;
  /* top: 46px; */
  background: white;
  padding-left: 25px;
  z-index: 1;
}

.login-wrap {
  padding: 0 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.login-wrap>div {
  display: inline-block;
}

.login-wrap>div:first-child {
  margin-right: 20px;
}

.sizesblock {
  width: 100%;
  float: left;
  border-bottom: 0px solid #ebebeb;
  margin-bottom: 5px;
  /* padding: 0 17px; */
}

.pdpintsurc {
  width: 100%;
  float: left;
  margin-top: 0px;
  margin-bottom: 10px;
}

.sizesblock-title {
  width: 100%;
  float: left;
  font-size: 15px;
  color: var(--text-color);
  margin-bottom: 0px;
  font-family: "Poppins-Medium";
}

.sizesblock-title2 {
  width: 100%;
  float: left;
  font-size: 15px;
  color: var(--text-color);
  margin-bottom: 5px;
  font-family: "Poppins-Medium";
}

.sizesblock-descrip {
  width: 100%;
  float: left;
  font-size: 12px;
  color: #989898;
  margin-bottom: 10px;
  font-family: "Poppins-Regular";
}

.sizesblock-row {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.sizesblock-radio {
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 11px !important;
  display: inline-block;
  margin-top: 1px !important;
}

.checkbox-custom {
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 11px !important;
  display: inline-block;
  margin-top: 1px !important;
}

.sizesblock-radio+.sizesblock-label:before {
  border-radius: 50%;
}

.sizesblock-radio:checked+.sizesblock-label:before {
  background: #ff0000;
  box-shadow: inset 0px 0px 0px 4px #fff;
}

.checkbox-custom,
.sizesblock-radio {
  opacity: 0;
  position: absolute;
}

.checkbox-custom,
.checkbox-custom-label,
.sizesblock-radio,
.sizesblock-label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
}

.checkbox-custom-label,
.sizesblock-label {
  position: relative;
}

.checkbox-custom+.checkbox-custom-label:before,
.sizesblock-radio+.sizesblock-label:before {
  content: "";
  background: #fff;
  border: 1px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
  border-radius: 4px;
}

.checkbox-custom:checked+.checkbox-custom-label:before {
  background: #e63b4c;
  box-shadow: inset 0px 0px 0px 0px #fff;
}

.sizesblock-radio+.sizesblock-label:before {
  border-radius: 50%;
}

.sizesblock-radio:checked+.sizesblock-label:before {
  background: #e63b4c;
  box-shadow: inset 0px 0px 0px 3px #fff;
}

.checkbox-custom:focus+.checkbox-custom-label,
.sizesblock-radio:focus+.sizesblock-label {
  outline: 1px solid #e63b4c;
  /* focus style */
}

.checkbox-custom-label {
  width: 192px;
  float: left;
  display: inline-block;
  font-size: 14px;
  font-family: "Poppins-Regular";
  outline: none !important;
  font-weight: normal;
  margin: 1px 0 0 0;
  color: var(--text-color);
}

.sizesblock-label {
  width: 155px;
  float: left;
  display: inline-block;
  font-size: 14px;
  font-family: "Poppins-Regular";
  outline: none !important;
  font-weight: normal;
  margin: 1px 0 0 0;
  /* color: var(--text-color); */
}

.pdp-detailwrap .remark {
  width: 90%;
  position: relative;
  z-index: 999999;
  background-color: var(--bg-color);
  /* color: var(--text-color); */
}

.sizesblock-price {
  width: 70px;
  float: right;
  display: inline-block;
  font-size: 16px;
  color: var(--text-color);
  text-align: right;
  font-family: "Poppins-Regular";
}

.nextprevpdp {
  position: fixed;
  width: calc(100% + 44px);
  top: 106px;
  left: -22px;
  z-index: 9999;
  height: 50px;
}

.nextprevpdp-bottom {
  bottom: 10px !important;
}

#pdp .modal-dialog {
  margin: 25px;
}

.nextprevpdp .pdp-add {
  font-size: 15px;
  padding: 0px 0px;
  border-radius: 0px 0px 0px 0;
  margin-left: 0px;
  background-color: transparent;
  border: none;
}

.nextprevpdp .pdp-add.pull-right {
  border-radius: 0px 0px 0px 0;
  margin-right: 0px;
  margin-left: 0px;
}

#pdp .modal-content,
#pdp .swiper-container {
  overflow: visible !important;
  background-color: var(--bg-color);
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: block;
  }

  .marquee {
    padding: unset !important;
    padding-top: 10px !important;
  }

  .searched-item-wrap .searched-item-list {
    position: absolute;
    top: 0;
    max-width: 1170px;
  }
}

.left-nav {
  display: none;
}

@media (min-width: 1024px) {

  /* .stickydown{
        display: none
    } */
  .desktop {
    width: 65%;
    float: left;
  }

  .left-nav {
    display: block;
    width: calc(35% - 40px);
    float: left;
    padding-right: 40px;
    height: 90vh;
    border-right: 1px solid #cbcbcb;
    margin-right: 40px;
  }

  .left-nav-text {
    font-family: "Poppins-Light";
    font-size: 20px;
    color: var(--text-color);
    text-transform: capitalize;
    margin: 6px 0 0 20px;
  }

  .left-nav-text-sel {
    color: var(--icon-color);
    background-color: #f5d8dd;
  }

  .leftnav-list {
    padding: 10px 20px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .leftnav-list-border {
    padding: 20px 0;
    border-bottom: 1px solid #cbcbcb;
  }

  .div50-menu {
    margin: 17px 34px 17px 0;
    width: calc(50% - 17px);
  }

  .limenu {
    font-size: 16px;
  }

  /* .fixup{
        left: 35%;
        width: 65% !important;
    } */
  .navbar-collapse .desk-mode-off {
    display: none !important;
  }

  .con-detail .contactus-text {
    margin: 5px 0 5px;
  }

  .duplicate-vieworder-wrapper .webviewoff {
    display: none !important;
  }

  .desktop-btn-align {
    width: 400px !important;
    margin: auto !important;
    float: none !important;
    max-width: 1170px !important;
  }

  .prevnextbtnalign {
    font-size: 70px !important;
    top: 54px !important;
    padding: 0px 50px !important;
  }

  .todays-item-name {
    font-size: 70px !important;
  }

  .item-row {
    line-height: 1 !important;
  }

  .back-btn-logo {
    width: 36px;
    height: 70px;
  }
}

.type-name {
  margin-left: 5px;
  font-family: "Poppins-Light";
  font-size: 15px;
}

.selected-list {
  font-family: "Poppins-Light";
  font-size: 15px;
}

.type-2-list {
  overflow-y: auto;
  height: calc(100vh - 460px);
}

.type-2-list::-webkit-scrollbar {
  display: none;
}

.type-2-list>div {
  margin: 5px 5px 30px;
  /* border: 1px solid #00BCD4; */
  border-radius: 4px;
  display: flex;
  padding: 10px;
  box-shadow: 2px 2px 5px #aaa;
}

#listing-container {
  padding-bottom: 70px;
  width: 100%;
  float: left;
  border-radius: 25px 25px 0px 0;
  padding: 57px 15px 75px;
  background-color: #ffffff;
}

.monte,
.newmenu-price {
  /* font-family: 'Montserrat-Regular'; */
  /* font-family: 'Poppins-Medium'; */
  font-family: "Poppins-Regular";
  font-size: 17px;
  color: var(--text-color);
  text-align: right;
  padding-right: 2px;
}

.menulist-name {
  font-family: "Poppins-Regular";
  font-size: 16px;
  color: var(--text-color);
  line-height: 1.2;
}

.icon-wrap-menu-list {
  position: absolute;
  left: 0;
  top: 1px;
  display: flex;
  gap: 10px;
}

.menulisting-wrap {
  border-bottom: #dde5ed;
  display: flex;
  position: relative;
  padding-bottom: 10px;
  transition: all 200ms linear;
  /* margin-top: 20px; */
  border-radius: 10px;
  border: 1px solid var(--primary-color-alpha);
}

.ml-25 {
  margin-left: 25px;
}

.ml-20 {
  margin-left: 20px;
}

.mt-38 {
  margin-top: 38px;
}

.icon-wrap-menu-list1 {
  position: absolute;
  left: 0;
  top: -4px;
}

.add-btn {
  font-size: 1.2rem;
  color: red;
  /* font-family: 'Poppins-Medium'; */
  font-weight: 600;
  justify-content: center;
  width: 84px;
  height: 30px;
  background: #fff;
  border: 1px solid black;
  border-radius: 15px;
}

.add-btn:active {
  color: #ffffff;
  border: 1px solid #ffffff;
  background: var(--icon-color);
}

.add-btn:focus {
  color: #ffffff;
  border: 1px solid #ffffff;
  background: var(--icon-color);
}

.outofstock {
  font-size: 1.2rem;
  color: grey;
  float: right;
  /* font-family: 'Poppins-Medium'; */
  font-weight: 600;
  justify-content: center;
  width: 100px;
  height: 30px;
  background: #fff;
  border: 1px solid grey;
  border-radius: 15px;
}

.menu-price {
  font-family: "Poppins-Medium";
  font-size: 16px;
  margin-top: 5px;
  min-height: 25px;
}

.veg-non-spicy {
  width: auto;
  float: left;
  position: relative;
}

.menu-price button.add-btn {
  float: right;
}

.pdp-detailwrap {
  padding: 10px 15px 0px;
  width: 100%;
  float: left;
}

.remark {
  height: 30px;
  padding: 6px;
  border: none;
  border-bottom: 1px solid #ebebeb;
  outline: none;
  font-family: "Poppins-Regular";
  font-size: 14px;
  color: #7a7a7a;
  resize: none;
  margin-bottom: 10px;
  width: 100%;
}

.remark-icon {
  width: 19px;
  height: 19px;
  margin-top: 8px;
}

.pdp-showmore {
  position: absolute;
  right: 0;
  bottom: 5px;
  background-color: white;
  color: #00a651;
  cursor: pointer;
  font-family: "Poppins-Light";
  font-size: 13px;
  margin-left: 10px;
}

.header-icon-wrap {
  /* padding: 24px 8px; */
  padding: 12px 4px 0;
  float: right;
  text-align: center;
}

.header-icon {
  width: 23px;
}

/* ///address */
.homeimg {
  width: 136px;
  display: inline-block;
  padding: 9px 0 7px;
}

.small-device .homeimg {
  width: 99px;
  display: inline-block;
  padding: 9px 0 13px;
}

.labelhomeadr {
  font-family: "Poppins-Regular";
  color: gray;
  font-size: 15px;
  padding: 5px 10px 0 7px;
  width: 78px;
  line-height: 17px;
  font-weight: 100;
}

.homeimg img {
  width: 16px;
  margin-top: -5px;
}

.addrspop {
  width: 100%;
  float: left;
  margin: 0 0 10px;
  border-bottom: 1px solid #dde5ed;
  padding-bottom: 10px;
}

.addrspop:last-child {
  border-bottom: none;
}

.addrspop-location {
  width: 100%;
  float: left;
  margin: 0 0 10px;
  /* box-shadow: 3px 3px 15px 0px rgba(63,63,63,0.36); */
  border: 1px solid grey;
  padding: 15px;
  border-radius: 6px;
}

.selected-green {
  color: var(--icon-color);
}

.pdp-minus-wrap {
  width: 34px;
  height: 34px;
}

/* #pdp-main-container{
    position: relative;
} */
.review-section1 {
  display: flex;
  align-items: center;
}

.add-cart-sticky {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 10px 20px;
  z-index: 1;
  border-top: 1px solid #dde5ed;
  background-color: #ffffff;
}

.review-btn {
  font-family: "Poppins-Medium";
  font-size: 14px;
  color: #ffffff;
  background-color: var(--icon-color);
  text-align: center;
  padding: 8px 12px;
  border: none;
  border-radius: 5px;
  border: 1px solid var(--icon-color);
  user-select: none;
}

.review-btn:active {
  background-color: #ffffff;
  border: 1px solid var(--icon-color);
  color: #000000;
  border-radius: 5px;
}

.review-qty {
  width: 30px;
  margin-right: 20px;
}

.review-qty-circle {
  background-color: var(--icon-color);
  border-radius: 9px;
  position: absolute;
  top: 1px;
  right: -7px;
  width: 16px;
  height: 16px;
  padding: 1px;
  text-align: center;
  font-size: 10px;
  font-family: "Poppins-Regular";
  color: #ffffff;
}

.review-total {
  font-family: "Poppins-Medium";
  align-items: center;
  font-size: 16px;
  padding: 6px 0 6px 15px;
  border-left: 1px solid #dde5ed;
}

.shake-cart {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  /* perspective: 1000px; */
}

@keyframes shake {

  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

.addrType {
  font-family: "Poppins-Medium";
  color: var(--text-color);
  font-size: 15px;
  padding: 10px;
  flex: 1;
}

.selectAddrType {
  color: var(--icon-color);
}

.order-preplanned {
  font-family: "Poppins-Medium";
  font-size: 12px;
}

.poppins-med {
  font-family: "Poppins-Medium";
}

.latolight {
  font-family: "Poppins-Regular";
  font-size: 12px;
  color: grey;
}

.confirmation-btn {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
}

.confirmation-btn>button {
  font-family: "Poppins-Regular";
  font-size: 18px;
  width: 95%;
  color: var(--bg-color);
  background-color: var(--icon-color);
  text-align: center;
  padding: 12px 18px;
  border: none;
  border-radius: 5px;
  user-select: none;
}

.confirmation-btn>button:active,
.confirmation-btn>button:hover {
  background-color: var(--icon-color);
}

.mb-150 {
  margin-bottom: 130px;
}

.bottom-70 {
  bottom: 70px;
}

.bottom-80 {
  bottom: 80px;
}

.margin-tb-50-70 {
  margin: 55px 0 70px;
}

.m-b-190 {
  margin-bottom: 190px;
}

.mb20 {
  margin-bottom: 20px;
}

.subscribe {
  /* padding: 7px 15px;
    border-radius: 20px; */
  padding: 3px 14px;
  border-radius: 50%;
  position: fixed;
  bottom: 76px;
  right: 12px;
  z-index: 1;
  border: 2px solid var(--icon-color);
  background-color: #ffffff;
  /* width: 0px; */
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
  font-family: "Poppins-Regular";
  color: var(--icon-color);
}

.subscribe2 {
  padding: 9px 17px;
  border-radius: 20px;
  font-family: "Poppins-Medium";
  position: fixed;
  bottom: 76px;
  right: 12px;
  z-index: 1;
  border: 0;
  background-color: #ffffff;
  color: var(--icon-color);
}

.subs-text {
  width: 0px;
  overflow: hidden;
  display: none;
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
  font-family: "Poppins-Regular";
  color: var(--icon-color);
}

.bottom-60 {
  bottom: 70px;
  right: 14px;
}

.bottom-20 {
  bottom: 20px;
}

.width-100 {
  width: 100px;
}

.width-0 {
  width: 0;
}

.circle-padd {
  border-radius: 50% !important;
}

.square-padd {
  border-radius: 20px !important;
}

.custom-colorbtn {
  background: linear-gradient(-45deg,
      rgb(250, 213, 180) 41%,
      rgb(246, 232, 221) 64%,
      rgb(241, 180, 125) 100%);
  background-size: 300% 300%;
  animation: gradient 7s ease infinite;
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@-moz-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@-o-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.del-note {
  font-family: "Poppins-Regular";
  font-size: 13px;
  margin-bottom: 10px;
  padding: 0 11px;
  color: var(--text-color);
}

md-switch.md-default-theme.md-checked:not([disabled]).md-warn .md-thumb,
md-switch.md-checked:not([disabled]).md-warn .md-thumb {
  background-color: #25dea4;
}

/* md-switch.md-default-theme.md-checked:not([disabled]).md-warn .md-ink-ripple, md-switch.md-checked:not([disabled]).md-warn .md-ink-ripple {
    color: rgb(158,158,158);
} */

md-switch.md-default-theme.md-checked:not([disabled]).md-warn .md-bar,
md-switch.md-checked:not([disabled]).md-warn .md-bar {
  background-color: rgb(158, 158, 158);
}

.subcategory {
  font-family: "Poppins-Medium";
  font-size: 20px;
  margin: 10px 0 8px;
}

.resentotp {
  border-bottom: 1px solid var(--icon-color);
  padding: 6px 10px;
  width: auto;
  color: #000000;
  font-family: "Poppins-Regular";
  font-size: 15px;
  margin-right: 20px;
  display: inline-block;
}

.hide {
  display: none !important;
}

.order-row1 {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

.order-row2 {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}

.order-row3 {
  width: 100%;
  float: left;
}

.order-row2-column1 {
  float: left;
  width: 55%;
}

.order-row2-column2 {
  width: 45%;
  float: right;
  text-align: right;
}

.order-row2-pickup {
  font-family: "Poppins-Medium";
  font-size: 14px;
  color: var(--icon-color);
  margin-bottom: 5px;
  width: 100%;
  float: left;
}

.order-row2-address {
  font-family: "Poppins-Regular";
  font-size: 12px;
  color: var(--text-color);
  width: 100%;
  float: left;
}

.order-row3-remark {
  font-family: "Poppins-Regular";
  font-size: 12px;
  color: var(--text-color);
  width: 100%;
  float: left;
  font-style: italic;
  margin-top: 5px;
}

.order-row3-remark span {
  float: left;
  display: inline-block;
  margin-right: 5px;
  color: var(--icon-color);
}

span.order-row3-txt1,
span.order-row3-txt2,
span.order-row3-txt3 {
  font-size: 14px;
  font-family: "Poppins-Light";
  border-bottom: 1px dashed var(--icon-color);
  margin-right: 10px;
  cursor: pointer;
}

.bd-row1 {
  width: 100%;
  float: left;
  margin-top: 15px;
}

.bd-row1-blockleft {
  width: 45%;
  float: left;
}

.bd-row1-blockleft-row1 {
  width: 100%;
  float: left;
  font-family: "Poppins-Medium";
  font-size: 16px;
  color: #e63b4c;
  margin-bottom: 2px;
}

.bd-row1-blockleft-row2 {
  width: 100%;
  float: left;
  font-family: "Poppins-Medium";
  font-size: 18px;
  color: var(--text-color);
  margin-bottom: 2px;
}

.bd-row1-blockright {
  float: right;
  width: 55%;
}

.bd-row1-blockright-row1 {
  width: 100%;
  float: left;
  font-family: "Poppins-Medium";
  font-size: 12px;
  color: var(--text-color);
  margin-bottom: 2px;
  text-align: right;
  margin-top: 6px;
}

.bd-row1-blockright-row2 {
  width: 100%;
  float: left;
  font-size: 11px;
  color: var(--text-color);
  margin-bottom: 2px;
  text-align: right;
  margin-top: 8px;
  font-family: "Poppins-Regular";
}

.bd-row2-delivertitle {
  width: 100%;
  float: left;
  font-family: "Poppins-Medium";
  font-size: 15px;
  color: var(--text-color);
  margin-bottom: 0px;
  text-align: left;
}

.bd-row2-deliveraddress span,
.bd-row2-deliveraddress label {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  height: auto;
  display: inline-block;
  color: var(--text-color);
}

.bd-body {
  width: 100%;
  float: left;
  margin-top: 25px;
}

.bd-item-row {
  width: 100%;
  float: left;
  margin-bottom: 7px;
}

.bd-item-cover {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--border-color);
  color: var(--text-color);
}

.orderitname1 {
  font-family: "Poppins-Regular";
  color: var(--text-color);
  width: 70%;
  padding-left: 0;
  font-size: 14px;
  float: left;
}

.bd-discount-row {
  width: 100%;
  float: left;
  border-bottom: 1px solid var(--icon-color);
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.bd-discount-tax .orderitprice1,
.bd-discount-tax .monte {
  color: var(--text-color);
  font-size: 14px !important;
  width: 30%;
}

.bd-discount-tax {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

.bd-discount-nametotal {
  margin-bottom: 15px;
}

.bd-discount-nametotal .orderitname2,
.bd-discount-nametotal .orderitprice1 {
  font-size: 16px;
}

.bd-paid-cash {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}

.bd-paid-cash .orderitname2 {
  color: var(--text-color);
  font-size: 18px;
  font-family: "Poppins-Medium";
}

.bd-paid-cash .orderitprice1 {
  font-size: 17px;
  width: 30%;
  line-height: 25px;
}

.dbillsbill {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-family: "Poppins-Regular";
  font-size: 17px;
  border-top: 1px solid var(--primary-color-alpha);
}

span.bd-action-bill {
  display: inline-block;
  margin: 0 10px;
  border-bottom: 1px dashed #e63b4c;
  padding-bottom: 3px;
  cursor: pointer;
  color: var(--text-color);
}

.bd-discount-nametotal .orderitprice1,
.bd-discount-nametotal .monte {
  width: 30%;
  color: var(--text-color);
}

.osts-heading {
  width: 100%;
  float: left;
  text-align: center;
  font-family: "Poppins-Regular";
  font-size: 24px;
  color: var(--text-color);
  margin: 15px 0 10px;
}

.osts-invoice {
  width: 100%;
  float: left;
  text-align: center;
  font-family: "Poppins-Regular";
  font-size: 17px;
  color: var(--text-color);
}

.osts-invoice span {
  font-family: "Poppins-Medium";
  font-size: 20px;
}

.osts-price {
  width: 100%;
  float: left;
  text-align: center;
  color: var(--text-color);
  display: inline-block;
  font-size: 22px;
  font-family: "Poppins-Medium";
}

.osts-price .monte {
  color: var(--text-color);
  display: inline-block;
  font-size: 25px;
}

.osts-price img {
  display: inline-block;
  width: 24px;
  margin: -4px 0 0 0;
}

.osts-price {
  width: 100%;
  float: left;
  text-align: center;
  color: var(--text-color);
  display: inline-block;
  font-size: 22px;
  font-family: "Poppins-Medium";
  margin: 10px 0 10px 0;
}

.osts-img {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 20px;
}

.osts-img img {
  width: 85%;
  max-width: 476px;
  display: inline-block;
}

.osts-cust-detail {
  width: 100%;
  float: left;
  border: 1px solid var(--border-color);
  border-radius: 15px;
  padding: 20px 20px;
}

.osts-cust-icon {
  float: left;
  width: 40px;
}

.osts-cust-icon img {
  width: 40px;
}

.osts-cust-namenum {
  width: 190px;
  float: left;
  text-align: left;
  font-family: "Poppins-Regular";
  margin-left: 15px;
  border-right: 1px solid var(--text-color);
}

.osts-cust-name {
  width: 100%;
  float: left;
  font-family: "Poppins-Regular";
  font-size: 15px;
  color: #000000;
  padding: 0px 0 5px;
}

.osts-cust-number {
  width: 100%;
  float: left;
  font-family: "Poppins-Regular";
  font-size: 14px;
  color: #000000;
  padding: 0px 0 0px;
}

.osts-cust-callicon img {
  width: 40px;
  display: inline-block;
  margin: 4px 0 0 0;
}

.osts-cust-callicon {
  float: left;
  width: 57px;
  text-align: right;
}

.osts-help {
  width: 100%;
  float: left;
  text-align: right;
  margin: 20px 0 30px;
}

.osts-help span {
  display: inline-block;
  font-size: 14px;
  color: var(--text-color);
  font-family: "Poppins-Medium";
  border-bottom: 1px dashed var(--icon-color);
}

.osts-help {
  width: 100%;
  float: left;
  text-align: right;
  margin: 20px 0 35px;
  padding: 0 10px;
}

.osts-track-cover {
  width: 100%;
  float: left;
  margin-bottom: 100px;
}

.osts-track-block {
  width: 100%;
  float: left;
}

.osts-track-time {
  float: left;
  width: 35%;
  text-align: left;
  padding-left: 25px;
  font-family: "Poppins-Medium";
  font-size: 16px;
}

.osts-track-tt {
  width: 90%;
  float: left;
  color: var(--text-color);
}

.osts-track-dot {
  width: 10%;
  float: right;
  position: relative;
  height: 75px;
}

.osts-track-dot span.dot {
  width: 14px;
  height: 14px;
  background-color: #848484;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  z-index: 3;
}

.osts-track-dot span.height {
  width: 2px;
  background-color: #848484;
  display: inline-block;
  height: 70px;
  position: absolute;
  top: 12px;
  left: 6px;
  z-index: 2;
}

.active .osts-track-dot span.dot {
  background-color: var(--icon-color);
}

.active .osts-track-txt1 {
  color: var(--text-color);
}

.osts-track-dot span.height.active {
  background-color: var(--icon-color);
}

.osts-track-txt {
  width: 65%;
  float: right;
  padding-left: 18px;
  text-align: left;
  margin-top: -10px;
}

.osts-track-img {
  width: 45px;
  float: left;
  margin-right: 10px;
}

.osts-track-img img {
  width: 100%;
}

.osts-track-txt1 {
  width: calc(100% - 55px);
  float: left;
  font-family: "Poppins-Medium";
  text-align: left;
  font-size: 11px;
  margin: 5px 0 0 0;
  color: var(--text-color);
}

.osts-track-txt2 {
  width: calc(100% - 55px);
  float: left;
  text-align: left;
  font-size: 10px;
  font-family: "Poppins-Regular";
  color: var(--text-color);
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  width: 100%;
  float: left;
  padding: 10px;
  box-shadow: none !important;
}

.swipetosee {
  position: absolute;
  bottom: 80px;
  left: calc(50% - 45%);
  width: 90%;
  float: left;
  border-radius: 50px;
  color: #ffffff;
  text-align: center;
  padding: 15px 30px;
  background-color: rgba(0, 0, 0, 0.3);
  font-family: "Poppins-Regular";
  font-size: 18px;
  line-height: 36px;
  height: 62px;
}

.swipetosee img {
  float: right;
  display: inline-block;
}

.ordering-cover {
  width: 100%;
  float: left;
  padding: 15px 10px 15px;
  background-color: var(--border-color);
  display: none;
}

.ordering-txt1 {
  width: 100%;
  float: left;
  font-family: "Poppins-Medium";
  font-size: 18px;
  color: #000000;
  display: none;
}

.ordering-txt1 span {
  display: inline-block;
  float: right;
  font-size: 14px;
  font-family: "Poppins-Regular";
  border-bottom: 1px dashed #e63b4c;
  padding-bottom: 2px;
  margin: 2px 4px 0 0;
}

.ordering-txt2 {
  width: 100%;
  float: left;
  font-size: 15px;
  color: var(--text-color);
  font-family: "Poppins-Regular";
  margin: 10px;
}

.ordering-txt2 span {
  border-left: 1px solid;
  padding-left: 10px;
  margin-left: 10px;
}

.deliverypick-cover {
  width: 100%;
  float: left;
  background-color: var(--bg-color);
  border-radius: 0px 0px 0 0;
  margin: 0px 0 0 0;
  padding: 15px 10px;
}

.deliv-deli,
.deliv-ppick {
  width: auto;
  padding: 7px 10px 6px;
  border-radius: 7px;
  float: left;
  border: 1px solid #858585;
  font-family: "Poppins-Medium";
  font-size: 14px;
  color: #858585;
  cursor: pointer;
  margin-right: 20px;
}

.deliv-deli:hover,
.deliv-ppick:hover,
.deliv-deli.active,
.deliv-ppick.active {
  border: 1px solid var(--icon-color);
  color: var(--icon-color);
}

.deliv-place {
  width: 100%;
  float: left;
  padding: 0px 10px;
  margin: 5px 0 20px;
}

.deliv-placebtn {
  width: 33%;
  float: left;
  font-family: "Poppins-Regular";
  font-size: 16px;
}

.deliv-placebtn img {
  width: 30px;
  float: left;
  display: inline-block;
  margin-right: 7px;
}

.deliv-placebtn span {
  display: inline-block;
  float: left;
  color: #858585;
  margin: 7px 0 0 0;
}

.deliv-placebtn.active span {
  color: #e63b4c;
}

.deliv-add {
  width: 100%;
  float: left;
  font-family: "Poppins-Regular";
  font-size: 14px;
  padding: 0 12px;
  margin-bottom: 10px;
  color: var(--text-color);
}

.add-address img {
  width: 22px;
  float: left;
  margin: -2px 8px 0 0;
}

.add-address {
  width: 100%;
  float: left;
  padding: 5px 10px;
  font-family: "Poppins-Regular";
  font-size: 14px;
  color: #858585;
  margin: 0 0px 10px;
  cursor: pointer;
}

.deliv-note {
  width: 100%;
  float: left;
  padding: 0 10px;
  margin-bottom: 15px;
}

.deliv-note span {
  width: 100%;
  float: left;
  display: inline-block;
  border: 1px solid var(--border-color);
  padding: 10px 5px 8px;
  border-radius: 8px;
  font-family: "Poppins-Medium";
  text-align: center;
  font-size: 14px;
  color: var(--text-color);
}

.brd-grey3 {
  width: 100%;
  float: left;
  padding: 0 10px;
  margin-bottom: 10px;
}

.brd-grey3 span {
  width: 100%;
  float: left;
  background-color: var(--border-color);
  height: 1px;
}

.deliv-later {
  width: 50%;
  float: left;
  padding: 0 10px;
  margin-bottom: 25px;
  font-size: 16px;
  font-family: "Poppins-Medium";
}

.deliv-datetime {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.deliv-datetime {
  width: 100%;
  float: left;
  margin-bottom: 12px;
  padding: 0 10px;
}

.deliv-datetime img {
  width: 23px;
  float: left;
  margin: 0 0 0 -25px;
}

.deliv-datetime .time-column img {
  margin: 0 0 0 9px;
}

.deliv-date {
  width: 46%;
  padding: 0 15px;
  float: left;
}

.deliv-time {
  width: 54%;
  float: left;
}

.deliv-date .md-button.md-icon-button {
  display: none;
}

.deliv-date input {
  float: left;
  border: unset;
  width: 100%;
  border-bottom: 1px solid rgb(136, 116, 116);
  padding-bottom: 7px;
  padding-left: 6px;
}

.deliv-date md-content {
  background-color: transparent;
  width: calc(100% - 40px);
  float: left;
  cursor: pointer;
}

.deliv-date .layout-padding>* {
  padding: 2px 0 0 0;
}

.deliv-time .time-icon {
  display: none;
}

.deliv-time .inR-position-rel {
  width: calc(100% - 40px);
  float: left;
  cursor: pointer;
}

.deliv-time .deliveryslots {
  width: calc(100% - 6px);
}

.deliv-time .time-picker-string {
  margin: 5px 0px 0px 20px !important;
  display: flex;
  align-items: center;
}

.deliv-time .deliveryslots .time-picker-string {
  margin: 0 !important;
}

.sel-mode-title {
  width: 100%;
  float: left;
  color: var(--text-color);
  font-size: 15px;
  padding: 0 10px;
  font-family: "Poppins-Medium";
  margin: 5px 0 10px;
}

.sel-mode-buttons {
  width: 100%;
  float: left;
  padding: 0 10px;
  margin: 5px 0 15px;
}

.selm-btn img {
  width: 25px;
}

.selm-btn {
  width: 50%;
  float: left;
  font-family: "Poppins-Regular";
  font-size: 15px;
  color: var(--text-color);
  padding: 10px 10px;
  border-radius: 10px;
  cursor: pointer;
}

.selm-btn.active {
  background-color: var(--border-color);
  border: 1px solid var(--icon-color);
}

.deliv-amt-cover {
  width: 100%;
  float: left;
  padding: 0 10px;
  font-size: 16px;
  font-family: "Poppins-Medium";
}

.deliv-amtpay {
  width: 50%;
  float: left;
  text-align: left;
  color: var(--text-color);
}

.deliv-price {
  width: 50%;
  float: left;
  text-align: right;
  padding-right: 5px;
  color: var(--text-color);
}

.deliv-price img {
  width: 20px;
  margin-right: 3px;
}

.deliv-price .monte {
  font-size: 18px;
}

.cart-itemname {
  width: 65%;
  float: left;
}

.cart-itemprice {
  width: 35%;
  float: right;
}

.cart-itemname img {
  margin: -3px 0 0 0px;
}

.cart-iteminst-txt {
  width: 65%;
  float: left;
  padding-left: 0px;
}

.cart-iteminst-btns {
  width: 33%;
  float: right;
}

.menu-button {
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.cart-iteminst {
  width: 100%;
  float: left;
  margin: 0 0 0;
}

.cart-iteminst .menu-button {
  margin-top: 2px;
}

.cart-cover-main {
  width: 100%;
  float: left;
  margin-bottom: 0;
  height: calc(100vh - 430px);
  overflow: auto;
}

.cartsubtotal {
  width: 100%;
  float: left;
  border-bottom: 1px solid var(--icon-color);
  margin-bottom: 15px;
  padding: 0 18px 15px;
}

.cartst-item1 {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

.cartst-item2 {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

.cartst-item1-txt {
  width: 75%;
  float: left;
  font-size: 14px;
  color: var(--text-color);
  font-family: "Poppins-Regular";
}

.cartst-item1-price {
  width: 25%;
  float: right;
  font-size: 14px;
  color: var(--text-color);
  font-family: "Poppins-Regular";
  text-align: right;
}

.cartst-item2-txt {
  width: 75%;
  float: left;
  font-size: 14px;
  color: var(--text-color);
  font-family: "Poppins-Regular";
}

.cartst-item2-txt span {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px dashed var(--icon-color);
}

.cartst-item2-txt img {
  width: 25px;
  display: inline-block;
  margin-left: 5px;
  display: none;
}

.amtpaytotal {
  width: 100%;
  float: left;
  font-family: "Poppins-Medium";
  color: var(--text-color);
  font-size: 16px;
  margin-bottom: 10px;
  padding: 0 10px;
}

.amttxt {
  float: left;
  width: 60%;
}

.amtprice {
  float: right;
  width: 40%;
  text-align: right;
}

.cartprivacytxt {
  width: 100%;
  float: left;
  font-family: "Poppins-Regular";
  font-size: 12px;
  color: var(--text-color);
  margin-bottom: 2px;
  padding: 0 10px;
}

.cartprivacytxt span {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px dashed var(--icon-color);
  cursor: pointer;
}

.cartaddinst {
  width: 100%;
  float: left;
  padding: 0 5px;
  margin: 10px 0 15px;
  font-family: "Poppins-Regular";
  font-size: 14px;
  color: #858585;
}

.cartaddinst span,
.cartaddinst input {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px dashed var(--icon-color);
}

.cartsubtotal .monte {
  color: var(--text-color);
}

.amtprice .monte {
  font-size: 19px;
}

img.applycouponimg1 {
  width: 25px;
  float: left;
}

.applycoupontxt {
  width: auto;
  float: left;
  margin-left: 10px;
  font-family: "Poppins-Medium";
  font-size: 12px;
  /* margin-top: 3px; */
  color: var(--text-color);
}

img.applycouponimg2 {
  width: 20px;
  float: right;
  margin: 2px 0 0 0;
}

#couponModal .modal-dialog.couponwidth {
  margin: 0px;
  background-color: #f0f0f0;
}

#couponModal .modal-content {
  position: relative;
  background-color: transparent;
  border: 0px solid rgba(0, 0, 0, 0.2);
  box-shadow: none;
}

#couponModal .modal-header {
  padding: 3px !important;
  border-bottom: 0px solid #e5e5e5 !important;
}

.enterpromo {
  width: 100%;
  float: left;
  padding: 0 10px;
}

input.enterpromoinput {
  width: 80%;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #000000;
  height: 35px;
  float: left;
  display: inline-block;
  margin-bottom: 45px;
}

.enterpromobtn {
  width: 20%;
  float: left;
  font-size: 15px;
  font-family: "Poppins-Regular";
  text-align: right;
  color: #e63b4c;
  padding: 12px 0 0 0;
  position: absolute;
  right: 22%;
  letter-spacing: 0.5px;
}

#couponModal .modal-body {
  background-color: #ffffff;
  border-radius: 30px 30px 0 0;
  margin-top: -25px;
  padding-top: 33px;
}

.couponsroll {
  width: 100%;
  float: left;
  height: calc(100vh - 106px);
  overflow-y: auto;
}

.discount {
  text-align: center;
  font-size: 26px;
  transform: translate(0px, 25px);
}

.off {
  text-align: right;
  font-size: 22px;
  margin-right: 20px;
  transform: translate(0px, 25px);
}

.offer-background {
  background-color: aquamarine;
  border-radius: 10px 0px 0px 10px;
}

.coupon-cover {
  width: calc(100% - 10px);
  float: left;
  /* box-shadow: 3px 4px 8px var(--border-color); */
  margin-left: 5px;
  margin-top: 5px;
  /* padding: 15px 15px 7px; */
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.coupon-wrapper {
  display: grid;
  grid-template-columns: 2fr 4fr;
  border-radius: 10px;
  height: auto;
  margin-bottom: 13px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.coupon-wrapper:before {
  background: white;
  width: 40px;
  content: "";
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ccc;
  position: absolute;
  display: inline-block;
  top: 35%;
  left: -27px;
  z-index: 9999;
}

.coupon-wrapper::after {
  background: white;
  width: 40px;
  content: "";
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ccc;
  position: absolute;
  display: inline-block;
  top: 34%;
  z-index: 9999;
  right: -27px;
}

.coupon-left {
  width: 75%;
  float: left;
}

.coupon-right {
  width: 25%;
  float: right;
}

.coupon-right-dicount {
  width: 100%;
  float: left;
  position: relative;
}

.coupon-right-dicountimg img {
  width: 100%;
}

.discountpercent {
  width: 100%;
  float: left;
  text-align: center;
  font-family: "Poppins-Medium";
  color: #000000;
  font-size: 18px;
  margin: 15px 0 0px;
}

.discounttxt {
  width: 100%;
  float: left;
  text-align: center;
  font-family: "Poppins-Regular";
  font-size: 12px;
}

.discountapply {
  width: 85px;
  font-family: "Poppins-Medium";
  color: #e63b4c;
  text-align: center;
  margin: 0;
  font-size: 16px;
  position: absolute;
  right: 0;
  bottom: 4px;
  padding: 7px 18px 5px 0;
}

.coupon-left-row1 {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

.coupon-left-row2 {
  width: 100%;
  float: left;
}

.coupon-left-row1 {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  font-family: "Poppins-Medium";
  color: #000000;
  font-size: 17px;
}

.coupon-left-row1 img {
  width: 30px;
  margin: -4px 0 0 0;
}

.coupon-left-row2dotline {
  width: 35px;
  float: left;
  min-height: 80px;
  position: relative;
}

.coupon-left-row2txt {
  width: calc(100% - 36px);
  float: right;
  font-family: "Poppins-Regular";
  color: #000000;
}

.coupon-left-row2txt1 {
  width: 100%;
  float: left;
  font-size: 14px;
  /* margin: 3px 0 7px; */
  position: relative;
}

.coupon-left-row2txt2 {
  width: 100%;
  float: left;
  font-size: 14px;
  /* margin: 0px 0 5px; */
  color: #858585;
  position: relative;
}

.redspot {
  width: 15px;
  height: 15px;
  top: 2px;
  left: -32px;
  background-color: #e63b4c;
  border-radius: 50%;
  position: absolute;
}

.dottedline {
  border-right: 1px dashed #858585;
  height: 75px;
  width: 1px;
  top: -3px;
  right: 23px;
  position: absolute;
}

.coupon-right-dicountimg {
  position: absolute;
  top: 0;
  left: 0;
}

#taxes .service-header {
  font-family: "Poppins-Medium";
  font-size: 18px;
  text-align: left;
  margin-top: 2px;
  color: var(--text-color);
}

#taxes .modal-content {
  border-radius: 15px !important;
}

#taxescharges .service-header {
  font-family: "Poppins-Medium";
  font-size: 18px;
  text-align: left;
  margin-top: 2px;
  color: var(--text-color);
}

#taxescharges .modal-content {
  border-radius: 15px !important;
  background-color: var(--bg-color);
}

#item-charges .service-header,
#charges .service-header {
  font-family: "Poppins-Medium";
  font-size: 18px;
  text-align: left;
  margin-top: 2px;
  color: var(--text-color);
}

#item-charges .modal-content,
#charges .modal-content {
  border-radius: 15px !important;
}

.taxesrowscover {
  margin: 10px 0 0 4px;
  width: 100%;
  float: left;
  font-family: "Poppins-Medium";
  color: var(--text-color);
  font-size: 14px;
  padding-right: 4px;
}

.taxesrows {
  width: 100%;
  float: left;
  margin-bottom: 2px;
}

.taxesrowstxt {
  width: 75%;
  float: left;
}

.adints {
  width: 100%;
  float: left;
  color: var(--text-color);
  font-family: "Poppins-Regular";
  margin: 2px 0 0 0;
}

.adints img {
  width: 15px;
  display: inline-block;
  margin-right: 5px;
}

.taxesrowsprice {
  width: 25%;
  float: right;
  text-align: right;
}

.taxesrowsprice .monte {
  color: var(--text-color);
}

.sparksocialcover {
  width: 100%;
  float: left;
  margin: 75px 0 0 0;
  padding: 0 10px;
}

.spsocialimg {
  width: 33%;
  float: none;
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;
}

.social-images {
  display: flex;
  flex-wrap: wrap;
}

.social-images .spsocialimg {
  width: 25%;
}

.spsocialimg img {
  display: inline-block;
  cursor: pointer;
  width: 65px;
}

#sparkSelectionModal {
  display: flex;
}

.orderTypeSelDialog {
  margin: auto;
}

.font-medium {
  font-family: "Poppins-Medium";
}

.font-regular {
  font-family: "Poppins-Regular";
}

.dispInlineBlock {
  display: inline-block;
}

.pointer {
  cursor: pointer;
}

.footerStyle {
  position: fixed;
  left: 28px;
  bottom: 0;
  width: 80%;
}

.otpPrimaryBtn {
  color: white !important;
  /* padding: 5px 24px; */
  background-color: var(--icon-color);
  border: 1px solid var(--icon-color);
  font-size: 14px;
  border-radius: 5px;
  font-family: "Poppins-Regular";

  justify-content: center;
  width: 84px;
  height: 37px;
  margin-left: 30px !important;
}

.otpSecondaryBtn {
  font-size: 14px;
  color: grey;
  /* font-family: 'Poppins-Medium'; */
  justify-content: center;
  width: 84px;
  height: 37px;
  background: #fff;
  border: 1px solid grey;
  border-radius: 5px;
}

.font-size16 {
  font-size: 16px !important;
  color: var(--text-color);
}

.border-rad5px {
  border-radius: 5px;
}

.pad11px {
  padding: 11px;
}

.mrg-bot-30 {
  margin-bottom: 30px;
}

.imgStyle {
  width: 42%;
  cursor: pointer;
  display: inline-block;
}

.page-banner {
  display: none;
}

.mobview {
  display: block !important;
}

.webview {
  display: none !important;
}

.menucoverscroll {
  width: 100%;
  float: left;
  /* height: 195px !important; */
  overflow: auto;
  padding-bottom: 40px;
}

.web-contain {
  width: 100%;
  float: left;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  background-color: var(--golden-color);
  position: fixed;
  top: 0;
  right: -100%;
  width: 270px;
  display: inline-block;
  transition: right ease-in-out 0.3s;
  /* background-image: url(../images/hsmberg_bg1.svg); */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90% 100%;
  overflow: hidden;
}

.navbar-collapse.in {
  overflow-y: auto;
  right: 0;
  transition: right ease-in-out 0.3s;
  padding: 0;
  z-index: 9999;
  border-radius: 10px 0 0 10px;
}

.navbar-nav {
  padding: 50px 10px 0;
  max-height: 100%;
  margin: unset;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

.remove-coupon {
  font-size: 13px;
  color: grey;
  margin-top: 4px;
  margin-left: 15px;
  width: auto;
  float: left;
  font-family: "Poppins-Medium";
}

.instruction {
  width: 80%;
  padding: 4px;
  height: 27px;
  font-family: "Poppins-Light";
  background-color: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
}

.cart-iteminst-btns>.fullwidth {
  width: auto;
  float: right;
}

#taxes .modal-content {
  transform: translateY(267px) !important;
}

#taxescharges .modal-content {
  transform: translateY(267px) !important;
}

#item-charges .modal-content,
#charges .modal-content {
  transform: translateY(267px) !important;
}

#pdp-main-container.incomplete .pdp-menuname {
  width: 100%;
}

#pdp-main-container.incomplete .pdp-detailwrap.webview {
  padding: 21px 10px 10px;
  width: 100%;
  float: left;
}

.contact-bannp {
  background-color: var(--bg-color);
  width: 100%;
  float: left;
  text-align: center;
  padding: 45px 0 0;
  font-family: "Poppins-Medium";
  color: #ffffff;
}

.con1txt1 {
  width: 100%;
  float: left;
  font-size: 28px;
}

.con1txt2 {
  width: 100%;
  float: left;
  font-size: 14px;
  font-family: "Poppins-Regular";
  margin: 2px 0 25px;
}

.con1img {
  width: 130px;
}

.con-detail .privacy-head {
  font-family: "Poppins-Medium";
  font-size: 16px;
  margin: 15px 0 5px;
  color: var(--primary-color);
  width: 100%;
  float: left;
  font-weight: 600;
}

.con-detail .privacy-para,
.con-detail .privacy-para a {
  font-family: "Poppins-Regular";
  font-size: 14px;
  color: var(--text-color);
  width: 100%;
  float: left;
  text-decoration: none;
}

.con-detail .privacy-para a {
  font-weight: 600;
}

.cseclose {
  position: absolute;
  top: -40px;
  right: -5px;
  border: none !important;
  background-color: transparent !important;
}

.cseclose img {
  width: 38px;
}

@media (min-width: 481px) and (max-width: 767px) {
  #sparkSelectionModal {
    display: flex;
    overflow-y: auto;
  }

  .orderTypeSelDialog {
    margin: auto;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  #sparkSelectionModal {
    display: flex;
    overflow-y: auto;
  }

  .orderTypeSelDialog {
    margin: auto;
    overflow-y: auto;
  }
}

@media screen and (max-width: 320px) {
  #sparkSelectionModal {
    display: flex;
    overflow-y: auto;
    padding-left: unset !important;
  }

  .orderTypeSelDialog {
    margin: auto;
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media screen and (min-width: 320px) and (max-width: 568px) {
  .confirmation-btn>button {
    background-color: var(--icon-color);
  }
}

.noactorders {
  width: 100%;
  float: left;
  text-align: center;
}

.noactorders img {
  display: inline-block;
  float: none;
  width: 250px;
}

.how2order {
  font-size: 20px;
}

.pbyd {
  width: 180px;
  margin-bottom: 30px;
}

.qrimglogo {
  display: none;
}

.bringbill {
  padding: 8px 25px;
  border-radius: 6px;
  margin: 10px 0 0 0;
  display: inline-block;
  cursor: pointer;
  color: var(--icon-color);
  border: 1px solid var(--icon-color);
  width: 150px;
}

.call-service .modal-body {
  border-radius: 6px !important;
}

.call-service .modal-body .header-cross {
  position: absolute;
  right: 15px;
  width: 33px;
  z-index: 999;
  top: 15px;
  cursor: pointer;
}

.menu-drw-cancel {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.toppick-item-name .monte,
.toppick-item-name .newmenu-price {
  font-size: 14px;
}

.bodyclass {
  height: auto;
  overflow: hidden;
}

.overlaymenu {
  display: none;
}

.bodyclass .overlaymenu {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.45);
  width: 100%;
  height: 100%;
  float: left;
  z-index: 99;
  display: block;
}

.bodyclass .navbar-header {
  /* background-color: rgba(0, 0, 0, 0.45); */
}

@media screen and (min-width: 1170px) {
  .fixup {
    background-color: var(--bg-color);
  }

  .qrimglogo img {
    cursor: default !important;
  }

  .bodyclass .overlaymenu {
    display: none;
  }

  .bodyclass .navbar-header {
    background-color: transparent;
  }

  .recom-title {
    font-size: 22px;
    margin: 40px 0 10px;
  }

  .menu-drw-cancel {
    /* display: none; */
  }

  .toppick-item-name .monte,
  .toppick-item-name .newmenu-price {
    font-size: 14px;
  }

  .call-service .modal-dialog {
    width: 450px !important;
  }

  .con1txt1 {
    margin-top: 45px;
  }

  .logo-name {
    margin: 18px 10px;
  }

  .locnabs .modal-dialog {
    max-width: 380px;
  }

  .ui-notification {
    text-align: center;
    position: fixed;
    z-index: 9999;
    top: -100px;
    right: 10px;
    left: calc(50% - 300px) !important;
    width: 90%;
    cursor: pointer;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    color: #fff;
    background: #428bca;
    font-family: "Poppins-Regular";
    max-width: 600px;
    /* box-shadow:5px 5px 10px rgba(0,0,0,0.3); */
  }

  #order-off-confirmation .modal-dialog {
    max-width: 450px;
  }

  .banner-portion {
    min-height: 100%;
    width: 100%;
    float: left;
    padding-bottom: 75px;
    margin-top: 0px;
  }

  .landing-page-container {
    position: relative;
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    /* height: 100%; */
    min-height: 100%;
  }

  .dynamic-landing-bg {
    width: 100%;
    position: absolute;
    z-index: 1;
    height: auto;
    bottom: 0;
    left: calc(50% - 357px);
    max-width: 715px;
  }

  .landing-body {
    display: inline-block;
    height: auto;
    flex: none;
    width: 100%;
    float: left;
    position: relative;
    z-index: 2;
  }

  .logo-gif {
    flex: none;
    width: 100%;
    float: left;
  }

  .landing-page-container .logo {
    text-align: center;
    padding: 0;
    width: 100%;
    float: left;
  }

  .landing-page-container .logo>img {
    width: 100%;
    max-width: 385px;
  }

  .welcome-container {
    flex: none;
    text-align: center;
    margin-top: 0;
    float: left;
    width: 100%;
  }

  .welcome-container>img {
    width: 100%;
    max-width: 296px;
  }

  .usdesk {
    padding-top: 120px;
    position: relative;
    width: 100%;
    float: none;
    max-width: 148px;
    margin: 0 auto;
    overflow: hidden;
  }

  .powered-logo-container {
    height: 40px;
    text-align: center;
    position: fixed;
    bottom: 20px;
    width: 100%;
    z-index: 3;
    left: 0;
  }

  .powered-logo-container a {
    display: inline-block;
    width: 100%;
    float: none;
    max-width: 700px;
  }

  .powered-logo-container img {
    width: 358px;
  }

  #spark,
  #scrollArea {
    height: 100%;
    width: 100%;
    float: left;
  }

  .btn_logo {
    position: absolute;
    width: 35px;
    left: 7px;
    bottom: 6px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .collapse.in {
    display: block !important;
  }

  .recom-item-cover {
    width: 100%;
    float: left;
  }

  .nodesk {
    display: none;
  }

  .desktop.ondesk {
    width: 100%;
    float: left;
  }

  #dynamiccontentcarousel {
    width: 714px;
    margin: 10px auto;
  }

  /* #dynamiccontentcarousel .item img {
    height: 427px;
  } */
  .desktop.ondesk .carousel-inner img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  #registrationModal .modal-dialog {
    width: 550px !important;
  }

  #OtpModalForFSR .modal-dialog {
    width: 550px !important;
  }

  .fullcontain {
    width: 1170px !important;
    margin: 0 auto;
    float: none;
  }

  .navbar-header {
    float: none;
    width: 1170px !important;
    margin: 0 auto;
    height: 75px;
    border-bottom: 0px solid #b7b7b7;
    background-color: #e63b4c;
  }

  .navbar-brand img {
    width: auto;
    margin-left: 11px;
    height: 52px;
    margin-top: 11px;
    cursor: pointer;
  }

  .navbar-brand {
    position: relative;
  }

  .qrimglogo {
    display: inline-block;
    position: absolute;
    right: -80px;
    top: 0;
  }

  .navbar-toggle {
    position: relative;
    float: right;
    padding: 17px 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }

  .navbar-toggle .icon-bar {
    display: block;
    width: 32px;
    height: 2px;
    border-radius: 1px;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }

  .margin-tb-50-70 {
    margin: 70px 0 70px;
  }

  .small-device.navbar {
    border-bottom: 1px solid #b7b7b7;
    background-color: #e63b4c;
    width: 100%;
    float: left;
    height: 76px;
    background-image: none;
  }

  .flex-container-home {
    display: flex;
    overflow-x: auto;
    /* width: 500px; */
    margin: 0 auto;
  }

  li.toppick-item-li {
    width: 24%;
  }

  .toppick-item-img img {
    height: 160px;
  }

  li.recom-item-li {
    width: 30.9%;
    height: 294px;
    margin-right: 40px;
    margin-bottom: 40px;
  }

  .recom-item-img {
    width: 100%;
    float: left;
    height: 293px;
  }

  .recom-item-img img {
    width: 100%;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    height: 100% !important;
    max-width: 100%;
  }

  .recom-item-name {
    border-radius: 0 0 15px 15px;
    padding: 15px 0 15px;
  }

  .toppick-item-name {
    width: 100%;
    float: left;
    position: relative;
    font-family: "Poppins-Regular";
    font-size: 16px;
    margin: 15px 0 4px;
    line-height: 20px;
    color: #000000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .toppick-title {
    width: 100%;
    float: left;
    font-size: 22px;
    color: #000000;
    font-family: "Poppins-Medium";
    margin: 40px 0 15px;
  }

  .toppick-title span {
    width: auto;
    float: right;
    font-size: 12px;
    color: #e63b4c;
    font-family: "Poppins-Regular";
    display: inline-block;
    cursor: pointer;
    margin: 0px 0 0;
    border: 1px solid;
    border-radius: 4px;
    padding: 4px 7px;
    letter-spacing: 0.5px;
    font-weight: 500;
  }

  li.recom-item-li:nth-child(2n) {
    margin-right: 40px;
  }

  li.recom-item-li:nth-child(3n) {
    margin-right: 0px;
  }

  /* .slider-container {
        position: relative;
        perspective: 350px;
        transform-style: preserve-3d;
      }
      
      .carousel-3d-item {
        position: absolute;
        top: 50%;
        left: 40%;
        outline: 1px solid transparent;
      }
      #carousel-3d-controller-2 ~ .carousel-3d-item:nth-of-type(0),
      #carousel-3d-controller-1 ~ .carousel-3d-item:nth-of-type(0),
      #carousel-3d-controller-0 ~ .carousel-3d-item:nth-of-type(0),
      #carousel-3d-controller-2 ~ .carousel-3d-item:nth-of-type(1),
      #carousel-3d-controller-1 ~ .carousel-3d-item:nth-of-type(1),
      #carousel-3d-controller-0 ~ .carousel-3d-item:nth-of-type(1),
      #carousel-3d-controller-2 ~ .carousel-3d-item:nth-of-type(2),
      #carousel-3d-controller-1 ~ .carousel-3d-item:nth-of-type(2),
      #carousel-3d-controller-0 ~ .carousel-3d-item:nth-of-type(2),
      #carousel-3d-controller-2 ~ .carousel-3d-item:nth-of-type(3),
      #carousel-3d-controller-1 ~ .carousel-3d-item:nth-of-type(3),
      #carousel-3d-controller-0 ~ .carousel-3d-item:nth-of-type(3)
      {
        transition: all 1s cubic-bezier(.48, .16, .15, .98);
      }


      .carousel-3d-item:nth-of-type(0),
      #carousel-3d-controller-0:checked ~ .carousel-3d-item:nth-of-type(0),
      #carousel-3d-controller-1:checked ~ .carousel-3d-item:nth-of-type(1),
      #carousel-3d-controller-2:checked ~ .carousel-3d-item:nth-of-type(2),
      #carousel-3d-controller-3:checked ~ .carousel-3d-item:nth-of-type(3) {
        transform: translateX(0) translateZ(0);
        opacity: 1;
        transition: all 1s cubic-bezier(.48, .16, .15, .98);
      }

      .carousel-3d-item:nth-of-type(1),
      #carousel-3d-controller-0:checked ~ .carousel-3d-item:nth-of-type(1),
      #carousel-3d-controller-1:checked ~ .carousel-3d-item:nth-of-type(2),
      #carousel-3d-controller-2:checked ~ .carousel-3d-item:nth-of-type(3),
      #carousel-3d-controller-3:checked ~ .carousel-3d-item:nth-of-type(0) {
        transform: translateX(-175px) translateZ(-130px);
        opacity: .9;
        transition: all 1s cubic-bezier(.48, .16, .15, .98);
      }

      
      .carousel-3d-item:nth-of-type(2),
      #carousel-3d-controller-0:checked ~ .carousel-3d-item:nth-of-type(2),
      #carousel-3d-controller-1:checked ~ .carousel-3d-item:nth-of-type(3),
      #carousel-3d-controller-2:checked ~ .carousel-3d-item:nth-of-type(0),
      #carousel-3d-controller-3:checked ~ .carousel-3d-item:nth-of-type(1) {
        transform: translateX(-175px) translateZ(-130px);
        opacity: .9;
        transition: all 1s cubic-bezier(.48, .16, .15, .98);
      }

      .carousel-3d-item:nth-of-type(3),
      #carousel-3d-controller-0:checked ~ .carousel-3d-item:nth-of-type(3),
      #carousel-3d-controller-1:checked ~ .carousel-3d-item:nth-of-type(0),
      #carousel-3d-controller-2:checked ~ .carousel-3d-item:nth-of-type(1),
      #carousel-3d-controller-3:checked ~ .carousel-3d-item:nth-of-type(2) {
        transform: translateX(175px) translateZ(-130px);
        opacity: .9;
        transition: all 1s cubic-bezier(.48, .16, .15, .98);
      }
      
      
      
      

      .deskslider{
          width: 100%;
          float: left;
          height: 400px;
      }

      .slide-img img{
          width: 500px;
      } */

  .container-home {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    /* max-width: 500px; */
  }

  .container-withoutpad {
    width: 1170px;
    background-color: #ffffff;
    float: none;
    margin: 0 auto;
    /* overflow: hidden; */
  }

  .desktop {
    width: 100%;
    float: left;
  }

  .left-nav {
    display: none;
  }

  .category-tabs {
    width: 25%;
    float: left;
    background-color: var(--bg-color);
    position: sticky;
    height: 100%;
    min-height: 100%;
    border-right: 1px solid #e1e1e1;
    top: 70px;
  }

  #listing-container {
    padding-bottom: 70px;
    width: 75%;
    float: left;
    border-radius: 0px 0px 0px 0;
    padding: 0 15px;
    background-color: var(--bg-color);
    border-left: 0px solid #e1e1e1;
  }

  .header-cross {
    right: 15px;
    top: 15px;
  }

  .menulist-name {
    font-family: "Poppins-Regular";
    font-size: 16px;
    color: var(--text-color);
    line-height: 1.2;
    white-space: nowrap;
    width: 100%;
    float: left;
    max-width: 170px;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .menulisting-wrap.incomplete {
    /* margin-top: 90px; */
    padding: 10px;
  }

  .fixup {
    padding: 0;
    width: 289px;
    float: left;
    z-index: 9;
    position: fixed;
    top: 76px;
    /* left: 91px; */
    height: 100%;
    overflow: auto;
    border-right: 1px solid #e1e1e1;
  }

  .newmenu-price span.monte {
    width: auto;
    float: none;
  }

  .strike2::before {
    content: " ";
    display: block;
    width: 80%;
    border-top: 2px solid #999;
    height: 10px;
    position: absolute;
    top: 43%;
    left: 17px;
    transform: rotate(0deg);
  }

  .newmenu-price span {
    width: 100%;
    float: left;
    text-align: right;
    display: flex;
  }

  .header-icon {
    width: 37px;
    margin-top: 0px;
  }

  .fixup::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }

  .limenu {
    display: inline-block;
    font-family: "Poppins-Medium";
    padding: 10px 5px;
    height: auto;
    vertical-align: middle;
    color: var(--text-color);
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    margin: 0;
    text-align: left;
    background-color: transparent;
    border-radius: 0px;
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    font-size: 17px;
  }

  .ulmenu {
    width: 100%;
    float: left;
    padding: 0 15px;
    white-space: normal;
    height: 600px;
    overflow: auto;
  }

  .limenu.selected {
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    position: sticky;
    top: 0;
    background: var(--bg-color);
  }

  .limenu span {
    display: inline-block;
    color: inherit;
    background-color: transparent;
    padding: 10px 20px;
    border-radius: 0px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .limenu.selected span {
    display: inline-block;
    color: #e63b4c;
    background-color: #e1e1e1;
    padding: 10px 20px;
    border-radius: 0px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .menu-price {
    margin-top: 11px;
  }

  .monte,
  .newmenu-price {
    font-size: 14px;
  }

  .bodyclass {
    height: auto;
    overflow: visible;
  }

  .menulisting-wrap {
    margin-right: 20px;
    border-bottom: #dde5ed;
    display: inline-block;
    position: relative;
    padding-bottom: 10px;
    margin-top: 20px;
    border-bottom: 1px solid var(--primary-color-alpha);
    width: 30.8%;
    float: left;
    max-height: 336px;
    min-height: 200px;
    padding: 10px;
  }

  .menu-ul>li:nth-child(2n + 2) {
    margin-right: 30px;
  }

  .menu-ul>li:nth-child(3n) {
    margin-right: 0;
  }

  .menu-list-img {
    border-radius: 5px;
    height: 175px !important;
    margin-bottom: 15px;
  }

  .page-banner {
    display: inline-block;
    width: 100%;
    float: left;
    margin: 80px 0 20px;
  }

  .modal-dialog {
    width: 850px !important;
  }

  .pdpimgdesk {
    width: 40%;
    float: left;
  }

  .pdp-wrap-flex {
    padding: 25px;
  }

  .pdp-detailwrap.webview {
    padding: 21px 25px 10px;
    width: 60%;
    float: left;
  }

  .pdp-detailwrap .sizesblock {
    width: 100%;
    float: left;
    margin-top: 10px;
  }

  .pdp-menuname {
    width: 60%;
    float: right;
    text-align: left;
    font-size: 20px;
    padding-left: 25px;
  }

  button.pdp-add {
    float: right;
  }

  .pdp-bottom-wrap {
    padding: 20px 30px;
  }

  .pdp-price {
    font-size: 20px;
    text-align: right;
    /* margin-right: -30px; */
  }

  .tt-amt {
    width: 100%;
    float: left;
    color: #e63b4c;
    text-align: right;
    font-size: 14px;
    margin-top: 4px;
  }

  .pdp-menudescrip {
    width: 100%;
    float: left;
    font-size: 14px;
    text-align: left;
    padding: 0px 0px 10px;
  }

  /* .mobview {
    display: none !important;
  } */

  .webview {
    display: inline-block !important;
  }

  .webviewdesc {
    padding: 20px 0px 10px 0px !important;
  }

  .sizesblock-row {
    width: 33%;
    float: left;
    margin-bottom: 10px;
  }

  .sizesblock-label {
    width: auto;
    float: left;
    display: inline-block;
    font-size: 16px;
    font-family: "Poppins-Regular";
    outline: none !important;
    font-weight: normal;
    margin-top: 3px;
  }

  .sizesblock-price .monte,
  .sizesblock-price .newmenu-price {
    font-weight: 400 !important;
  }

  .checkbox-tranp {
    width: 20px;
    margin-right: 5px;
    float: left;
    margin-top: 3px;
    cursor: pointer;
  }

  .sizesblock-price {
    width: auto;
    float: left;
    display: inline-block;
    font-size: 14px;
    color: var(--text-color);
    text-align: right;
    font-family: "Poppins-Regular";
    padding-left: 10px;
    margin-top: 2px;
  }

  .monlineconf img {
    width: auto;
    height: 350px !important;
  }

  .checkbox-custom-label {
    width: auto;
    float: left;
    display: inline-block;
    font-size: 14px;
    font-family: "Poppins-Regular";
    outline: none !important;
    margin-top: 4px;
  }

  .cart-cover-main {
    margin-bottom: 10px;
  }

  .cart-items {
    width: 100%;
    float: left;
  }

  .cartorder-title {
    width: 100%;
    float: left;
    padding-left: 8px;
    margin: 15px 0 10px;
    font-size: 18px;
  }

  .menucoverscroll {
    width: 100%;
    float: left;
    height: 230px !important;
    max-height: 230px;
    overflow: auto;
  }

  .cartaddinst {
    width: 100%;
    float: left;
    padding: 0 10px;
    margin: 10px 0 25px;
    font-family: "Poppins-Regular";
    font-size: 14px;
    color: #858585;
  }

  .coupenouter {
    border: 0px solid #bababa;
    border-radius: 6px;
    font-size: 15px;
    overflow: hidden;
    box-sizing: border-box;
    display: grid;
    width: 60%;
    margin-bottom: 10px;
    padding: 7px;
    background-color: #eeeeee;
    font-family: "Poppins-Medium";
    margin-left: 1%;
    cursor: pointer;
  }

  .cartttweb {
    width: 36%;
    float: right;
    background-color: var(--bg-color);
    border-radius: 17px;
    padding: 30px 20px;
    margin-top: 55px;
    border: 1px solid var(--primary-color-alpha);
  }

  .webincaart {
    padding: 10px;
    width: 60%;
    float: left;
  }

  .cartaddinst .instruction {
    width: 60%;
  }

  .menucover {
    width: 100%;
    float: left;
    padding: 0px 8px 10px;
    border-bottom: 0px solid #dde5ed;
  }

  .con-detail {
    text-align: center;
    margin-top: 25px;
  }

  .logo-name>span:first-child {
    color: var(--text-color) !important;
    padding-top: 10px;
  }

  .logo-name>span:last-child {
    color: var(--text-color) !important;
  }

  .cartsubtotal {
    padding: 0 8px 15px;
  }

  .stickydown .flex-container-c {
    position: relative;
  }

  .badg-sticky {
    left: 54%;
    top: 0px;
  }

  .amttxt {
    float: left;
    width: 60%;
  }

  .amtprice {
    float: right;
    width: 40%;
    text-align: right;
  }

  .cartttweb.webview .fullwidth {
    margin-top: 20px;
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    width: 25%;
  }

  .web-contain {
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    float: none;
  }

  .web-contain .confirmation-btn {
    position: relative;
    width: 100%;
    float: left;
    bottom: 0;
    margin-top: 25px;
  }

  .deliv-date md-content {
    background-color: transparent;
    width: 172px;
    float: left;
  }

  .deliv-time .inR-position-rel {
    width: 155px;
    float: left;
  }

  .deliv-time .deliveryslots {
    width: 190px;
    float: left;
  }

  .web-contain .confirmation-btn>button {
    width: 25%;
  }

  .active .osts-track-txt1 {
    color: var(--text-color);
    width: 100%;
    float: left;
  }

  .osts-track-txt2 {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 10px;
    font-family: "Poppins-Regular";
    color: var(--text-color);
  }

  .osts-track-txt1 {
    width: 100%;
    float: left;
    font-family: "Poppins-Medium";
    text-align: left;
    font-size: 11px;
    margin: 5px 0 0 0;
    color: var(--text-color);
  }

  .osts-track-txt {
    width: 100%;
    float: right;
    padding-left: 18px;
    text-align: left;
    margin-top: -10px;
  }

  .fulloutpad {
    width: 1170px !important;
    padding: 0 0 !important;
    overflow: hidden !important;
    margin: 0 auto !important;
    float: none !important;
  }

  .profile-bann img {
    height: 200px;
  }

  .profileround>.fullwidth>img {
    width: 170px !important;
  }

  .order-status {
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    float: none;
  }

  .osts-heading,
  .osts-invoice,
  .osts-price {
    width: 100%;
    float: left;
    text-align: left;
  }

  .webfifty {
    width: 50%;
    float: left;
    margin: 55px 0 0 0;
  }

  .osts-img {
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
  }

  .osts-help {
    width: 60%;
    float: right;
    text-align: left;
    margin: 20px 0 35px;
    padding: 0 10px;
  }

  .osts-track-block {
    width: 25%;
    float: left;
  }

  .osts-track-time {
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 0;
    font-family: "Poppins-Medium";
    font-size: 16px;
  }

  .osts-track-tt {
    width: 100%;
    float: left;
    height: 50px;
  }

  .osts-track-dot {
    width: 100%;
    float: right;
    position: relative;
    height: 75px;
    padding-left: 33px;
  }

  .osts-track-dot span.height {
    width: 100%;
    background-color: var(--text-color);
    display: inline-block;
    height: 2px;
    position: absolute;
    top: 8px;
    left: 40px;
    z-index: 2;
  }

  .swipetosee {
    bottom: 15px;
  }

  .swiper-slide {
    cursor: default;
  }

  .order-row1 {
    width: 25%;
    float: left;
    margin-bottom: 5px;
  }

  .order-row2 {
    width: 75%;
    float: left;
    margin-bottom: 15px;
  }

  .order-row2-column1 {
    float: left;
    width: 40%;
  }

  .order-row2-column2 {
    width: 60%;
    float: right;
    text-align: right;
  }

  .order-date {
    margin: 25px 0 0 0;
    font-family: "Poppins-Regular";
    font-size: 13px;
    color: var(--text-color);
    width: 50%;
    float: left;
    text-align: right;
  }

  .order-status {
    width: 50%;
  }

  .order-name {
    font-family: "Poppins-Medium";
    font-size: 17px;
    color: var(--text-color);
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .order-history>li {
    float: left;
    width: 100%;
    padding: 15px 15px 15px !important;
    border-radius: 5px;
    margin-bottom: 85px;
    border: 0px solid var(--border-color);
    box-shadow: 0 0 5px #ccc;
    height: 105px;
  }

  .bd-item-cover {
    width: 48%;
    float: left;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-color);
  }

  .webfiftybill {
    width: 48%;
    float: right;
    background-color: #D9D9D9;
    border-radius: 25px;
    padding: 25px 15px;
    margin-top: -28px;
  }

  .bd-discount-row {
    width: 100%;
    float: left;
    border-bottom: 1px solid #bbbbbb;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }

  .bd-paid-cash {
    width: 100%;
    float: left;
    margin-bottom: 0;
  }

  .dbillsbill {
    width: 50%;
    float: right;
    margin-bottom: 10px;
    font-family: "Poppins-Regular";
    font-size: 17px;
    border-top: none;
  }

  .bd-row2 {
    width: 100%;
    float: left;
    margin: 25px 0;
  }

  .bd-row2-deliveraddress {
    width: 50%;
    float: left;
    clear: both;
    margin-top: 5px;
  }

  .bd-row1-blockright {
    float: right;
    width: 50%;
    margin-top: 75px;
    margin-bottom: -75px;
  }

  .bd-row1-blockright-row1 {
    width: 100%;
    float: left;
    font-family: "Poppins-Medium";
    font-size: 15px;
    color: var(--text-color);
    margin-bottom: 0px;
    text-align: right;
    margin-top: 6px;
  }

  .workaddress,
  .worktype {
    font-size: 13px;
  }

  .bd-row1-blockright-row2 {
    width: 100%;
    float: left;
    font-size: 13px;
    color: var(--text-color);
    margin-bottom: 0px;
    text-align: right;
    margin-top: 5px;
    font-family: "Poppins-Regular";
  }

  button.close2.close {
    float: right;
    font-size: 30px !important;
    font-weight: 400;
    line-height: 1;
    background-color: #f1f1f1 !important;
    color: #ff0000 !important;
    opacity: 0.8 !important;
    width: 35px !important;
    height: 35px;
    border-radius: 52% !important;
    text-shadow: none !important;
    padding-top: 0px !important;
    margin-top: 0;
    top: 25px;
    right: 22px;
  }

  span.newnor,
  span.newnol {
    font-size: 14px;
  }

  .devo-logo {
    border-bottom: 0px solid transparent !important;
    position: absolute !important;
    bottom: 30px;
    right: 0;
  }

  .header-icon-wrap {
    cursor: pointer;
  }

  .navbar-default .navbar-toggle {
    border-color: transparent;
  }

  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover {
    background-color: transparent !important;
  }

  #couponModal .modal-header {
    padding: 3px !important;
    border-bottom: 0px solid #e5e5e5 !important;
    padding-bottom: 30px !important;
  }

  #couponModal .modal-body {
    background-color: #ffffff;
    border-radius: 30px 30px 10px 10px;
    margin-top: -25px;
    padding: 20px 0;
  }

  #taxes .modal-dialog {
    width: 450px !important;
  }

  #taxescharges .modal-dialog {
    width: 450px !important;
  }

  #charges .modal-dialog {
    width: 450px !important;
  }

  .coupon-cover {
    width: calc(48% - 10px);
    float: left;
    box-shadow: 3px 4px 8px var(--border-color);
    margin-left: 5px;
    margin-top: 10px;
    padding: 25px 15px;
    margin-bottom: 30px;
    height: 225px;
    overflow: auto;
  }

  .coupon-cover:nth-child(2n) {
    float: right;
    margin-right: 5px;
  }

  .discountapply {
    width: 100%;
    float: left;
    font-family: "Poppins-Medium";
    color: #e63b4c;
    text-align: right;
    margin: 90px 0 0px 0;
    font-size: 16px;
    padding: 0 15px 0 0px;
    position: relative;
    right: auto;
    bottom: auto;
  }

  .enterpromobtn {
    width: 20%;
    float: left;
    font-size: 18px;
    font-family: "Poppins-Medium";
    text-align: right;
    color: #e63b4c;
    padding: 12px 35px 0 0;
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    background-image: none;
    background-color: var(--golden-color);
    top: 76px;
    height: calc(100% - 50px) !important;
    right: 0;
    padding: 0 !important;
  }

  .deliv-date,
  .deliv-time {
    width: 200px;
    float: left;
  }

  #addNewAdressModal .modal-dialog.modal-sm {
    width: 450px !important;
  }

  .timeicon {
    display: none;
  }

  .navbar-collapse li {
    display: block !important;
    text-align: left;
    font-family: 'Poppins-Regular';
    padding: 20px 10px !important;
    width: 75%;
    font-size: 18px;
    border-bottom: 1px solid var(--border-color);
    position: relative;
    margin-left: 13.5%;
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
  }

  .navbar-collapse li.activeTab {
    background-color: var(--golden-color);
    color: #c42126;
  }

  .navbar-nav {
    margin: 15px 0px;
    width: 100%;
  }

  span.newnor,
  span.newnol {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .newnol a,
  .newnor a {
    color: #fff;
  }

  .addloc {
    width: 30px;
    margin-right: 10px;
  }

  .itemsearch {
    padding: 25px 10px 24px 17%;
    height: 80px;
  }

  .navbar-collapse li.devo-logo {
    text-align: center;
    padding: 0 !important;
  }

  .devo-logo img {
    width: 80% !important;
    float: none;
    padding-right: 0;
  }

  .nextprevpdp .pdp-add {
    font-size: 15px;
    padding: 5px 8px;
    border-radius: 0px 0px 0px 0;
    margin-left: 0px;
    float: left;
  }

  .nextprevpdp .pdp-add.pull-right {
    border-radius: 0px 0px 0px 0;
    margin-right: 0px;
    margin-left: 0px;
  }

  .nextprevpdp {
    position: fixed;
    width: calc(100% + 44px);
    top: 106px;
    left: -22px;
    z-index: 9999;
  }

  #pdp .modal-dialog {
    margin: 25px auto;
  }

  .nextprevpdp-bottom {
    bottom: 30px !important;
  }

  .swipetosee {
    position: absolute;
    bottom: 25px;
    left: calc(50% - 25%);
    width: 49%;
    float: left;
    border-radius: 50px;
    color: #ffffff;
    text-align: center;
    padding: 15px 30px;
    background-color: rgba(0, 0, 0, 0.3);
    font-family: "Poppins-Regular";
    font-size: 18px;
    line-height: 36px;
    height: 62px;
  }

  .order-price {
    font-family: "Poppins-Medium";
    font-size: 17px;
    float: left;
  }

  .order-row3 {
    width: 100%;
    float: left;
    margin-top: 30px;
  }

  .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 10px;
  }

  .noactorders img {
    display: inline-block;
    float: none;
    width: auto;
    margin-top: 7%;
  }

  .deliv-note span {
    width: 100%;
    float: left;
    display: inline-block;
    border: 0px solid var(--border-color);
    padding: 10px 2px 8px;
    border-radius: 8px;
    font-family: "Poppins-Medium";
    text-align: left;
    font-size: 14px;
  }

  .brd-grey3 {
    margin-bottom: 20px;
  }

  .fullwidth.deliv-add {
    margin-bottom: 20px;
  }

  .selm-btn {
    width: 200px;
  }

  .webleft {
    text-align: left;
  }

  .sel-mode-title {
    margin: 5px 0 10px;
  }

  .deliv-amtpay {
    width: 100%;
    float: left;
    text-align: left;
  }

  .deliv-price {
    width: 100%;
    float: left;
    text-align: left;
    padding-right: 5px;
  }

  #updateUserModal .modal-dialog,
  #updateUserModal .modal-sm {
    width: 450px !important;
  }

  #logoutConfirmationModal .modal-dialog {
    width: 450px !important;
  }

  #couponModal .modal-dialog.couponwidth {
    margin: 30px auto;
    background-color: #f0f0f0;
    border-radius: 10px 10px 0 0;
  }

  #couponModal .modal-content {
    border-radius: 10px 10px 0 0 !important;
  }

  #couponModal .close {
    width: 6% !important;
  }

  .enterpromobtn {
    padding: 12px 5px 0 0;
    width: 15%;
  }

  .couponsroll {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    padding: 0px 14px;
    max-height: 66vh;
    height: auto;
  }

  input.enterpromoinput {
    width: 85%;
  }

  body {
    padding-right: 0px !important;
  }

  #updateUserModal .modal-header {
    border-bottom: 0px solid #e5e5e5;
  }

  #updateUserModal .custinfo {
    margin: 0px 0 22px 27px;
  }

  #sparkSelectionModal .modal-dialog.modal-sm {
    width: 600px !important;
  }

  .logo-outer {
    padding: unset !important;
  }

  .list-view .menu-item-img img {
    height: 100px !important;
  }

  .menu-with-cat-list .item-name-price {
    padding: 15px 0 0 10px !important;
  }

  .webviewoff {
    display: none !important;
  }

  .desk-view-btn {
    display: flex;
  }

  .desk-view-btn .align-center {
    width: 49%;
  }

  .myorder-banner {
    margin: 0;
  }
}

.logo-name {
  display: flex;
  flex-direction: column;
  margin: 5px 10px;
  cursor: pointer;
}

.logo-name>span:first-child {
  font-family: "Poppins-Medium";
  font-size: 17px;
  color: var(--text-color);
}

.logo-name>span:last-child {
  font-family: "Poppins-Regular";
  font-size: 14px;
}

#sparkSelectionModal {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.leftpdp-arrow {
  width: 50px;
  position: absolute;
  top: 20%;
  left: 5px;
  z-index: 9;
}

.rightpdp-arrow {
  width: 50px;
  position: absolute;
  top: 20%;
  right: 5px;
  z-index: 9;
}

.arrow-position {
  top: 55%;
}

/* ********** */
.rating {
  margin: 0 auto 1em;
  font-size: 24px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rating input {
  float: right;
  opacity: 0;
  position: absolute;
}

.rating a,
.rating label {
  float: right;
  color: #aaa;
  text-decoration: none;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}

.rating a.active {
  color: var(--icon-color);
}

/* 
.rating label:hover~label,
.rating input:focus~label,
.rating label:hover,
.rating a:hover,
.rating a:hover~a,
.rating a:focus,
.rating a:focus~a {
    color: orange;
    cursor: pointer;
} */

.rating2 {
  direction: rtl;
}

.rating2 a {
  float: none;
  padding: 0 2px;
}

.rating2 .active {
  color: var(--icon-color);
}

.selectaddr-btn {
  border: 1px solid var(--icon-color);
  background-color: #ffffff;
  padding: 8px 12px;
  border-radius: 5px;
  width: 97px;
  font-family: "Poppins-Regular";
  outline: none;
}

/* @media screen and (min-width: 300px) and (max-width: 767px) and (orientation: landscape) {
    html {
      transform: rotate(-90deg);
      transform-origin: left top;
      width: 100vh;
      overflow-x: hidden;
      position: absolute !important;
      top: 100%;
      left: 0;
    }
  } */

@media (max-width: 320px) {

  .sizesblock-label,
  .checkbox-custom-label {
    width: 150px;
  }

  button.pdp-add img {
    width: 40px;
  }

  #pdp .modal-dialog {
    margin: 20px;
  }

  .pdp-add {
    font-size: 14px;
    padding: 5px 20px;
  }

  .tt-amt {
    font-size: 8px;
  }

  .pdp-price {
    font-size: 14px;
  }

  .pdp-wrap-flex {
    max-height: 360px;
  }

  .selm-btn,
  .deliv-note span {
    font-size: 12px;
  }

  .dp-in-block2 {
    display: inline-block;
    width: 25px !important;
    float: left !important;
    font-size: 14px !important;
    margin: 0 !important;
  }

  .navbar-nav {
    margin: 75px 25px;
  }

  .navbar-collapse li {
    font-size: 14px;
    margin-left: 15.5%;
  }
}

@media (min-height: 568px) {
    .menucoverscroll {
        height: auto;
    }
}

@media (min-height: 667px) {
  .menucoverscroll {
    margin-bottom: 10px;
    height: auto;
  }
}

@media (min-height: 736px) {
  .menucoverscroll {
    margin-bottom: 10px;
    height: auto;
  }
}

@media (min-height: 812px) {
  .menucoverscroll {
    margin-bottom: 10px;
    height: auto;
  }
}

.skipBtn {
  background-color: unset;
  border: none;
  text-decoration: underline;
  margin-top: 10px;
  font-size: 15px;
  line-height: 15px;
  letter-spacing: 0.5px;
  cursor: pointer;
  font-weight: 300;
  color: var(--text-color);
}

.wellcome-wrap {
  width: 100%;
  height: 220px;
  background-size: 100% 100%;
  background-position: center center;
}

.wellcome-wrap .modal-close {
  text-align: right;
}

.wellcome-wrap .modal-close img {
  width: 32px;
  margin: 5px 5px 0 0;
}

.wellcome-wrap .user-name {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  padding: 100px 10px 10px 80px;
  color: #ffffff;
}

.user-reg-title {
  font-family: "Poppins-Regular";
  padding: 0 15px 25px;
  font-size: 18px;
  letter-spacing: 0.5px;
  font-weight: 400;
  color: var(--text-color);
}

.use-details-content {
  position: relative;
  margin: 22px 0 0;
}

.use-details-content .edit-profile {
  position: absolute;
  top: 10px;
  right: 10px;
}

.disable-checkout-process {
  opacity: 0.3;
  pointer-events: none;
}

.confirmation-btn.disable-checkout-process {
  display: none;
}

/* .menu-with-cat-list {
  background-color: var(--bg-color);
} */

.menu-with-cat-list ul {
  list-style: none;
}

.menu-with-cat-list {
  padding: 0px 4px;
}

.menu-with-cat-list .cat-name-wrap {
  background-color: #f0eeee;
  border-radius: 6px;
  position: sticky;
  z-index: 9;
  width: 100%;
  top: 55px;
  margin-bottom: 5px;
}

.menu-with-cat-list .parent-cat {
  font-family: 'Poppins-Regular';
  text-transform: capitalize;
  font-size: 16px;
  width: 73%;
  /* box-shadow: 0 8px 30px rgb(0 0 0 / 5%); */
  padding: 8px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: black;
}

.menu-with-cat-list .parent-cat span {
  font-family: "Poppins-Regular";
  font-size: 14px;
  font-weight: 500;
}

.menu-with-cat-list .subcategory {
  font-weight: 500;
  font-size: 15px;
  padding: 0;
  color: #ff9800;
  font-family: "Poppins-Medium";
}

.menu-with-cat-list .menu-ul {
  padding: 0 0px 25px 16px;
}


.menu-with-cat-list .menulisting-wrap {
  position: relative;
  padding-bottom: 14px;
  margin-top: 10px;
  /* border: 1px solid var(--primary-color-alpha); */
  margin-bottom: 3px;
  padding: 5px;
  /* border-radius: 10px; */
  width: 47%;
  display: inline-block;
  margin-right: 3%;
  float: left;
  min-height: max-content;
  max-height: 215px;
  /* box-shadow: 0 0px 13px 0px rgba(215, 215, 215, 0.67); */
}

.menu-with-cat-list .menulisting-wrap .monte {
  font-size: 14px;
}

.menu-with-cat-list .item-name-price {
  width: 100%;
  position: relative;
  font-family: "Poppins-Medium";
  padding: 30px 0 0;
  /* display: flex;
  justify-content: space-between; */
}

.menu-with-cat-list .item-name {
  /* width: 100%; */
  max-width: 108px;
  font-family: "Poppins-Medium";
  font-size: 12px;
  text-align: left;
  float: left;
  /* height: 37px; */
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* padding-left: 10px; */
  /* font-weight: 600; */
  width: 65%;
}

.menu-with-cat-list .item-price {
  min-width: max-content;
  /* display: inline-block;
    float: right; */
  font-size: 12px;
  text-align: right;
  font-weight: 600;
}

.menu-with-cat-list .add-btn {
  font-size: 1.2rem;
  color: var(--icon-color);
  font-family: "Poppins-Regular";
  font-weight: 600;
  justify-content: center;
  width: 95px;
  text-transform: uppercase;
  height: 33px;
  background-color: var(--bg-color);
  border: 1px solid var(--icon-color);
  border-radius: 5px;
  letter-spacing: 1px;
  position: absolute;
  bottom: 38px;
  left: 22%;
  /* box-shadow: 0 0px 13px 0px rgba(215, 215, 215, 0.72); */
}

.menu-with-cat-list .outofstock {
  width: 120px;
  left: 25px;
  color: #9e9e9e;
  border: 1px solid #9e9e9e2b;
  font-size: 11px;
}

.mobile-screen .search-wrap {
  width: 100%;
  padding: 10px;
}

.mobile-screen .search-item {
  width: 70%;
  padding: 0 20px;
  background-color: #ececec;
  border-radius: 25px;
  height: 38px;
  align-items: center;
  font-size: 11px;
  line-height: 38px;
  letter-spacing: 0.5px;
  color: #686868;
}

.mobile-screen .search-item-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.mobile-screen .search-item-icon img {
  width: 100%;
  height: 100%;
}

.mobile-screen .search-item-label {
  width: auto;
  display: inline-block;
}

.floating-menu-btn-wrap {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 70px;
  height: 70px;
  background-color: var(--icon-color);
  color: var(--bg-color);
  border-radius: 50%;
  z-index: 11;
  font-size: 12px;
  line-height: 70px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 1px;
  /* border: 2px solid white; */
  /* box-shadow: 0 0px 13px 0px rgba(215, 215, 215, 0.72); */
}

.floating-menu-icon {
  position: absolute;
  top: -12px;
  width: 15px;
  height: 27px;
  left: 25px;
}

.floating-menu-icon img {
  width: 100%;
  height: 100%;
}

.floating-menu-btn-wrap .menu-title {
  width: 100%;
  height: 100%;
  padding-top: 12px;
  display: block;
  opacity: 1;
  transition: opacity 0.5s ease, -webkit-transform 0.2s ease;
  font-family: 'Poppins-Regular';
}

.floating-menu-btn-wrap .menu-title.disnone {
  opacity: 0;
  transition: opacity 0.5s ease, -webkit-transform 0.2s ease;
}

.floating-menu-btn-wrap .floating-menu-icon.disnone {
  opacity: 0;
  transition: opacity 0.5s ease, -webkit-transform 0.2s ease;
}

.floating-category-list-wrap {
  display: block;
  content: "";
  position: fixed;
  max-height: 400px;
  bottom: 115px;
  right: 80px;
  width: 0;
  height: 0;
  overflow: scroll;
  /* background-color: var(--bg-color); */
  text-align: center;
  border-bottom-right-radius: 200%;
  z-index: 11;
  transition: border-radius cubic-bezier(0.77, 0, 0.175, 1) 0.4s,
    padding cubic-bezier(0.77, 0, 0.175, 1) 0.2s,
    width cubic-bezier(0.77, 0, 0.175, 1) 0.2s,
    height cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
  background-size: 300%;
  transition-delay: 0s;
  border: 1px solid var(--primary-color-alpha);
  box-shadow: 4px 4px 10px 0 #bfb6a49c;
}

.floating-category-list-wrap.active {
  width: 258px;
  padding: 8px 15px;
  border-radius: 15px 15px 0px 15px;
  transition-delay: 0s;
  background-color: var(--bg-color);
}

.floating-category-list-wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.floating-category-list-wrap li {
  padding: 12px 40px;
  font-family: "Poppins-Medium";
  border: 1px solid #dde5ed;
  font-size: 13px;
  margin: 10px 0;
  border-radius: 8px;
  color: var(--text-color);
}

.floating-category-list-wrap li:hover,
.floating-category-list-wrap li:active {
  padding: 13px 40px;
  font-family: "Poppins-Medium";
  border: 1px solid var(--icon-color);
  font-size: 14px;
  border-radius: 9px;
  transition: all 100ms linear;
  color: var(--icon-color);
}

.menu-icon {
  opacity: 0;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  display: block;
  filter: drop-shadow(5px 6px 4px rgba(0, 0, 0, 0.3));
  top: 25px;
  left: 19px;
}

.menu-icon-line {
  height: 3px;
  width: 30px;
  display: block;
  background-color: white;
  margin-bottom: 4px;
  cursor: pointer;
  transition: opacity 0.5s ease, -webkit-transform 0.2s ease;
}

.menu-icon-line-left {
  width: 16.5px;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.menu-icon-line-right {
  width: 16.5px;
  float: right;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

/* 
.menu-icon:hover .menu-icon-line-left,
.menu-icon:hover .menu-icon-line-right {
    width: 30px;
} */

.active.menu-icon {
  opacity: 1;
}

.active .menu-icon-line {
  background-color: var(--bg-color);
  -webkit-transform: translate(0px, 0px) rotate(-45deg);
  transform: translate(0px, 0px) rotate(-45deg);
  transition: opacity 0.5s ease, -webkit-transform 0.2s ease;
}

.active .menu-icon-line-left {
  width: 20px;
  -webkit-transform: translate(2px, 4px) rotate(45deg);
  transform: translate(2px, 4px) rotate(45deg);
}

.active .menu-icon-line-right {
  width: 16px;
  float: right;
  -webkit-transform: translate(-3px, -3.5px) rotate(45deg);
  transform: translate(-3px, -3px) rotate(45deg);
}

.active .menu-icon:hover .menu-icon-line-left,
.active .menu-icon:hover .menu-icon-line-right {
  width: 16px;
}

.floating-veg-btn-wrap {
  position: fixed;
  top: 67px;
  right: 12px;
  width: 96px;
  height: 30px;
  color: #000;
  z-index: 95;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}

.floating-veg-btn-wrap .floating-veg-btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.floating-veg-btn-wrap .veg-btn-title {
  width: 100%;
  display: inline-block;
  float: left;
  /* padding-left: 10px; */
  font-size: 11px;
  font-family: "Poppins-Regular";
}

.floating-veg-btn-wrap .veg-btn-icon {
  /* position: absolute; */
  top: 5px;
  right: 0;
  width: 40px;
  opacity: 1;
  display: inline-block;
  float: left;
  transition: all 200ms linear;
}

.floating-veg-btn-wrap .veg-btn-icon.disnone {
  opacity: 0;
  display: none;
}

.floating-veg-btn-wrap .veg-btn-icon img {
  width: 100%;
  height: 100%;
  transition: all 200ms linear;
}

.menu-with-cat-list .veg-icon-wrap {
  position: absolute;
  top: 0px;
  left: 6px;
}

.menu-with-cat-list .veg-icon-wrap img {
  width: 15px;
  height: 15px;
  transition: all 200ms linear;
}

.disable-click {
  filter: blur(0.8px);
  pointer-events: none;
  transition: all 200ms linear;
}

.searched-item-wrap {
  width: 100%;
  border-radius: 0px;
  border: none;
  position: absolute;
  opacity: 0;
  transition: 0.5s;
  background-color: #9e9e9e70;
  padding: 0px;
  top: 55px;
  left: 0px;
  height: 0opx;
  overflow: auto;
}

.dynamic-bg {
  background-color: var(--bg-color);
}

.full-search-height {
  height: calc(100vh - 160px);
}

.menu-with-cat-list.list-view .menulisting-wrap {
  position: relative;
  margin-top: 0px;
  margin-bottom: 4px;
  width: 100%;
  display: inline-block;
  margin-right: 3%;
  float: left;
  min-height: 70px;
  /* max-height: 215px; */
  display: flex;
  box-shadow: unset;
  padding: unset;
  border: unset;
  border-radius: unset;
  border-bottom: 1px solid var(--border-color);
}

.list-view .menu-item-img {
  width: 35%;
  min-height: 100px;
  float: left;
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 10px;
}

.list-view .menu-item-img img {
  width: 110%;
  height: 100px;
  object-fit: cover;

}

.list-view .menu-item-name {
  padding: 0px 0 2px 16px;
  width: 65%;
  float: left;
  display: inline-block;
}

.list-view .item-name-price {
  padding: 0;
}

.list-view .add-btn {
  display: none;
}

.add-btn-list-view,
.outofstock-list-view {
  display: none;
}

.list-view .add-btn-list-view {
  display: block;
  font-size: 12px;
  color: var(--icon-color);
  font-family: "Poppins-Regular";
  font-weight: 600;
  justify-content: center;
  width: 66px;
  text-transform: uppercase;
  height: 28px;
  background-color: transparent;
  border: 1px solid var(--icon-color);
  border-radius: 15px;
  letter-spacing: 1px;
  position: absolute;
  bottom: 14px;
  right: 4px;
  padding: 4px 18px;
}

.list-view .outofstock-list-view {
  display: block;
  font-size: 1.2rem;
  color: #999;
  font-family: "Poppins-Regular";
  font-weight: 600;
  justify-content: center;
  width: 122px;
  text-transform: uppercase;
  height: 33px;
  background: #fff;
  border: 1px solid #999;
  border-radius: 15px;
  letter-spacing: 1px;
  position: absolute;
  bottom: 8px;
  right: 5px;
  /* box-shadow: 0 0px 13px 0px rgba(215, 215, 215, 0.72); */
}

.list-view .item-name,
.list-view .item-price {
  font-size: 13px;
}

.list-view .monte {
  font-size: 14px;
}

.viewcartbar {
  position: fixed;
  width: 100%;
  background-color: var(--icon-color);
  color: var(--bg-color);
  font-size: 16px;
  bottom: 0;
  left: 0;
  z-index: 9;
  padding: 15px 10px;
}

.viewcartbar .vcbitem {
  width: auto;
  float: left;
  border-right: 2px solid #ffffff;
  padding-right: 7px;
  margin-right: 8px;
  font-family: 'Poppins-Medium';
  font-size: 14px;
}

.viewcartbar .vcbprice {
  width: auto;
  float: left;
}

.viewcartbar .vcbprice {
  width: auto;
  float: left;
  font-family: 'Poppins-Medium';
  font-size: 14px;
}

.viewcartbar .vcbtxt {
  width: auto;
  float: right;
  font-family: 'Poppins-Medium';
  font-size: 14px;
}

@media screen and (min-width: 1170px) {
  .searched-item-wrap {
    padding: 10px 11%;
    padding-left: 16%;
  }

  .menu-with-cat-list .menulisting-wrap {
    margin: 20px 12px;
    min-height: 250px;
    max-height: 249px;
    width: 20%;
    min-width: 230px;
  }

  .menu-with-cat-list .item-name-price {
    padding: 15px 0 0;
  }

  .menu-with-cat-list .add-btn {
    top: -30px;
    left: 31%;
  }

  .full-search-height {
    height: calc(100vh - 80px);
  }

  .list-view .searched-item-wrap .menu-with-cat-list .menulisting-wrap {
    width: 32% !important;
    margin-right: 0 !important;
  }

  .desktop.ondesk .carousel-inner img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }
}

.back-btn-logo {
  float: left;
  width: 27px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.back-btn-logo img {
  width: 100%;
  height: auto;
}

.sale-price-pdp-wrap {
  width: 35%;
  float: right;
  display: inline-block;
}

.sale-price-pdp-wrap .sizesblock-price {
  width: auto;
}

.list-view .no-image-item .menu-item-name {
  width: 100%;
}

.list-view .no-image-item .menu-item-img {
  display: none;
}

.list-view .no-image-item .item-name-price {
  padding-left: 23px;
  padding-top: 3px;
}

.list-view .menu-with-cat-list .item-price {
  width: auto;
}

.list-view .menu-with-cat-list .item-name {
  width: 55%;
}

.menu-item-desc {
  display: none;
}

.list-view .menu-item-desc {
  display: block;
  width: 60%;
  float: left;
}

.list-view .item-name {
  height: unset;
  max-width: 180px;
}

.item-offer-tag {
  /* display: none; */
}

.list-view .item-offer-tag {
  display: block;
  padding: 4px 6px;
  font-family: "Poppins-Medium";
  text-transform: uppercase;
  font-size: 11px;
  background-color: #ececec;
  border-radius: 6px;
  float: left;
  position: absolute;
  max-width: 106px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  top: 70px;
  left: 0%;
}

.list-view .searched-item-wrap .menu-with-cat-list .menulisting-wrap {
  min-height: 90px;
  max-height: 110px;
  width: 100%;
}

.modal.modalUnset {
  padding-right: 0px !important;
  overflow-y: unset !important;
  overflow-x: unset !important;
}

.apply-button {
  border: 1px solid red;
  border-radius: 25px;
  background: white;
  padding: 3px 16px;
  color: red;
  margin-top: 10px;
}

.coupon-border {
  padding: 10px 14px;
  border: 1px solid var(--text-color)4a;
  border-left: unset;
  margin: 0;
  box-sizing: border-box;
  border-radius: 0px 10px 10px 0;
  position: relative;
  padding-left: 25px;
}

.coupon-border::before {
  content: "";
  height: 130px;
  border-left: 2px dotted #ccc;
  position: absolute;
  display: inline-block;
  top: 8px;
  left: 9px;
  z-index: 9999;
}

.feedback-error-wrap {
  display: flex;
  justify-content: center;
  text-align: center;
  height: 85vh;
  align-items: center;
  position: relative;
}

.feedback-error-wrap .error-text {
  font-size: 28px;
  font-family: "Poppins-Medium";
}

.feedback-error-wrap .error-btn {
  position: absolute;
  bottom: 10px;
}

.feedback-subheading {
  padding: 4px;
  text-align: center;
  margin-bottom: 21px;
  font-family: "Poppins-Regular";
  font-size: 17px;
  color: var(--text-color);
  width: 100%;
  font-weight: 500;
  float: left;
}

.feedback-subheading span {
  color: var(--icon-color);
}

.feedback-logo-wrap {
  margin: 20px 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #e6e7e8;
  padding-bottom: 11px;
}

.feedback-logo-wrap div {
  width: 150px;
}

.feedback-logo-wrap img {
  height: 40px;
}

.couponButton {
  background-color: var(--bg-color);
  outline: unset;
  border: unset;
  border-radius: 5px;
  padding: 10px;
  /* margin-left: 5px; */
  box-shadow: 0px 0px 1px -1px rgb(0 0 0 / 1%), 0px 1px 1px 1px rgb(0 0 0 / 8%),
    0px 1px 1px 1px rgb(255 255 255 / 15%);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.loyalty-modal-wrap {
  /* max-height: 427px; */
  background-color: #ffffff;
  border: 1px solid #00000069;
  box-shadow: 6px 7px 2000px 0 #10101078;
  border-radius: 17px;
  padding: 20px;
}

.apply-loyalty {
  font-family: "Poppins-Regular";
  font-size: 18px;
  color: #ffffff;
  background-color: var(--icon-color);
  text-align: center;
  padding: 7px;
  border-radius: 5px;
  border: 1px solid var(--icon-color);
  user-select: none;
  width: 55%;
}

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

.loyalty-img {
  width: 55%;
  margin: 14px 0 15px 22%;
}

.loyalty-name {
  font-family: "Poppins-Medium";
  font-size: 16px;
  margin: 0;
}

.loyalty-mob {
  font-family: "Poppins-Regular";
  font-size: 14px;
}

.loyalty-points {
  font-family: "Poppins-Medium";
  font-size: 14px;
  margin: 10px 0px;
}

.loyalty-txt {
  padding-bottom: 10px;
  font-size: 14px;
  font-family: "Poppins-Regular";
  font-weight: 500;
  text-align: center;
}

.loyalty-input {
  width: 100%;
  padding: 5px 2px 5px 5px;
  justify-content: center;
  align-items: center;
  margin-top: 11px;
  border: 1px solid gray;
  border-radius: 5px;
}

.loyalty-input .loyalty-txt {
  width: 32%;
  display: inline-block;
  float: left;
}

.loyalty-txt-2 {
  padding-bottom: 10px;
  font-size: 14px;
  font-family: "Poppins-Regular";
  font-weight: 500;
  padding-left: 10px;
  width: auto;
  display: inline-block;
}

.loyalty-btn {
  color: #fff;
  vertical-align: middle;
  text-align: center;
  width: 31%;
  font-size: 15px;
  border-radius: 3px;
  border: none;
  background-color: #e63b4c;
  font-family: "Poppins-Regular";
  outline: none;
  padding: 6px 0;
}

.loyalty-input input {
  width: 67%;
  font-size: 15px;
  border: unset;
  text-align: center;
  vertical-align: middle;
}

.loyalty-input input:-webkit-autofill {
  /* -webkit-box-shadow: inset 0 0 0px 9999px #e6e7e8; */
}

.rest-note-title {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-family: "Poppins-Medium";
  color: #e63b4c;
  margin-bottom: 20px;
}

.rest-note-details {
  font-size: 14px;
  line-height: 21px;
  font-family: "Poppins-Regular";
  letter-spacing: 0.5px;
  font-weight: 400;
  padding: 0 10px;
  color: var(--text-color);
}

.logo-outer {
  width: auto;
  height: 55px;
  display: inline-block;
  padding: 4px;
}

.cpn-loyalty-note {
  font-size: 13px;
  color: red;
  font-family: "Poppins-Regular";
  position: absolute;
  top: 7px;
  text-align: center;
  width: 93%;
}

.tnc-list-i {
  font-family: "Poppins-Regular";
  font-size: 13px;
}

.form-wrapper {
  height: 450px;
  box-shadow: 0 0px 13px 0px rgba(215, 215, 215, 0.72);
  padding: 20px;
  border-radius: 5px;
}

.margin {
  margin-top: 25px;
}

.cancel-cross {
  left: 45%;
  top: -50px;
}

.modal-background {
  border-radius: 10px;
  z-index: 9999;
  background: transparent;
  color: var(--text-color);
  /* border: 1px solid rgb(172, 171, 171); */
  border: unset;
}

.items-list-wrap {
  padding: 10px;
}

.item-details.heading {
  font-family: "Poppins-Medium";
  background: var(--bg-color);
  border-radius: 4px;
  box-shadow: 0px 0px 0.9px rgb(0 0 0 / 3%), 0px 0px 2.9px rgb(0 0 0 / 4%),
    0px 0px 13px rgb(0 0 0 / 7%);
  font-size: 14px;
  color: var(--text-color);
  margin-bottom: 20px;
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.item-details {
  margin-bottom: 10px;
  width: 100%;
  padding: 10px;
  float: left;
  display: flex;
  justify-content: space-between;
  font-family: "Poppins-Light";
  font-size: 14px;
  color: var(--text-color);
  border-bottom: 1px solid #e6e7e8;
}

.item-details .item-name {
  width: 80%;

}

.item-details .item-qty {
  width: 20%;
  text-align: center;
}

/* New Feedback Design */
.mt--10 {
  margin-top: -10px;
}

.my-10 {
  margin: 10px 0;
}

.mb-0 {
  margin-bottom: 0;
}

/* Feedback Heading */
.review {
  font-family: "Poppins-Medium";
}

.review .row {
  margin: 10px -15px 10px -15px;
  padding: 0 15px;
  color: var(--text-color);
}

/* .review .bg-dark {
  background-color: #000;
} */
.review .review-bar .col-sm-2 {
  width: 20%;
  float: left;
}

.review .review-bar .col-sm-10 {
  width: 80%;
  float: left;
  padding-left: 50px;
  padding-top: 5px;
}

.review .review-bar img {
  width: 2.3em;
  margin-top: 2px;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 7px;
  background-color: #222;
  cursor: pointer;
}

.review .review-bar span {
  font-size: 1.7em;
  color: var(--text-color);
  font-weight: 600;
}

/* Feedback Heading */

/* Star Rating */
.review .review-body {
  padding: 0 15px;
  color: var(--text-color);
}

.review .review-body .pt-2 {
  padding-top: 10px;
}

.review .review-rating {
  margin-top: -10px;
}

.branchRating {
  color: #a9a9a9;
  margin: 0;
  padding: 0;
}

ul.branchRating {
  display: inline-block;
}

.branchRating li {
  list-style-type: none;
  display: inline-block;
  padding: 1px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  font-size: 3em;
  margin: 0 4px;
}

.branchRating .filled {
  color: #f7d800;
  font-size: 3.5em;
}

/* Star Rating */

/* Feedback type */
.review .review-type .type {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.review .review-type h3 {
  margin-top: -8px;
  font-size: 22px;
}

.feedbackType {
  position: relative;
  width: 250px;
  height: 60px;
  margin: 5px;
  float: left;
  border: 1px solid #111;
  box-sizing: border-box;
  border-radius: 8px;
}

.feedbackType div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 25px;
  transition: .5s ease;
  font-weight: 400;
}

.feedbackType input {
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  height: 60px;
  opacity: 0;
  cursor: pointer;
  margin-top: 0;
}

input[type=checkbox]:checked~div {
  background-color: #f49f49;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  color: #fff;
}

/* Feedback type */

/* Feedback Comment */
.review .review-comment .form-group {
  position: relative;
  padding: 10px 10px 20px;
  border: 1px solid var(--text-color);
}

.review .review-comment label {
  font-weight: 400;
}

.review .review-comment textarea {
  resize: vertical;
  border: 0;
  background-color: var(--bg-color);
}

.review .review-button .btn {
  border-radius: 20px;
  width: 120px;
  font-size: 16px;
  background: var(--icon-color);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 10px 0;
}

.charCount {
  position: absolute;
  bottom: 0;
  right: 25px;
}

.charCount.success {
  color: #00b200;
  /* green */
}

.charCount.error {
  color: #f44336;
  /* red */
}


/* Feedback Comment */

/* Devourin Logo Footer */
.footer-logo {
  text-align: center;
  margin: 15px 0 85px;
  font-family: "Poppins-Regular";
}

.footer-logo span {
  color: var(--text-color);
}

.footer-logo img {
  width: 160px;
}

.footer-mb-60 {
  margin-bottom: 60px;
}

.margin-bottom {
  margin-bottom: 15px;
}

.footer-logo.mainpage {
  margin: 20px 0 13px;
  border-top: 1px solid #d1d1d1;
  padding-top: 6px;
}

/* Devourin Logo Footer */

/* Multiple Paymode Selection */
.paymode-btn {
  width: 100%;
  border: 1px solid var(--icon-color);
  border-radius: 10px;
  padding: 10px;
  background: none;
  font-size: 15px;
  color: var(--text-color);
  margin-right: 10px;
  font-weight: 500;
}

.paymode-btn-selected {
  background-color: #ddd;
  color: black;
}

.multiple-paymode-option-modal {
  border-radius: 0px;
  z-index: 9999;
  float: left;
  width: 100%;
}

.multiple-paymode-vendor-option {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-around;
  padding-bottom: 10px;
}

.header-bar-icon {
  width: 45px;
  height: 45px;
  color: #fff;
}

.offercircle {
  top: 8px;
  right: 0;
}

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

  .menu-list-wrap {
    background-color: var(--bg-color);
  }

  .close-icon-color {
    color: var(--text-color);
  }

  /*  .dynamic-slide {
    padding: 0 50px;
  } */

  .day-highlight {
    border: 2px solid var(--text-color);
    border-radius: 60%;
    padding: 0 14px;
  }

  .main-color-bottom {
    width: 25px;
  }

  .svg-set {
    width: 30px;
    margin: 7px 0 0 0px;
    color: var(--bg-color);
  }

  .nav-svg-set {
    color: var(--text-color);
    width: 100%;
    height: 100%;
  }

  .desc-dot.no-image {
    width: 210px;
  }

  .no-image .flex-1 {
    flex: none;
  }

  .image-container {
    width: 100% !important;
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 15px 0 0 0;
  }

  .image-container-title {
    position: absolute;
    top: 10px !important;
    left: 0;
    right: 0;
    color: white;
    font-family: 'Orion Chalk Solid';
    font-size: 37px !important;
    letter-spacing: 3px;
    font-weight: 600;
    text-align: center;
    width: 100%;
  }

  .top-picks-container {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    color: white;
    font-size: 40px !important;
    letter-spacing: 3px;
    line-height: 32px;
    font-family: 'Orion Chalk Solid';
    font-weight: 500;
    gap: 10px !important;
    min-height: 70% !important;
    max-height: 70% !important;
  }
  .floating-veg-btn-wrap .veg-btn-title {
    color: var(--text-color);
  }

  .item-row {
    display: flex;
    justify-content: space-between;
    margin: 12px 0;
    align-items: center;
    /* padding: 0 15px; */
    line-height: 0.6 !important;
  }

  .todays-special-wrap {
    font-size: 34px !important;
    margin-top: -4px;
  }

  .todays-item-name {
    font-size: 32px !important;
  }

  .menu-svg-set {
    width: 16px;
    padding-top: 24px;
  }

  .header-bar-icon {
    width: 30px;
    height: 30px;
    color: var(--text-color);
  }

  .icon-bar2 {
    width: 20px !important;
  }

  .icon-bar3 {
    width: 14px !important;
  }

  .social-icon-style {
    z-index: 9999;
    float: left;
    width: 100%;
    transform: translateY(50%);
    text-align: center;
    font-size: 18px;
    font-family: 'Poppins-Medium';
    color: var(--text-color);
    background-color: var(--modal-bg-color);
    padding: 35px 0 25px !important;
    border: 1px solid var(--primary-color-alpha);
    border-bottom: none;
  }

  .social-icon-style .modal-body {
    padding: 30px 15px 15px;
    background-color: var(--modal-bg-color);
  }

  .social-icon-style .modal-body .fullwidth {
    background-color: var(--modal-bg-color);
  }

  .main-sticky-wrap {
    background-color: var(--label-color);
  }

  .main-btm-branding {
    font-size: 14px;
    font-family: 'Poppins-regular';
    margin: 10px 50px 0;
    color: var(--text-color);
  }

  .web-link-color {
    color: var(--icon-color);
  }

  .hmbrgr-main {
    border: none;
    background-color: var(--golden-color);
  }

  .hmbrgr-main li {
    border: none;
  }

  .hmbrgr-main .hmbrgr-bg {
    background-color: transparent;
    position: fixed;
    top: 0;
    /* right: -100%; */
    width: 88%;
    display: inline-block;
    transition: right ease-in-out 0.3s;
    color: var(--primary-color);
    overflow: hidden;
    z-index: -1;
  }

  .item-cart-wrap {
    background-color: #fff !important;
  }

  .item-cart-desc {
    color: #000;
  }

  .item-cart-instr {
    background-color: #F5F6FB !important;
    border-radius: 10px;
    padding: 0 10px;
  }

  .item-cart-instr .remark-icon {
    border-bottom: 1px solid #c8c1c1;
  }

  .item-cart-add-instr {
    background-color: #F5F6FB !important;
    border-bottom: none ! important;
    margin: 6px;
    padding: 0;
    border-radius: 0;
    color: #000;
  }

  .item-cart-footer {
    background-color: #f7ebeb;
  }

  .cart-text-btn {
    color: #000;

  }

  .item-cart-footer .minusbtn {
    border: 1px solid #9e9e9e;
  }

  .item-cart-footer .plusbtn {
    border: 1px solid #9e9e9e;
  }

  .default-active-bg:active {
    background-color: #fff;
  }

  .cart-add-btn {
    background-color: #000;
    border: 1px solid #000000;
    color: red;
    padding: 5px 20px;
  }

  .item-cart-wrap .pdp-price {
    color: #000;
  }

  .float-btn-align {
    line-height: 80px;
  }

  .cart-fade-bg {
    background: rgb(0 0 0 / 66%);
  }

  .mobview-align {
    display: flow-root;
  }

  .container {
    color: var(--text-color);
    padding: 0px 10px 0 10px !important;
  }

  .con-detail .privacy-para a {
    color: var(--text-color);
  }

  .floating-category-list-wrap.active {
    background-color: var(--bg-color);
  }

  .bg-instruction {
    background-color: transparent;
  }

  .cart_menuitemqty {
    background-color: var(--bg-color);
  }

  .order-font {
    color: var(--text-color);
  }

  .contactus-wrap {
    width: 100%;
    padding: 15px 10px 0px 15px;
    background-color: var(--bg-color);
  }

  .contactus-wrap img {
    width: 90%;
  }

  .contactus-icon-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .contactus-icon-wrap .contactus-svg {
    width: 20px;
    color: var(--icon-color);
  }

  .contactus-text {
    color: var(--icon-color) !important;
    font-weight: 600;
  }

  .contactus-weight a {
    font-weight: unset !important;

  }

  .head-set {
    margin: 10px 0 0;
  }

  .para-set {
    margin: 0 0 20px;
  }

  .menu-list-view-wrap .menu-ul {
    padding: 0 0px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .adints {
    color: #7B7B7B;
    border-radius: 10px;
    padding: 3px;
    width: 80%;
  }

  .placeorder-btn {
    color: var(--bg-color);
    font-weight: bold;
  }

  .mdmenuprice2 {
    font-size: 14px;
  }

  .popup-bg {
    background-color: var(--bg-color);
  }

  .placeorder {
    background-color: var(--icon-color);
    color: var(--bg-color);
    border: none;
    font-weight: 600;
  }

  .fullwidth .inR-text-centre {
    background-color: var(--bg-color);
  }

  .pdp-bg-white {
    background-color: #ffffff !important;
  }

  .instruction-wrap {
    background-color: var(--bg-color) !important;
  }

  .fullwidth .table-no-wrap {
    background-color: var(--bg-color);
  }

  .item-cart-bg {
    background-color: #fff !important;
  }

  .fullwidth .inR-text-centre .logininput1 {
    margin: 10px 0px 28px;
    height: 50px;
    border-radius: 6px;
    padding: 18px;
    border: none;
  }

  .list-view .item-name-price {
    padding-top: 7px;
    padding: unset;
    padding-left: 10px;
  }

  .list-view .item-name-price .item-price {
    margin-right: 12px;
  }

  .list-view .no-image-item {
    min-height: 100px;
  }

  .recom-item-img img {
    height: auto;
  }

  .no-image-item .item-name-price {
    padding-left: 23px;
    padding-top: 9px;
  }

  .pl-0 {
    padding-left: 0 !important;
  }

  .no-image-item .item-name {
    max-width: 200px;
  }

  .pdpimgdesk {
    border-top: unset !important;
  }

  .grid-view .item-name-price {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
    padding-top: 18px;
    padding-left: 0;
  }

  .grid-view .veg-icon-wrap {
    top: 6px;
    left: 9px;
  }

  .grid-view .add-btn {
    top: 116px;
    bottom: unset;
  }

  .pdp-menuname {
    color: #000;
  }

  .desc-dot {
    width: 160px;
  }

  .menu-with-cat-list .list-view .menulisting-wrap {
    margin-right: unset;
  }

  .list-view .item-price {
    width: 100%;
  }

  /* .list-view .add-btn-list-view {
    right: -10px;
  } */
  .list-view .menu-item-img img {
    height: 120px;
  }

  .full-search-height {
    height: calc(100vh - 55px);
  }

  .order-datePO {
    color: var(--text-color);
  }

  .modal-header .close {
    margin-top: 0;
    top: 6px;
  }

  .bd-row2-delivertitle {
    color: var(--text-color);
  }

  .user-btn-wrap {
    float: right;
  }

  .marquee {
    padding: unset !important;
    padding-top: 5px !important;
  }

  .footer-bg-wrap {
    background-color: var(--bg-color);}
    .feedabcktxt {
      color: var(--text-color) !important;
    }
    .ratetext {
      color: var(--text-color) !important;
      padding: 50px 0 11px 0px;
    }
    .list-view .item-name {
      height: unset;
      max-width: 144px;
      -webkit-line-clamp: 3;
      line-clamp: 3;
    }
    .menu-item-name {
      height: 90px !important;
    }
    .list-view .add-btn-list-view {
      bottom: 5px;
    }
    .list-view .no-image-item .tag-wrap {
      min-height: 106px;
      max-height: auto;
    }
    .list-view .no-image-item .desc-dot {
      width: 230px;
    }
     .list-view .no-image-item .item-name {
      max-width: 190px;
    }
    .menu-with-cat-list .searchedAddBtn {
      top: -22px;
      bottom: unset;
    }
}

/* End Multiple Paymode Selection */

.marquee-container {
  position: sticky;
  top: 55px;
  vertical-align: middle;
  color: black;
  background: var(--golden-color);
  font-weight: 600;
  font-family: "Poppins-Medium";
  z-index: 19;
  overflow: hidden;
}

.marquee {
  display: inline-block;
  white-space: nowrap;
  animation: marquee-animation linear infinite;
}

.image-container {
  /* width: 100%; */
  height: auto;
  overflow: hidden;
  position: relative;
  width: 714px;
  margin: 0 auto;
}

.image-container-title {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  color: white;
  font-family: 'Orion Chalk Solid';
  font-size: 37px;
  letter-spacing: 3px;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.top-picks-container {
  position: absolute;
  top: 57%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  color: white;
  font-size: 40px !important;
  letter-spacing: 3px;
  line-height: 20px;
  font-family: 'Orion Chalk Solid';
  font-weight: 500;
}

.item-row {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
  align-items: center;
}

.item-name {
  text-align: left;
  display: flex;
  width: 75%;
}

.item-name-40 {
  text-align: left;
  display: flex;
  align-self: center
}

.item-price {
  text-align: right;
}

@keyframes marquee-animation {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(-100%);
  }
}

.marquee {
  margin: 0;
  display: inline-block;
  width: 100%;
  padding: 8px;
  padding-top: 10px;
  overflow: hidden;
}

.marquee-words {
  white-space: nowrap;
  animation: marquee-content 8s linear infinite;
  font-size: 15px;
  /* letter-spacing: 0.1px; */
  font-family: "Poppins-Regular";

}

@keyframes marquee-keywords {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}


@keyframes marquee-content {

  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(-200%);
  }

}


.theme-toggle {
  padding: 3px;
  height: 30px;
  width: 30px;
  margin-top: 11px;
}

.theme-toggle svg {
  width: 100%;
  height: 100%;
  color: var(--text-color);
}

.aboutus-content {
  font-family: 'Poppins-Regular';
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: 19px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.aboutus-icon-wrap {
  display: flex;
  gap: 10px;
  align-items: center;
}

.aboutus-icon {
  width: 30px;
  height: 30px;
  background-color: #ebebeb;
  border-radius: 50%;
}

.aboutus-icon-color {
  width: 20px;
  height: 100%;
  color: var(--icon-color);
}

.locate-set {
  margin-top: 10px;
  gap: 10px;
}

.address-para {
  text-align: left;
}

.aboutus-locate-color {
  width: 20px;
  height: 100%;
  color: var(--icon-color);
}

.map-align {
  padding-left: 25px;
  font-family: "poppins-regular";
}

.swiper-container {
  border-radius: 20px;
}

.empty-cart {
  display: inline-block;
  font-weight: 600;
  font-family: 'Poppins-Regular';
  font-size: 16px;
  color: var(--text-color);
}

.hmbrgr-main.collapse.in .devo-logo {
  display: flex !important;
}

.modal-form {
  background-color: var(--bg-color);
  border: 1px solid var(--golden-color);
}

.main-btm-branding {
  color: var(--text-color);
}

.nav-svg-set {
  color: var(--text-color);
  width: 100%;
  height: 100%;
}

.image-container-title {
  top: 20px;
}

.todays-special-wrap {
  font-size: 70px;
}

.top-picks-container {
  line-height: 60px;
}

.todays-item-name {
  font-size: 60px;
}

.bg-modal-content {
  background-color: var(--bg-color);
  border: 1px solid var(--icon-color);
}

.pdp-text-display {
  color: #000;
}

.color-mode-text {
  color: var(--text-color);
}

.bg-mode-explore-menu {
  background-color: #e63b4c !important;
  color: #fff !important;
}

.bg-white-default {
  background-color: #fff;
}

.no-scroll {
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  .marquee-container {
    top: 76px;
  }

  .menu-ul {
    flex-wrap: wrap;
    display: flex;
  }

  .marquee-words {
    animation: marquee-content 20s linear infinite;

  }

  .desktop-wrapper {
    margin-top: 95px !important;
  }

  .feed50 {
    width: 33%;
  }

  .dynamic-slide {
    margin: 25px auto 20px !important;
  }

  .sizesblock-row {
    color: var(--text-color);
  }

  .thanku-page-container {
    background-size: auto;
  }

  .swiper-slide-active {
    margin-top: 20px;
  }

  .noactorders img {
    margin-top: unset;
  }

  .container-fluid {
    width: 1170px !important;
  }

  .col-sm-2 {
    width: 10% !important;
  }

  .col-sm-10 {
    width: 90% !important;
    padding-left: 0 !important;
  }

  .image-container-title {
    top: 0;
  }

  .ulmenu {
    height: 400px;
  }

  .sale-price-pdp-wrap {
    float: left;
  }

  @keyframes marquee-content {

    from {
      transform: translateX(100%);
    }

    to {
      transform: translateX(-100%);
    }

  }
}

@media screen and (min-width: 1024px) and (max-width: 1168px) {
  .marquee-container {
    top: 64px;
  }

  .tab-landscap-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .left-nav {
    display: none;
  }

  .marquee {
    padding: 10px 0 0 0;
  }

  .menu-item-name3 {
    padding: 7px 12px 2px 0;
  }
}

@media screen and (min-width: 1194px) {
  .list-view .searched-item-wrap .menu-with-cat-list .menulisting-wrap {
    min-width: 370px;
    min-height: 110px !important;
  }

  .full-search-height {
    height: calc(100vh - 54px);
  }
}


.invoice-bg {
  background-color: #ffffff !important;
}

.invoice-text {
  color: #000 !important;
}

.fixed-text-color {
  color: #000;
}

.item-cart-wrap {
  background-color: #fff !important;
}

.item-cart-wrap .pdp-price {
  color: #000;
}

.pdp-detailwrap .remark {
  background-color: unset;
}

.menu-item-name {
  height: 80px;
}

.list-view .add-btn-list-view {
  bottom: 5px;
}

.contactus-icon-wrap .contactus-svg {
  width: 20px;
  color: var(--icon-color);
}

.item-cart-desc {
  color: #000;
}

.pdp-menuname {
  color: #000;
}

.pdp-menudescrip {
  color: #000;
}

.sizesblock-label {
  color: #000;
}

.menu-item-tag-list {
  margin-left: 5px;
}

.menu-item-tag {
  position: relative;
  color: #ff0000;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  /* Ellipsis settings */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}

.popup-item-tag {
  font-size: 14px;
  top: 10px;
  left: 10px;
  position: absolute;
}

.note-wrap {
  background-color: var(--bg-color);
  border: 1px solid var(--golden-color);
}

.note-wrap .form-row {
  text-align: center;
}

.note-wrap .form-row button {
  color: var(--bg-color);
  background-color: var(--icon-color);
}

.ty-main-wrapper {
  display: flex;
  flex-direction: column;
  top: 0;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
  height: 87vh;
}

.ty-img-wrap {
  width: 35% !important;
}

.ty-img-wrap img {
  width: 100%;
}

.ty-exp-menu-btn {
  position: relative !important;
  bottom: 0% !important;
}

.ty-footer-btn {
  background-color: var(--bg-color);
}

.ty-footer-btn .placeorder {
  background-color: var(--primary-color) !important;
}

.subcat-li {
  width: 100%;
}

.list-view .subcat-add-btn {
  right: 0;
}

.sub-cat-item-wrap {
  padding-right: 10px;
}

.grid-view .subcat-grid-add-btn {
  top: -25px;
}

.list-view .subcat-item-list-wrap {
  padding: 0px 10px 2px 10px;
}

.list-view .searched-item-wrap .menu-with-cat-list .menulisting-wrap {
  min-width: 370px;
  min-height: 112px !important;
}

.bg-modal-content-filter {
  background-color: var(--bg-color);
  border-radius: 30px;
  box-shadow: 0 5px 15px rgb(106 97 97 / 55%);
}

.alert-note-wrap {
  background-color: var(--bg-color);
  border-radius: 30px;
}

.alert-note-desc {
  color: var(--text-color);
}

.store-text-color {
  color: var(--text-color);
}

.address-desc-text {
  color: #000000 !important;
}

@media screen and (min-width: 1024px) {
  .social-tab-wrap {
    width: 100% !important;
  }

  .social-tab-heading {
    width: 100%;
    text-align: center;
    font-size: 20px;
    padding: 25px 0 25px;
    color: var(--text-color);
    background-color: var(--bg-color);
    border-top: var(--primary-color);
  }

  .social-tab-budg-icon {
    right: unset;
  }

  .tab-sticky-icons {
    width: 1170px !important;
    margin: 0 auto;
    float: none;
  }

  .desk-slider-zoom-img {
    width: 620px !important;
  }

  .cartttweb {
    margin-top: 20px !important;
  }

  .webviewoff {
    display: none !important;
  }
}

.errortext {
  color: var(--text-color);
}

.dark-modal-content {
  border: 1px solid var(--primary-color);
  border-radius: 10px;
}

.token-inputbg {
  background-color: var(--modal-bg-color);
  color: var(--text-color);
  border: 1px solid var(--border-color);
  border-radius: 10px;
}

.bg-modal-no-border {
  border: none !important;
}

.menu-plus .plusbtn {
  color: #e63b4c !important;
}

.menu-minus .minusbtn {
  color: #e63b4c !important;
}

.border-line {
  border: 1px solid #b7b7b7 !important;
}

.limenu-d {
  padding: 0 3px;
}

.modal-dynamic-bg {
  background-color: var(--modal-bg-color) !important;
}

.modal-title {
  color: var(--text-color);
  padding: 10px 20px 0 20px;
}

.desktop-btn-align {
  background-color: var(--bg-color);
  padding-top: 10px;
}

.pagination-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.prev-button,
.next-button {
  background-color: #4CAF50;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.prev-button:hover,
.next-button:hover {
  background-color: #3e8e41;
}

.prev-button:disabled,
.next-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.top-picks-container {
  flex-grow: 1;
  padding: 10px;
}

.top-picks-container {
  gap: 13px;
  display: flex;
  flex-direction: column;
  transition: transform 0.5s ease-in-out;
  /* add transition */

}

.item-row {
  flex: 1 0 30%;
  margin: 0px;
  line-height: 0.7;
}

.prevnextbtnalign {
  position: absolute;
  top: 24px;
  padding: 0 18px;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  align-items: center;
}

.prevbtn {
  background-color: transparent;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'Orion Chalk Solid';
}

.nextbtn {
  background-color: transparent;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'Orion Chalk Solid';
}

.prevbtn1 {
  color: transparent;
}

::placeholder {
  color: #a3a3ac;
}

.left-arrow-wrap {
  color: var(--icon-color);
}

.instruction.selected {
  background-color: var(--icon-color);
  color: white;
  border: 1px solid var(--icon-color);
}


/* Kiosk Screen Code */

@media only screen and (min-width: 1390px) and (max-width: 3600px) and (min-height: 1800px) and (max-height: 5000px) {
  .navbar-default .navbar-header {
    width: 100% !important;
  }

  .container-withoutpad {
    width: 100%;
  }

  .ulmenu {
    height: 70vh;
  }

  .menu-ul {
    max-height: 73vh;
    overflow: auto;
  }

  .page-banner img {
    width: 100%;
  }

  .fulloutpad {
    width: 100% !important;
    display: flex;
    flex-direction: column;
  }

  .container {
    width: 100% !important;
  }

  .menucoverscroll {
    height: auto !important;
    max-height: 46vh !important;
  }

  .tab-sticky-icons {
    width: 100% !important;
  }

  .limenu span {
    font-size: 20px !important;
    padding: 16px 20px;
  }

  .limenu.selected span {
    font-size: 20px !important;
    background-color: unset
  }

  .limenu.selected {
    background-color: #e1e1e1;
  }

  .add-btn {
    font-size: 2rem;
    width: 110px;
    height: 44px;
    border-radius: 30px;
  }

  .menulist-name {
    font-size: 2rem;
  }

  .monte,
  .newmenu-price {
    font-size: 28px;
  }

  .menulisting-wrap {
    width: 31.4%;
    border-bottom: 2px solid var(--border-color);
    border: 2px solid var(--border-color);
    max-height: 430px;
  }

  .menu-ul>li:nth-child(2n + 2) {
    margin-right: 20px;
  }

  .leaf2 {
    width: 18px;
  }

  .add-btn:active {
    background: var(--icon-color);
  }

  .cart-fade-bg {
    transform: translateY(38%);
  }

  .minusbtn {
    height: 50px;
    width: 50px;
    font-size: 40px;
    line-height: unset;
  }

  .menu-minus {
    width: 50px;
  }

  .pdp-qty {
    font-size: 28px;
    width: 60px;
  }

  .plusbtn {
    height: 50px;
    width: 50px;
    font-size: 40px;
    line-height: unset;
  }

  .menu-plus {
    width: 50px;
  }

  button.pdp-add {
    font-size: 28px;
  }

  .pdp-price {
    font-size: 28px;
  }

  .pdp-menuname {
    font-size: 28px;
  }

  .pdp-menudescrip {
    font-size: 20px;
    line-height: 26px !important;
  }

  .remark {
    font-size: 20px;
  }

  .pdp-it {
    width: 20px;
  }

  .header-cross {
    width: 50px;
  }

  .newmenu-price {
    font-size: 28px;
  }

  .cartst-item1-price {
    font-size: 28px;
  }

  .menu-item-name2 {
    font-size: 28px;
  }

  .cartorder-title {
    font-size: 28px;
  }

  .dp-in-block2 {
    width: 60px;
  }

  .webincaart {
    width: 100%;
  }

  .cartttweb {
    width: 100%;
  }

  .mdmenuprice2 {
    font-size: 28px;
  }

  .cart_menuitemqty {
    font-size: 28px;
  }

  .cartst-item1-txt {
    font-size: 28px;
  }

  .cartst-item2-txt {
    font-size: 28px;
  }

  .cartst-item2-txt span {
    border-bottom: 2px dashed var(--icon-color);
  }

  .amtpaytotal {
    font-size: 28px;
  }

  .cartprivacytxt {
    font-size: 22px;
  }

  .cartprivacytxt span {
    border-bottom: 2px dashed var(--icon-color);
  }

  .placeorder-btn {
    font-size: 38px;
    width: 100%;
  }

  .instruction {
    font-size: 20px;
  }

  #social .modal-content.border-rad5px {
    font-family: 'Poppins-Medium';
    font-size: 40px;
    padding: 100px 0 100px;
  }

  .spsocialimg img {
    width: 160px;
  }

  .cseclose {
    top: -126px;
    right: 20px;
  }

  .cseclose img {
    width: 70px;
  }

  .amtprice .monte {
    font-size: 28px;
  }

  .modal .modal-dialog {
    width: 100% !important;
    max-width: 70% !important;
  }

  .incl-tax {
    font-size: 28px;
  }

  .placeorder {
    font-size: 28px;
  }

  .logininput1 {
    width: 340px !important;
    height: 60px;
    font-size: 20px;
  }

  .menucover {
    padding: 12px 8px 10px 20px;
  }

  .cartorder-title {
    font-size: 38px;
  }

  .leaf1 {
    width: 20px;
  }

  .cart_menuitemqty {
    line-height: unset;
  }

  .adints img {
    width: 20px;
  }

  .dp-in-block2 {
    width: 50px !important;
  }



  * #sparkSelectionModal .modal-dialog.modal-sm {
    width: 70% !important;
  }

  .modal-background {
    height: 60vh !important;
  }

  .modal-body {
    height: 100% !important;
    padding: 100px;
  }

  .kiosk-main-popup {
    height: 100% !important;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 110px;
  }

  .kiosk-font {
    font-size: 70px;
  }

  .how2order {
    font-size: 50px;
  }

  .imgStyle {
    width: 300px;
  }

  .mb80 {
    font-size: 50px;
  }

  .navbar-default .navbar-header {
    width: 100% !important;
    padding: 0 60px;
  }

  .fullcontain {
    width: 100% !important;
    height: 100% !important;
    padding: 0 60px 60px 60px;
  }

  .tab-sticky-icons {
    width: 100% !important;
  }

  #dynamiccontentcarousel {
    width: 1100px;
  }

  .image-container {
    width: 1100px;
  }

  /* #dynamiccontentcarousel .item img {
  height: 600px !important;
  padding: 0 !important;
} */
  .todays-special-wrap {
    font-size: 124px !important;
  }

  .recom-title {
    font-size: 50px;
  }

  .recom-item-name {
    line-height: 36px;
    font-size: 40px;
  }

  .container-home .title {
    font-size: 50px !important;
    font-weight: unset;
  }

  .aboutus-content {
    font-size: 30px !important;
  }

  .map-align {
    font-size: 30px !important;
  }

  .desk-slider-zoom-img {
    width: 1024px !important;
  }

  button.close2.close {
    font-size: 80px !important;
    width: 80px !important;
    height: 80px;
  }

  li.recom-item-li {
    height: 320px !important;
    border-radius: 30px;
    width: 23.2%;
    margin-right: 30px;
  }

  .recom-item-name {
    font-size: 32px;
  }

  .recom-item-img {
    height: 320px !important;
  }

  .recom-item-img img {
    border-radius: 30px;
  }

  ul.recom-item-ul {
    justify-content: normal;
  }

  li.recom-item-li:first-child {
    margin-right: 30px;
  }

  li.recom-item-li:nth-child(2n) {
    margin-right: 30px;
  }

  li.recom-item-li:nth-child(3n) {
    margin-right: 30px;
  }

  li.recom-item-li:nth-child(4n) {
    margin-right: 0px;
  }

  .footer-logo img {
    width: 300px !important;
  }

  .kiosk-homepage-logo {
    margin-bottom: 20px;
    margin-top: -20px;
  }

  .kiosk-stickydown {
    height: 130px !important;
  }

  .kiosk-budg {
    width: 40px;
    height: 40px;
    font-size: 26px;
  }

  .kiosk-nav {
    line-height: 5;
  }

  .carousel-indicators .active {
    width: 20px !important;
    height: 20px !important;
    margin: 0px 10px;
  }

  .carousel-indicators li {
    width: 20px !important;
    height: 20px !important;
    margin: 0px 10px;
  }

  .note-wrap {
    width: 1024px;
  }

  .pbyd {
    width: 300px !important;
  }

  .modal-dialog {
    width: 95%;
  }

  .rest-note-details {
    font-size: 40px !important;
    line-height: 50px;
  }

  .form-row .pdp-add {
    font-size: 40px !important;
  }

  .kiosk-stickytext {
    font-size: 30px !important;
    line-height: 40px !important;
  }

  .prevnextbtnalign {
    font-size: 130px !important;
    top: 90px !important;
    padding: 0px 100px !important;
  }

  .todays-item-name {
    font-size: 116px !important;
  }

  .recom-title {
    font-size: 50px;
  }

  .recom-item-name {
    line-height: 36px;
    font-size: 40px;
  }

  .container-home .title {
    font-size: 50px !important;
    font-weight: unset;
  }

  .aboutus-content {
    font-size: 30px !important;
  }

  .map-align {
    font-size: 30px !important;
  }

  .desk-slider-zoom-img {
    width: 1024px !important;
  }

  button.close2.close {
    font-size: 80px !important;
    width: 80px !important;
    height: 80px;
  }

  li.recom-item-li {
    height: 320px !important;
    border-radius: 30px;
    width: 23.3%;
    margin-right: 30px;
  }

  .recom-item-name {
    font-size: 32px;
  }

  .recom-item-img {
    height: 320px !important;
  }

  .recom-item-img img {
    border-radius: 30px;
  }

  ul.recom-item-ul {
    justify-content: normal;
  }

  li.recom-item-li:first-child {
    margin-right: 30px;
  }

  li.recom-item-li:nth-child(2n) {
    margin-right: 30px;
  }

  li.recom-item-li:nth-child(3n) {
    margin-right: 30px;
  }

  li.recom-item-li:nth-child(4n) {
    margin-right: 0px;
  }

  .footer-logo img {
    width: 300px !important;
  }

  .kiosk-homepage-logo {
    margin-bottom: 20px;
    margin-top: -20px;
  }

  .kiosk-stickydown {
    height: 130px !important;
  }

  .kiosk-budg {
    width: 40px;
    height: 40px;
    font-size: 26px;
  }

  .kiosk-nav {
    line-height: 5;
  }

  .carousel-indicators .active {
    width: 20px !important;
    height: 20px !important;
    margin: 0px 10px;
  }

  .carousel-indicators li {
    width: 20px !important;
    height: 20px !important;
    margin: 0px 10px;
  }

  .note-wrap {
    width: 1024px;
  }

  .pbyd {
    width: 300px !important;
  }

  .modal-dialog {
    width: 95%;
  }

  .rest-note-details {
    font-size: 40px !important;
    line-height: 50px;
  }

  .form-row .pdp-add {
    font-size: 40px !important;
  }

  .kiosk-stickytext {
    font-size: 30px !important;
    line-height: 40px !important;

  }

  .kiosk-stickyicon {
    width: 70px !important;
    height: auto !important;
  }

  .footer-logo.mainpage {
    line-height: 3 !important;
  }

  .main-btm-branding {
    font-size: 30px !important;
  }

  .aboutus-icon {
    width: 60px !important;
    height: 60px !important;
  }

  .aboutus-icon-color {
    width: 30px !important;
  }

  .aboutus-locate-color {
    width: 30px;
  }

  .flex-container {
    height: 93vh;
  }

  .noactorders {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .noactorders img {
    width: 500px !important;
  }

  .empty-cart {
    font-size: 36px;
  }

  .menu-item-name3 {
    font-size: 34px !important;
    font-weight: 600;
  }

  .mdmenuprice3 {
    font-size: 28px;
  }

  .div60 .itemname-font {
    font-size: 28px !important;
  }

  .qtytext {
    font-size: 28px !important;
  }

  .subprice {
    font-size: 30px;
    padding: 20px 0 10px;
  }

  .subprice2 {
    font-size: 28px;
  }

  .subtext {
    font-size: 28px;
  }

  .subtext2 {
    font-size: 28px;
  }

  .review-btn {
    background-color: var(--icon-color);
    border: 1px solid var(--common-color);
    font-size: 28px;
  }

  .review-total {
    font-size: 28px;
  }

  .review-qty {
    width: 60px;
  }

  .review-qty-circle {
    background-color: var(--icon-color);
    width: 20px;
    height: 20px;
    font-size: 14px;
  }

  .item-details {
    font-size: 28px;
  }

  .item-details.heading {
    font-size: 28px;
  }

  .dark-modal-content {
    border: 1px solid var(--icon-color);
  }

  .deliv-deli,
  .deliv-ppick {
    font-size: 28px;
  }

  .web-contain {
    width: 100%;
    padding: 50px;
  }

  .ordering-txt2 {
    font-size: 28px;
    font-family: "Poppins-Medium";
  }

  .ordering-txt2 .takeaway-email {
    font-family: "Poppins-Regular";
  }

  .deliv-placebtn span {
    font-size: 28px;
  }

  .deliv-add {
    font-size: 28px;
  }

  .add-address {
    font-size: 28px;
  }

  .deliv-note span {
    font-size: 28px;
  }

  .labeldeliaddr {
    font-size: 28px;
  }

  .sel-mode-title {
    font-size: 28px;
  }

  .selm-btn {
    width: 360px;
    font-size: 28px;
    margin-right: 20px;
  }

  .deliv-amt-cover {
    font-size: 28px;
  }

  .del-note {
    font-size: 24px;
  }

  .order-t {
    font-size: 28px;
  }

  .confirmation-btn>button {
    font-size: 28px;
  }

  .deliv-placebtn img {
    width: 40px;
  }

  .add-address img {
    width: 40px;
  }

  .radioimg {
    width: 30px;
  }

  .selm-btn img {
    width: 40px;
  }

  .deliv-price .monte {
    font-size: 28px;
  }

  .deliv-price img {
    width: 30px;
  }

  .labeldeliaddr span {
    font-size: 28px;
  }

  .editpen {
    width: 30px;
  }

  .deliv-place {
    margin: 20px 0 20px;
  }

  .add-address {
    padding: 10px;
  }

  .sel-mode-buttons {
    margin: 5px 0 30px;
  }

  .order-status {
    width: 100%;
    padding: 50px;

  }

  .osts-heading {
    font-size: 30px;
  }

  .osts-invoice span {
    font-size: 24px;
  }

  .osts-invoice {
    font-size: 24px;
  }

  .osts-price .monte {
    font-size: 28px;
    font-family: 'Poppins-Medium';
    font-weight: bold;
  }

  .vieworder-price {
    font-weight: bold;
  }

  .osts-img {
    margin-bottom: 50px;
  }

  .osts-help span {
    font-size: 28px;
  }

  .osts-track-time {
    font-size: 28px;
  }

  .osts-track-dot span.dot {
    width: 26px;
    height: 26px;
  }

  .osts-track-dot span.height {
    top: 14px;
    left: 50px;
  }

  .osts-track-img {
    width: 90px;
  }

  .osts-track-dot {
    padding-left: 50px;
  }

  .osts-track-txt1 {
    font-size: 18px;
  }

  .osts-track-txt2 {
    font-size: 14px;
  }

  .bd-row1-blockleft-row1 {
    font-size: 28px
  }

  .bd-row1-blockleft-row2 {
    font-size: 28px
  }

  .bd-row1-blockright-row1 {
    font-size: 28px;
  }

  .bd-row1-blockright-row2 {
    font-size: 28px;
  }

  .workaddress {
    font-size: 28px;
  }

  .bd-row2-delivertitle {
    font-size: 28px;
  }

  .billdetails {
    font-size: 28px;
  }

  .orderitname1 {
    font-size: 28px;
  }

  .orderitprice1 {
    font-size: 28px !important;
  }

  .bd-discount-tax .orderitprice1,
  .bd-discount-tax .monte {
    font-size: 28px !important;
  }

  .orderitname2 {
    font-size: 28px !important;
  }

  .navbar-collapse li {
    font-size: 28px;
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    width: 32%;
  }

  .menu-drw-cancel {
    width: 50px;
  }

  .marquee-words {
    font-size: 28px;
  }

  .marquee {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .header-bar-icon {
    width: 48px;
    height: 48px;
  }

  .header-icon-wrap {
    padding: 12px 12px 0;
  }

  .navbar-toggle {
    padding: 25px 10px;
  }

  .orderitprice1 span {
    font-size: 28px !important;
  }

  .con-detail .privacy-head {
    font-size: 40px;
  }

  .contactus-icon-wrap .contactus-svg {
    width: 60px;
    height: 90px;
  }

  .con-detail .privacy-para,
  .con-detail .privacy-para a {
    font-size: 28px;
  }

  .contactus-wrap {
    width: 600px !important;
    margin-top: 50px !important;
  }

  .contactus-wrap img {
    width: 100%;
  }

  .contactus-text {
    color: var(--icon-color) !important;
  }

  .modal .social-tab-wrap {
    max-width: 100% !important;
  }

  .profilename {
    font-size: 38px;
  }

  .profilenum {
    font-size: 38px;
  }

  .my-acc-edit .pinkb-my-acc {
    font-size: 30px;
  }

  .profedit .editpen {
    width: 40px;
  }

  #updateUserModal .modal-dialog,
  #updateUserModal .modal-sm {
    width: 800px !important;
  }

  .bg-modal-no-border .custinfo {
    font-size: 38px;
  }

  .kiosk-profile-input-text {
    height: 60px;
    font-size: 28px;
  }

  .kiosk-profile-btn {
    font-size: 28px;
  }

  .modal-header .kiosk-close-btn {
    font-size: 60px !important;
  }

  .order-row2-pickup {
    font-size: 28px;
  }

  .order-row2-address {
    font-size: 18px;
  }

  .order-name {
    font-size: 28px;
  }

  .order-price {
    font-size: 28px;
  }

  .order-row2-column1 {
    width: 70%;
  }

  .order-row2-column2 {
    width: 30%;
    ;
  }

  .order-date {
    font-size: 18px;
    width: 100%;
  }

  .order-history>li {
    height: 130px;
    margin-top: 20px;
  }

  span.order-row3-txt1,
  span.order-row3-txt2,
  span.order-row3-txt3 {
    font-size: 28px
  }

  span.bd-action-bill {
    font-size: 28px;
  }

  .kiosk-delivered-text .workaddress {
    color: black;
  }

  .menu-item-description {
    font-size: 18px !important;
  }

  .privacy-head {
    font-size: 38px;
    margin-top: 30px;
  }

  .privacy-para {
    font-size: 28px;
  }

  .kiosk-policy-text {
    font-size: 28px !important;
  }

  .tnc-list-i {
    font-size: 28px;
  }

  .tnc-padding {
    padding: 0 20px;
  }

  .social-icon-style {
    background-color: var(--modal-bg-color);
  }

  .social-icon-style .modal-body {
    background-color: var(--modal-bg-color);
  }

  .font-size16 {
    font-size: 28px !important;
  }

  .otpPrimaryBtn {
    width: 120px;
    height: 60px;
    font-size: 28px;
  }

  .otpSecondaryBtn {
    width: 120px;
    height: 60px;
    font-size: 28px;
  }

  .banner-portion .kiosk-inner-popup {
    min-width: 800px !important;
    font-size: 28px;
  }

  .kiosk-inner-popup .taxesrowscover {
    font-size: 28px;
  }

  .kiosk-inner-popup .taxesrowscover .monte {
    font-size: 28px;
  }

  #taxes .service-header {
    font-size: 38px;
  }

  .feed50 {
    width: 46%;
    margin: 2% !important;
  }

  .feedcenter {
    width: 100%
  }

  .feedcenter img {
    height: 100%;
  }

  .feedmenuname {
    font-size: 28px;
    margin-top: 60px;
  }

  .rating {
    font-size: 94px;
    margin-bottom: 30px;
  }

  .rating2 a {
    padding: 0 20px;
  }

  .feedabcktxt {
    font-family: "Poppins-Medium";
    font-size: 50px;
    text-transform: unset;
  }

  .kiosk-logo-bottom {
    margin: 50px 0 85px;
  }

  .addrType {
    font-size: 28px;
  }

  .kiosk-checkout-icon {
    width: 40px !important;
  }

  .koisk-add-address {
    font-size: 38px;
  }

  #addNewAdressModal .modal-dialog.modal-sm {
    width: 800px !important;
    padding: unset;
  }

  .custaddrmb {
    width: 100%;
    font-size: 24px;
  }

  .submit-btn {
    font-size: 28px;
  }

  .confirm-message {
    font-size: 28px !important;
  }

  .menu-list-img {
    height: 200px !important;
  }

  .custimg {
    height: auto;
  }

  img.applycouponimg1 {
    width: 50px;
  }

  .applycoupontxt {
    font-size: 28px;
  }

  .kiosk-powered-wrapper {
    position: relative;
    bottom: 50px;
  }

  .offercircle {
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
  }

  .pdp-wrap-flex {
    max-height: 500px;
  }

  .left-arrow-wrap {
    color: white !important;
  }

  .back-btn-logo {
    width: 36px;
    height: 70px;
  }

  .kiosk-pdp-mainpage {
    height: 100%;
    transform: translateY(38%) !important;
  }

  .kiosk-pdp-arrow {
    min-width: 70px;
  }

  .kiosk-pdp-arrow img {
    width: 100%;
  }

  .kiosk-margin-pdp {
    margin-left: -70px;
  }

  .kiosk-about-contact-wrap {
    margin-top: -18px;
  }

  .note-wrap .form-row {
    margin-bottom: 50px;
  }

  .cartttweb.webview .fullwidth {
    margin-top: 100px;
  }

  .amtprice {
    font-weight: 600;
  }

  .placefixed {
    bottom: 120px;
    padding: 10px;
  }

  .service-calls-name {
    font-size: 28px;
  }

  .bringbill {
    width: 250px;
  }

  .kiosk-service-wrap {
    font-size: 38px !important;
  }

  .viewcartbar {
    padding: 15px 20px;
  }

  .viewcartbar .vcbitem {
    font-size: 28px
  }

  .viewcartbar .vcbprice {
    font-size: 28px;
  }

  .viewcartbar .vcbtxt {
    font-size: 28px;
  }

  .mobile-screen {
    display: block;
  }

  .widthlogin {
    width: 1024px;
  }

  .pickuptxt {
    font-size: 28px;
  }

  .logininput2 {
    height: 60px;
    font-size: 28px;
    margin-left: 24px;
  }

  .fullbtn {
    font-size: 28px;
  }

  .searched-item-wrap {
    padding: 30px !important;
    top: 75px;
  }

  .searched-item-wrap .searched-item-list {
    max-width: 100%;
  }

  .list-view .searched-item-wrap .menu-with-cat-list .menu-item-desc .desc-dot {
    width: 300px;
    font-size: 20px;
  }

  .list-view .searched-item-wrap .menu-with-cat-list .menulisting-wrap {
    width: 48% !important;
    min-height: 214px !important;
  }

  .list-view .menu-item-img {
    width: 40% !important;
  }

  .list-view .menu-item-name {
    width: 58%;
  }

  .list-view .menu-item-img img {
    width: 100%;
    height: 200px !important;
  }

  .list-view .item-name,
  .list-view .item-price {
    font-size: 28px;
  }

  .list-view .item-name .item-name {
    max-width: 400px;
  }

  .item-name-price .item-name {
    max-width: 230px;
  }

  .list-view .no-image-item .item-name {
    max-width: 300px;
  }

  .menu-with-cat-list .veg-icon-wrap img {
    width: 24px;
    height: 24px;
  }

  .list-view .add-btn-list-view {
    width: 94px;
    height: 44px;
    font-size: 28px;
    right: 30px;
    bottom: 30px;
  }

  .itemsearch {
    font-size: 28px;
    height: 76px;
    padding: 25px 10px 24px 4%;
  }

  .menu-with-cat-list .menulisting-wrap .monte {
    font-size: 28px !important;
  }

  .nomatching {
    font-size: 28px !important;
    color: var(--icon-color);
  }

  .desktop.ondesk .carousel-inner img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  .flex-2 .desc-dot {
    width: 246px;
    font-size: 14px;
  }

  .main-btm-branding a {
    color: var(--icon-color);
  }

  .ui-notification>.message {
    font-size: 28px;
  }
}