@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
/* @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700); */
/* @import url(https://fonts.googleapis.com/css?family=Raleway:400,700); */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/material.woff2") format("woff2");
  src: url(https://fonts.gstatic.com/s/materialicons/v53/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2)
    format("woff2");
}
/* @font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/Roboto-Regular.ttf") format("truetype");
} */
@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/Roboto-Regular.ttf") format("truetype"); /* Safari, Android, iOS */
}
* {
  font-family: "Roboto-Regular", sans-serif;
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
* {
  outline: 0px !important;
}

.myLoader {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fffafc;
  background-image: url(../../img/loader-red.gif);
  background-size: 300px auto;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  z-index: 99999;
  display: none;
}

.myLoaderX {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fffafc;
  background-image: url(../../img/front-end/rdine-loading.gif);
  background-size: 300px auto;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  z-index: 99999;
  display: block;
}

body {
  font-family: "Roboto-Regular", sans-serif;
}

footer p {
  color: #5c5d69;
  text-decoration: none;
  color: #7e7c7c;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 14px;
  line-height: 15px;
  font-family: "Roboto-Regular", sans-serif;
}

footer p:hover {
  color: #fff;
  text-decoration: underline;
  outline: 0;
  cursor: pointer;
}

footer h4 {
  color: white;
  font-size: 18px;
  font-weight: 100;
  font-family: "Roboto-Regular", sans-serif;
}

footer i {
  font-size: 34px !important;
  color: rgb(206, 205, 204);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  padding: 0px;
  margin-right: 25px;
}

/*footer i:hover {color : white; cursor : pointer;}*/
footer i:hover {
  color: white;
  cursor: pointer;
}

footer img {
  margin-top: 20px;
}

#loader-bak {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 999999;
  overflow: hidden;
}

#loader-gif {
  position: absolute;
  z-index: 99999999;
  left: 0;
  right: 0px;
  top: 28%;
  margin: 0px auto;
  text-align: center;
}

#loader-gif img {
  height: 250px;
}

.catererstat {
  float: left;
  width: auto;
  padding: 3px 10px;
  background: #fa9917;
  border-radius: 2px;
  color: white;
  margin-bottom: 10px;
  text-align: center;
}

.restaurantstat {
  float: left;
  width: auto;
  padding: 3px 10px;
  background: #17bafa;
  border-radius: 2px;
  color: white;
  margin-bottom: 10px;
  text-align: center;
}

.fa.fa-calendar {
  cursor: pointer;
}

.nrmid {
  margin-top: 20px;
}

.soon h1 {
  font-size: 60px;
  line-height: 55px;
  letter-spacing: 1px;
  color: black;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Roboto-Regular", sans-serif;
  font-weight: 500;
  margin-top: 150px;
}

.h2bar {
  font-family: "Roboto-Regular", sans-serif;
  color: white;
  font-size: 24px;
  margin-top: 0px;
  margin: 0px auto;
  width: 90%;
  margin-bottom: 8px;
}

.earnft {
  font-size: 13px;
  font-weight: 400;
}

.mbot0 {
  margin-bottom: 0px;
}

.navbar-toggle .icon-bar {
  background-color: #fff;
}

.custom-padding-0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: transparent;
}

.findnull {
  width: 100%;
  float: left;
  padding: 10px 15px;
  background: white;
  border-radius: 4px;
  text-align: center;
  color: gray;
  margin-top:100px;
  font-size:20px;
}

/*login & register popup*/
#loginformModal {
  margin-top: 108px;
}

#loginformModal .modal-content {
  float: left;
  width: 100%;
}

#loginformModal .nav > li {
  width: 50%;
  padding: 1px 0px;
  margin-bottom: -2px;
}

#loginformModal .nav > li > a {
  padding: 10px 15px;
  background: #c5c5c5;
  text-align: center;
}

#loginformModal .nav-tabs > li.active > a,
#loginformModal .nav-tabs > li.active > a:focus,
#loginformModal .nav-tabs > li.active > a:hover {
  background: white;
}

#loginformModal .modal-body {
  width: 100%;
}

#loginformModal .tab-content {
  border: 1px solid #ddd;
  border-top: 0px solid black;
}

#loginformModal .modal-header {
  border-bottom: 0px solid #e5e5e5;
}

#loginformModal .modal-dialog {
  width: 420px;
}

#registerformModal {
  margin-top: 108px;
}

#registerformModal .modal-content {
  float: left;
  width: 100%;
}

#registerformModal .nav > li {
  width: 50%;
  padding: 1px 0px;
  margin-bottom: -2px;
}

#registerformModal .nav > li > a {
  padding: 10px 15px;
  background: #c5c5c5;
  text-align: center;
}

#registerformModal .nav-tabs > li.active > a,
#registerformModal .nav-tabs > li.active > a:focus,
#registerformModal .nav-tabs > li.active > a:hover {
  background: white;
}

#registerformModal .modal-body {
  width: 100%;
}

#registerformModal .tab-content {
  border: 1px solid #ddd;
  border-top: 0px solid black;
}

#registerformModal .modal-header {
  border-bottom: 0px solid #e5e5e5;
}

#registerformModal .modal-dialog {
  width: 420px;
}

/*login & register popup*/
/*....new....*/
#myModal span .col-md-6 {
  margin-bottom: 5px;
  line-height: 20px;
  color: #3b3b3b;
  font-size: 13px;
  min-height: 40px;
}

#myModal span .col-md-3 {
  color: #232323;
  font-size: 15px;
}

#myModal input[type="checkbox"]:not(old),
#myModal input[type="radio"]:not(old) {
  width: 2em;
  margin-left: -1px;
  padding: 0;
  font-size: 1em;
  opacity: 0;
  height: 1em;
  position: absolute;
  left: 15px;
}

#myModal input[type="checkbox"]:not(old) + label,
#myModal input[type="radio"]:not(old) + label {
  float: left;
  margin-left: 0em;
  line-height: 24px;
  margin-right: 5px;
}

#myModal input[type="checkbox"]:not(old) + label > span {
  float: left;
  width: 16px;
  height: 16px;
  margin: 0.25em 0.5em 0.25em 0.25em;
  border: 0.0625em solid rgb(192, 192, 192);
  border-radius: 0.25em;
  background: rgb(224, 224, 224);
  background-image: -moz-linear-gradient(
    rgb(240, 240, 240),
    rgb(224, 224, 224)
  );
  background-image: -ms-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
  background-image: -o-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
  background-image: -webkit-linear-gradient(
    rgb(240, 240, 240),
    rgb(224, 224, 224)
  );
  background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
  vertical-align: top;
  cursor: pointer;
}

#myModal input[type="radio"]:not(old) + label > span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0.25em 0.5em 0.25em 0.25em;
  border: 0.0625em solid rgb(192, 192, 192);
  border-radius: 25px;
  background: rgb(224, 224, 224);
  background-image: -moz-linear-gradient(
    rgb(240, 240, 240),
    rgb(224, 224, 224)
  );
  background-image: -ms-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
  background-image: -o-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
  background-image: -webkit-linear-gradient(
    rgb(240, 240, 240),
    rgb(224, 224, 224)
  );
  background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
  vertical-align: bottom;
  cursor: pointer;
}

#myModal input[type="checkbox"]:not(old):checked + label > span,
#myModal input[type="radio"]:not(old):checked + label > span {
  background-image: -moz-linear-gradient(
    rgb(224, 224, 224),
    rgb(240, 240, 240)
  );
  background-image: -ms-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
  background-image: -o-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
  background-image: -webkit-linear-gradient(
    rgb(224, 224, 224),
    rgb(240, 240, 240)
  );
  background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
  background: #000000;
  border: 0.0625em solid #000000;
}

#myModal input[type="checkbox"]:not(old):checked + label > span:before {
  content: "✓";
  display: block;
  width: 13px;
  color: white;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  text-shadow: 0 0 0.0714em rgb(242, 208, 23);
  font-weight: bold;
}

#myModal input[type="radio"]:not(old):checked + label > span > span {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0px;
  border: 0.0625em solid rgb(113, 114, 237);
  border-radius: 25px;
  background: rgb(237, 205, 25);
  background-image: -moz-linear-gradient(
    rgb(179, 217, 140),
    rgb(153, 204, 102)
  );
  background-image: -ms-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
  background-image: -o-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
  background-image: -webkit-linear-gradient(
    rgb(179, 217, 140),
    rgb(153, 204, 102)
  );
  background-image: linear-gradient(rgb(113, 114, 237), rgb(10, 27, 219));
}

.modal-footer .btn-default {
  background-color: rgb(230, 230, 230);
  border-color: rgb(173, 173, 173);
}

/*....new....*/
.header-btn1x {
  padding: 8px 12px;
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
  border-radius: 4px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-family: "Roboto-Regular", sans-serif;
}

.header-btn1x:hover {
  padding: 8px 12px;
  border: 1px solid #24c09d;
  color: #fff;
  background: #24c09d;
  border-radius: 4px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-family: "Roboto-Regular", sans-serif;
}

.header-btn2x {
  padding: 8px 12px;
  border: 1px solid rgb(112, 203, 206);
  background: rgb(112, 203, 206);
  border-radius: 4px;
  font-family: "Roboto-Regular", sans-serif;
}

.header-btn3x {
  padding: 8px 12px;
  border: 1px solid white;
  background: transparent;
  border-radius: 4px;
  color: white;
  opacity: 0.6;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-family: "Roboto-Regular", sans-serif;
}

.header-btn3x:hover {
  border: 1px solid #24c09d;
  background-color: #24c09d;
  color: #fff;
  opacity: 1;
}

.header-btn3x:focus {
  border: 1px solid #24c09d;
  background-color: #24c09d;
  color: #000;
  opacity: 1;
}

.header-btn4x {
  padding: 8px 12px;
  border: 1px solid rgb(112, 203, 206);
  background: white;
  border-radius: 4px;
  color: rgb(112, 203, 206);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-family: "Roboto-Regular", sans-serif;
}

.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  z-index: 1;
  padding: 12px;
}

.input-group-addon {
  font-family: "Roboto-Regular", sans-serif;
}

.btn {
  font-size: 17px;
  font-family: "Roboto-Regular", sans-serif;
}

.search-btn {
  padding: 13px 35px;
  font-size: 16px;
  background: #fd0b0b;
  color: #fff;
  transition: all 300ms ease 0s;
  border: 1px solid #fd0b0b;
  border-radius: 4px;
  opacity: 0.8;
  font-weight: 450;
}

.search-btn:hover {
  background: #fd0b0b;
  border: 1px solid #fd0b0b;
  opacity: 1;
}

#company h2 {
  color: black;
  font-family: "Roboto-Regular", sans-serif;
}

#company p {
  width: 50%;
  margin: 0px auto;
  font-family: "Roboto-Regular", sans-serif;
}

#company img {
  margin-bottom: 15px;
}

.mctop50 {
  margin-top: 50px;
}

.imgp {
  margin-top: 20px;
  color: white !important;
  text-align: left;
}

.imgp:hover {
  color: white !important;
  text-decoration: none !important;
  cursor: default !important;
}

.imgCon {
  margin-left: -15px;
  margin-top: -15px;
}

.mcright30 {
  margin-right: 30px !important;
}

.paddright {
  padding-right: 0px !important;
}

.paddleft {
  padding-left: 0px !important;
}

.ii {
  font-size: 20px;
  color: rgba(35, 33, 33, 0.81);
}

#stores {
  background: #f3f3f3;
  padding: 30px;
}

#stores p {
  font-family: "Roboto-Regular", sans-serif;
}

#stores h2 {
  color: #3f4b56;
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 30px;
}

.storeimg {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 1px solid #a2a2a2;
  padding: 3px;
}

.team-member {
  text-align: center;
  color: #333;
  font-size: 14px;
}

.member-info h3 {
  margin-top: 15px;
}

#business {
  padding: 30px;
  background: #e4e4e4;
}

#business p {
  font-family: "Roboto-Regular", sans-serif;
}

#business h2 {
  color: #3f4b56;
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 30px;
}

.midcusp {
  margin: 0px auto;
  color: rgba(255, 255, 255, 0.88);
  font-size: 17px;
  margin-bottom: 30px;
  margin-top: -5px;
  line-height: 20px;
}

.address-loader {
  display: none;
  margin-top: 15px;
  font-size: 20px;
}

.order-steps ul {
  list-style: outside none none;
  margin: 20px 0;
  padding: 0;
  position: relative;
}

.order-steps li {
  color: #fff;
  margin: 20px 0;
  min-height: 83px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  text-align: center;
  word-break: break-all;
}

.order-steps li::before {
  content: "";
  display: block;
  margin: 0 auto 10px;
}

.order-steps .title {
  font-weight: 600;
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1 !important;
}

.order-steps .step::before {
  height: 150px;
  width: 150px;
  background-size: 100% 100%;
  background-color: inherit;
  background-position: center;
  background-repeat: no-repeat;
  /*border-radius: 50%;*/
}

.order-steps .step.one::before {
  background-image: url("../../img/front-end/map-marker.png");
}

.order-steps .step.two::before {
  background-image: url("../../img/front-end/glass.png");
}

.order-steps .step.three::before {
  background-image: url("../../img/front-end/pay.png");
}

.order-steps .step.four::before {
  background-image: url("../../img/front-end/run.png");
}

.mcbot20 {
  margin-bottom: 20px;
}

.deliver {
  background: #fff;
  border-radius: 2px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.38);
}

#about {
  padding: 0px 30px;
  background: #a42222;
}

#about p {
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 20px;
}

#about h2 {
  color: #3f4b56;
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 20px;
  line-height: 1.2;
}

#about h3 {
  font-size: 25px !important;
  line-height: 30px;
  letter-spacing: 0px;
  color: black !important;
  font-weight: 600;
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 5px;
  margin-top: 60px;
}

#footer .footer-bottom {
  background: #121c25 !important;
  padding: 20px 0px 20px;
  display: none;
}

#footer {
  /*background: #333333 !important;*/
  background: #201e1e !important;
  font-family: "Roboto-Regular", sans-serif;
  width: 100%;
}

.pull-center {
  float: none !important;
  margin: 0px auto !important;
}

.page-footer--link-list li {
  float: left;
}

.page-footer--link-list {
  padding: 0px 0px;
}

.page-footer--link-list {
  list-style: outside none none;
  text-align: center;
}

.btn-submit {
  background: #1b2e39 !important;
  transition: all 300ms ease 0s;
}

.btn-submit:hover {
  background: #ff1732 !important;
  transition: all 300ms ease 0s;
}

.mctopnone {
  margin-top: 0px !important;
}

.midp {
  width: 65%;
  margin: 0px auto;
  font-size: 20px;
}

.new-container {
  width: 805px;
}

.count-des {
  background: #ff1732;
  padding: 60px 0px !important;
  color: #fff;
  font-size: 100px;
  width: 200px;
  margin: 0px auto;
  border-radius: 6%;
}

.paddleft0 {
  padding-left: 0px !important;
}

.paddright0 {
  padding-right: 0px !important;
}

.custom-padding-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.imgnum {
  width: 180px;
}

.p20 {
  font-size: 20px !important;
  margin-top: 60px;
}

/*--clients-starts--*/
.driverapp-link {
  text-align: center !important;
  float: none;
  margin-top: 25px;
}

.clients {
  padding: 0em 0px;
}

.clients-main ul {
  padding: 0;
}

.clients-main ul li {
  list-style: none;
  display: inline-block;
  margin-right: 14%;
}

.clients-main ul li:nth-child(5) {
  margin-right: 0%;
}

/*--clients-ends--*/
.main-nav {
  background-color: #36454f !important;
}

ul#footer-links {
  padding: 0px;
  margin: 0px;
  list-style: outside none none;
  text-align: center;
}

ul#footer-links li {
  display: inline-block;
}

ul#footer-links li a {
  color: #fff;
  font-size: 0.85em;
  margin: 0px 12px;
}

ul#footer-links li a:hover {
  color: gray;
  text-decoration: underline;
}

ul#footer-links1 {
  padding: 0px;
  margin: 0px;
  list-style: outside none none;
}

ul#footer-links1 li {
  display: inline-block;
  width: 100%;
}

ul#footer-links1 li a {
  color: #fff;
  font-size: 0.85em;
  margin: 0px 12px;
}

ul#footer-links1 li a:hover {
  color: #ff0000;
  text-decoration: underline;
}

.fixedhgt {
  height: 85px;
}

.dropdown-menu .divider {
  margin: 0px 0;
}

.white {
  color: white !important;
}

.black {
  color: black !important;
}

.social-icons {
  float: left;
}

.social-icons ul li {
  float: left;
  list-style: none;
}

.footer-copyright {
  color: white;
  text-align: center;
  float: right;
}

.pager-footer {
  margin: 0;
  padding: 0;
  margin-top: 20px;
}

.paddingleft0 {
  padding-left: 0px !important;
}

.paddingright {
  padding-right: 0px !important;
}

.paddsm {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.mcleft15 {
  margin-left: 15px;
}

.padd10 {
  padding: 10px !important;
}

.padd20 {
  padding: 20px !important;
}

.xsauto {
  margin-top: 15px;
}

.xsauto1 {
  width: 100%;
  margin-left: 30px;
}

.apps {
  background: #24c09d;
  margin: 15px auto;
  width: 74%;
  padding: 7px;
  border-radius: 4px;
  color: black;
  font-weight: bold;
}

.get-span {
  color: white;
  line-height: 30px;
  margin-right: 7px;
}

.get-span1 {
  color: #000;
  line-height: 30px;
  margin-right: 7px;
  font-family: "Roboto-Regular", sans-serif;
}

.get-app {
  margin-top: -3px;
  margin-left: 5px;
}

.get-app ul {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
}

.dobed {
  padding: 19px 12px;
  background: #f53b3b none repeat scroll 0% 0%;
  color: white;
}

.dobed:hover {
  padding: 19px 12px;
  background: #f53b3b none repeat scroll 0% 0%;
  color: white;
}

.dobed:focus {
  padding: 19px 12px;
  background: #f53b3b none repeat scroll 0% 0%;
  color: white;
}

.dobed:active {
  padding: 19px 12px;
  background: #f53b3b none repeat scroll 0% 0%;
  color: white;
}

ul.app-links li {
  list-style: none;
  display: inline-block;
}

ul.app-links li a.store-link {
  color: white;
  font-size: 1.5em;
  margin-right: 6px;
  margin-top: 0px;
}

ul.app-links li a.store-link:hover {
  color: #24c09d;
}

ul.app-links1 li {
  list-style: none;
  display: inline-block;
}

ul.app-links1 li a.store-link1 {
  color: #000;
  font-size: 1.5em;
  margin-right: 6px;
  margin-top: 0px;
}

ul.app-links1 li a.store-link1:hover {
  color: #24c09d;
}

.lang {
  padding: 0px;
  height: 39px;
  min-width: auto;
  width: auto;
}

.lang .dropup .btn {
  width: 100%;
  color: black;
  text-align: left;
  position: relative;
  line-height: 24px;
  border: 2px solid #059cd8;
}

.lang .dropup li a {
  line-height: 25px;
}

.lang_flag {
  float: left;
  margin-right: 3px;
  line-height: 26px;
  width: 35px;
}

.lang .dropup .divider {
  margin: 5px 0px !important;
}

.open .btn:hover {
  background: transparent;
}

.open .btn {
  font-size: 18px;
}

.for-fixed {
  height: 75px;
}

.showonmobile {
  display: none !important;
}

.hideonmobile {
  display: block !important;
}

.def-pad {
  padding: 10px 12px;
  background-color: #24c09d;
  color: white;
}

.def-pad:hover {
  padding: 10px 12px;
  background-color: #3add2f;
  color: white;
}

.def-pad:focus {
  padding: 10px 12px;
  background-color: #3add2f;
  color: white;
}

.def-pad:active {
  padding: 10px 12px;
  background-color: #3add2f;
  color: white;
}

/*.search-bak{background: #eaeded;
padding-top: 15px;border-radius: 4px;}*/
.catering-imgbox img {
  height: 240px;
  width: 100%;
  margin-bottom: 0px !important;
}

.catering-blog {
  float: left;
  width: 100%;
  background: rgba(228, 216, 195, 0.77);
  margin-top: 50px;
  margin-bottom: 30px;
}

.catering-blog h2 {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: black;
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 20px;
  margin-top: 20px;
}

.catering-imgbox {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  margin-bottom: 20px;
}

.catring-description {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0px;
  right: 0px;
  padding: 15px;
  background: rgba(235, 104, 37, 0.82);
}

.catring-description p {
  width: 100% !important;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

.catring-description p > span {
  font-weight: normal;
  font-style: italic;
}

.search-bak {
  padding: 15px 0;
  /* margin-top: 80px; */
}
.search-bak-sa {
  padding: 15px 0;
  /* margin-top: 80px; */
}
.search-bak ul {
  text-align: center;
  margin: 0px auto;
  list-style: none;
  padding-left: 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.search-bak-sa ul {
  text-align: center;
  margin: 0px auto;
  list-style: none;
  padding-left: 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 83px;
}

.search-bak ul li {
  position: relative;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  /* margin-right: 15px; */
  width: 0%;
  flex: 1 1 auto;
}
.search-bak-sa ul li {
  position: relative;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  /* margin-right: 15px; */
  width: 0%;
  flex: 1 1 auto;
}

.listing-searchfield button {
  width: 100%;
  margin-top: 0px !important;
  height: 50px !important;
  font-size: 15px !important;
  letter-spacing: 1px !important;
  background-color: #fd0b0b !important;
}

.listing-searchfield-sa button {
  width: 100%;
  margin-top: 0px !important;
  height: 50px !important;
  font-size: 15px !important;
  letter-spacing: 1px !important;
  background-color: #fd0b0b !important;
}


.listing-searchfield button:hover {
  background-color: #fd0b0b !important;
  color: white !important;
}

.listing-searchfield-sa button:hover {
  background-color: #fd0b0b !important;
  color: white !important;
}

.search-bak ul li:last-child {
  width: 15%;
}

.search-bak-sa ul li:last-child {
  width: 15%;
}

.btn-icon-searchfield {
  position: absolute;
  z-index: 9;
  top: 16px;
  left: 12px;
}

.btn-icon-searchfield i {
  color: #3e3b3b;
  font-size: 20px;
  font-weight: 400;
}

.btn-icon-getlocation {
  position: absolute;
  z-index: 9;
  top: 15px;
  right: 44px;
}

.btn-icon-getlocation i {
  color: #3e3b3b;
  font-size: 20px;
}

.btn-icon-getlocation-sa {
  position: absolute;
  z-index: 9;
  top: 10px;
  right: 10px;
}

.btn-icon-getlocation-sa i {
  color: #3e3b3b;
  font-size: 32px;
}

.listing-searchfield input {
  padding: 10px 50px 8px 30px;
  border: 1px solid #797876;
  width: 100%;
  border-radius: 50px;
  height: 50px;
  font-size: 16px;
  color: #3e3b3b;
}

.listing-searchfield-sa input {
  padding: 10px 50px 8px 30px;
  border: 1px solid #797876;
  width: 100%;
  border-radius: 50px;
  height: 50px;
  font-size: 16px;
  color: #3e3b3b;
  min-width: 400px;
}
.listing-searchfield input::placeholder{
  color: #3e3b3b;
  opacity: 0.9;
}

.listing-searchfield-sa input::placeholder{
  color: #3e3b3b;
  opacity: 0.9;
}

.search-bak .form-control {
  height: 42px;
}
.search-bak-sa .form-control {
  height: 42px;
}
#restro-field {
  background: white;
}

.filter-wrapper {
  min-height: auto;
  margin: 15px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 40px;
}

.product-wrapper {
  min-height: 400px;
  background-color: white;
  margin: 15px;
  padding: 10px;
}

.dividerblock {
  height: 20px;
  width: 100%;
  float: left;
}

.divide-part {
  border-top: 0px solid #e0e0e0;
  border-bottom: 0px solid #e0e0e0;
  padding: 0.75em 0;
  margin: 0em 0;
}

.sort i {
  cursor: pointer;
}

.sorting-items .selected-order {
  color: #f5861f;
}

.sorting-items {
  font-size: 13px;
  padding: 0;
  color: #585858;
  margin-bottom: 0.5em;
}

.sorting-items li {
  list-style: none;
  cursor: pointer;
  padding: 0.3em 0;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 15px;
  color: #4f4b4b;
}

.find-Restaurant {
  background: #03acfc;
  text-align: center;
  color: white;
  padding: 20px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.find-Restaurant a {
  color: white;
  padding: 6px 2px;
  width: 100%;
  border: 1px solid white;
  border-radius: 4px;
  float: left;
  font-weight: bold;
  margin-top: 15px;
}

.find-Restaurant p {
  color: white;
  font-weight: bold;
}

.find-Restaurant p:first-child {
  font-size: 18px;
}

.addBusiness {
  background: #667e7e;
  text-align: center;
  color: white;
  padding: 20px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.addBusiness a {
  color: white;
  padding: 6px 2px;
  width: 100%;
  border: 1px solid white;
  border-radius: 4px;
  float: left;
  font-weight: bold;
  margin-top: 15px;
}

.addBusiness p {
  color: white;
  font-weight: bold;
}

.addBusiness p:first-child {
  font-size: 18px;
}

.sorting-items li.active {
  color: #24c09d;
}

.sorting-items li i {
  margin-right: 2px;
  min-width: 21px;
}

.sorting-items li input {
  float: left;
  margin: 0px 6px;
}

.paddleft0 {
  padding-left: 0px;
}

.paddright0 {
  padding-right: 0px;
}

.restro-box {
  position: relative;
  margin-bottom: 1em;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.restaurant-box-inner {
  background: #fff;
  font-family: "Roboto-Regular", sans-serif;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0px;
  position: relative;
  overflow: hidden;
  gap: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.col-9 {
  /*flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 10px !important;
  justify-content: space-between;*/
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 10px !important;
  justify-content: center;
  gap: 5px;
}
.vieworder {
  float: right;
  width: 100%;
}

.restoOpen {
  left: 10px;
  bottom: 10px;
  color: white;
  line-height: normal;
  border-radius: 5px;
  position: absolute;
  z-index: 9;
  background: #333;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  width: 50px;
  height: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.restoClose {
  /*left: 10px;
  bottom: 10px;*/
  color: white;
  line-height: normal;
  border-radius: 5px;
  /*position: absolute;*/
  z-index: 9;
  background: #333;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  width: 50px;
  height: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.offertext {
  position: absolute;
  top: 15px;
  right: 5px;
  z-index: 9;
  font-size: 14px;
  color: white;
  font-weight: bold;
  z-index: 99;
  transform: rotate(45deg);
}

.offertext1 {
  position: absolute;
  top: 15px;
  right: 5px;
  z-index: 9;
  font-size: 14px;
  color: white;
  font-weight: bold;
  z-index: 99;
  transform: rotate(45deg);
}

.resto-text {
  display: inline-block;
  margin-right: 5px;
  font-family: "Roboto-Regular", sans-serif;
}

.restothumb img {
  width: 90%;
  height: 135px;
  border-radius: 0;
  object-fit: cover;
  border: 0px solid #ececec;
}

.rating-container .caption {
  display: none !important;
}

.rating-container .clear-rating {
  display: none !important;
}

.deliverystat i {
  font-size: 12px;
}

.restoname {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
  color: #424242;
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.cuisinetype {
  margin-bottom: 0px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.location_icon {
  font-size: 20px;
  line-height: 20px;
}
.location_icon svg {
  fill: #9e9e9e;
  height: 1em;
  vertical-align: middle;
  width: 1em;
}
.restaurant-box-header {
  height: 140px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.restaurant-box-header img {
  vertical-align: text-bottom;
  display: block;
  width: 100%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.restaurant-box-content {
  position: relative;
  border-bottom: 1px solid #f6f6f6;
  padding: 1em 0.75em;
  z-index: 99;
  min-height: 77px;
}

.sortheader > span {
  color: #2c2c2c;
  font-size: 18px;
  margin-bottom: 10px;
}

.sortby-others {
  width: 100%;
  float: left;
  background: white;
  /* padding: 15px; */
  margin-top: 0;
  margin-bottom: 20px;
}

.green {
  background: #7dc04b;
}

.light-black {
  background-color: rgba(0, 0, 0, 0.81);
}

.text.pull-left {
  font-weight: bold;
}

.mcrt75 {
  margin-top: 75px;
}

.delay {
  position: absolute;
  height: 45px;
  width: 100px;
  top: -2.35em;
  right: 0;
  color: #fff;
  padding: 0.45em 0;
  text-align: center;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.offerbox {
  position: absolute;
  height: 45px;
  width: 75%;
  top: -2.35em;
  left: 0;
  color: #fff;
  padding: 0.45em 0;
  text-align: left;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.offerbox .time {
  font-size: 1.1em;
  display: block;
  margin-top: 0px;
}

.offerbox a:hover {
  color: #f5861f;
}

.time {
  font-size: 13px;
  display: block;
  margin-top: 5px;
}

.time-unit {
  font-size: 0.8em;
  display: block;
  margin-top: 10px;
  float: left;
  margin-left: 10px;
}

.text-ellipsis {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.restaurant-box-content h5 {
  color: #1a1a1a;
  margin: 0.5em 0;
  font-size: 14px;
  width: 90%;
  cursor: pointer;
  font-weight: 500;
  font-family: "Roboto-Regular", sans-serif;
}

.cuisine {
  color: #585858;
  font-size: 13px;
  font-family: "Roboto-Regular", sans-serif;
}

.restaurant-box-footer {
  position: relative;
  padding: 0.5em 0.75em;
}

.dist {
  font-size: 1em;
  color: rgb(125, 192, 75);
  margin-top: 3px;
  font-family: "Roboto-Regular", sans-serif;
}

.price .actvie-dollar {
  color: #69bb27;
}

.rating {
  color: #4d525a;
  font-size: 1em;
  font-family: "Roboto-Regular", sans-serif;
}

.rating i {
  color: #f5861f;
}

.mctop15 {
  margin-top: 15px;
}

.restaurant-box-footer {
  position: relative;
  padding: 0.5em 0.75em;
  z-index: 99;
}

.res-status {
  max-width: 121px;
  min-width: 94px;
  min-height: 84px;
  float: left;
  position: absolute;
  padding: 0px;
  top: 0px;
  z-index: 99;
}

.res-status img {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
}

.fav {
  font-size: 17px;
  padding: 0;
  color: #24c09d;
  transition: all 0.35s ease-in-out;
  display: inline-block;
  margin-left: 0px;
  margin-top: 0px;
  width: 100%;
  margin-bottom: 0px;
  background: transparent;
  text-align: center;
}

.veiwdetails {
  margin-top: 50px;
  position: relative;
}

.bulk {
  background: #24c09d;
  padding: 10px 10px;
  border: 1px solid #24c09d;
  border-radius: 4px;
  margin-top: 20px;
  color: white;
  font-size: 17px;
  width: 100%;
}

.fav:hover {
  color: #24c09d;
}

.fav:focus {
  color: #24c09d;
}

.btn-order {
  background: transparent none repeat scroll 0% 0%;
  border: 1px solid rgb(125, 192, 75);
  padding: 6px 16px;
  border-radius: 4px;
  transition: all 0.35s ease-in-out;
  color: rgb(125, 192, 75);
  width: 100%;
}

.btn-order:hover {
  background: rgb(125, 192, 75);
  border: 1px solid rgb(125, 192, 75);
  border-radius: 4px;
  color: white;
}

.dist:hover {
  color: white;
}

.dist .pre-order {
  color: rgb(246, 3, 3);
  transition: all 0.35s ease-in-out;
}

.dist .pre-order:hover {
  color: white;
}

.pre-order {
  background: transparent none repeat scroll 0% 0%;
  border: 1px solid rgb(246, 3, 3);
  padding: 6px 16px;
  border-radius: 4px;
  color: rgb(246, 3, 3);
  width: 100%;
}

.pre-order:hover {
  background: rgb(246, 3, 3);
  border: 1px solid rgb(246, 3, 3);
  color: white;
  border-radius: 4px;
  transition: all 0.35s ease-in-out;
}

.filter-wrapper .form-control {
  height: 42px;
}

#become-driver {
  min-height: 450px;
}

.navbar-inverse .caret {
  color: #fff !important;
}

.lang .btn .caret {
  color: #fff !important;
}

.driver-reg {
  background: #eeeeee;
  padding: 30px;
}

.driver-reg h2 {
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 25px;
  color: #f5861f;
}

.nxt-btn {
  padding: 10px 30px;
  margin-bottom: 15px;
}

.policy {
  background: #eeeeee;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
}

.policy input {
  float: left;
  margin: 3px 5px;
}

.policy p {
  margin-bottom: 0px;
}

#driver-license {
  min-height: 450px;
}

#driver-documents {
  min-height: 450px;
}

#driver-documents label {
  font-family: "Roboto-Regular", sans-serif;
}

.driver-lice {
  /*background: #eeeeee;*/
  padding: 30px;
  margin-bottom: 25px;
}

.driver-lice h2 {
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 10px;
  color: #000;
}

.driver-lice p {
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 20px;
  color: black;
}

.driver-login-box {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 20px;
}

.title-bod {
  border-bottom: 1px solid #fff;
}

.driver-login-box h1 {
  font-family: "Roboto-Regular", sans-serif;
  color: #f5861f;
  font-size: 40px;
}

.driver-login-box h2 {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 25px;
}

.driver-login-box p {
  font-size: 13px;
}

.plabel {
  color: black;
  font-family: "Roboto-Regular", sans-serif;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}

.fc-bod {
  border: 1px solid rgba(0, 0, 0, 0.18);
}

#driver-blog img {
  width: 175px;
  height: 175px;
}

#driver-blog h1 {
  font-family: "Roboto-Regular", sans-serif;
  color: black;
  font-size: 40px;
  margin-top: 40px;
  margin-bottom: 40px;
}

#driver-blog h2 {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 22px;
}

.mctopbot40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.maploc {
  width: 60px !important;
  height: 90px !important;
  margin-top: 20px;
}

#cos-login {
  min-height: 450px;
}

#cos-login label {
  font-family: "Roboto-Regular", sans-serif;
}

#cos-login h3 {
  font-size: 20px;
  margin-top: 0px;
}

.cos-reg {
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 50px;
  border: 0px solid rgba(0, 0, 0, 0.1);
}

#cos-login .modal-dialog {
  margin-top: 100px;
}

#myModal .modal-dialog {
  width: 600px;
  display: flex;
}

#myModal .modal-body {
  background-color: white;
}

#myModal .close {
  opacity: 1;
  font-size: 25px;
  /*color: white;*/
}

.push--bottom,
.push--ends {
  margin-bottom: 24px !important;
}

label[for="checkbox-rememberme"] {
  margin-bottom: 0;
  color: inherit;
  text-transform: initial;
  font-size: 1em;
  font-family: "Roboto-Regular", sans-serif;
}

.rememberme-forgetpassword-separator {
  padding: 0 5px;
}

.forgot-password {
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
  font-family: "Roboto-Regular", sans-serif;
}

.checkbox::after,
.radio::after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  opacity: 0;
  content: "";
}

.checkbox::after {
  width: 11px;
  height: 7px;
  border-bottom: 3px solid #3c8dbc;
  border-left: 3px solid #3c8dbc;
}

.checkbox::before,
.radio::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: white;
  border: 1px solid #cdcdd3;
  content: "";
}

input[type="checkbox"]:checked + .checkbox::after,
input[type="radio"]:checked + .radio::after {
  opacity: 1;
}

.checkbox,
.radio {
  display: inline-block;
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  line-height: 20px;
  vertical-align: middle;
  cursor: pointer;
}

.sorting-items2 label[for="checkbox-rememberme"] {
  margin-bottom: 0;
  color: inherit;
  text-transform: initial;
  font-size: 1em;
  font-family: "Roboto-Regular", sans-serif;
}

.sorting-items2 .rememberme-forgetpassword-separator {
  padding: 0 5px;
}

.sorting-items2 .forgot-password {
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
  font-family: "Roboto-Regular", sans-serif;
}

.sorting-items2 .checkbox::after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  display: block;
  position: absolute;
  top: 4px;
  left: 3px;
  opacity: 0;
  content: "";
}

.sorting-items2 .checkbox::after {
  width: 11px;
  height: 7px;
  border-bottom: 3px solid #959595;
  border-left: 3px solid #959595;
}

.sorting-items2 .radio::after {
  display: block;
  position: absolute;
  opacity: 0;
  content: "";
  background: #959595;
  transform: unset;
  -webkit-transform: unset;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
}

.sorting-items2 .checkbox::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background: #f6f6f6;
  border: 1px solid #bfbfbf;
  content: "";
  border-radius: 2px;
}

.sorting-items2 .radio::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background: #f6f6f6;
  border: 1px solid #bfbfbf;
  content: "";
  border-radius: 50%;
}

.sorting-items2
  input[type="checkbox"]:checked
  + .sorting-items2
  .checkbox::after,
.sorting-items2 input[type="radio"]:checked + .sorting-items2 .radio::after {
  opacity: 1;
}

.sorting-items2 .checkbox,
.sorting-items2 .radio {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 0px;
  line-height: 16px;
  vertical-align: middle;
  cursor: pointer;
}

.lgnwthothr {
  width: 40%;
  cursor: pointer;
  margin-top: 17px;
}

.algn-cntr {
  text-align: center;
  margin-bottom: 10px;
}

.getdirection {
  display: none;
}

.cryptoapp {
  margin: 15px 0px;
}

.cryptoapp a {
  font-weight: 700;
  color: #000;
  background: #f4c200;
  background: linear-gradient(#69f3f3, #24c09d);
  border-radius: 5px;
  padding: 10px 30px 10px 10px;
  height: 35px;
  font-size: 14px;
  box-sizing: border-box;
  line-height: 32px;
  border: 1px solid #4d8383;
  position: relative;
}

.cryptoapp a:hover {
  background: linear-gradient(#24c09d, #69f3f3);
}

.cryptoapp a::after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px;
  width: 6px;
  height: 11px;
  display: block;
  content: " ";
  background: url(../../img/front-end/apparrow.png) no-repeat;
  background-size: 6px 11px;
}

.delivery-statfield {
  padding: 10px 0px;
}

.panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: "Glyphicons Halflings"; /* essential for enabling glyphicon */
  content: "\e114"; /* adjust as needed, taken from bootstrap.css */
  float: right; /* adjust as needed */
  color: #24c09d;
  font-size: 16px;
  font-weight: normal;
}

.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

/*....search details....*/
.driver-text span {
  float: none;
  width: 75%;
  text-align: center;
  display: inline-block;
}

#driverfield h3 {
  font-size: 25px;
  text-align: center;
  margin-top: 55px;
  font-family: "Roboto-Regular", sans-serif;
}

.apply-online-now {
  text-align: center;
  margin-top: 15px;
}

.listing-header {
  background: url(../../img/front-end/listingBak.jpg) no-repeat center center;
  width: 100%;
  padding: 20px 10px 60px 10px;
  min-height: 240px;
  overflow: hidden;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  position: relative;
}

.listing-header .container {
  z-index: 99;
  position: relative;
}

.listing-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #fff),
    color-stop(10%, #fff),
    color-stop(40%, rgba(255, 255, 255, 0.75)),
    color-stop(100%, rgba(255, 255, 255, 0.4))
  );
  background: -webkit-linear-gradient(
    270deg,
    #fff 0,
    #fff 10%,
    rgba(255, 255, 255, 0.75) 40%,
    rgba(255, 255, 255, 0.4) 100%
  );
  background: -webkit-linear-gradient(
    top,
    #fff 0,
    #fff 10%,
    rgba(255, 255, 255, 0.75) 40%,
    rgba(255, 255, 255, 0.4) 100%
  );
  background: linear-gradient(
    180deg,
    RGBA(18, 28, 37, 0.78) 0,
    RGBA(18, 28, 37, 0.61) 30%,
    RGBA(18, 28, 37, 0.22) 80%,
    RGBA(18, 28, 37, 0.12) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FFFFFF', GradientType=0);
}

/*....search details....*/
/*restaurant details*/
.bag-cart {
  position: fixed;
  z-index: 99;
  top: 20px;
  left: 0;
  display: none;
}

.mob-cart {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.mob-lang {
  float: left;
}

.coupon {
  margin-top: 0px;
  margin-bottom: 0px;
}

.deliveryloc {
  margin-bottom: 0px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #000000;
  display: none;
}

.location-info {
  line-height: 16px;
  margin: 0;
}
.restothumb {
  position: relative;
}

.deliveryicon {
  position: absolute;
  left: 0px;
  right: 0px;
  text-align: center;
  bottom: 0;
  background: #00000038;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 5px;
  display: none;
}

.coupon-box {
  font-size: 12px;
  border: 1px dashed #24c09d;
  padding: 2px 5px;
  border-radius: 4px;
  margin-right: 5px;
  color: #24c09d;
}

.store-business {
  margin-top: 20px;
}

.store-business p {
  color: white;
  font-size: 15px;
}

.resto-business {
  margin-top: 40px;
}

.resto-business h4 {
  color: white;
  margin-bottom: 25px;
}

.details-header {
  background: url(../../img/front-end/details-bakimg.jpg) no-repeat center
    center;
  width: 100%;
  padding: 20px 10px 60px 10px;
  min-height: 200px;
  overflow: visible;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  position: relative;
}

.details-header .container {
  z-index: 99;
  position: relative;
}

.container-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #fff),
    color-stop(10%, #fff),
    color-stop(40%, rgba(255, 255, 255, 0.75)),
    color-stop(100%, rgba(255, 255, 255, 0.4))
  );
  background: -webkit-linear-gradient(
    270deg,
    #fff 0,
    #fff 10%,
    rgba(255, 255, 255, 0.75) 40%,
    rgba(255, 255, 255, 0.4) 100%
  );
  background: -webkit-linear-gradient(
    top,
    #fff 0,
    #fff 10%,
    rgba(255, 255, 255, 0.75) 40%,
    rgba(255, 255, 255, 0.4) 100%
  );
  background: linear-gradient(
    180deg,
    RGBA(18, 28, 37, 0.65) 0,
    RGBA(18, 28, 37, 0.51) 10%,
    RGBA(18, 28, 37, 0.4) 40%,
    RGBA(18, 28, 37, 0.12) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FFFFFF', GradientType=0);
}

.fav-share-icon {
  position: absolute;
  z-index: 999;
  width: 120px;
  right: 100px;
  top: 25px;
}

.fav-share-icon .favrestaurant a {
  width: 35px;
  height: 35px;
  border: 2px solid white;
  display: inline-block;
  text-align: center;
  line-height: 33px;
  border-radius: 50%;
  color: #adadad;
  font-size: 16px;
  background: white;
}

.fav-share-icon .favrestaurant.fav a {
  color: #f44438;
}
/* adede by srijaul on 03.03.2020 */
.fav-share-icon .fb-share-button {
  display: inline-block !important;
  vertical-align: text-bottom;
}
/* end */
.favrestaurant {
  display: inline-block;
  margin-right: 10px;
}
/* adede by srijaul on 03.03.2020 */
.fav-share-icon .fb-share-button a {
  display: inline-block !important;
  vertical-align: text-bottom;
}
/* end */
.fav-share-icon .fb-share-button > span {
  width: auto !important;
}

#facebook ._2tga span._49vh,
#facebook ._2tga span._5n6h,
._49vh,
._5n6h {
  display: none;
}

.vendor-heading {
  text-align: left;
  padding-top: 24px;
}

.vendor-heading .vendor-image {
  display: inline-block;
  position: relative;
  z-index: 2;
  margin: auto;
  width: 102px;
  height: 102px;
  border-radius: 5px;
  box-shadow: 0 2px 5px #8e969d;
  border: solid 1px #fff;
  background-color: rgba(255, 255, 255, 0.7);
}

.vendor-image img {
  border-radius: 5px;
}

.vendor-heading-details-box-container {
  position: relative;
  z-index: 1;
  margin-top: -10px;
}

.vendor-heading-details-box {
  display: inline-block;
  padding: 20px;
  min-width: 300px;
  background-color: rgba(255, 255, 255, 0.81);
  border-radius: 5px;
}

.vendor__title h1 {
  margin: 0;
  font-weight: 300;
  color: #ea5b31;
  font-family: "Roboto-Regular", sans-serif;
}

.vendor__cuisines {
  font-size: 14px;
  margin-bottom: 5px;
  color: #333;
  padding: 0px;
  font-family: "Roboto-Regular", sans-serif;
}

.vendor__cuisines li {
  padding: 0;
  display: inline-block;
}

.vendor__cuisines a {
  color: #0f0f23;
  font-weight: 300;
  font-size: 18px;
  font-family: "Roboto-Regular", sans-serif;
}

.vendor__ratings-container {
  margin: -20px;
  margin-top: 20px;
  padding: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: rgba(255, 255, 255, 0.7);
}

.vendor__ratings {
  font-weight: 300;
  font-family: "Roboto-Regular", sans-serif;
}

.vendor-imagebox {
  z-index: 2;
  margin: auto;
  width: 72px;
  height: 72px;
  box-shadow: 0 1px 0 rgb(0 0 0 / 10%), 0 0 5px rgb(0 0 0 / 5%);
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 20px;
  right: auto;
  top: -66px;
  display: block;
  border-radius: 8px;
  border: 1px solid #d7d7d7;
  overflow: hidden;
}

.vendor-imagebox img {
  padding: 0;
  background: white;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.vendor-info {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-left: 0px;
  width: 100%;
}

.thisday {
  color: #24c09d !important;
}

.delivery-info {
  margin-bottom: 20px;
  margin-top: 0px;
}

.deliverystat-icon {
  display: inline-block;
  position: relative;
}

.deliveryfee-stat {
  display: inline-block;
  position: relative;
  margin-left: 10px;
}

.deliverystat-icon {
  color: white;
  font-size: 32px;
  margin-top: 2px;
  vertical-align: top;
}

.deliveryfee-stat p {
  color: white;
  margin-bottom: 2px;
}

.restaurant-infobox {
  margin-top: 35px;
}

.ratingstar {
  color: white;
  margin-bottom: 5px;
}

.ratingstar i {
  color: #ffd130;
  margin-right: 1px;
  margin-right: 3px;
}

.restonametext {
  margin-top: 0px;
  color: black;
  font-family: "Roboto-Regular", sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.resto_info_ds {
  font-size: 15px;
  /* border: 1px solid #cccc; */
  /* height: 35px;
  width: 70px; */
  display: flex;
  align-items: center;
  justify-content: space-around;
  overflow: hidden;
  gap: 10px;
}
.resto_info_ds a {
  flex: 1;
  text-align: center;
  background: #ededed;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
}
/* .resto_info_ds a:first-of-type {
  border-right: 1px solid #ccc;
} */
.restoaddress {
  color: #323232;
  margin-bottom: 5px;
}

.rating {
  display: inline-block;
  position: relative;
  text-align: left;
  vertical-align: text-bottom;
}

.rating .active-star {
  color: #ff981a;
}

.rating .inactive-star {
  color: #d5d5d5;
}

.rating .review {
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  margin: 0;
  color: #8e969d;
}

.location-header {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 300;
  left: 0px;
  right: 0px;
  text-align: center;
}

.location-header span {
  font-family: "Roboto-Regular", sans-serif;
  margin-right: 20px;
}

.details-header-content {
  padding: 15px 0px;
}

.details-header-content .container {
  position: relative;
}

.details-header-content .vendor-imagebox {
  /* position: absolute;
  left: 0;
  right: 0;
  top: -66px;
  margin: 0 auto;
  display: block;
  border-radius: 50%;
  border: 1px solid #d7d7d7;
  overflow: hidden; */
}

.rest-starinfo {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: flex-start;
  color: #fd0b0b;
}
.review_p {
  /*text-decoration: underline;*/
}
.rest-starinfo p {
  display: inline-block;
  margin-right: 15px;
  color: #323232;
}

.rest-starinfo .delivery {
  display: inline-block;
}

.rest-starinfo p span {
}

.rest-starinfo p span.text {
  font-size: 16px;
  font-weight: bold;
  color: black;
}

#details-restaurant {
  background: white;
  padding: 0px;
}
.md_z {
  background-color: #f8f5f2;
  position: sticky;
  top: 0;
  z-index: 99;
  padding: 10px 15px;
  margin-right: 2px;
  /* changed to fix search css issue start*/
  /* width: auto; */
  width: -webkit-fill-available;
  /* changed to fix search css issue end*/
  box-shadow: 0px 2px 2px 0px #0003;
}
.xzy {
  display: flex;
  flex-direction: column;
}
#details-restaurant .nav > li > a {
  position: relative;
  display: block;
  /*padding: 3px 5px;*/
}

#leftBox {
  margin-top: 0;
  background: white;
  padding: 15px;
}

.vendor-tabs {
  padding-left: 0px;
  padding-right: 0px;
  background-color: transparent;
  border-bottom: solid 1px #f8f5f2;
}

.vendor-tabs li {
  font-weight: 300;
  font-size: 14px;
  text-align: center;
  margin-left: 0px;
  /*margin-right: 5px;*/
}

.vendor-tabs li.active a {
  color: #24c09d;
  border: 0px;
  border-bottom: 2px solid #24c09d;
  font-weight: bold;
  outline: none;
  box-shadow: none;
  border-top-right-radius: 0px;
}

.vendor-tabs > li.active > a:focus,
.vendor-tabs > li.active > a:hover {
  color: #000000;
  border: 0px;
  border-bottom: 0px solid #24c09d;
}

.vendor-tabs li a {
  color: #333333;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
  border: 0;
  font-weight: bold;
}

.default-delivery-label i {
  margin-right: 5px;
}

.vendor-tabs li a i {
  margin-right: 5px;
}

#details-restaurant .tab-content {
  background: #fff;
  padding: 20px 0;
  position: relative;
  border-top: none;
  /* box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1); */
  float: left;
  width: 100%;
}
#menu5 form {
  padding: 30px;
}
.vendor-menu {
  float: left;
  width: 100%;
}

.vendor-menu__categories {
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 0px;
  float: left;
}

.js-sticky-element {
  position: relative;
  z-index: 9;
}

.categories__list {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  list-style: none;
}

.categories__list__item {
  position: relative;
  font-weight: 300;
  color: #8e969d;
  position: relative;
}

.categories__list__item a {
  color: #000000;
  text-decoration: none;
  border-bottom: 0px solid #dedede;
}
.categories__list__item.active::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  background: #000000;
  top: 0;
  left: -15px;
  z-index: -1;
}
.categories__list__item.active a {
  color: #ffffff;
}

.allmenus {
  float: left;
  width: 100%;
  /*border-top: 1px solid #e4e4e4;*/
  padding-top: 0px;
}

.mc-top40 {
  margin-top: 40px;
}

#menu-center h3 {
  margin-top: 0px;
  font-weight: bold;
  color: #000000;
}

#menu-center h3 i {
  margin-right: 5px;
}

.categories__list__item a {
  display: block;
  padding: 10px 0;
  -ms-word-break: normal;
  word-break: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  text-transform: capitalize;
  font-size: 13px;
}

.vendor-menu__menus {
  width: 100%;
  float: left;
}

.vendor-menu__menus {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0;
}

.menu__category {
  margin-top: 0;
  float: left;
  width: 100%;
}

.menutags {
  float: left;
  position: absolute;
  width: auto;
  right: 0;
  top: 30px;
}

.menutags img {
  height: 15px;
  margin-left: 5px;
}

.flat .menutags {
  width: 100%;
}

.flat .menutags img {
  margin-left: 5px;
  float: right;
}

.menu__category__title {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  color: #3e3e3e;
  font-weight: bold;
  text-transform: capitalize;
  padding: 0px 0px;
  position: relative;
  text-decoration: none;
  margin-bottom: 10px;
  margin-top: 10px;
}
.menu-item-content.flat {
  min-height: 70px;
}
.menu__category__header {
  background: transparent;
  padding: 0px 0px;
  border: 1px solid transparent;
  border-radius: 2px;
}

.menu-item {
  margin-left: 0;
  margin-right: 0;
  border-bottom: 1px solid #f8f5f2;
}

.menu-item-content {
  padding: 0px 0;
  position: relative;
  float: left;
  background: #ffffff;
  margin-bottom: 10px;
  border-radius: 10px;
  /*max-height: 125px;*/
  overflow: hidden;
  cursor: pointer;
  display: flex;
  border: 1px solid #ccc;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  flex-direction: row-reverse;
}
.after_mid {
  padding: 0 35px 0 0 !important;
}
.menu-item-content:hover {
  border: 1px solid #fd0b0b;
}

.menu-item__dish-characteristic__vegetarian {
  color: #fd0b0b;
}

.menu-item__dish-characteristic {
  display: inline-block;
  margin-right: 5px;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
  padding: 3px;
  font-size: 10px;
  border-radius: 2px;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  border: 1px solid #20ac76;
  float: left;
  margin-right: 5px;
  padding-top: 0px;
}

.menu-item__dish-characteristic__nonvegetarian {
  color: #ff0000;
}

.menu-item__dish-characteristic_non {
  display: inline-block;
  margin-right: 5px;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
  padding: 3px;
  font-size: 10px;
  border-radius: 2px;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  border: 1px solid #ff0000;
  float: left;
  margin-right: 10px;
  padding-top: 0px;
}

.media-body h4 {
  font-size: 15px;
}

.media-body h4 i {
  font-weight: normal;
}

.media-body .label-info {
  margin-left: 5px;
}

.reviewbox {
  border: 1px solid #ddd !important;
  margin-top: 15px;
}

.restroimg {
  width: 125px;
  height: 125px;
  border-radius: 10px;
  margin: 10px auto;
  object-fit: cover;
  margin-left: auto;
  display: block;
}
.menuinfo-details {
  position: static !important;
}
.img-chili {
  float: left;
  margin-bottom: 5px;
}

.menu-item-content h4 {
  float: left;
  margin-top: 2px;
  font-size: 20px;
  font-family: "Roboto-Regular", sans-serif;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

.menu-item-content p {
  font-size: 15px;
  position: relative;
  /*max-height: 45px;*/
  overflow: hidden;
  margin-bottom: 20px;
  color: black;
}

/* .menu-item-content p::before {
  content: "";
  background: linear-gradient(90deg, transparent, #f5f5f5);
  background: -webkit-linear-gradient(90deg, transparent, #f5f5f5);
  position: absolute;
  top: 24px;
  right: 0;
  width: 120px;
  height: 20px;
} */
/* added by srijaul on 03.03.2020 */
.menuinfo-details {
  padding: 15px 10px;
  /* padding-left: 0px; */
}
/* end */

.flat .menuinfo-details {
  padding-left: 10px;
}

.priceplus {
  line-height: normal;
  font-weight: 500;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  color: #3db18c;
  padding: 5px;
  border-radius: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-top-width: 0;
  border-right-width: 0;
  z-index: 9;
  background-color: #ededed;
  border-radius: 50%;
  border: 0;
  color: #000;
  margin: 10px;
  width: 35px;
  height: 35px;
}

.priceplus span {
  font-size: 25px !important;
}

.price-gap {
  margin-right: 0px;
  font-weight: bold;
  margin-bottom: 0px !important;
  font-size: 18px !important;
}

.nn {
  float: left;
  margin-top: 4px;
  margin-left: 5px;
}

.desp span {
  font-size: 12px;
}

.cart-content {
  box-shadow: none;
  background: #fff;
  z-index: 972;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  padding: 0;
}

.ft {
  margin-bottom: 15px;
  width: auto;
}

.cart__header__head {
  padding: 5px;
  border-bottom: solid 10px #f8f5f2;
}

.cart__header__head__delivery-time {
  font-size: 12px;
}

.cart__header__head__delivery-time__label {
  float: left;
  padding-top: 18px;
  font-size: 15px;
  font-family: "Roboto-Regular", sans-serif;
}

.cart__header__head__delivery-time__time {
  color: #1c2c3a;
  float: right;
  text-align: center;
  font-family: "Roboto-Regular", sans-serif;
}

.delivery_time_minutes {
  display: block;
  margin: auto;
  font-size: 40px;
  font-weight: 300;
  line-height: 100%;
}

.delivery_time_label {
  display: block;
  margin: auto;
  margin-top: 0;
}

.form-control {
  color: #6b6b6b;
}

.cart__header__title {
  padding: 10px 0;
  font-weight: 500;
  font-family: "Roboto-Regular", sans-serif;
  text-align: center;
}
.default-delivery-label {
  font-weight: 600;
  text-align: center;
  font-size: 20px;
}
.cart__header {
  position: relative;
  font-weight: 300;
  font-size: 20px;
  color: #1c2c3a;
  border-bottom: solid 1px #f8f5f2;
}
.cart_products {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
}

.rest_info_right {
  float: right;
  width: 100%;
  padding: 27px 0px 0px;
}

.detailsInnerNewWrap {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #878787;
  font: 13px/17px;
  text-align: justify;
  float: left !important;
  border: 1px solid #d7d7d7;
  padding: 10px 15px;
  box-sizing: border-box;
  border-radius: 60px;
}

.rest_info_right_ulDiv {
  float: left;
  width: 100%;
  border: 3px solid #e3e3e3;
  margin: 0px 0px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: outside none none;
}

.rest_info_right_ul {
  float: left;
  width: 100%;
  padding: 5px;
  background: #fff none repeat scroll 0% 0%;
  border-bottom: 1px solid #e3e3e3;
  box-sizing: border-box;
}

.rest_info_right_ul li.active {
  float: left;
  padding: 5px;
  background: #e3e3e3;
}

.rest_info_title {
  color: #7e0d0d;
  float: left;
  margin: 10px 0px 10px;
  width: 100%;
  padding: 27px 0px 0px;
}

.rest_info_right_ul li .day {
  float: left;
  width: 40%;
  color: #7e0d0d;
  text-align: right;
}

.rest_info_right_ul li .time {
  float: left;
  width: 58%;
  color: #404040;
  margin: 0 0 0 2%;
  text-align: left;
}

tbody {
  font-family: "Roboto-Regular", sans-serif;
}

#menu1 h1 {
  color: #000000;
}

#menu2 thead {
  background: #efeded;
}

#menu2 th h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #666363;
}

.table-bordered > thead > tr > th {
  border: 0px solid #ddd;
}

.fa-times-circle-o {
  font-size: 21px;
  color: rgb(32, 172, 118);
}

h4 {
  font-family: "Roboto-Regular", sans-serif;
  font-weight: 600;
}

.table-bordered > tbody > tr > td {
  border: 0px solid;
  border-top: 1px solid #ddd;
}

.cart__products .table-bordered > tbody > tr > td {
  border: 0px solid;
  border-top: 0px solid #ddd;
}

#menu3 h3 {
  margin-top: 0px;
  color: #666363;
}

#menu3 label {
  float: left;
  margin-top: 6px;
  color: #666363;
}

.review-box {
  background: #efeded;
  padding-top: 12px;
}

.rating-point {
  border-bottom: 1px solid rgba(221, 221, 221, 0.57);
  padding: 12px;
  float: left;
}

.rating-point i {
  margin-right: 2px;
  color: #f5861f;
}

#add-cart i {
  cursor: pointer;
  color: #54b67a;
}

#add-cart th {
  background-color: #f5861f;
  color: white;
  border: 5px solid white;
  width: 250px;
}

.cart__products .table-bordered {
  border: 0px solid #ddd !important;
}

.docbak {
  border: 1px solid white;
  padding: 25px;
}

.menu__category span {
  font-family: "Roboto-Regular", sans-serif;
}

.circle-size {
  font-size: 18px;
  margin-top: 3px;
}

.raco {
  float: left;
  margin: 3px 6px !important;
}

#delivery-charge {
  display: none;
}

.btn-over {
  float: none;
  /* padding-bottom: 20px; */
}

.npdn {
  font-size: 12px;
  text-align: center;
  font-family: "Roboto-Regular", sans-serif;
}

.btn.btn-file > input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  opacity: 0;
  filter: alpha(opacity=0);
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.btn.btn-file {
  position: relative;
  overflow: hidden;
}

.btn {
  outline: 0 !important;
}

.bakfile {
  background-color: #a1a0a2 !important;
  border-color: #a1a0a2 !important;
}

span {
  font-family: "Roboto-Regular", sans-serif;
}

.pop {
  margin-left: 10px;
}

.vendor-menu__categories {
  font-family: "Roboto-Regular", sans-serif;
}

#extra-feat span {
  padding: 5px;
  font-family: "Roboto-Regular", sans-serif;
}

#extra-feat {
  margin-top: 10px;
}

.nav-tabs {
  font-family: "Roboto-Regular", sans-serif;
}

.cos {
  cursor: pointer;
}

#myModal h3 {
  font-size: 18px;
}

#details-restaurant .modal {
  top: 60px;
  overflow: hidden;
}

#details-restaurant .modal-header {
  border-bottom: 0px solid;
  background: #24c09d;
  position: fixed;
  top: 0px;
  z-index: 99;
  width: 100%;
  color: white;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

#details-restaurant .modal-body {
  max-height: 80vh;
  overflow-y: auto;
  width: 100%;
  scrollbar-width: thin;
}

#details-restaurant .modal-content {
  border: 0px solid rgba(0, 0, 0, 0.2);
  width: 100%;
}

.addcart-img {
  width: 90px;
  height: 90px;
  margin-bottom: 0px;
  border-radius: 50%;
}

.mctop20 {
  margin-top: 15px;
}

.value-box p {
  font-size: 13px;
}

.value-box {
  padding: 10px 5px;
  padding-bottom: 5px;
  margin-bottom: 15px; /*border-bottom: 1px solid rgba(0, 0, 0, 0.19);*/
}

.value-box.odd {
  background: #ececec;
}

.price-body {
  /*border-top: 1px solid rgba(185, 185, 185, 0.59);*/
  padding: 6px;
}

.marginCUSTOME10 {
  margin-bottom: 15px;
}

.menu_namecart {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 800;
}

.menu_optioncart {
  margin-bottom: 20px;
}

.cos-mh {
  background: #24c09d;
  color: white;
}

.cos-mh-btn {
  background-color: #fd0b0b !important;
  color: #fff;
  border-radius: 50px;
  height: 50px;
}

.cos-mh-btn:hover {
  /*background-color : #000000 !important;*/
  background-color: #eb1a21 !important;
  color: #fff;
}

.cos-mh-btn:focus {
  background-color: #eb1a21 !important;
  color: #fff;
}

.cos-mh-btn:active {
  background-color: #eb1a21 !important;
  color: #fff;
}

.modal-body {
  float: left;
}

.md-none {
  float: none !important;
}

.md-con {
  margin-top: 100px;
}

.sand {
  font-family: "Roboto-Regular", sans-serif;
}

.modal {
  display: none;
  overflow: auto;
  position: fixed;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
  z-index: 1080;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s,
    transform 0.5s ease-in-out 0s;
  -o-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s,
    transform 0.5s ease-in-out 0s;
  -ms-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s,
    transform 0.5s ease-in-out 0s;
  -moz-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s,
    transform 0.5s ease-in-out 0s;
  transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s,
    transform 0.5s ease-in-out 0s;
  -webkit-transform-origin: center top 0;
  -moz-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
}

.modal.in .modal-dialog {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.active1 {
  font-size: 14px;
  color: #f5861f !important;
  text-decoration: none;
}

/*restaurant details*/
.theme-btn {
  background-color: #f5861f;
  color: white;
}

.theme-btn:hover {
  background-color: #f5861f;
  color: white;
}

.theme-btn:focus {
  background-color: #f5861f;
  color: white;
}

.mcleft8 {
  margin-left: 8px !important;
}

/*contact us*/
.mcleft15 {
  margin-left: 15px;
}

#contactus {
  margin: 20px 0px 50px;
}

#contactus label {
  font-family: "Roboto-Regular", sans-serif;
}

.digit {
  font-size: 22px;
  margin-left: 40px;
  margin-top: -10px;
}

.fts20 {
  font-size: 20px;
  margin-top: 0px;
}

.cup {
  margin: 0px auto 20px;
  width: 97%;
  margin-bottom: 20px;
  font-size: 14px;
}

/*contact us*/
.icon-reg {
  width: 72px;
  margin-top: 2px;
}

/*restro-login*/
.res-reg {
  padding: 20px;
  margin-top: 25px;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0.11);
}

.brain {
  width: 320px;
}

.h3res {
  font-size: 16px !important;
  margin-top: 0px;
  margin-bottom: 0px;
}

.pres {
  font-size: 12px !important;
}

.mctop6 {
  margin-top: 6px;
}

/*restro-login*/
.regowener-header {
  padding: 5px;
}

.regowener-header h3 {
  margin: 0px !important;
  color: #000 !important;
}

.regowener-header p {
  color: white;
  margin-bottom: 0px;
}

.ownerLoginRightbg123 {
  background: #fd0b0b;
  float: none;
  width: 70%;
  border-radius: 10px;
  margin: 0 auto;
  padding: 10px;
}

.haveanAccnt {
  font-size: 16px !important;
  color: white;
  float: left;
  width: 100%;
  text-align: center;
  line-height: 17px;
  margin-top: 0px;
  margin-bottom: 15px;
}

.restOwnerLogin {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: black;
  padding: 0 0 0px 0;
  line-height: 10px;
  margin-top: 0px;
}

.loginifacnt {
  background-color: #1ea0c0;
  background-image: linear-gradient(#1ea0c0 0px, #1ea0c0 100%);
  height: 30px;
  text-align: center;
  display: inline-block;
  font-size: 13px;
  /*width: 60px;*/
  color: #fff;
  margin-top: 10px;
  border: medium none;
  border-radius: 4px;
  cursor: pointer;
}

/*checkout*/
.DIexample {
  font-weight: 300;
  font-size: 13px;
}

.owd {
  background: rgba(251, 251, 251, 0.64) none repeat scroll 0% 0%;
  padding: 10px;
  margin-top: -9px;
}

.owd1 {
  background: rgb(248, 248, 248) none repeat scroll 0% 0%;
  margin-top: -8px;
}

/*register owener*/
#owener-reg label {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 13px;
}

.h3res1 {
  font-size: 15px !important;
  margin-top: 0px;
  margin-bottom: 0px;
}

.owener-reg {
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 50px;
}

/*register owener*/
.static-font {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 14px;
  color: #6b6b6b;
}

.mvodd {
  margin-left: 30px;
  margin-top: 22px;
}

/*#edit-address{padding-left: 10px;cursor: pointer;}*/
#checkout .fs_input {
  etter-spacing: inherit;
  width: 100%;
  box-sizing: border-box;
  outline: 0px none;
  border: 1px solid #e1e3e5;
  font-size: inherit !important;
  text-align: inherit;
  font-family: "Roboto-Regular", sans-serif;
  border-radius: 3px !important;
  padding: 14px 12px 15px;
  font-size: 15px !important;
}

/*.editSection{display: none;}*/
#edit-address {
  outline: none;
  color: #079fb9;
  cursor: pointer;
  transition: 0.2s;
}

#edit-address:hover {
  color: black;
}

#checkout .fs_input:focus {
  border-color: #95a5a6 !important;
  outline: 0px none transparent !important;
  box-shadow: none !important;
}

.selze {
  font-size: 14px;
  width: 75%;
  margin: 0 auto;
}

.abdol {
  position: absolute;
  top: 30px;
  right: -5px;
  font-size: 25px;
}

.posrel {
  position: relative;
}

.d-bar {
  background: #efeded;
  color: #666363;
}

#checkout {
  margin: 20px 0px 50px;
}

.ckh {
  margin: -15px 0px 10px;
}

.checkoutBgInTop {
  float: left;
  width: 100%;
  padding: 10px 6px;
  background: RGBA(210, 210, 210, 0.3);
  border: 1px solid #f5861f;
  margin: 5px 0px 0px;
}

.checkTopCont {
  float: left;
  color: black;
  width: 100%;
}

.checkBg {
  float: left;
  width: 100%;
  margin: 0px;
  border: 0px solid rgba(220, 220, 220, 0.27);
  padding: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-icon {
  background: #fd0b0b;
  padding: 10px 12px;
  width: 40px;
  color: white;
}

.btn-icon:hover {
  background: #24c09d !important;
  padding: 10px 12px;
  width: 40px;
  color: white;
}

.bod-form {
  border: 1px solid rgba(0, 0, 0, 0.24);
  height: 44px;
}

.has-error .form-control.bod-form {
  border: 1px solid #9e9e9e;
  /* overflow: hidden; */
}
.input-group-btn {
  vertical-align: top !important;
}

.bod-div {
  border: 1px solid #e6e1e1;
}

.checkRadio {
  float: left;
  width: 16px;
}

.checkRadioInner {
  float: left;
  width: auto;
  margin: 25px 0px;
}

.checkradioName {
  float: left;
  min-width: 40px;
  margin-left: 10px;
  margin-top: 3px;
}

.checkPayImg {
  float: left;
  min-width: 100px;
  margin-left: 0px;
  margin-top: -15px;
}

.mcleft {
  margin-left: 8px;
}

.instP {
  font-size: 13px;
  margin-top: -15px;
}

.boldtxt2 {
  font-weight: 300;
  color: #404040;
  float: left;
  width: auto;
  margin: 0px 5px 0px 0px;
}

.nopad {
  padding: 0px;
}

.tipwith {
  background-color: white;
  border: 1px solid;
  float: left;
  width: 50% !important;
  height: 25px;
}

.tipwith1 {
  float: right;
  width: 40% !important;
  height: 25px;
}

.twc {
  border: 1px solid rgba(0, 0, 0, 0.17);
  height: 40px;
}

.twb {
  border: 1px solid rgba(0, 0, 0, 0.17);
  height: 40px;
  margin-top: 25px;
}

.mctop30 {
  margin-top: 30px;
}

.mctop40 {
  margin-top: 40px;
}

#checkout label {
  font-family: "Roboto-Regular", sans-serif;
}

.orgp {
  font-size: 14px;
}

.btn-icon:hover {
  background: #f5861f none repeat scroll 0% 0%;
  color: white;
}

.btn-icon:focus {
  background: #f5861f none repeat scroll 0% 0%;
  color: white;
}

/*checkout*/
.areatext {
  border: 1px solid rgba(0, 0, 0, 0.34);
  width: 100%;
  height: 78px;
  border-radius: 5px;
  padding: 10px;
}

/*thanks*/
#thanks {
  margin: 20px 0px 50px;
  padding: 25px;
}

#thanks h3 {
  font-size: 22px;
  color: #f5861f;
}

.bod-white {
  border: 1px solid white;
  background: rgba(0, 0, 0, 0.05);
}

.ftwb {
  font-weight: 600;
}

.md-thead {
  background: #24c09d;
  color: white;
}

.myd-div {
  padding-bottom: 30px;
}

.oip {
  font-size: 16px;
  color: black;
  font-family: "Roboto-Regular", sans-serif;
  font-weight: 500;
}

.odbod {
  background: white;
  padding: 6px;
  font-family: "Roboto-Regular", sans-serif;
  font-weight: 500;
}

b {
  font-weight: 500;
}

label {
  font-weight: 500;
}

.blackbullet {
  color: #6b6b6b;
  font-family: "Roboto-Regular", sans-serif;
  line-height: 26px;
}

.mpd {
  font-size: 24px;
  text-align: center;
}

/*thanks*/
.alh {
  margin: 2px -21px 0px !important;
}

/*login*/
.a-user {
  background: rgb(22, 153, 154) none repeat scroll 0% 0%;
  padding: 10px;
  border: 1px solid #0e9597;
  border-radius: 4px;
  color: white;
}

.clp {
  margin-bottom: 20px;
  margin-top: 0;
}

/*login*/
/*T&C*/
#terms {
  min-height: 450px;
}

.terms {
  background: white none repeat scroll 0% 0%;
  margin-top: 90px;
  margin-bottom: 40px;
  /* border        : 1px solid rgba(0, 0, 0, 0.07);*/
}

.bodhtitle {
  font-size: 25px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 15px;
}

#terms p {
  font-family: "Roboto-Regular", sans-serif;
}

#terms p b {
  color: black;
}

/*T&C*/
/*added by arka*/
#welcomeModal h3 {
  font-size: 18px;
  margin: 7px 0px 5px;
  line-height: 24px;
}

#welcomeModal.modal {
  top: 60px;
}

#welcomeModal .modal-header {
  border-bottom: 0px solid;
  background: #f53b3b none repeat scroll 0% 0%;
  color: white;
}

.col-centered {
  float: none !important;
  margin: 0px auto;
}

.cms-page {
  background: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}

hr.style-one {
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

hr.style-two {
  border: 0;
  height: 1px;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0)
  );
  margin-top: 5px;
}

.cms-page p {
  font-size: 14px;
}

.cms-page-footer a {
  font-size: 22px;
  margin-right: 5px;
}

#welcomeModal button.cos-mh-btn {
  background: #f5861f;
  padding: 10px 20px;
  line-height: 17px;
}

#welcomeModal .modal-body {
  padding-top: 25px;
  padding-bottom: 25px;
}

.welcome-construction {
  font-size: 16px;
}

/*.get-span1, ul.app-links1 li a.store-link1, ul.app-links1 li a.store-link1 {
    color: #a59996;
    border-color: #a59996;
}*/
.header-btn1x {
  border: 1px solid #24c09d;
  background: transparent;
  border-radius: 4px;
  color: #24c09d;
  opacity: 1;
  margin-top: 4px;
}

.lang .btn .caret {
  color: #000 !important;
}

.header-btn1x:hover {
  border: 1px solid #24c09d;
  background: transparent;
  border-radius: 4px;
  color: #24c09d;
  opacity: 1;
  margin-top: 4px;
}

/*ended by arka*/
/*.............*/
/*css for halal*/
.fxd-hgt {
  height: 110px;
}

.catering-seticon {
  position: fixed;
  bottom: 63px;
  z-index: 9;
  background: rgb(168, 57, 0);
  width: 68%;
  left: 0px;
  right: 0px;
  text-align: center;
  margin: 0px auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.catering-seticon h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  text-transform: none;
  color: white;
}

.catering-seticon img {
  height: 20px;
  margin-top: -25px;
}

.fixedBottom {
  position: fixed;
  bottom: 0px;
  z-index: 9;
  background: #24c09d;
  width: 100%;
  left: 0px;
  right: 0px;
  text-align: center;
}

.fixedBottom button {
  background: #a83900;
  border: 1px solid #a83900;
  color: white;
  font-size: 22px;
  font-weight: bold;
  padding: 15px 15px;
}

.navbar-header {
  width: 30%;
}

.midlink {
  margin-top: 14px;
}

.midlink li a.scroll {
  color: gray;
  font-size: 12px;
  text-transform: none;
  font-weight: bold;
  margin-right: 10px;
}

.midlink li a.scroll:hover,
.midlink li a.scroll:focus {
  color: gray;
}

.midlink li a.scroll i {
  font-size: 16px;
  margin-right: 6px;
}

.Ddown {
  font-size: 13px !important;
  margin-right: 0px !important;
  margin-left: 5px;
  vertical-align: top;
}

.midlink1 {
  margin-top: 0px;
}

.midlink1 li a.scroll {
  color: white;
  font-size: 12px;
  text-transform: none;
  font-weight: bold;
  margin-right: 0;
  padding: 10px 15px;
  transition: 0.2s;
}

.midlink1 li a.scroll:hover,
.midlink li a.scroll:focus {
  color: #363636;
  background: #efefef;
}

.headerH1 {
  font-size: 26px;
  line-height: 25px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: unset;
  margin-bottom: 0px;
}

.headerH2 {
  font-size: 18px;
  line-height: 45px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: unset;
  margin-top: 0px;
  color: white;
}

.searchContainer {
  background-color: #24c09d;
  height: 72px;
  width: 100%;
  position: relative;
  top: 10px;
  margin: 0px auto;
  border-radius: 4px;
  margin-bottom: 30px;
}

#search-wrap h3 {
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  left: -200px;
  line-height: 22px;
  position: absolute;
  text-transform: uppercase;
  top: 33px;
}

.iconSet.search-arrow {
  display: block;
  height: 36px;
  left: 45px;
  position: absolute;
  top: 32px;
  width: 65px;
  z-index: 10;
}

.iconSet {
  display: inline-block;
  background: url("../images/searchArrow.png") no-repeat 0 0 !important;
  overflow: hidden;
  text-indent: 9876px;
  width: 20px;
  white-space: nowrap;
}

.iconSet1.greenTick {
  height: 32px;
  width: 32px;
  z-index: 10;
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
}

.iconSet1 {
  display: inline-block;
  background: url("../images/checked.png") no-repeat 0 0 !important;
  overflow: hidden;
  text-indent: 9876px;
  width: 20px;
  white-space: nowrap;
}

#searchform input#address {
  border: none;
  box-shadow: none;
  height: 41px;
  line-height: 50px;
  margin: 0;
  font-size: 18px;
  width: 100%;
  color: gray;
  float: left;
  margin-top: 15px;
  border-radius: 2px;
}

#searchform input#searchstr {
  border: none;
  box-shadow: none;
  height: 41px;
  line-height: 50px;
  margin: 0;
  font-size: 18px;
  width: 100%;
  color: gray;
  float: left;
  margin-top: 15px;
  border-radius: 2px;
}

.palce_country {
  padding: 8px;
  font-size: 18px;
  line-height: 1.25;
  animation: 0.001s ease 0s normal none 1 running nodeInserted;
  border: 1px solid #fff;
  margin: 34px 0px 0px 0px;
  background: #fff url("../images/arrow1.png") no-repeat scroll right 5px center;
  color: #919191;
  border-radius: 3px;
  outline: 0px none;
  float: left;
}

.mainButton.mainSearch {
  height: 42px;
  line-height: 25px;
  font-size: 18px;
  background-color: #4cce4a;
  border-radius: 50px;
  margin-top: 15px;
  float: left;
}

.mainButton.mainSearch:hover {
  background: #3ab42d;
}

.mainButton {
  border: none;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  background: #38c32a;
  cursor: pointer;
  display: block;
  border-radius: 0;
  -webkit-appearance: none;
}

.location-box {
  position: relative;
  display: block;
  float: left;
}

.location-img {
  position: absolute;
  right: 20px;
  top: 25px;
  cursor: pointer;
}

.floatBox ul {
  text-align: center;
  margin: 0px auto;
}

.floatBox ul li {
  position: relative;
  display: inline-block;
  width: auto;
  text-align: left;
  vertical-align: middle;
  margin-right: 20px;
  color: white;
}

.floatBox ul li i {
  margin-right: 5px;
}

.floatBox-left {
  position: absolute;
  left: 0px;
  width: 260px;
  top: 116px;
  z-index: 99;
}

.floatBox-left ul {
  text-align: left;
  margin: 0px auto;
  padding-left: 15px;
}

.floatBox-left ul li {
  position: relative;
  display: inline-block;
  width: auto;
  text-align: left;
  vertical-align: middle;
  margin-right: 20px;
  color: white;
  margin-bottom: 10px;
}

.floatBox-left ul li i {
  margin-right: 5px;
  font-size: 11px;
}

.floatBox-right {
  position: absolute;
  right: 0px;
  width: 260px;
  top: 116px;
  z-index: 99;
}

.floatBox-right ul {
  text-align: left;
  margin: 0px auto;
  padding-left: 15px;
}

.floatBox-right ul li {
  position: relative;
  display: inline-block;
  width: auto;
  text-align: left;
  vertical-align: middle;
  margin-right: 20px;
  color: white;
  margin-bottom: 10px;
}

.floatBox-right ul li i {
  margin-right: 5px;
  font-size: 11px;
}

.cuisineList {
  float: left;
  width: 100%;
  /*background: white;*/
  padding: 30px 0px;
  /*box-shadow: 1px 1px 2px 0px #f8f5f2;*/
  /*border: 1px solid #f8f5f2;*/
  margin-bottom: 30px;
}

.cuisinebox {
  text-align: center;
}

.cuisinebox p {
  margin-top: 5px;
  font-size: 12px;
  font-weight: bold;
  color: black;
  letter-spacing: 1px;
}

.countryList {
  float: left;
  width: 100%;
  background: white;
  padding: 25px 10px;
  box-shadow: 1px 1px 2px 0px #f8f5f2;
  border: 1px solid #f8f5f2;
  margin-bottom: 30px;
}

.countrybox p {
  color: #232323;
  margin-bottom: 15px;
}

.countrybox p > span {
  color: #757575;
}

.location-btn {
  background-color: #24c09d;
  border: 1px solid #24c09d;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 30px;
  margin-top: 25px;
}

.toprestaurant h2 {
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 0px;
  text-align: left;
  font-size: 25px;
  font-weight: bold;
  color: #323232;
}

.toprestaurant p {
  text-align: left;
  margin-bottom: 20px !important;
  width: 100% !important;
}

.restaurant-item {
  float: left;
  width: 17.5%;
  position: relative;
  padding-right: 15px;
  text-align: center;
}

.restaurant-item img {
  width: auto;
  border: 0px solid #a49b9b;
  height: 120px;
  margin-bottom: 10px !important;
  padding: 8px;
}

.mostpopular-box {
  float: left;
  width: 100%;
  border: 1px solid #efefef;
  margin-bottom: 30px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 2px 2px 4px 0px #efefef;
  background: white;
  position: relative;
  padding: 15px 0px;
}

.mostpopular h2 {
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 0px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #323232;
}

.mostpopular p {
  text-align: center;
  margin-bottom: 40px !important;
  width: 100% !important;
}

.mostpopular p.driver-text {
  text-align: center;
  margin-bottom: 20px !important;
  width: 100% !important;
}

.mostpopular p.driverapp-link {
  margin-bottom: 25px !important;
}

.mostpopular p.hiw-text {
  text-align: center;
  margin-bottom: 40px !important;
  width: 70% !important;
  margin: 0px auto;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-top: 10px;
}

.mostpopular p.fav-heart {
  text-align: right !important;
  margin-bottom: 10px !important;
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 99;
}

.hiw-image {
  text-align: center;
}

.hiw-image img {
  max-width: 100%;
}

.restoIMG {
  text-align: center;
}

.restoIMG img {
  width: 100%;
  height: 90px;
  border: 1px solid #f0f0f0;
  margin-bottom: 0px !important;
  border-radius: 4px;
  object-fit: contain;
}

.mostpopular p.fav-heart {
  text-align: right !important;
  margin-bottom: 10px !important;
  width: auto !important;
}

.fav-heart i {
  cursor: pointer;
}

.restoContent {
  border-top: 0px solid #efefef;
  padding-top: 0px;
}

.restoContent h4 {
  margin-top: 0px;
  margin-bottom: 5px;
  color: black;
}

.mostpopular .restoContent p {
  text-align: left;
  margin-bottom: 5px !important;
  font-size: 14px;
}

.restoContent h4 {
  margin-top: 0px;
  margin-bottom: 5px;
  color: black;
}

.deliverybox {
  position: absolute;
  width: 22px;
  right: 11px;
  top: 35px;
}

.deliverystat {
  width: 22px;
  height: 22px;
  display: inline-flex;
  background-color: #24c09d;
  color: white;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

.mostpopular p.foodtype {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90% !important;
  margin: unset !important;
}

.estimate {
  /* margin-right: 15px; */
  position: relative;
  color: #000;
  font-weight: 500;
  font-size: 12px;
  display: flex;
  align-items: center;
  line-height: normal;
}

/* .location-info .estimate:after {
  content: "";
  position: absolute;
  background: #959595;
  width: 1px;
  height: 15px;
  right: -8px;
  top: 4px;
  display: none;
} */

.estimate-dis {
  color: #000;
  font-weight: 500;
  display: inline-block;
  margin-top: 0;
  font-size: 12px;
  display: flex;
  align-items: center;
  line-height: normal;
}
.rt_dx {
  flex: 1 1 auto;
  background: #f0f0f0;
  padding: 5px 10px;
  border-radius: 4px;
  text-align: center;
}
.flexy_row {
  display: flex;
  flex-wrap: wrap;
}
.sticky_cart {
  position: sticky;
  top: 0;
  flex: 1;
  overflow: hidden;
}
.rt_dx a i {
  margin-left: 5px;
  vertical-align: middle;
}
.restopage-link {
  display: flex;
  margin-top: 0px;
  align-items: center;
  gap: 5px;
}
.time_icon {
  font-size: 20px;
  line-height: 20px;
}
.time_icon svg {
  fill: #9e9e9e;
  height: 1em;
  vertical-align: middle;
  width: 1em;
}
.bycycle_icon {
  font-size: 20px;
  line-height: 20px;
}
.bycycle_icon svg {
  fill: #9e9e9e;
  height: 1em;
  vertical-align: middle;
  width: 1em;
}
.distance_icon {
  font-size: 20px;
  line-height: 20px;
}
.distance_icon svg {
  fill: #9e9e9e;
  height: 1em;
  vertical-align: middle;
  width: 1em;
}
.bag_icon {
  font-size: 20px;
  line-height: 20px;
}
.bag_icon svg {
  fill: #9e9e9e;
  height: 1em;
  vertical-align: middle;
  width: 1em;
}
.resto-review {
  display: inline-block;
  margin-left: 0px;
  display: none;
}
.del_cost {
  display: flex;
  align-items: center;
  gap: 2px;
  position: relative;
  color: #000;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
}
.min_order {
  position: relative;
  color: #000;
  font-weight: 500;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 2px;
  line-height: normal;
}
.popularcomment > h3 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
}

.marginTop60 {
  margin-top: 60px;
}

.mobitem {
  float: right;
  width: 100%;
  margin-top: 25px;
}

.mobitem img {
  height: 400px;
}

.aboutmail .form-control {
  border: 1px solid #cfcfcf;
  height: 50px;
}

.aboutmail .btn {
  border: 1px solid #24c09d;
  background: #24c09d;
  color: white;
  height: 50px;
}

.aboutmail {
  margin-top: 20px;
}

.companylogos {
  background: #aeaeae;
  padding-bottom: 10px;
  margin-top: -30px;
  position: relative;
  z-index: 1;
  padding-top: 10px;
}

.company-item {
  float: left;
  width: 12.5%;
  position: relative;
  padding-right: 15px;
}

.company-item img {
  width: 100%;
  height: 70px;
}

.newsmail .form-control {
  border: 1px solid #cfcfcf;
  height: 50px;
  border-radius: 4px !important;
}

.newsmail .btn {
  border: 1px solid #24c09d;
  background: #24c09d;
  color: white;
  height: 50px;
  border-radius: 4px !important;
  margin-left: 15px !important;
  width: 160px;
  font-size: 15px;
  font-weight: bold;
}

.newsmail h2 {
  color: #adb0b6 !important;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 600;
}

.newsmail {
  margin-top: 20px;
  text-align: center;
}

.footerblog ul {
  padding-left: 0px;
  list-style: none;
}

.footerblog h4 {
  color: #ffffff;
  margin-bottom: 30px;
  font-weight: bold;
  margin-top: 30px;
}

.footerblog p {
  line-height: 30px;
  color: #ffffff;
}

.footerblog.about p {
  line-height: 20px;
  color: #ffffff;
}

.footerblog p:hover {
  text-decoration: none;
  color: #adb0b6;
  cursor: default;
}

.footerblog ul li {
  margin-bottom: 10px;
}

.footerblog ul li a {
  color: #ffffff !important ;
}

.footerblog ul li a:hover {
  margin-bottom: 10px;
  color: #adb0b6 !important;
}

footer .footericon i {
  width: 35px;
  height: 35px;
  float: left;
  background: #fd0b0b;
  border-radius: 4px;
  line-height: 34px;
  text-align: center;
  color: #fff !important;
  margin-right: 15px;
  font-size: 18px !important;
}

.copyright {
  margin-top: 20px;
  margin-bottom: 20px;
}

.copyright p {
  color: #ffffff !important;
}

.copyright p:hover {
  text-decoration: none;
  color: #adb0b6 !important;
  cursor: default;
}

@media (min-width: 1030px) {
  .ft {
    margin-bottom: 15px;
    /* width: 20%;*/
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .midcusp {
    width: 100%;
    font-size: 15px;
  }

  .restroimg {
    width: 75px;
    height: 75px;
  }

  .ownerLoginRightbg123 {
    width: 85%;
  }
}

@media (max-width: 1228px) {
  .location-box {
    width: 100%;
    padding: 0;
  }

  .location-img {
    top: 20px;
    right: 10px;
  }
}

@media (max-width: 1045px) {
  .mobitem img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 1230px) {
  .searchContainer {
    height: 210px;
    padding: 20px;
  }

  .palce_country {
    width: 100%;
    margin: 10px 0px;
  }

  #searchform input#searchstr {
    width: 100%;
    margin-top: 10px;
  }

  #searchform input#address {
    width: 100%;
    margin-top: 10px;
  }

  .mainButton.mainSearch {
    height: 42px;
    width: 100%;
    margin-top: 20px;
    margin-left: 0px;
  }
}

@media (max-width: 991px) {
  .tagline {
    height: auto;
  }

  .fixedBottom {
    display: block;
    position: absolute;
  }

  .catering-seticon {
    position: absolute;
  }

  .midlink {
    margin-top: -10px;
  }

  .catering-seticon h1 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 26px;
    line-height: 35px;
  }
}

@media (max-width: 767px) {
    .findnull{
        margin-top: 0px;
        margin-bottom: 20px;
    }
  .open_cart_bag .cart-content{
    height: 90vh !important;
  }
  /*#cartDetailsWrap{
    height: 200px !important;
  }*/
  .input_groups input{
    font-size: 14px !important;
  }
  .modal.in .modal-dialog {
    width: auto !important;
  }
  #isdesktop {
    display: none;
  }

  #ismobile {
    display: block !important;
  }

  #myModal .modal-dialog {
    width: auto;
    margin-top: 25px;
  }

  #myModal h3 {
    margin-top: 0px;
  }

  #myModal h3 + p {
    margin-bottom: 30px;
  }

  .addcart-img {
    width: 80px;
    height: 80px;
  }

  .restaurant-box-inner {
    padding-bottom: 5px;
  }

  .location-info .estimate::after {
    display: none;
  }

  .estimate {
    margin-bottom: 5px;
    display: inline-block;
  }
  /* added by srijaul on 03.03.2020 */
  .estimate-dis {
    /* display: inline-block;
        position: absolute;
        z-index: 9999;
        right: 10px;
        text-align: right;
        top: 36px;
        margin-top: 0px;
        width: auto; */
    /* display: inline-block;
    position: absolute;
    z-index: 9;
    right: 0;
    text-align: right;
    top: 25%;
    margin-top: 0px;
    width: auto; */
  }
  /* end */
  .navbar-inverse .navbar-toggle {
    position: absolute;
    right: -10px;
    top: 0px;
  }

  .lang .btn {
    padding: 6px 0px;
  }

  .lang .dropdown-menu {
    left: 0px;
    width: 77%;
    margin: 0px auto;
  }

  .lang_flag {
    margin-right: 5px;
    width: 24px;
  }

  .lang .dropdown-menu .divider {
    margin: 0px;
  }

  .bag-cart {
    display: block;
  }

  .navbar-header {
    width: 100%;
    margin: 0 !important;
    text-align: center;
  }

  .socialurl {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }

  .getdirection {
    display: inline-block;
    width: 110px;
    font-size: 12px;
    padding: 2px 0px;
    border: 1px solid #24c09d;
    background: #24c09d;
    color: white;
    border-radius: 3px;
    margin-left: 5px;
  }

  .itemmenuicon {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
  }

  #uct {
    margin-top: 10px;
    padding: 0px 5px !important;
  }

  .catonmobile {
    padding: 10px;
  }

  .cartonblog img {
    height: 50px;
  }

  .cartonblog p {
    font-size: 10px;
    color: black;
    line-height: 15px;
    margin-bottom: 0px;
  }

  .cartonblog {
    display: inline-block;
    width: 32%;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
    vertical-align: top;
    margin-bottom: 10px;
  }

  .menu-item__dish-characteristic {
    margin-right: 5px;
  }

  .menu-item__dish-characteristic_non {
    margin-right: 5px;
  }

  #directionmap {
    margin-top: 75px;
    height: 360px;
  }

  .for-fixed-img {
    height: 85px;
  }

  .details-header {
    padding: 0px;
    min-height: 135px;
  }

  .haveanAccnt {
    font-size: 12px !important;
  }

  .restOwnerLogin {
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .vendor-imagebox {
    width: 80px;
    height: 80px;
    text-align: left;
  }

  .vendor-imagebox img {
    width: 80px;
    height: 80px;
  }

  .cuisinebox img {
    height: 50px !important;
  }

  .favouriteResto .restoIMG img {
    height: 100% !important;
    margin-top: 0px;
    object-fit: cover;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
  }

  .favouriteResto .mostpopular-box {
    padding: 0px !important;
    margin-top: 20px;
    margin-bottom: 0px;
  }

  .restoContent {
    padding: 10px 0px;
  }

  .restoContent h4 {
    font-size: 14px;
  }

  .categories__list {
    margin-bottom: 0px;
  }

  h3.accordion-toggle {
    margin-bottom: 0px;
    cursor: pointer;
  }

  #leftBox {
    margin-top: 0px;
  }

  .mc-top40 {
    margin-top: 20px;
  }

  #company h2 {
    text-align: center;
  }

  .toprestaurant p {
    margin-top: 5px !important;
    text-align: center;
    margin-bottom: 10px !important;
  }

  .mostpopular h2 {
    text-align: center !important;
    margin-bottom: 15px !important;
  }

  .mostpopular p {
    text-align: center !important;
    margin-top: 0px !important;
  }

  .mostpopular .restoContent p {
    margin-bottom: 5px !important;
  }

  .favouriteResto .line-draw {
    margin-bottom: 5px !important;
  }

  .fh5co-feature {
    padding: 20px 10px;
  }

  .fh5co-feature .fh5co-feature-lead,
  .fh5co-feature .fh5co-figure-lead,
  .fh5co-figure .fh5co-feature-lead,
  .fh5co-figure .fh5co-figure-lead {
    margin-top: 10px;
    margin-bottom: 0px;
  }

  .mostpopular .restoContent p {
    text-align: left !important;
  }

  .mostpopular p.hiw-text {
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  .mostpopular p.fav-heart {
    top: auto;
    right: 15px;
    bottom: 0px;
  }

  #company img {
    margin-bottom: 5px;
  }

  .cuisinebox {
    margin-bottom: 20px;
  }

  .call-to-action {
    height: 300px;
  }

  #about h3 {
    margin-top: 0px;
  }

  .marginTop60 {
    margin-top: 20px;
  }

  .nrmid {
    padding: 0px;
    background: #f8f5f2;
  }

  .mvodd {
    margin-left: 0px;
  }

  .catererstat {
    margin-top: 15px;
  }

  .restaurantstat {
    margin-top: 15px;
  }

  .catering-seticon h1 {
    font-size: 20px !important;
  }

  .catering-seticon img {
    margin-top: -15px;
  }

  .catering-seticon {
    width: 100%;
  }

  .floatBox ul li {
    margin-right: 0px;
  }

  #loginformModal .modal-dialog {
    width: 94%;
  }

  #registerformModal .modal-dialog {
    width: 94%;
  }

  .restonametext {
    font-size: 20px !important;
    margin-top: 0px;
    text-align: center;
  }

  .deliverystat-icon {
    display: none;
  }

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

  .deliveryfee-stat p {
    color: white;
    margin-bottom: 2px;
    width: auto;
    float: left;
    margin-right: 15px;
  }

  .deliveryfee-stat {
    margin-left: 0px;
  }

  .restoaddress {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
  }

  .midlink {
    margin-top: 14px;
  }

  .navbar-header {
    width: 100%;
    margin: 0 !important;
  }

  .tagline h1 {
    font-size: 26px;
  }

  .restaurant-item {
    width: 50%;
    text-align: center;
  }

  .restaurant-item img {
    margin-bottom: 0px !important;
    height: 90px;
  }

  .company-item {
    width: auto;
    text-align: center;
    float: none;
  }

  .company-item img {
    width: auto;
    margin-bottom: 20px;
  }

  .newsmail .btn {
    width: 90px;
  }

  .aboutmail {
    margin-bottom: 40px;
  }

  .floatBox ul {
    text-align: center;
    margin: 0px auto;
    padding-left: 0;
  }

  .floatBox ul li {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .searchContainer {
    width: 96%;
  }

  .key {
    width: 100%;
  }

  .key li {
    font-size: 15px;
    margin-bottom: 20px;
  }

  .fixedhgt {
    height: 75px;
  }

  .cuisineList {
    margin-bottom: 0px;
  }
}

/*css for halal*/
/*.............*/
@media (max-width: 990px) {
  .restOwnerLogin {
    line-height: 20px;
  }

  .ownerLoginRightbg123 {
    width: 100%;
  }

  .brain {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .cart-content {
    margin-top: 0px;
  }

  #stores {
    background: #f3f3f3;
    padding: 10px;
  }

  #business {
    padding: 10px;
  }

  #about {
    padding: 10px;
  }
}

@media (max-width: 991px) {
  .restroimg {
    width: 80px;
    height: 80px;
  }

  .price-gap {
    margin-right: 2px;
  }

  .vendor-tabs li a {
    padding-left: 25px;
    padding-right: 25px;
  }

  .sortby-others {
    padding: 10px;
  }

  .fav {
    margin-left: 0px;
  }

  .vendor-info {
    width: 70%;
  }

  .btn-order {
    padding: 6px 3px;
    font-size: 14px;
    width: 100%;
  }

  .pre-order {
    padding: 6px 3px;
    font-size: 14px;
    width: 100%;
  }

  .restothumb img {
    height: 57px;
  }

  .sorting-items li {
    font-size: 13px;
  }

  .find-Restaurant {
    padding: 10px;
  }

  .find-Restaurant a {
    font-size: 12px;
  }

  .find-Restaurant p {
    font-size: 13px;
  }

  .addBusiness {
    padding: 10px;
  }

  .addBusiness a {
    font-size: 12px;
  }

  .addBusiness p {
    font-size: 13px;
  }

  #thanks {
    padding: 0px;
  }

  #about .col-md-8 {
    border-right: 0px solid rgba(0, 0, 0, 0.09);
  }

  .txt-center {
    text-align: center !important;
    margin-bottom: 15px;
  }

  .search-btn {
    margin-left: 0px !important;
  }

  .xsauto1 {
    height: 250px;
  }

  .floatBox ul li {
    margin-right: 10px;
  }

  .floatBox ul {
    padding-left: 0px;
  }

  .headerH1 {
    font-size: 18px;
    line-height: 30px;
  }

  .headerH2 {
    font-size: 12px;
    line-height: 30px;
  }

  /*.paddsm{padding-right: 15px !important;padding-left: 15px !important;}*/
}

@media (min-width: 768px) and (max-width: 991px) {
  .rating-point {
    float: none;
  }

  .header-info {
    margin-bottom: -30%;
  }

  .mcright30 {
    margin-right: 0px !important;
  }

  #company img {
    margin-left: -20px;
  }

  .midpaddR0 {
    padding-right: 0px !important;
  }

  .midpaddL0 {
    padding-left: 0px !important;
  }

  .floatBox-left {
    width: 200px;
  }

  .floatBox-left ul li {
    font-size: 11px;
  }

  .floatBox-right {
    width: 208px;
  }

  .floatBox-right ul li {
    font-size: 11px;
  }

  #about h3 {
    font-size: 18px !important;
  }

  #about p {
    font-size: 13px;
  }

  .driver-text span {
    width: 90%;
  }

  .midcusp {
    font-size: 17px;
  }

  footer i {
    margin-right: 15px;
    font-size: 30px !important;
  }

  .pre-order {
    font-size: 12px;
  }

  .btn-order {
    font-size: 12px;
  }

  .estimate-dis {
    font-size: 12px;
  }

  .deliveryicon {
    bottom: -25px;
  }

  .deliverystat {
    width: 15px;
    height: 15px;
    margin-right: 3px;
    line-height: 12px;
  }

  .vendor-tabs li a {
    padding-left: 15px;
    padding-right: 15px;
  }

  .deliverystat i {
    font-size: 10px;
  }
}
.vieworder_green {
  color: #24c09d;
  font-weight: 700;
}
.vieworder_red {
  color: red;
  font-weight: 700;
}
@media (max-width: 767px) {
  .driverapp-link {
    text-align: center !important;
  }

  .xs-paddnone {
    padding-right: 0px !important;
    padding-right: 0px !important;
  }

  .restoIMG {
    text-align: center;
    height: 100%;
    width: 90px;
  }

  .restoimghome {
    padding-left: 0px;
    position: absolute;
    width: 90px;
    height: 100%;
  }

  .restoinfohome {
    padding-left: 100px;
  }

  .deliverybox {
    position: absolute;
    width: 17px;
    right: 13px;
    top: 10px;
  }

  .restoname {
    margin-top: 0;
  }

  .deliverybox .deliverystat {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-color: #fdad02;
    color: white;
    line-height: 12px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 0px;
    margin-right: 5px;
  }

  .deliverystat i {
    font-size: 25px;
  }

  /*added by srijaul on 03.03.2020*/
  .deliveryicon {
    bottom: 0;
    /* position: relative; */
  }
  /*end*/

  .deliveryicon .deliverystat {
    width: 40px;
    height: 40px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .star-ratings-sprite {
    margin-top: 9px !important;
    display: none;
  }

  .showonmobile {
    display: block !important;
  }

  .hideonmobile {
    display: none !important;
  }

  .restoOpen {
    left: -80px;
    right: auto;
  }

  .restoClose {
    /* left: -80px;
    right: auto; */
  }

  .offertext {
    transform: rotate(-45deg);
    left: 5px;
    right: auto;
  }

  .offertext1 {
    transform: rotate(-45deg);
    left: 5px;
    right: auto;
  }

  .searchContainer {
    padding: 8px;
    height: 190px;
  }

  .headerH1 {
    font-size: 24px !important;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .headerH2 {
    font-size: 12px !important;
    line-height: 20px;
  }

  .floatBox-left {
    position: relative;
    left: 0px;
    width: 260px;
    top: 520px;
  }

  .floatBox-right {
    position: relative;
    right: 0px;
    width: 260px;
    top: 530px;
  }

  .restaurant-infobox {
    margin-top: 20px;
    text-align: center;
  }

  .fav-share-icon {
    position: absolute;
    z-index: 999;
    width: 120px;
    right: 0;
    top: 25px;
    left: 0;
    margin: 0px auto;
  }

  .vendor-imagebox {
    margin-bottom: 5px;
    position: relative;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    border: none;
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.05);
  }

  .vendor-info {
    width: 100%;
    margin-left: 0px;
    text-align: left;
    margin-bottom: 15px;
  }

  .table-responsive.design {
    max-height: none;
    margin-top: 0px;
    position: relative;
    margin-bottom: 20px;
  }
  /* added by srijaul on 03.03.2020 */
  .restroimg {
    width: 80px;
    height: 80px;
    object-fit: cover;
  }
  .priceplus {
    z-index: 9;
    /*background-color: #f8f5f2;*/
    border-radius: 50%;
    border: 0;
    color: #000;
    margin: 3px;
  }
  /* end */
  .menu-item-content p {
    max-height: 45px;
  }

  .menu-item-content p::before {
    top: 25px;
  }

  .details-header-content .vendor-imagebox {
    position: absolute;
    left: 15px;
    top: -70px;
    background: white;
    height: 80px;
    width: 80px;
    overflow: hidden;
  }

  .delivery-info {
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: center;
  }

  .selectizing-wrapper {
    width: 100% !important;
  }

  .dom-selectizing .title,
  .dom-selectizing-clone .title {
    padding: 0 0px 0 20px !important;
  }

  .dom-selectizing li ul {
    width: 100% !important;
  }

  .search-bak ul li:last-child {
    width: 100%;
  }

  .search-bak-sa ul li:last-child {
    width: 100%;
  }

  .search-bak ul li {
    width: 100%;
    margin-bottom: 15px;
  }

  .search-bak-sa ul li {
    width: 100%;
    margin-bottom: 15px;
  }

  .veiwdetails {
    margin-top: 0px;
    float: left;
    text-align: center;
    width: 100%;
  }

  .restothumb img {
    height: 180px;
    width: 100%;
  }
  /* added by srijaul on 03.03.2020 */
  .fav {
    float: none;
    left: auto;
    right: 0px;
    width: auto;
    bottom: 50px;
    position: absolute;
  }
  .vieworder {
    float: left;
    width: 70%;
  }
  /* end */
  .btn-order {
    margin-top: 5px;
  }

  .pre-order {
    margin-top: 5px;
  }

  .xs-gap {
    margin-top: -10px;
  }

  .round-layer img {
    display: none;
  }

  .owener-reg {
    padding: 0px;
  }

  .brain {
    display: none;
  }

  .res-reg {
    padding: 0px;
    margin-top: 0;
    margin-bottom: 20px;
    border: 0px solid rgba(0, 0, 0, 0.11);
  }

  #company p {
    width: 90%;
    margin: 0px auto;
    font-family: "Roboto-Regular", sans-serif;
  }

  .h2bar {
    width: auto;
  }

  .deliver {
    padding: 5px;
  }

  #details-restaurant .tab-content {
    padding: 10px;
  }

  .trt {
    text-align: left;
    display: flex;
    justify-content: space-between;
  }

  .menu-item-content {
    margin-bottom: 15px;
    /*max-height: 135px;*/
  }

  .vendor-tabs li {
    height: 53px;
    width: 25%;
    margin-right: 0px;
    margin-bottom: -7px;
  }

  .vendor-tabs li a i {
    margin-right: 0;
    width: 100%;
  }

  .vendor-tabs li a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    padding: 7px 5px;
  }

  .vendor-heading-details-box {
    min-width: 100%;
  }

  .menu-item-content h4 {
    font-size: 13px;
    width: 100%;
  }

  .menutags {
    float: none;
    position: relative;
    width: auto;
    right: 0;
    left: 0;
    top: 0;
    clear: both;
  }

  /*.flat .menutags {
        top: 5px;
    }
*/
  .menutags img {
    height: 15px;
    margin-right: 5px;
    margin-left: 0;
  }

  .after_mid {
    text-align: center;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .vendor-menu__categories {
    width: 100%;
    padding-left: 0px;
  }

  .vendor-menu__menus {
    width: 100%;
    padding-right: 0px;
  }

  .menu__category__header {
    margin: 0px 15px;
  }

  ul#footer-links li {
    width: 48%;
  }

  .checkBg {
    padding: 10px;
  }

  .cos-reg {
    padding: 0px;
    margin-top: 10px;
  }

  .driver-login-box {
    margin-top: 30px;
  }

  .driver-header {
    padding: 0px;
  }

  .driver-lice {
    padding: 0px;
  }

  .driver-reg {
    padding: 0px;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: black;
    background-color: transparent;
  }

  ul#footer-links {
    text-align: left;
  }

  .get-app {
    margin-left: 7px;
    margin-top: 0px;
  }

  .header-btn1x {
    border: 0px solid #24c09d;
    opacity: 1;
    margin-top: 0px;
    padding: 0px;
  }

  .header-btn1x:hover {
    border: 0px solid #24c09d;
    padding: 0px;
    color: #24c09d;
    background: transparent;
  }

  .cart-icon {
    margin-top: 0px !important;
  }

  .nav.nrmid > li {
    padding: 10px 15px;
    border-bottom: 1px solid #e0e0e0;
  }

  .txtcen {
    text-align: center;
  }

  .xsauto {
    display: none;
  }

  .xsauto1 {
    display: none;
  }

  .paddxs {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .midcusp {
    margin: 0px auto;
    width: auto;
    font-size: 13px;
  }

  .padd10 {
    padding: 5px !important;
  }

  .padd20 {
    padding: 0px !important;
  }

  .footer-copyright {
    width: 120px !important;
    margin-top: 15px !important;
  }

  .col-sm-offset-1 {
    margin-left: 0px !important;
  }

  .col-sm-offset-2 {
    margin-left: 0px !important;
  }

  .paddright {
    padding-right: 15px !important;
  }

  .paddleft {
    padding-left: 15px !important;
  }
}

.call-to-action::before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
}

.call-to-action {
  float: left;
  width: 100%;
  background: url(../../img/front-end/paralaxxx.jpg);
  text-align: center;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  height: 230px;
  position: relative;
}

.add_business_div {
  position: absolute;
  bottom: 50px;
}

.favouriteResto .search-btn {
  padding: 3px 21px;
}

.favouriteResto .line-draw {
  width: 100%;
  height: 1px;
  background: #ded8d8;
  margin-bottom: 10px;
}

/*.favouriteResto .restoIMG img
  {
    height: 175px;
    max-width: 100%;
  }*/
/*.favouriteResto .mostpopular-box
  {
    border: 1px solid #ded8d8;
    padding: 16px;
  }
  .favouriteResto .mostpopular-box:hover{border-color: #24c09d;}*/
.cuisine_new_list ul li:first-child {
  margin-left: 0px;
}

.cuisine_new_list ul li button {
  padding: 6px 16px;
  font-size: 18px;
  color: black;
  background: #d7d2d2;
  border-radius: 10px;
  border: none;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 0.6px;
}

.cuisine_new_list ul li {
  display: inline-block;
  margin: 0px 5px;
}

.cuisine_new_list ul {
  padding: 0px;
  list-style: none;
}

.addbusinessblog p {
  margin-bottom: 20px;
  margin-top: -5px;
}

@media (max-width: 767px) {
  /* added by srijaul on 03.03.2020 */
  .call-to-action {
    height: auto;
    padding-bottom: 30px;
  }
  .vendor-menu {
    margin-left: 0;
    margin-right: 0;
    float: left;
    width: 100%;
  }
  /* end */
  .addbusinessblog h1 {
    font-size: 16px !important;
  }

  .addbusinessblog p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
  }

  .contact_no p {
    width: 100%;
    float: left;
  }

  footer .footericon i {
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    font-size: 14px !important;
  }

  .social-icons {
    margin-top: 15px;
  }

  .footerblog h4 {
    margin-bottom: 15px;
  }

  .add_business_div {
    position: relative;
    bottom: auto;
  }

  .driver-text span {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }

  #driverfield .search-btn {
    margin-top: 15px;
  }

  #driverfield h3 {
    text-align: center !important;
  }

  .pager-footer {
    margin-top: 0px;
  }
}

@media (min-width: 768px) {
  .navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
  }
}

.btn-info,
.grubhubcolor,
.nxt-btn {
  background-color: #000000 !important;
  border-color: #000000 !important;
}
/*//coupon//*/
.discount_img {
  height: 35px;
  margin-top: 3px;
  margin-bottom: 3px;
  float: left;
}
.apply_promo_st {
  color: #01b45f;
  font-weight: 900;
  margin-top: 7px;
  text-align: center;
  width: 74%;
  float: left;
  cursor: pointer;
}
.right_arrow_st {
  height: 21px;
  margin-top: 9px;
  margin-bottom: 3px;
  float: right;
  cursor: pointer;
}
.grey_button {
  background-color: #bfbfbf !important;
}
.modal_header_coupon {
  border-bottom: 0px solid;
  /*background: #f76701;*/
  /*position: fixed;
    top: 0px;
    z-index: 99;*/
  width: 100%;
  /*color: white;*/
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.modal_body {
  height: 450px;
  overflow-y: auto;
  width: 100%;
  padding-top: 74px;
}
.modal_content {
  border: 0px solid rgba(0, 0, 0, 0.2);
  width: 100%;
}
/*//coupon//*/
/* added by srijaul on 03.03.2020 */
@media only screen and (max-width: 450px) {
  .restothumb {
    position: relative;
    width: 100%;
  }
  .btn-info,
  .grubhubcolor,
  .nxt-btn {
    width: 100%;
  }
}

.terms img {
  width: 100%;
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .navbar-inverse .navbar-nav > li > a,
  .navbar-nav a {
    font-size: 12px !important;
  }
  .store-link1 i {
    vertical-align: bottom !important;
    vertical-align: -webkit-baseline-middle !important;
    vertical-align: -moz-middle-with-baseline !important;
  }
}
/* end */
.collapsebtn {
  display: flex;
  justify-content: space-between;
  color: #000000;
}
.collapsebtn i#dhg {
  font-size: 2rem;
}
.showcol {
  height: 300px !important;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.ft-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.ghty {
  flex: 0 0 auto;
  /* margin-right: 30px; */
}
.qty_menu {
  display: flex;
  /* width: 150px; */
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  padding-top: 0;
}
.qq-btn1 {
  border: 0px solid #ccc;
  color: #000000;
  border-radius: 50px;
  height: 35px;
  width: 35px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ededed;
}
#myMenuQty {
  width: 50px;
  text-align: center;
  border-radius: 0px;
  border: 0px solid #ccc;
  padding: 0px 10px;
  height: 30px;
}
.qq-btn {
  border: 0px solid #ccc;
  color: #000000;
  border-radius: 50px;
  height: 35px;
  width: 35px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ededed;
}
.ghty-1 {
  flex: 1 1 auto;
}
.red-btn {
  float: none;
  margin-top: 0px;
  text-transform: capitalize;
  background-color: #fd0b0b !important;
  border-color: #fd0b0b !important;
  font-size: 20px;
  width: 100%;
  border-radius: 50px;
  height: 50px;
}

.catagory-item {
  display: flow-root;
  margin: 10px 0;
  padding: 6px;
  color: #000000;
}
.catagory-item p {
  margin: 0;
  font-weight: 600;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
}
.clicked {
  border-radius: 50px;
}
.clicked p {
  color: white !important;
}
/* *************************** */
.header {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  color: black;
  /*background-color: #fff;*/
  background-color: #f8f5f2;
}
.header i:hover {
  color: #fd0b0b;
}
.right_header_part {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: flex-end;
}
.left_header_part img {
  height: 70px;
}
.lang_circle {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #fff;
  cursor: pointer;
}
.lang_circle img {
  width: 100%;
  height: 100%;
}
.menus_bar i {
  font-size: 25px;
  cursor: pointer;
}
.lang-dropdown-menu {
  max-height: 65vh;
  min-width: 250px;
  position: absolute;
  width: auto;
  top: 70px;
  right: 50px;
  background-color: #f3f3f3;
  padding: 15px;
  z-index: 999;
  border-radius: 4px;
}
.hidden {
  display: none;
}
.show {
  display: block;
}
.hero_section {
  background-color: #fd0b0b;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.bootm_dx {
  position: relative;
  height: 55vh;
}
.bootm_dx img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.bootm_dx svg {
  position: absolute;
  top: -1px;
  width: 100%;
  height: 9vw;
  z-index: 9;
  left: 0;
}
.bootm_dx svg .XboOIa {
  fill: #fd0b0b;
}
.heromain {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  flex-direction: column;
  padding-bottom: 15px;
}
.heromain .heading1 h1 {
  font-size: 40px;
}
.heromain .heading1 h6 {
  font-size: 30px;
  font-weight: 600;
  margin-top: 15px;
}
.search_inputs {
  width: 600px;
  margin-top: 15px;
}
.input_groups {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: white;
  /*border: 1px solid #24c09d;*/
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  border-radius: 50px;
  padding-right: 5px;
}
.input_groups:hover {
  /*border: 1px solid #000;*/
}
.input_groups span.icons {
  font-size: 30px;
  padding-left: 10px;
  line-height: 0;
}
.input_groups input {
  flex: 1;
  border: 0;
  padding: 15px 15px 15px 5px;
  color: #3c4c4f;
  font-size: 18px;
}
.input_groups input::placeholder{
  color: #3c4c4f;
  opacity: 0.9;
}
.input_groups button {
  height: 40px;
  min-width: 100px;
  border: 0;
  background: #fd0b0b;
  color: white;
  font-size: 20px;
  border-radius: 40px;
}

.input_groups button:hover {
  background: #fd0b0b;
  color: white;
  cursor: pointer;
}
.white-popup {
  position: relative;
  background: #f0f0f0;
  padding: 0;
  width: auto;
  max-width: 600px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
}
.menu_header_ac {
  padding: 15px;
  margin-bottom: 2rem;
  position: relative;
  padding-top: 4rem;
}
.menu_header_ac::before {
  background-color: #fd0b0b;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 82.5%, 100% 0);
  clip-path: polygon(0 0, 0 100%, 100% 82.5%, 100% 0);
  content: "";
  height: calc(100% + 3rem);
  height: calc(100% + 2rem * 1.5);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: inherit;
}
.menu_content {
  padding: 15px;
}
.flxy_ac {
  display: flex;
  align-items: center;
  gap: 10px;
}
.avatar_left {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  z-index: 99;
}
.avatar_left img {
  height: 100%;
  width: 100%;
  z-index: 9;
}
.info_right {
  z-index: 9;
  color: white;
}
.info_right h1 {
  margin: 0;
}
.info_right a {
  margin: 0;
  color: white;
}
.white-popup .mfp-close {
  color: #fff !important;
  opacity: 1 !important;
}
.felx_row {
  display: flex;
  gap: 15px;
}
.felx_row .col-6-fl {
  flex: 1;
}
.felx_row .col-6-fl button {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}
.felx_row .col-6-fl button.s_in {
  background: white;
  border: 1px solid #000;
  color: black;
}
.felx_row .col-6-fl button.s_out {
  background: black;
  border: 1px solid #000;
  color: white;
}
.list_menus {
  background: white;
  margin-top: 1.5rem;
  border-radius: 10px;
  overflow: hidden;
}
.list_menus .items_row {
  padding: 15px;
  font-size: 20px;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.list_menus .items_row:last-of-type {
  border-bottom: 0;
}
.list_menus .items_row span.item_icons {
  font-size: 30px;
  height: 30px;
  line-height: 0;
}
.x_felxy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: white;
}
.ryti {
}
.ryti img {
  max-width: 320px;
  margin-top: 2rem;
}
.g1s h2 {
  color: white !important;
  font-size: 40px;
  font-weight: 600;
}
.g1s p {
  color: white !important;
  font-size: 18px;
  letter-spacing: 0.5px;
}
.cusine_slide {
  display: flex;
}
.cusine_slide ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  gap: 5px;
}
.cusine_slide ul li {
  flex: 1 1 auto;
  flex-shrink: inherit;
}
.fixed_footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  background: white;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #d7d7d7;
  box-shadow: rgb(0 0 0 / 35%) 0px -1px 4px 0px;
}
.flex_d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  flex: 1;
}
.flex_d span {
  font-size: 25px;
  line-height: 25px;
}
#filter_popup.white-popup .mfp-close {
  color: #000 !important;
  opacity: 1 !important;
}
#filter_popup_search.white-popup .mfp-close {
  color: #000 !important;
  opacity: 1 !important;
}
.sticky_bar {
  position: fixed;
  top: 0;
  z-index: 999;
  background: #ffffff;
  left: 0;
  right: 0;
  border-bottom: 1px solid #d7d7d7;
}
.filter_pop_content {
  padding: 15px;
}
.filter_pop_content .filter-wrapper {
  margin: 0;
}
.filter_pop_content .filter-wrapper .sortby-others {
  margin: 0;
  background-color: transparent;
}
.dx {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.lft_dx {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
/* responsive */
@media screen and (min-width: 768px) {
  .fixed_footer {
    display: none;
  }
  .heromain {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    flex-direction: column;
    padding-bottom: 15px;
    min-height: 35vh;
  }
  .bootm_dx {
    position: relative;
    height: 60vh;
  }
}
@media screen and (max-width: 767px) {
  .listing-searchfield input {
    padding: 8px 20px 8px 30px;
    border: 1px solid #d2d8d8;
    width: 100%;
    border-radius: 25px;
  }
  .listing-searchfield-sa input {
    padding: 8px 20px 8px 30px;
    border: 1px solid #d2d8d8;
    width: 100%;
    border-radius: 25px;
  }
  .mainButton.mainSearch {
    border-radius: 25px;
  }
  #about h2 {
    line-height: normal;
  }
  .ryti img {
    width: 150px;
  }
  .ryti a img {
    width: 100px;
    margin: 10px 0 0 0;
  }
  .ryti a {
    display: block;
    text-align: center;
  }
  .heromain .heading1 h1 {
    font-size: 3rem !important;
  }
  .heromain .heading1 h6 {
    font-size: 2rem;
  }
  .search_inputs {
    width: auto;
    margin-top: 15px;
  }
  .bootm_dx {
    position: relative;
    height: 65vh;
  }
  .bootm_dx svg {
    position: absolute;
    top: -1px;
    width: 100%;
    height: 15vw;
    z-index: 9;
    left: 0;
  }
  .left_header_part img {
    height: 40px;
  }
  .white-popup {
    position: relative;
    background: #f0f0f0;
    padding: 0;
    margin: 0;
    height: 100vh;
    width: 100%;
    overflow-y: auto;
  }
  .mfp-container {
    padding: 0 !important;
  }
  .lang-dropdown-menu {
    top: 70px;
  }
}
.open_cart_bag {
  position: fixed;
  top: 0;
  z-index: 99;
  background: white;
  bottom: 0;
  display: flex !important;
  width: 100%;
}
.open_cart_bag .cart-content {
  padding: 10px;
  overflow: hidden;
  height: 100vh;
}
.cart_bar {
  display: flex;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 10px;
  z-index: 9;
}
.cart_cg {
  border: 0;
  display: flex;
  width: 100%;
  padding: 5px;
  background: #3db18c;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 50px;
}
.cart_bag {
  flex: 0 0 auto;
  position: relative;
  margin-top: 5px;
}
.cart_bag_icon {
  font-size: 25px;
  color: white;
}
.cart_bag_icon svg {
  fill: white;
}
.bubble {
  background: #fb6100;
  border-radius: 50px;
  color: #fff;
  display: flex;
  font-weight: 500;
  justify-content: center;
  line-height: normal;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  left: -5px;
  font-size: 12px;
  top: -5px;
  padding: 2px 5px;
  align-items: center;
}
.cart_amount_rc {
  text-align: center;
  color: white;
  font-size: 15px;
}
.heading_one {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.heading_one h3 {
  margin: 0;
}
#resto_del_popup.white-popup .mfp-close {
  color: #000 !important;
  opacity: 1 !important;
}
#resto_del_popup.white-popup {
  height: 80vh;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  #resto_del_popup.white-popup {
    height: 100vh;
    overflow-y: auto;
  }
}
.rt_ings {
  margin: 0;
  position: relative;
  color: #000;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  line-height: normal;
}
.ratings_icon {
  font-size: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ratings_icon svg {
  fill: #fb6100;
  height: 1em;
  vertical-align: middle;
  width: 1em;
}
.restothumb img.restu_icon {
  position: absolute;
  height: 6.5rem;
  width: 6.5rem;
  border-radius: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 10px;
}
@media screen and (max-width: 991px) {
  .restothumb img.restu_icon {
    position: absolute;
    height: 6.5rem;
    width: 6.5rem;
    border-radius: 50%;
    top: auto;
    transform: translate(0, 20%);
    background: white;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
  }
  .restothumb img {
    width: 100%;
    height: 120px;
    border-radius: 0;
    object-fit: cover;
    border: 0px solid #ececec;
  }
  .rt_ings {
    position: absolute;
    right: 10px;
    top: 140px;
  }
  .coupon {
    position: absolute;
    right: 50px;
    top: 140px;
  }
}
@media screen and (max-width: 767px) {
  .rt_ings {
    /* position: absolute;
    right: 10px;
    top: 148px; */
  }
}
#tabs_del {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  gap: 15px;
  margin: 0;
  padding: 0;
}
#tabs_del li a {
  padding: 10px;
  display: block;
  transition: color 0.15s cubic-bezier(0, 0, 0.3, 1) 0s;
  color: #24c09d;
  position: relative;
}
#tabs_del li a:after {
  background-color: #24c09d;
  bottom: 2px;
  content: "";
  height: 2px;
  left: 0;
  margin-bottom: -2px;
  position: absolute;
  -webkit-transition: background-color 0.15s cubic-bezier(0, 0, 0.3, 1) 0s;
  -webkit-transition: background-color var(--a-transition-timing-subtle)
    var(--a-transition-easing-ease-out) 0s;
  transition: background-color 0.15s cubic-bezier(0, 0, 0.3, 1) 0s;
  transition: background-color var(--a-transition-timing-subtle)
    var(--a-transition-easing-ease-out) 0s;
  width: 100%;
  z-index: 1;
}
#tabs_del li a.inactive:after {
  background-color: transparent;
  bottom: 2px;
  content: "";
  height: 2px;
  left: 0;
  margin-bottom: -2px;
  position: absolute;
  -webkit-transition: background-color 0.15s cubic-bezier(0, 0, 0.3, 1) 0s;
  -webkit-transition: background-color var(--a-transition-timing-subtle)
    var(--a-transition-easing-ease-out) 0s;
  transition: background-color 0.15s cubic-bezier(0, 0, 0.3, 1) 0s;
  transition: background-color var(--a-transition-timing-subtle)
    var(--a-transition-easing-ease-out) 0s;
  width: 100%;
  z-index: 1;
}
#tabs_del li a.inactive {
  color: #666666;
}

#tabs_del li a:hover,
#tabs_del li a.inactive:hover {
  color: #24c09d;
  outline: none;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0 !important;
  cursor: auto;
  pointer-events: none;
}
.del_icon svg {
  fill: #938e8e;
}
.items_row.showonmobile1 {
  display: none;
}
@media screen and (max-width: 767px) {
  .items_row.showonmobile1 {
    display: flex;
  }
}
.pointer {
  cursor: pointer;
}
.flexy_bay {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stary_p {
  color: #fb6100;
  font-size: 2rem;
}
.svgicons {
  font-size: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.svgicons svg {
  fill: #9e9e9e;
  height: 1em;
  vertical-align: middle;
  width: 1em;
}
.more_infod {
  display: flex;
  gap: 10px;
  align-items: center;
}
.more_infod .inner_parts_cl {
  display: flex;
  gap: 5px;
  align-items: center;
  color: #000;
  font-size: 13px;
  line-height: 23px;
}
.category_names {
  padding: 0;
  font-size: 23px;
  font-weight: 600;
  background: #fff;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}
.category_names span {
  padding: 10px 0 0;
  flex: 1;
}
.category_names span.des_cat {
  padding: 5px 0;
  font-size: 13px;
  font-weight: 500;
  color: #4f4b4b;
}
.toppings_container {
  /*height: 135px;*/
  height: 101px;
  overflow: hidden;
}
.category_names img.category_img {
  /* flex: 1; */
  height: 150px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.mb-3 {
  margin-top: 15px;
}
.menudata {
  display: flex;
  flex-direction: column;
}
.popup_wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 0px;
  height: 70vh;
}
.popup_header {
  border-bottom: 0px solid #ebebeb;
  background: white;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.popup_header h2 {
  font-size: 23px !important;
  margin: 0;
  line-height: normal;
}
#itemdetais-popup.white-popup .mfp-close {
  color: #000 !important;
  opacity: 1 !important;
}
#moredetais_popup.white-popup .mfp-close {
  color: #000 !important;
  opacity: 1 !important;
}
.item_details {
  background: white;
  display: flex;
  align-items: flex-start;
  padding: 10px 20px;
  gap: 10px;
}
.item_details .left_dx {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.item_price {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  margin-bottom: 15px;
}
.item_details .right_dx img {
  height: 150px;
  width: 150px;
  object-fit: cover;
  border-radius: 10px;
}
.popup_footer {
  padding: 10px;
  background: white;
  border-top: 1px solid #ebebeb;
}
.popuo_conatiner {
  flex: 1;
  overflow-y: auto;
  background: white;
}
.popuo_conatiner .menu_details {
  background: #f8f5f2;
  padding: 10px 20px;
}
.sizes {
}
.sizes .form_group_flx {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.sizes .form_group_flx .select_size {
  width: 100%;
  height: 40px;
  /* border: 1px solid #ccc; */
  -webkit-appearance: none;
  -moz-appearance: none;
  background: white;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' viewBox='0 0 24 24' width='24' height='24' role='presentation' focusable='false' aria-hidden='true' xmlns='http://www.w3.org/2000/svg'><path d='M16.327 9.286L12 13.626l-4.327-4.34A.975.975 0 006.978 9a.974.974 0 00-.693.286.991.991 0 000 1.392l5.02 5.034a.979.979 0 001.388 0l5.02-5.034a.987.987 0 000-1.392A.97.97 0 0017.02 9a.974.974 0 00-.693.286z' fill-rule='evenodd'></path></svg>");
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: 7px;
  border: 1px solid #dfdfdf;
  border-radius: 12px;
  margin-right: 2rem;
  padding: 1rem;
  padding-right: 2rem;
}
.sizes .form_group_flx .size_label {
  width: 100%;
  font-size: 13px;
  line-height: 22px;
  color: #000000;
  font-weight: 600;
}
.ckeckbig {
  padding-left: 25px;
}
.ckeckbig input[type="checkbox"] {
  height: 20px;
  width: 20px;
  margin: 0;
  margin-left: -25px;
}
.info_icons {
  font-size: 23px;
}
.info_icons svg {
  fill: #ffa602;
  vertical-align: sub;
}
.download_app {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
}
.download_app .lefty_app {
  display: flex;
  gap: 10px;
}
.download_app .lefty_app img {
  height: 70px;
  width: 70px;
  border: 1px solid #ededed;
  border-radius: 10px;
}
.download_app .lefty_app .slogans {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.download_app .lefty_app .slogans h6 {
  margin: 0;
  font-weight: 600;
}
.download_app .lefty_app .slogans p {
  font-size: 12px;
  margin: 0;
  line-height: normal;
}
.download_app .lefty_app .slogans .ratings_app {
  color: #ff9800;
}
.righty_app {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
  height: 60px;
}
.righty_app i {
  cursor: pointer;
  font-size: 20px;
}
.righty_app button.show_more {
  background-color: #000;
  color: white;
  padding: 5px 10px;
  border-radius: 50px;
  border: 0;
}
.switch_tabs {
  width: 300px;
  display: block;
  margin: 0 auto;
  padding: 0px 0px 15px 0px;
}
.switch_tabs_mso {
  width: 300px;
  display: block;
  /* margin: 0 auto; */
  padding: 5px 0;
}
.flx1 {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .coupon-box{
    margin-right: 20px;
  }
  .download_app {
    display: flex;
  }
  .white-popup {
    position: relative;
    background: #f0f0f0;
    padding: 0;
    width: auto;
    max-width: 600px;
    margin: 0 auto;
    border-radius: 0px;
    overflow: hidden;
    height: 100vh;
  }
  .category_names img.category_img {
    height: 75px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
  }
  .category_names {
    background: white;
  }
  .item_details .right_dx img {
    height: 70px;
    width: 70px;
    object-fit: cover;
    border-radius: 10px;
  }
  .popup_wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 90vh;
  }
  .popuo_conatiner {
    flex: 1;
    overflow-y: auto;
    background: white;
  }
  .item_details .left_dx {
    display: flex;
    flex-direction: column-reverse;
    flex: 1 1 auto;
  }
  .item_price {
    font-size: 16px;
    font-weight: 600;
    color: #ea5b31;
    margin-bottom: 0;
  }
  .qq-btn1 {
    border: 0px solid #ccc;
    color: #000000;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ededed;
  }
  .qq-btn {
    border: 0px solid #ccc;
    color: #000000;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ededed;
  }
  #myMenuQty {
    width: 50px;
    text-align: center;
    border-radius: 0px;
    border: 0px solid #ccc;
    padding: 0px 10px;
    height: 30px;
  }
  .red-btn {
    border-radius: 50px;
    height: 50px;
    font-size: 18px;
  }
}
.showonmobile11 {
  display: none;
}
@media screen and (max-width: 991px) {
  .showonmobile11 {
    display: block;
  }
  .hideonmobile11 {
    display: none;
  }
}
/* ****The necessary CSS styles for the segmented control start**** */
.ios-segmented-control {
  --background: #efedea;
  background: var(--background);
  border-radius: 9px;
  margin: 0;
  padding: 2px;
  border: none;
  outline: none;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ios-segmented-control .option {
  position: relative;
  cursor: pointer;
}
.ios-segmented-control .option:hover input:not(:checked) + label span,
.ios-segmented-control .option:active input:not(:checked) + label span,
.ios-segmented-control .option:focus input:not(:checked) + label span {
  opacity: 0.2;
}
.ios-segmented-control .option:active input:not(:checked) + label span {
  transform: scale(0.95);
}
.ios-segmented-control .option label {
  position: relative;
  display: block;
  text-align: center;
  padding: 3px 1vmin;
  background: rgba(255, 255, 255, 0);
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
  margin: 0;
}
.ios-segmented-control .option label::before,
.ios-segmented-control .option label::after {
  content: "";
  width: 1px;
  background: rgba(142, 142, 147, 0.15);
  position: absolute;
  top: 14%;
  bottom: 14%;
  border-radius: 10px;
  will-change: background;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.ios-segmented-control .option label::before {
  left: 0;
  transform: translateX(-0.5px);
}
.ios-segmented-control .option label::after {
  right: 0;
  transform: translateX(0.5px);
}
.ios-segmented-control .option:first-of-type {
  grid-column: 1;
  grid-row: 1;
  box-shadow: none;
}

.ios-segmented-control .option:first-of-type label::before {
  opacity: 0;
}
.ios-segmented-control .option:last-of-type label::after {
  opacity: 0;
}
.ios-segmented-control .option input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  opacity: 0;
}
.ios-segmented-control .selection {
  background: #fd0b0b;
  border: 0.5px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 1px 0 rgba(0, 0, 0, 0.04);
  border-radius: 7px;
  grid-column: 1;
  grid-row: 1;
  z-index: 2;
  will-change: transform;
  -webkit-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}
.ios-segmented-control .option label span {
  display: flex;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  will-change: transform;
  align-items: center;
  justify-content: center;
  gap: 5px;
  line-height: normal;
}
.ios-segmented-control .option input:checked + label::before,
.ios-segmented-control .option input:checked + label::after {
  background: var(--background);
  z-index: 1;
}
.ios-segmented-control .option input:checked + label {
  cursor: default;
  color: #fff;
}
i.delivery_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
i.delivery_icon svg {
  fill: currentColor;
}
i.pickup_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
i.pickup_icon svg {
  fill: currentColor;
}
/* ***************************************** */
.ios13-segmented-control {
  --background: rgba(239, 239, 240, 1);
  background: var(--background);
  border-radius: 9px;
  margin: 0;
  padding: 2px;
  border: none;
  outline: none;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ios13-segmented-control .option {
  position: relative;
  cursor: pointer;
}

.ios13-segmented-control .option:hover input:not(:checked) + label span,
.ios13-segmented-control .option:active input:not(:checked) + label span,
.ios13-segmented-control .option:focus input:not(:checked) + label span {
  opacity: 0.2;
}

.ios13-segmented-control .option:active input:not(:checked) + label span {
  transform: scale(0.95);
}

.ios13-segmented-control .option label {
  position: relative;
  display: block;
  text-align: center;
  padding: 3px 6vmin;
  background: rgba(255, 255, 255, 0);
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
}

.ios13-segmented-control .option label::before,
.ios13-segmented-control .option label::after {
  content: "";
  width: 1px;
  background: rgba(142, 142, 147, 0.15);
  position: absolute;
  top: 14%;
  bottom: 14%;
  border-radius: 10px;
  will-change: background;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.ios13-segmented-control .option label::before {
  left: 0;
  transform: translateX(-0.5px);
}

.ios13-segmented-control .option label::after {
  right: 0;
  transform: translateX(0.5px);
}

.ios13-segmented-control .option:first-of-type {
  grid-column: 1;
  grid-row: 1;
  box-shadow: none;
}

.ios13-segmented-control .option:first-of-type label::before {
  opacity: 0;
}

.ios13-segmented-control .option:last-of-type label::after {
  opacity: 0;
}

.ios13-segmented-control .option input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  opacity: 0;
}

.ios13-segmented-control .selection {
  background: rgba(255, 255, 255, 1);
  border: 0.5px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 1px 0 rgba(0, 0, 0, 0.04);
  border-radius: 7px;
  grid-column: 1;
  grid-row: 1;
  z-index: 2;
  will-change: transform;
  -webkit-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}

.ios13-segmented-control .option label span {
  display: flex;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  will-change: transform;
  align-items: center;
  justify-content: center;
  gap: 5px;
  line-height: normal;
}

.ios13-segmented-control .option input:checked + label::before,
.ios13-segmented-control .option input:checked + label::after {
  background: var(--background);
  z-index: 1;
}

.ios13-segmented-control .option input:checked + label {
  cursor: default;
}
/* ****The necessary CSS styles for the segmented control end**** */
.products_rows {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
}
.added_products {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  width: 100%;
}
.added_products .qty {
  width: 30px;
  font-size: 17px;
}
.added_products .pd_infos {
  width: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.added_products .pd_infos h5 {
  font-size: 17px;
  font-weight: 600;
  text-decoration: underline;
  color: #000;
  margin: 0;
  cursor: pointer;
}
.added_products .pd_infos p {
  margin: 0;
  font-size: 12px;
}
.added_products .item_prices {
  width: 70px;
  text-align: right;
  font-size: 17px;
  text-shadow: 0px 0px 0px #000;
}
.product_qtys {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.product_qtys span {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #ededed;
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.product_qtys span svg {
  fill: #000000;
  vertical-align: text-top;
}
.t_rows {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart_footer {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 1px solid #ededed;
  padding: 10px 0px 10px 0px;
  font-size: 17px;
}
.checkout button {
  width: 100%;
}
.toppings p {
  font-size: 13px;
  line-height: 22px;
  color: #000000;
  font-weight: 600;
}
.row_flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.login_container {
  padding: 25px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 2px 0 rgb(27 35 36 / 3%), 0 3px 1px -2px rgb(27 35 36 / 7%),
    0 1px 5px 0 rgb(27 35 36 / 6%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login_container form {
  width: 100%;
}
.or {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 5px;
  margin: 10px;
}
.or span {
  height: 1px;
  background: #cccccc;
  flex: 1;
}
.other_login_methoid {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin-bottom: 15px;
}
button.facebook_button {
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0;
  border-radius: 50px;
  font-size: 18px;
  background: #1877f2;
  color: white;
}
.facebook_icon {
  line-height: 0;
  top: 0;
  position: relative;
}
.facebook_icon svg {
  fill: currentColor;
}
button.google_button {
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #000;
  border-radius: 50px;
  font-size: 18px;
  background: #fff;
  color: black;
}
.google_icon {
  line-height: 0;
  top: 0;
  position: relative;
}
.google_icon svg {
  fill: currentColor;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1pxsolidrgba (0, 0, 0, 0.2);
  border-radius: 10px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
  box-shadow: 0 3px 9pxrgba (0, 0, 0, 0.5);
  overflow: hidden;
}

/* Added By Sarajit  */
.leftResCount{
    font-size: 20px;
  font-weight: 900;
  margin-bottom: 10px;
  color: black;
}
.leftSideHeading{
  font-size: 20px;
  font-weight: 600;
  color: black;
  letter-spacing: 0.5px;
}
.orderFromHead{
  font-size: 24px;
  font-weight: 900;
  color: black;
  letter-spacing: 0.5px;
}
.cusine_slide{
  box-shadow: 5px 2px 2px 0px #0003;
  margin-bottom: 10px;
  padding: 0px 10px 10px 10px;
}
#cusine_slide .swiper-slide a:hover{
  background: #eee;
  cursor: pointer;
}
.item_description{
  color: #4f4b4b;
}
.totalCartAmo{
  font-size: 19px;
  margin-top: 10px;
}
#cartLoader{
  position: absolute;
  right: 20px;
}
.cartHeader{
  font-size: 30px;
  position: relative;
  color: #fd0b0b;
  cursor: pointer;
}
.cartHeader span{
  font-size: 12px;
  position: absolute;
  width: 25px;
  height: 25px;
  background: #fd0b0b;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 400;
  left: 7px;
  top: -13px;
  padding: 4px 2px;
}
.topBannerPart{
  background-size:  cover;
  height: 90vh;
  width: 100%;
  display: table;
}
.topBannerPart .container{
  vertical-align: middle;
  display: table-cell;
}
.middleRest{
  position: relative;
  display: table;
  height: 100%;
  padding: 100px 0px;
}
.middleRest img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rightImg{
  height: 100%;
  display: table;
  color: #000;
}
.rightImg .g1s2{
  vertical-align: middle;
  display: table-cell;
}
.rightImg .g1s2 h2{
  color: #000 !important;
  font-size: 40px;
  margin-bottom: 5px;
  font-weight: 600;
  line-height: 1.2;
}
.rightImg .g1s2 p{
  color: #000 !important;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.5px;
}
.rightImg .g1s2 button{
  border: 0;
  background: #fd0b0b;
  color: white;
  font-size: 16px;
  border-radius: 50px;
  padding: 8px 15px;
}
#bottomTop{
  background: rgb(255, 240, 237);
}
.rightImg .g1s2 button:hover {
  background: #fd0b0b;
  color: white;
  cursor: pointer;
}
@media (max-width: 767px) {
  .middleRest{
    padding: 50px 0px;
  }
  .rightImg{
    height: auto;
  }
  .qrDiv{
    text-align: center !important;
    padding-top: 20px;
  }
}
@media (max-width: 992px) {
  .listing-searchfield input{
    padding-right: 70px;
  }
  .listing-searchfield-sa input{
    padding-right: 70px;
  }
  .rightImg{
    height: auto;
  }
  .middleRest{
    padding: 50px 0px;
  }
}
.srcBtnIcon{
  position: absolute;
  top: 8px;
  right: 8px;
}
.srcBtnIcon img{
  height: 32px;
  cursor: pointer;
}

.srcBtnIcon-sa{
  position: absolute;
  top: 8px;
  /* right: 8px; */
  left: 358px;
}
.srcBtnIcon-sa img{
  height: 32px;
  cursor: pointer;
}

.distributor_card{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 8px;
  border-radius: 12px;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.distributor_card:hover {
  box-shadow: rgba(0, 0, 0, 0.32) 0px 2px 8px;
}
.distributor_card .dist_a{
  flex: 1 4;
}
.distributor_card .dist_a img{
  height: 60px;
  width: 60px;
  border-radius: 50%;
  object-fit: cover;
}
.distributor_card .dist_b{
  flex: 3 4;
}
.ribbon-2 {
  --f: 10px; /* control the folded part*/
  --r: 15px; /* control the ribbon shape */
  --t: 10px; /* the top offset */
  
  position: absolute;
  inset: var(--t) calc(-1*var(--f)) auto auto;
  padding: 0 10px var(--f) calc(10px + var(--r));
  clip-path: 
    polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
      calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
      var(--r) calc(50% - var(--f)/2));
  background: #E60000;
  box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
  color: #fff;
}
.qr_sec{
  background-color: #b22625;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
}
.faqCont p .faqCont p{
  font-size: 19px !important;
}
.mainQDiv{
  min-height: 60px;
  border-bottom: 1px solid #e3e3e3;
  margin-top: 30px;
}
.qDiv p, .qDiv i{
  font-size: 25px !important;
  font-weight: 600 !important;
  color: #393838 !important;
}
.aDiv p, .aDiv i{
  font-size: 20px !important;
  color: #393838 !important;
}
.faqCont .qDiv{
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.newFrontCard{
  background-color: #ffe3e3;
  border-radius: 20px;
  margin-top: 20px;
  overflow: hidden;
}
.header_btns{
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  padding: 5px 16px;
  border-radius: 20px;
  cursor: pointer;
}
.trapezium{
   background: #b22625;
    height: 130px;
    transform: translateY(-1px);
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 20%);
}
.banner_btns{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.banner_btns div{
  padding: 12px 26px;
  background-color: #f5b123;
  border-radius: 35px;
  font-size: 20px;
  cursor: pointer;
/*  color: #000;*/
}
.headtextCustom{
  width: 1200px;
  margin-top: 130px;
  margin-bottom: 40px;
}
.headtextCustom i{
  font-size: 5em !important;
  font-family: Triade,sans-serif !important;
  line-height: .95em !important;
  text-transform: uppercase; font-weight: 900 !important;
  letter-spacing: 0em;
  padding-bottom: .25em;
  color: #fff;
}
@media (max-width: 767px) {
  .headtextCustom{
    width: 90%;
    margin-top: 150px;
  }
  .headtextCustom i{
    font-size: 3em !important;
  }
  .banner_btns{
    flex-direction: column;
    justify-content: center;
  }
  .banner_btns div{
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }
  .trapezium{
    display: none;
  }
}

/* pause order sold out */
.menu-item-disabled{
  pointer-events: none;
  background-color: #E9E9F2;
}

.sold-out-btn {
  position: absolute;
  top: 10px; /* Adjust the top position as needed */
  right: 10px; /* Adjust the right position as needed */
  background-color: #ff4d4d; /* Red background */
  color: #ffffff; /* White text */
  border-radius: 5px; /* Rounded corners */
  padding: 5px 10px; /* Padding for button content */
  cursor: pointer; /* Show pointer cursor on hover */
  font-size: 16px; /* Font size */
}
/* pause order sold out */