@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
body{
    background-color: var(--store_body_background);
    font-family: var(--store_primary_font);
}
.grid-links>.item>a,
.links>.item>a,
.schedule .items>li {
  font-size: calc(var(--font-size) - 1px)
}

#pre-wrapper,
.avatar,
.tns-ovh,
.tns-t-subp2 {
  overflow: hidden
}

.item-offer-horizontal>.info h4 a,
.product_info h6 {
  -webkit-box-orient: vertical;
  text-overflow: ellipsis
}

:root {
  --border-radius: 4px;
  --color-primary: #ed2e2e;
  --color-background: #FFF;
  --color-rgb-highlighter: 0, 188, 139;
  --color-background-shadow: #f7f7f7;
  --color-buttons: #f44827;
  --packer: 1300px;
  --font-weight-default: 300;
  --font-weight-medium: 400;
  --font-weight-bold: 500;
  --font-size: 14px;
  --font: var(--font-weight-default) var(--font-size)/1.5 var(--store_primary_font);
  --font-color: #999;
  --hfont-size: 28px;
  --hfont: var(--font-weight-bold) var(--hfont-size)/1.1 var(--store_primary_font);
  --hfont-color: #000;
  --padding: 64px;
  --gap-lg: 20px;
  --gap: 16px;
  --gap-sm: 12px;
  --transition-speed: .3s ease-in-out;
  --transition: all var(--transition-speed);
  --header-height: 100px;
  --shadow: 0 var(--gap) calc(var(--gap) * 3) rgba(0, 0, 0, 0.1)
}

.accordion>.accordion_head>a.collapse:focus,
:focus,
a:active,
a:hover,
button:focus {
  outline: 0
}

@media only screen and (max-width:1200px) {
  :root {
    --border-radius: 3px;
    --padding: 48px;
    --gap: 14px;
    --gap-lg: 18px;
    --hfont-size: 24px
  }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

#mobile-menu>.content>nav .item.expanded>.submenu,
.accordion.expanded>.accordion_content,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
picture,
section {
  display: block
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

audio,
canvas,
video {
  display: inline-block;
  max-width: 100%
}

audio:not([controls]) {
  display: none;
  height: 0
}

.filter_area .nav li.hidden,
.header-ordernow-single-img .order_type_imgwt,
.order_delivery_item li.disable .order_delivery_mobile_tooltip,
.order_delivery_item li.disable .ordericon_link,
.product_tab_sec .nav-tabs,
[hidden],
body.mobile-menu-opened #header>.packer .related-mobile-menu>.show-mobile-menu {
  display: none
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth;
  background-color: var(--color-background);
  scroll-padding-top: var(--padding)
}

a:focus {
  outline: dotted thin
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  max-width: 100%
}

.inline-links>.item+.item,
figure,
form {
  margin: 0
}

legend {
  border: 0;
  padding: 0;
  white-space: normal
}

.button,
.dropdown>.dropdown-menu>a,
.highlighter,
.tns-horizontal.tns-subpixel,
.tns-vpfix,
button {
  white-space: nowrap
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top;
  resize: vertical
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

.cat_sec .extras .select-option:hover #addToCartbtn .btn span,
button,
html,
input,
select,
textarea {
  color: #222
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none
}

::selection {
  background: #b3d4fc;
  text-shadow: none
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

.tag,
as:focus {
  border-radius: var(--border-radius)
}

.chromeframe {
  margin: .2em 0;
  background: #ccc;
  color: #000;
  padding: .2em 0
}

* {
  box-sizing: border-box
}

body {
  line-height: 1;
  font: var(--font);
  color: var(--font-color);
}

small,
ul.checked>li {
  font-size: calc(var(--font-size) - 2px)
}

.links>.item>a,
a,
h1,
h2,
h3,
h4,
strong,
ul.checked>li {
  color: var(--hfont-color)
}

small {
  font-weight: var(--font-weight-bold)
}

.dropdown>.dropdown-menu>*+*,
.links>.item+.item,
.place-card>.info>*+*,
p+*,
ul.checked>li+li {
  margin-top: var(--gap-sm)
}

h1,
h2,
h3,
h4 {
  font: var(--hfont);
  font-family: var(--store_primary_font);
}

.schedule .items>li>.day,
.tag,
section.section-place-content-menu a.current,
section.section-place-content-menu ul li.current,
strong,
ul.checked>li {
  font-weight: var(--font-weight-bold)
}

h1 {
  font-size: calc(var(--hfont-size) * 1.6)
}

h3 {
  font-size: calc(var(--hfont-size) * .8)
}

h4 {
  font-size: calc(var(--font-size) + 1px)
}

#footer>.packer>.package .holder-logo+*,
#footer>.packer>.package>.content>.info>*+*,
.box-info>.head>*+*,
.featured-search+*,
.heading+.carousel,
.heading-with-some+*,
.heading>*+*,
.item-offer>*+*,
h4+* {
  margin-top: var(--gap)
}

strong {
    font-family: var(--store_primary_font);
}

img,
picture,
section {
  display: block;
  margin: 0;
  position: relative
}

a {
  transition: var(--transition);
  text-decoration: none
}

a:hover {
  text-decoration: underline;
  text-underline-offset: 4px
}

as:focus {
  outline-offset: var(--gap);
  outline: rgba(255, 255, 255, .2) solid 2px
}

.button[disabled],
a[disabled],
button:disabled {
  opacity: .5;
  pointer-events: none
}

picture[data-background=true] {
  position: absolute;
  inset: 0
}

picture[data-background=true] img {
  object-position: center center;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.tns-outer {
  padding: 0 !important
}

.content-tab:not(.expanded),
.tns-outer [hidden] {
  display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer
}

.tns-slider {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none
}

.tns-slider>.tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.tns-horizontal.tns-subpixel>.tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal
}

.tns-horizontal.tns-no-subpixel:after,
.tns-t-ct:after {
  content: '';
  display: table;
  clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
  float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
  margin-right: -100%
}

.tns-no-calc {
  position: relative;
  left: 0
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px
}

.tns-gallery>.tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform, opacity;
  -moz-transition: transform, opacity;
  transition: transform, opacity
}

.tns-gallery>.tns-slide-active {
  position: relative;
  left: auto !important
}

.tns-gallery>.tns-moving {
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s
}

#footer>.packer>.package .holder-logo>.logo,
.tns-autowidth,
.tns-vpfix>div,
.tns-vpfix>li {
  display: inline-block
}

.tns-lazy-img {
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  transition: opacity .6s;
  opacity: .6
}

.coupon_sider .side-nav-visible:before,
.tns-lazy-img.tns-complete {
  opacity: 1
}

.tns-ah {
  -webkit-transition: height;
  -moz-transition: height;
  transition: height
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em
}

.tns-transparent {
  opacity: 0;
  visibility: hidden
}

.tns-fadeIn {
  opacity: 1;
  z-index: 0
}

.tns-fadeOut,
.tns-normal {
  opacity: 0;
  z-index: -1
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0
}

.tns-t-ct>div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left
}

.tns-controls {
  position: absolute;
  z-index: 1
}

#wrapper,
.dropdown,
.map,
.ordelivery_tooltip,
.sale_disc_tag,
.single-item #header,
.video {
  position: relative
}

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

.tns-nav>button {
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: 0 0
}

.tns-nav>button::before {
  content: " ";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #eee;
  border-radius: 50%
}

.tns-nav>.tns-nav-active::before {
  background-color: var(--color-buttons)
}

.carousel+*,
.heading+*,
.tns-ovh+.tns-nav,
section.section-place-header>.packer>.package>.content>*+* {
  margin-top: var(--padding)
}

.map,
.video {
  width: 100%;
  padding-top: 56.25%;
  background: #fff
}

.map>iframe,
.video>iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.button,
.custom-controls>a,
.tag,
button {
  display: inline-flex
}

.tag {
  font-size: calc(var(--font-size) - 5px);
  letter-spacing: 1px;
  line-height: 1;
  padding: 6px 8px;
  background: #edf7ee;
  color: #00bc8b
}

.button,
button,
input {
  letter-spacing: 1px;
  padding: 18px 24px
}

.allergen.disabled,
.tag.disabled {
  background: #eee;
  color: #ccc
}

.filter_area .right_side,
.full-width,
.innervmid_in,
section.section-place-header>.packer>.package>.content,
section.section-welcome>.packer>.package>.content {
  width: 100%
}

.full-button {
  width: 100%;
  justify-content: center
}

.button,
button {
  color: #fff;
  font: var(--font);
  line-height: 1;
  background: var(--color-buttons);
  border: 1px solid;
  border-radius: var(--border-radius);
  font-weight: var(--font-weight-bold)
}

.button:hover,
button:hover {
  filter: none;
  text-decoration: none
}

.product_info a,
.schedule h3 {
  text-decoration: underline
}

input {
  font: var(--font);
  line-height: 1;
  border: none
}

::placeholder {
  opacity: .5
}

.custom-controls {
  display: flex;
  gap: var(--gap-sm)
}

.custom-controls>a {
  width: 36px;
  height: 36px;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: var(--shadow)
}

#mobile-menu>.close-mobile-menu:hover,
.custom-controls>a:hover,
.item-offer-horizontal:hover,
section.section-place-content-menu a:hover,
section.section-place-content-menu ul li:hover {
  text-decoration: none
}

.custom-controls>a[aria-disabled=true] {
  opacity: .15;
  pointer-events: none
}

.logo .theProjectlogo {
  width: auto;
  max-height: 100px;
  height: auto
}

.colorize {
  color: var(--color-buttons)
}

ul.checked>li {
  display: flex;
  align-items: flex-start
}

ul.checked>li::before {
  font-family: "Line Awesome Free";
  content: "\f00c";
  background: #00bc8b;
  border-radius: 50%;
  line-height: 22px;
  width: 22px;
  text-align: center;
  color: #fff;
  margin-right: var(--gap-sm)
}

ul.checked>li>span {
  width: calc(100% - 22px - var(--gap-sm))
}

.links>.item>a {
  line-height: 1
}

.grid-links {
  display: grid;
  grid-gap: var(--gap-sm);
  grid-template-columns: repeat(4, 1fr)
}

@media only screen and (max-width:1200px) {
  .grid-links {
    grid-template-columns: repeat(3, 1fr)
  }
}

.inline-links {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--gap-sm) - 4px)
}

.inline-links>.item+.item::before {
  content: "●";
  font-size: 10px;
  color: var(--font-color);
  margin-right: calc(var(--gap)/ 2)
}

#menu,
.breadcrumb,
.inline-links>.item {
  display: flex;
  align-items: center
}

.inline-links>.item>a {
  color: var(--font-color);
  line-height: 1
}

.inline-links>.item>a:hover,
.schedule .items>li,
.social-networks>a:hover {
  color: var(--hfont-color)
}

.schedule-map {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: calc(var(--gap) * 2)
}

.schedule .items>li {
  display: flex;
  justify-content: space-between;
  padding: var(--gap-sm) 0;
  font-weight: var(--font-weight-default)
}

#mobile-menu>.content>.login+nav,
.box-info>*+.head,
.schedule .items>li+li {
  border-top: 1px solid #eee
}

.accordion>.accordion_content {
  display: none;
  padding: var(--gap) 0
}

.accordion>.accordion_head {
  display: flex;
  gap: var(--gap);
  padding: var(--gap) 0;
  border-bottom: 1px solid #eee
}

.accordion>.accordion_head>a.collapse {
  color: var(--font-color);
  text-decoration: none
}

.accordion>.accordion_head>.accordion_title>a,
.dropdown>.dropdown-menu>.dropdown-menu-title,
.item-offer-horizontal>.info>.allergens>.price {
  color: var(--hfont-color);
  font-weight: var(--font-weight-bold)
}

#header>.packer .related-mobile-menu>.show-mobile-menu>i,
#mobile-menu>.close-mobile-menu>i,
#mobile-menu>.content>nav .item>a>.toggle-submenu>i,
.accordion>.accordion_head>a.collapse>i {
  pointer-events: none
}

#mobile-menu>.content>nav .item.expanded>a>.toggle-submenu>i,
.accordion.expanded>.accordion_head>a.collapse>i {
  transform: rotateX(180deg)
}

.accordion>.accordion_head>.accordion_title>a {
  text-decoration: none
}

.dropdown>a {
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-bold) !important
}

#menu a,
#mobile-menu>.content>nav .item>a,
.breadcrumb>a {
  font-weight: var(--font-weight-medium)
}

.dropdown>a::after {
  margin-left: var(--gap-sm);
  content: " ";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent
}

.dropdown>.dropdown-menu {
  display: none;
  padding: calc(var(--gap) * 2);
  background: #fff;
  border-radius: var(--border-radius);
  color: var(--font-color);
  position: absolute;
  left: 50%;
  transform: translate(-50%, var(--gap))
}

.dropdown.show>.dropdown-menu {
  display: block;
  box-shadow: none;
  padding: 0;
  float: none;
  font-size: inherit
}

.dropdown>.dropdown-menu::before {
  display: none !important;
  position: absolute;
  left: calc(50% - 8px);
  content: " ";
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff
}

.dropdown>.dropdown-menu>a {
  color: var(--hfont-color) !important;
  display: block
}

.place-card {
  border-radius: var(--border-radius);
  display: flex;
  background: rgb(0 0 0 / 70%);
  padding: var(--gap-lg);
  gap: var(--gap-lg);
  max-height: 120px
}

.place-card .store_info h1 {
  font-size: 32px;
  color: #fff
}

.order_delivery_item li .ordericon_link.active h3,
.order_delivery_item li .ordericon_link:hover h3,
.place-card .store_detail a,
.place-card .store_detail p,
.product_tab_sec .nav .nav-tabs a:not(.selected):hover {
  color: #fff
}

.place-card .store_info p {
  color: #fff;
  display: block;
  width: 100%
}

.place-card>.info {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative
}

.place-card>.info .store_info {
  width: 70%
}

.place-card>.info .store_detail {
  margin: 0;
  width: 30%;
  border-left: 1px dashed #fff;
  padding-left: 20px;
  padding-top: 0;
  padding-bottom: 20px
}

.place-card .store_detail p.today_time {
  background-color: #fff;
  color: #000;
  padding: 8px 10px 8px 18px;
  display: inline-block;
  word-spacing: 1px
}

.place-card .store_detail p.today_time .today {
  color: var(--storecolor, #102c56);
  font-weight: var(--font-weight-bold)
}

.avatar {
  object-fit: cover;
  max-width: 150px;
  height: 100%;
  border-radius: 10px;
  border: 2px solid #fff;
  transform: translateY(-80px)
}

.featured-search {
  background: #fff;
  padding: var(--gap);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow);
  display: flex;
  align-items: center;
  gap: var(--gap)
}

.featured-search>i {
  font-size: var(--hfont-size);
  padding: 0 0 0 var(--gap)
}

.featured-search>input {
  width: 0;
  flex-grow: 1
}

*+.gap-stuck {
  margin-top: calc(var(--gap) * 2) !important
}

.align-center {
  text-align: center
}

.align-left,
.align-right,
.copyright {
  text-align: left
}

.heading-with-some {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.heading-with-some>.heading+* {
  margin: 0 0 0 var(--gap)
}

.highlighter {
  background-color: rgba(var(--color-rgb-highlighter), .25);
  color: rgb(var(--color-rgb-highlighter));
  display: inline-block;
  line-height: 1;
  padding: 8px
}

#menu a.featured,
#menu a.featured:hover,
.btn-primary-grad,
.order_delivery_item li .ordericon_link.active {
  background: var(--storecolor, #102c56)
}

.breadcrumb>i {
  color: rgba(255, 255, 255, .5)
}

.breadcrumb>a {
  color: rgba(255, 255, 255, .75);
  display: flex;
  gap: var(--gap-sm)
}

.breadcrumb>a:last-child {
  pointer-events: none;
  color: #fff;
  font-weight: var(--font-weight-bold)
}

.mini-title {
  font: var(--hfont);
  font-size: calc(var(--font-size) + 1px);
  color: var(--hfont-color)
}

.packer {
  width: var(--packer);
  margin: 0 auto;
  position: relative;
  z-index: 1;
  max-width: calc(100% - 10px);
  padding: .5rem 0
}

#pre-wrapper {
  background: var(--color-background-shadow);
  transition: max-height var(--transition-speed);
  max-height: 0
}

body.pre-wrapper-opened #pre-wrapper {
  max-height: max(100vh, 999px)
}

#header {
  position: relative;
  z-index: 10;
  background: #fff;
  width: 100%;
  top: 0
}

#header>.packer>.package {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

#mobile-menu,
#mobile-menu>.content>nav .item>.submenu {
  display: none
}

#header>.packer>.package>.left>.logo img {
  height: calc(var(--header-height) - var(--gap) * 3);
  width: auto
}

#header>.packer>.package>.right,
section.section-image-text.reverse>.packer {
  display: flex;
  justify-content: flex-end
}

#header>.packer .related-mobile-menu {
  display: none;
  flex-grow: 1;
  justify-content: flex-end
}

#header>.packer .related-mobile-menu>.show-mobile-menu {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  box-shadow: var(--shadow);
  font-size: 24px
}

#header>.packer .related-mobile-menu>.show-mobile-menu:hover {
  text-decoration: none;
  box-shadow: var(--shadow), var(--shadow)
}

#menu>*+* {
  margin-left: 15px;
}

#menu a {
  text-decoration: none;
  color: #fff
}

#menu a.featured {
  line-height: 1;
  padding: 12px 10px;
  border-radius: calc(var(--border-radius) + 1px);
  border: 1px solid transparent
}

.btn-primary-grad {
  color: #fff
}

#mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, .8)
}

body.mobile-menu-opened #mobile-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out
}

body.mobile-menu-opened:after {
  right: 0;
  content: '';
  position: fixed;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
  pointer-events: all;
  top: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out
}

#mobile-menu>.content>nav .item>.submenu,
section.section-download-app::before,
section.section-latest {
  background-color: var(--color-background-shadow)
}

body.mobile-menu-opened {
  overflow-y: auto
}

#mobile-menu>.close-mobile-menu {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 0px;
  background:transparent;
  box-shadow:none;
  font-size: 24px;
  position: fixed;
  top: var(--gap-lg);
  right: .1rem
}

#mobile-menu>.content {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  max-width: calc(100% - var(--padding) * 2);
  background: #fff;
  overflow-y: auto;
  bottom: 0
}

#mobile-menu>.content>.login,
#mobile-menu>.content>nav {
  padding: var(--gap-lg)
}

#mobile-menu>.content>nav .item>a {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  padding: 10px;
  color: var(--store_header_button_text);
  font-size: calc(var(--font-size) + 2);
  border-radius: var(--border-radius);
  margin-bottom: 5px;
  background-color: var(--storecolor, #102c56)
}

#mobile-menu>.content>nav .item>a:hover {
  color: #fff;
  text-decoration: none
}

#mobile-menu>.content>nav .item>a>.toggle-submenu {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

@media only screen and (min-width:993px) {
  #theCartBottomButton {
    display: none !important
  }

  #mobile-menu>.content {
    max-width: unset
  }

  #mobile-menu {
    max-width: 400px
  }

  #mobile-menu>.close-mobile-menu {
    right: -3.2rem;
    z-index: 99;
    top: 5px
  }
}

#footer>.packer>.package,
section.section-areas>.packer>.package,
section.section-download-app>.packer>.package,
section.section-latest>.packer>.package,
section.section-links>.packer>.package {
  padding: var(--padding) 0
}

#footer>.packer>.package>.content {
  display: flex;
  gap: calc(var(--padding) * 2)
}

#footer>.packer>.package>.content>.info {
  width: 40%;
  color: var(--hfont-color);
  font-weight: 300
}

#footer>.packer>.package>.content>.grid-links {
  width: 60%;
  grid-template-columns: repeat(3, 1fr)
}

#footer>.packer>.package .holder-logo img {
  height: calc(var(--header-height) - var(--gap) * 2);
  width: auto
}

@media only screen and (max-width:1200px) {
  .schedule-map {
    grid-template-columns: 1fr
  }

  .featured-search {
    outline: #EEE solid 1px
  }

  .packer {
    max-width: calc(100% - var(--gap-lg) * 2)
  }

  #footer>.packer>.package>.content>.info {
    width: 50%
  }

  #footer>.packer>.package>.content>.grid-links {
    width: 50%;
    grid-template-columns: repeat(2, 1fr)
  }
}

@media only screen and (max-width:902px) {
  #footer>.packer>.package>.content {
    flex-direction: column
  }

  #footer>.packer>.package>.content>.info {
    width: 100%
  }

  #footer>.packer>.package>.content>.grid-links {
    width: 100%;
    grid-template-columns: repeat(3, 1fr)
  }
}

@media only screen and (max-width:768px) {
  #footer>.packer>.package>.content>.grid-links {
    grid-template-columns: repeat(2, 1fr)
  }
}
.mobilemenu_horizontal_main::-webkit-scrollbar {
  display: none;
}

.social-networks {
  display: flex;
  gap: var(--gap-sm);
  font-size: 22px
}

.social-networks>a {
  color: var(--font-color)
}

.copyright {
  font-size: calc(var(--font-size) - 1px);
  color: var(--hfont-color)
}

.copyright .package {
  padding: var(--gap) 0
}

section.section-welcome>.packer>.package {
  min-height: max(600px, 50vh);
  display: flex;
  align-items: center;
  width: calc(50% - var(--padding))
}

section.section-image-text>picture,
section.section-welcome>picture {
  left: 50vw
}

section.section-steps>.packer>.package {
  position: relative;
  padding: var(--padding) 0
}

section.section-steps>.packer>.package>.items {
  display: flex;
  justify-content: center
}

section.section-steps>.packer>.package>.items>*+* {
  margin-left: var(--padding)
}

.item-feature {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--gap);
  text-align: center;
  width: 200px;
  max-width: 100%;
  margin: 0 auto
}

.box-info>.head>.info>*+*,
.item-feature>.info>*+* {
  margin-top: calc(var(--gap-sm)/ 2)
}

.item-offer,
.item-offer:hover {
  text-decoration: none;
  white-space: initial;
  color: var(--font-color)
}

#cartList .product-item_quantity,
.box-info>.head h3,
.item-offer-horizontal .price {
  color: var(--storecolor, #102c56)
}

.item-offer:focus {
  outline: 0;
  filter: contrast(1.5)
}

.item-offer>picture>img {
  border-radius: var(--border-radius);
  width: 100%
}

.item-offer>.info>*+* {
  margin-top: calc(var(--gap)/ 2)
}

.item-offer-horizontal {
  display: flex;
  align-items: flex-start;
  color: var(--font-color);
  padding: 7px;
  width: calc(50% - 3px);
  min-height: 125px;
  gap: 15px;
  box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
  background: #fff;
  border-radius: 5px
}

.box-info,
.item-offer-horizontal picture>img,
.nopreview,
.rounded-box {
  border-radius: var(--border-radius)
}

.box-info>.content.cat_sec {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  gap: 5px;
  margin-top: 5px;
}

.item-offer-horizontal>.info {
  width: calc(100% - 150px);
  position: relative;
  padding-top: 5px;
  padding-right: 0;
  min-height: 150px;
  display: flex;
  flex-direction: column
}

.item-offer-horizontal>.info>p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  margin-top: 5px
}

.item-offer-horizontal>.extras {
  display: flex;
  align-items: center;
  position: relative
}

.item-offer-horizontal .price {
  font-weight: 500;
  margin-top: 0;
  line-height: 36px;
  font-size: 1rem;
  font-family: var(--store_primary_font);
}

.item-offer-horizontal picture>img {
  width: 150px;
  object-fit: cover;
  height: 150px;
  border-radius: 1rem;
}

.item-offer-horizontal picture {
  min-width: 65px;
  overflow: hidden
}

.sale_disc_tag span {
  position: absolute;
  top: 4px;
  left: -15px;
  width: 70px;
  height: 20px;
  color: #fff;
  transform: rotate(-40deg);
  text-align: center;
  z-index: 1;
  font-weight: 500;
  font-size: 12px;
  background: linear-gradient(to left, #da4453, #89216b);
  padding-top: 1px
}

section.section-place-header {
  padding-top: 10rem
}

section.section-place-header>.packer {
  padding: 0;
  width: 100%;
  max-width: 100%
}

section.section-place-header>.packer>.package {
  padding-top: 140px
}

section.section-image-text>.packer>.package {
  display: flex;
  align-items: center;
  width: calc(50% - var(--padding));
  padding: var(--padding) 0;
  min-height: 35vh
}

section.section-image-text.reverse>picture {
  right: 50vw;
  left: 0
}

@media only screen and (max-width:992px) {
  :root {
    --padding: 40px;
    --hfont-size: 22px
  }

  .grid-links {
    grid-template-columns: repeat(2, 1fr)
  }

  #header>.packer .related-mobile-menu {
    display: inline-flex
  }

  section.section-image-text {
    padding-top: 25vh;
    background: var(--color-background-shadow)
  }

  section.section-image-text>.packer>.package {
    width: 100%;
    background: var(--color-background);
    min-height: 0;
    padding: var(--padding)
  }

  section.section-image-text>picture {
    left: var(--gap-lg) !important;
    right: var(--gap-lg) !important;
    bottom: auto;
    height: 25vh
  }
}

section.section-links,
section.section-place-content {
  background: var(--color-background-shadow)
}

section.section-place-content-menu nav {
  display: flex
}

section.section-place-content-menu a,
section.section-place-content-menu ul li {
  display: inline-block;
  line-height: calc(var(--header-height) - var(--gap) * 2);
  padding: 0 var(--gap);
  font-weight: var(--font-weight-medium);
  position: relative;
  white-space: nowrap
}

section.section-place-content-menu a.current::after,
section.section-place-content-menu a:hover::after,
section.section-place-content-menu li.current::after,
section.section-place-content-menu ul li:hover::after {
  opacity: 1;
  inset: calc(100% - 2px) 0 0 0
}

section.section-place-content-menu a::after,
section.section-place-content-menu ul li::after {
  opacity: 0;
  position: absolute;
  inset: 100% 0 0 0;
  content: " ";
  display: block;
  background: var(--hfont-color);
  transition: var(--transition)
}

section.section-place-content-menu ul li {
  cursor: pointer;
  color: #32325d
}

section.section-place-content>.packer>.package {
  padding: 0 20px
}

section.section-place-content>.packer>.package>.content {
  display: flex;
  justify-content: space-between
}

section.section-place-content>.packer>.package>.content>.holder-left>.content-left {
  padding-right: 12px
}

section.section-place-content>.packer>.package>.content>.holder-left>.content-center {
  flex-grow: 1
}

section.section-place-content>.packer>.package>.content>.holder-left>.content-left>.categories,
section.section-place-content>.packer>.package>.content>.holder-right>.info {
  top: var(--gap);
  position: sticky
}

section.section-place-content>.packer>.package>.content>.holder-center {
  width: calc(100% - 450px)
}

@media only screen and (max-width:1024px) {
  section.section-place-content>.packer>.package>.content>.holder-right {
    display: none
  }

  section.section-place-content>.packer>.package>.content>.holder-left {
    width: 100%
  }
}

.categories>.categories_title {
  text-transform: uppercase;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  font-size: calc(var(--font-size) - 2px);
  margin-bottom: var(--gap-lg)
}

#modal-store-login .font-weight-bold,
.add_cart .btn,
.tabbable .nav-pills .nav-link.active {
  font-weight: 500 !important
}

.box-info>.head h3:first-letter,
.footer_logo .store-name-logo,
.order-body h2,
.product_name {
  text-transform: capitalize
}

.categories>nav>.item+.item,
.product-rating {
  margin-top: 10px
}

section.section-download-app::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%
}

.box-info {
  width: 100%;
  padding: 10px 0
}

.box-info+* {
  margin-top: var(--gap-lg)
}

.box-info>.head {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f7f7f7
}

.box-info>.actions,
.box-info>.head {
  padding: 5px 5px 10px
}

.actionsCart {
  padding: var(--gap)
}

.rounded-box {
  position: relative;
  background: #fff;
  overflow: hidden;
  padding: var(--padding) calc(50% + var(--padding) * 2) var(--padding) var(--padding);
  box-shadow: var(--shadow)
}

.rounded-box>picture {
  left: 50%
}

.stores {
  display: grid;
  grid-gap: var(--gap);
  grid-template-columns: repeat(3, 1fr)
}

@media only screen and (max-width:1200px) {
  section.section-welcome>picture {
    bottom: 25%;
    left: 0
  }

  section.section-welcome {
    padding: var(--padding) 0;
    padding-top: calc(25% + var(--header-height));
    background-color: var(--color-background-shadow)
  }

  section.section-welcome>.packer>.package {
    min-height: 0;
    background-color: var(--color-background);
    padding: var(--padding);
    width: 100%;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow)
  }

  section.section-welcome>.packer>.package>.content {
    text-align: center
  }

  .rounded-box {
    padding: var(--gap-lg) var(--gap-lg) calc(25vh + var(--gap-lg)) var(--gap-lg)
  }

  .rounded-box>picture {
    top: auto;
    height: 25vh;
    left: 0
  }

  .heading+.stores {
    margin-top: var(--gap-lg)
  }
}

@media only screen and (max-width:576px) {
  :root {
    --border-radius: 2px;
    --padding: 26px;
    --gap: 12px;
    --gap-lg: 16px;
    --hfont-size: 18px
  }

  .logo .theProjectlogo {
    width: auto;
    height: auto;
    max-height: 50px
  }

  .full-button {
    width: 100%;
    justify-content: center;
    margin-bottom: 3rem
  }

  .custom-controls {
    gap: 0
  }

  .custom-controls>a:first-child {
    border-radius: var(--border-radius) 0 0 var(--border-radius)
  }

  .custom-controls>a:last-child {
    border-radius: 0 var(--border-radius) var(--border-radius) 0
  }

  .schedule .items>li {
    flex-direction: column
  }

  .schedule .items>li>*+* {
    margin-top: calc(var(--gap-sm)/ 2)
  }

  .featured-search {
    flex-wrap: wrap;
    padding: 0;
    gap: 0
  }

  .featured-search>button {
    width: 100%;
    justify-content: center;
    border-radius: 0 0 var(--border-radius) var(--border-radius)
  }

  .packer {
    max-width: calc(100% - 10px)
  }

  #footer>.packer>.package>.content>.grid-links {
    grid-template-columns: 1fr
  }

  section.section-image-text>.packer>.package {
    padding: var(--gap)
  }

  section.section-place-content-menu a {
    line-height: 1;
    padding: var(--gap-sm);
    display: inline-flex
  }

  .stores {
    grid-template-columns: repeat(2, 1fr)
  }
}

.modal {
  overflow-y: auto;
  overflow: auto !important
}

.item-offer-horizontal>.info>.allergens {
  display: flex;
  gap: 0;
  align-items: center;
  margin-top: 5px
}

.content-center .box-info {
  margin-top: 0;
}

.box-info>.head h3 {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 0;
  text-transform: lowercase
}

.categories .item {
  border-bottom: 1px solid #dee1e9;
  padding-bottom: 5px;
  padding-top: 5px
}

.content>.holder-left>.content-left {
  width: 20%
}

.content>.holder-left>.content-center {
  width: 100%;
  margin: 0 auto
}

.box-info>.content {
  padding: 0
}

.categories .item a.active {
  font-weight: 600
}

.nopreview {
  width: 65px;
  height: 65px;
  text-align: center;
  display: flex;
  align-items: center;
  background-color: #f7f7f7
}

.box-info>.cat-head {
  top: 5rem;
}

.product_search input:-ms-input-placeholder,
.product_search input::-ms-input-placeholder,
.product_search input::placeholder {
  font: var(--hfont)
}

section.section-place-content-menu ul li i {
  font-size: 18px;
  margin-right: 5px;
  position: relative;
  top: 1px
}

#cartList h6,
.orderpop_change_address:hover {
  color: #000
}

.tabbable .nav-pills {
  padding: 7px 0
}

.tabbable .nav-pills .nav-link {
  padding: .6rem .5rem;
  font-weight: 500;
  margin-right: 10px
}

.cart_buttons {
  margin-right: 0;
  margin-left: auto;
  width: 100%;
  max-width: 100px;
  padding: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden
}

.cart_buttons .page-link {
  width: 35px;
  height: 35px;
  padding: 0;
  border: none;
  border-radius: 0 !important
}

.btn-cart-radius {
  margin-left: 0
}

.cart_buttons .page-link:hover {
  filter: none !important;
  color: #ffffff !important;
}

@media (min-width:768px) and (max-width:991px) {
  .place-card>.info .store_info {
    width: 60%
  }

  .logo .theProjectlogo {
    width: auto;
    height: auto;
    max-height: 50px
  }

  .place-card>.info .store_detail {
    margin: 0;
    width: 35%;
    padding-top: 0
  }
}

.form-control:focus {
  box-shadow: none !important;
  border: 1px solid var(--storecolor, #102c56)
}

.btn-wrapper .btn-icon-only:focus,
.share-btn,
.share-btn:active {
  box-shadow: none;
  outline: 0
}

@media (max-width:767px) {
  .logo .theProjectlogo {
    width: auto;
    height: auto;
    max-height: 50px
  }

  section.section-place-content>.packer>.package>.content>.holder-left>.content-left {
    width: 100%;
    padding: 5px;
    margin: 0;
    background-color: #fff;
    max-width: 760px;
    position: sticky;
    top: -1px;
    z-index: 9
  }

  .content>.holder-left>.content-center,
  .place-card>.info .store_info {
    width: 100%
  }

  .allergen_section {
    display: none
  }

  .content-center .box-info {
    padding: 5px
  }

  .item-offer-horizontal {
    padding: 5px;
    min-height: 90px;
    width: 100%
  }

  .singleline {
    border-top: 1px solid rgba(0, 0, 0, .05)
  }

  #variants-area-inside .btn-group {
    gap: 5px
  }

  #variants-area-inside .btn-group .btn {
    font-size: 13px;
    font-weight: 400;
    white-space: normal;
    padding: 5px
  }

  .categories .item a {
    white-space: nowrap;
    padding: .75rem 1rem;
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    background-color: #fff;
    color: #565773;
    border: 1px solid transparent
  }

  .categories .item a.active {
    background: #fff8f4;
    color: #2f3043;
    border: 1px solid #ff7b36
  }

  .categories nav {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    display: flex;
    min-height: 60px
  }

  .categories .item {
    padding: 10px 0;
    border: none;
    margin-right: 15px;
    margin-top: 10px
  }

  section.section-place-content>.packer>.package>.content>.holder-left {
    width: 100%;
    flex-direction: column
  }

  .item-offer-horizontal picture>img {
    width: 125px;
    height: 125px
  }

  .item-offer-horizontal>.info {
    width: calc(100% - 125px);
    min-height: 125px
  }

  .item-offer-horizontal>.extras {
    flex-direction: column
  }

  #header>.packer>.package>.left>.logo img {
    width: auto;
    height: 45px
  }

  .avatar {
    max-width: 90px;
    width: 100%;
    display: block;
    margin: 0 auto;
    min-height: 90px
  }

  section.section-place-header>.packer>.package>.content>.place-card {
    flex-direction: column;
    max-height: 315px;
    gap: 0
  }

  .place-card>.info {
    flex-direction: column;
    margin-top: -2.5rem
  }

  .place-card .store_info h1 {
    font-size: 25px
  }

  .place-card>.info .store_detail {
    border-left: none;
    width: 100%;
    min-height: 50px;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0
  }

  .product_tab_sec .tab-content>.tab-pane {
    display: block;
    opacity: 1
  }
}

@media (min-width:1200px) {
  .container {
        max-width: 1200px
    }
  .box-info>.cat-head {
        top: 3rem;
        background: white;
        border-bottom: 0.5px solid #E1E1E1;
        margin-bottom: 0.5rem;
    }
}

@media (min-width:1300px) {
  .container {
    max-width: 1300px
  }
}

.footer {
  background: #fff;
  padding: 1.5rem 0
}

.schedule h3 {
  font-size: 17px;
  color: var(--storecolor, #102c56);
  font-family: var(--store_primary_font);
  margin-bottom: 0
}

.footer_logo img {
  max-width: 170px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  background-color: #fff;
  padding: 10px;
  border-radius: 10px
}

.w-80 {
  width: 80%
}

.btn-wrapper .btn-icon-only {
  color: var(--storecolor, #102c56);
  font-size: 1.5rem;
  border-radius: 0;
  width: 50px;
  line-height: 1;
  text-align: center;
  position: relative
}

.opened_time,
.site-footer-top .content_text h3 {
  color: var(--storecolor, #102c56);
  font-size: 1.1rem
}

.btn-wrapper .btn-icon-only:not(:last-child):after {
  content: "";
  height: 20px;
  width: 1px;
  display: inline-block;
  position: absolute;
  background-color: var(--storecolor, #102c56);
  opacity: .7;
  top: 0;
  right: 0;
  transform: translateY(10px)
}

.cat_sec .extras .quantity-area {
  padding-top: 0;
  border: 0;
  margin-top: 0;
  display: flex !important;
  gap: 7px;
  align-items: center
}

.number-input button:after,
.number-input button:before {
  display: inline-block;
  position: absolute;
  content: '';
  width: .8rem;
  height: 1px
}

.cat_sec .extras #addToCartbtn .btn {
  width: 100px;
  background-color: #fff;
  height: 36px;
  font-size: 15px;
}

.cat_sec .extras #addToCartbtn .btn i:hover {
  border: 1px solid
}

.cat_sec #addToCartbtn .btn i {
  font-size: 30px;
  color: var(--storecolor, #102c56);
  outline: 0 !important;
  border: none !important;
  height: 36px;
  line-height: 36px
}

.cat_sec #addToCartbtn .btn i.bx-cart-alt {
  font-size: 0px
}

.cat_sec .extras .number-input button,
.cat_sec .extras .number-input input[type=number] {
  height: 36px
}

.number-input button {
  width: 2rem;
  height: 2.6rem;
  font-size: 2rem
}

.cat_sec .extras .select-option #addToCartbtn .btn {
  width: 6rem;
  height: 2.2rem;
  color: var(--storecolor, #102c56);
  background-color: #fff;
  border: 1px solid;
  border-radius: 0.6rem;
}

.product_info h6 {
  color: #222;
  font-size: 13px;
  font-weight: 400;
  word-break: break-word;
  margin-top: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.number-input {
  border-radius: 4px;
  border: 1px solid #838080
}

.add_cart #addToCartbtn {
  border: none
}

.add_cart .btn {
  font-size: 15px;
  padding: 5px 20px;
  border-radius: 0.6rem;
  color: var(--storecolor, #102c56) !important;
  border: 1px solid var(--storecolor, #102c56);
  text-align: center
}

.tabbable .more button,
.tabbable .nav-pills .nav-link {
  border: 1px solid var(--storecolor, #102c56);
  white-space: nowrap;
  min-width: 130px;
  text-align: center;
  box-shadow: rgba(99, 99, 99, .1) 0 2px 8px 0;
  border-radius: 50rem;
  color: #102c56;
  background-color: #f7f7f7;
  background-image: none;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  outline: 0 !important;
  font-size: .9rem
}

.tabbable .more button {
  padding: 14px 12px;
  text-align: center;
  align-items: center;
  justify-content: center
}

.cat_sec .extras .select-option #addToCartbtn .btn span {
  color: var(--storecolor, #102c56);
  font-size: 15px;
  letter-spacing: 0;
  font-weight: 600;
  background-color: #fff
}

.cat_sec .extras .select-option:hover #addToCartbtn .btn {
  border: 1px solid #222
}

.singleline {
  border-top: 1px solid rgba(0, 0, 0, .1)
}

.cat_sec .info .sale-disc {
  font-size: 10px;
  background: orange;
  color: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  position: relative;
  bottom: 0;
  text-align: center;
  height: 20px;
  width: 45px;
  padding: 0 5px;
  font-weight: 400
}

.cat_sec .info .sale-disc:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent orange transparent transparent
}

.container-fluid.container-restorant {
  padding: 5px 10px;
  border-radius: var(--border-radius);
  top: 115px;
  flex-direction: column;
  align-items: flex-start;
  z-index: 5;
  background: #f7f7f7
}

.share-btn {
  display: inline-flex;
  color: #fff;
  border: none;
  width: 1.6rem;
  text-align: center;
  border-radius: 4px;
  height: 1.6rem;
  align-items: center;
  justify-content: center
}

.share-btn:hover {
  color: #eee
}

.share-btn:active {
  position: relative;
  top: 2px;
  color: #e2e2e2
}

.share-btn.twitter {
  background: #55acee
}

.share-btn.whatsapp {
  background: #25d366
}

.share-btn.facebook {
  background: #3b5998
}

.share-btn.linkedin {
  background: #4875b4
}

.share-btn.email {
  background: #444
}

.image_selected {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(100% + 15px);
  height: 410px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  padding: 0;
  border-radius: 10px
}

.badge,
.product_discount,
.product_info,
.product_price,
.product_saved,
.tabbable .more button:after {
  display: inline-block
}

.popup_ttsec,
.product_meta>div,
.product_meta>span {
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap:wrap;
}

.single_product {
  background-color: #fff;
  margin-top: 0
}

.product_name {
  margin-top: 0;
  font-family: var(--store_primary_font);
  font-size: 1.8rem;
  color: #1e1d1d;
  font-weight: 600;
}

.badge {
  padding: .5em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem
}

.rating-review {
  color: #5b5b5b
}

.product_price {
    margin-top: 0;
    clear: left;
    font-size: 22px;
    line-height: 40px;
    font-family: 'Roboto';
    font-weight: 800;
}

.product_discount {
  font-size: 20px;
  font-weight: 600;
  margin-top: 9px;
  clear: left;
  margin-left: 10px;
  color: #979a9f;
}

.product_saved {
  font-size: 15px;
  font-weight: 200;
  color: #999;
  clear: left
}

.singleline {
  margin: 4px 0;
  border: 0
}

.product_info {
  color: #4d4d4d;
  font-size: 1rem;
  text-align: justify;
  margin-top: 0
}

.product_options {
  margin-bottom: 10px
}

.product_description {
  padding-left: 0
}

.product_quantity {
  width: 104px;
  height: 47px;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  overflow: hidden;
  padding-left: 8px;
  padding-bottom: 44px;
  float: left;
  margin-right: 22px;
  margin-bottom: 11px
}

.filter_area .product_search {
  position: relative;
  min-width: auto;
  width: 100%
}

@media (max-width:768px) {

  footer.vendor {
    display: none
  }

  .logo .theProjectlogo {
    width: auto;
    height: auto;
    max-height: 50px
  }

  .container-restorant.filter_area .right_side,
  section.section-place-content>.packer>.package {
    padding: 0
  }

  /* .ml-0 {
    margin-left: -15px !important
  } */

  .copyright {
    text-align: center;
    margin-top: 10px !important
  }

  .single_product {
    padding: 10px 0
  }

  .image_selected {
    height: 330px;
  }

  .cat_sec .extras .select-option #addToCartbtn .btn {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .item-offer-horizontal picture {
    min-width: 50px;
  }

  #cartListMobile .product-item_title {
    color: #000;
    font-weight: 500;
    font-size:18px;
  }

  #quickCart .right_side {
    background-color: #fff;
    width: 100%;
    padding: 5px;
    z-index: 8;
  }

  .box-info>.cat-head {
    top: 140px;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}

.slick-slider .slick-next,
.slick-slider .slick-prev {
  z-index: 1;
  font-size: 2.5em;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  text-align: center;
  color: #000;
  opacity: .3;
  transition: opacity .25s;
  cursor: pointer;
}

.slick-slider .slick-next:hover,
.slick-slider .slick-prev:hover {
  opacity: .65;
}

.slick-slider .slick-prev {
  left: 0;
}

.slick-slider .slick-next {
  right: 0;
}

#detail.product-images {
  width: 100%;
  margin: 0 auto;
}

#detail.product-images a,
#detail.product-images figure,
#detail.product-images img,
#detail.product-images li {
  display: block;
  outline: 0;
  border: none;
}

#detail.product-images .main-img-slider figure {
  margin: 0 auto;
  padding: 0 2em;
}

#detail.product-images .main-img-slider figure a {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

#detail.product-images .main-img-slider figure a img {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

#detail.product-images .thumb-nav {
  margin: 0 auto;
  padding: 20px 10px;
  max-width: 600px;
}

#detail.product-images .thumb-nav.slick-slider .slick-next,
#detail.product-images .thumb-nav.slick-slider .slick-prev {
  font-size: 1.2em;
  height: 20px;
  width: 26px;
  margin-top: -10px;
}

#detail.product-images .thumb-nav.slick-slider .slick-prev {
  margin-left: -30px;
}

#detail.product-images .thumb-nav.slick-slider .slick-next {
  margin-right: -30px;
}

#detail.product-images .thumb-nav li {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

#detail.product-images .thumb-nav li img {
  display: block;
  width: 100%;
  max-width: 75px;
  margin: 0 auto;
  border: 2px solid transparent;
  -webkit-transition: border-color .25s;
  -ms-transition: border-color .25s;
  -moz-transition: border-color .25s;
  transition: border-color .25s;
}

#detail.product-images .thumb-nav li:focus,
#detail.product-images .thumb-nav li:hover {
  border-color: #999;
}

#detail.product-images .thumb-nav li.slick-current img {
  border-color: var(--storecolor, #102c56);
}

.product_meta>div,
.product_meta>span {
  display: flex;
  flex-wrap: wrap;
  color: #000;
  min-height: 30px;
  align-items: center;
}

.product_meta .products-page-cats a:first-child,
.product_meta>span :first-child {
  padding-left: 3px
}

.product_meta span a,
.product_meta span span {
  color: #888
}

.product_info ul {
  list-style: disc;
  margin-bottom: 1rem
}

.product_info ol {
  list-style: auto;
  margin-bottom: 1rem
}

.product_info strong {
    font-family: var(--store_primary_font);
  font-weight: 500
}

.product_info h1 {
  font-size: 2.2rem
}

.product_info h2 {
  font-size: 1.8rem
}

.product_info h3 {
  font-size: 1.6rem
}

.product_tab_sec .card {
  border-top: 0;
  border-color: #dee2e6;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.product_tab_sec .nav-tabs .nav-link:hover {
  border-color: #102f54;
  color: #fff;
  transition: .25s ease-in-out
}

.product_tab_sec .nav-tabs .nav-link {
  font-size: 1rem;
  font-family: var(--store_primary_font);
  letter-spacing: .4px;
  height: 40px;
  font-weight: 500;
  outline: 0 !important;
  position: relative;
  display: inline-block;
  padding: 3em 2em 1.35em;
  text-decoration: none;
  text-align: center;
  z-index: 1;
  line-height: 0
}

.product_tab_sec .card-header {
  padding: .5rem;
  background: #102f54
}

.content_icon i,
.footer-logo p,
.footer-quick-links li a,
.footer.bg-dark-blue .nav .nav-item .nav-link,
.product_tab_sec .card-header a {
  color: #fff !important
}

.h5,
h5 {
  font-size: 1.25rem
}

b,
strong {
  font-weight: bolder
}

.nav-tabs .nav-link {
  border: none !important
}

.product_tab_sec .nav .nav-tabs {
  position: relative;
  z-index: 1;
  white-space: nowrap
}

.nav-tabs .nav-item.show .nav-link::before,
.nav-tabs .nav-link.active::before {
  border: 1px solid #102f54 !important;
  content: ''
}

.product_tab_sec .nav-tabs .nav-link.active::before,
.product_tab_sec .nav-tabs .nav-link:hover::before {
  background: #102c56;
  color: #fff
}

.product_tab_sec .nav-tabs .nav-link::before {
  content: '';
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  color: #102c56;
  border-radius: 10px 10px 0 0;
  transform: perspective(5px) rotateX(1deg);
  transform-origin: bottom left;
  background-color: #dcdfe4;
  box-shadow: inset 0 -3px 3px rgba(0, 0, 0, .05);
  border: .5px solid #102c56
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.focus,
.nav-tabs .nav-link.hover {
  border: none !important;
  color: #fff
}

.product_tab_sec .nav .nav-tabs .left a {
  padding: 1.5em 2em 1.35em 1em
}

.product_tab_sec .nav-tabs .nav-link .selected {
  z-index: 2;
  color: #102f54
}

.product_tab_sec .nav-tabs .nav-link .selected::before {
  margin-bottom: -2px;
  box-shadow: none;
  background: #fff
}

.product_tab_sec .card-body {
  border:1px solid #102f54;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-right-radius: 5px
}

#addToCartbtn .btn:focus,
.actionsCart .button,
.actionsCart .button:hover {
  border: 1px solid var(--storecolor, #102c56)
}

@media (min-width:768px) {
  .cat_sec .extras .select-option {
    text-align: center;
    display: flex
  }

  .product_tab_sec .card-header {
    display: none
  }

  .product_tab_sec .tab-content>.active .collapse {
    display: block
  }

  .product_tab_sec .nav-tabs {
    display: flex
  }
}

.actionsCart .button {
  background-color: var(--storecolor, #102c56)
}

.item-offer-horizontal>.info h4 a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 1rem;
  padding-bottom: 0;
  text-decoration: none !important
}

#modal-store-login .middle-content h2 {
  font-weight: 500
}

#modal-store-login .form-control {
  height: calc(1.5em + 1.25rem + 2px);
  padding: .625rem .75rem;
  font-size: .8rem
}

#modal-store-login .btn-icon .btn-inner--icon img {
  width: 20px
}

.bottom-cart-buttons .btn {
  max-width: 100%;
  height: 2.5rem;
  line-height: 2
}

nav.tabbable {
  max-width: 100%;
  display: flex;
  align-items: center
}

.products_search_wrapper {
  max-width: 100%;
  padding: 0 10px;
  right: 0
}

@media (max-width:767px) {

  .products_input_wrapper,
  .products_search_wrapper {
    padding: 0;
  }

  #header>.packer>.package {
    height: auto;
    flex-wrap: wrap
  }

  .set-def-store-popup-btn .btn {
    width: 100%
  }
}

.product_search input {
  height: 40px;
  line-height: 40px
}

.product_search span {
  width: 40px;
  height: 40px;
  font-size: 20px
}

.footer_logo .store-name-logo {
  text-align: center;
  margin: 0 auto;
  background-color: #fff;
  padding: 10px;
  border-radius: 5px 0;
  color: var(--storecolor, #102c56);
  display: block;
  margin-inline: auto;
  width: max-content
}

.store_notice_section {
  position: relative;
  z-index: 3;
  top: 0;
  padding: 8px 3.5rem 8px 10px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  border-radius: 2px;
  font-family: inherit;
  flex-wrap: wrap;
}

.store_notice_section h2,
.store_notice_section p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500
}

.store_notice_section a,
.store_notice_section a:hover {
  background-color: #fff;
  color: #f83505;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none
}

.footer-quick-links {
  padding-left: 1rem
}

.footer-quick-links li a {
  padding: 2px .75rem
}

.footer-logo p {
  display: flex;
  justify-content: start
}

.footer.bg-dark-blue h5 {
  padding-bottom: .5rem
}

.contact_sec,
.payment_sec {
  display: flex;
  gap: 5px !important
}

hr.opacity-3 {
  border-top: 1px solid #ffffff69
}

.contact_sec .content_icon i , .payment_sec .content_icon i {
    font-size: 1.5rem;
    padding-bottom: .5rem;
}

.tabbable .more .dropdown-menu {
  position: absolute;
  top: 82%;
  left: auto;
  right: 0;
  float: right;
  border: none;
  background: #fff;
  padding: 0;
  box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0
}

.tabbable .more .dropdown-menu .nav-link {
  margin: 8px 0;
  border-radius: 0;
  border: 0;
  background: #fff;
  box-shadow: none;
  text-align: left
}

.tabbable .more .dropdown-menu .nav-link.active,
.tabbable .more .dropdown-menu .nav-link:hover {
  background-color: var(--storecolor, #102c56);
  color: #fff
}

.site-footer-top {
  background-color: var(--storecolorlight, #102c56);
  padding: 1rem;
  color: #222
}

@media(max-width:34.75em) {
  .box-info>.cat-head {
    top: 120px
  }
}

#extras_group .custom-control-label::after,
#extras_group .custom-control-label::before {
    left: 0;
    top: 50%;
    transform: translate(-1.5rem, -50%);
}

.more {
  display: inline
}

.elegant_header #modCartLink {
  padding: 0 5px;
  border-radius:5px;
}

.elegant_header #modCartLink #cartCount {
  position: absolute;
  background: transparent;
  border-radius: 50%;
  color: var(--store_button_text) !important;

  padding: 5px;
  top: -11px;
  width: 35px;
  height: 35px;
  border:none;
  font-weight: 500;
}

.elegant_header #modCartLink i {
  font-size: 1.5rem
}

.elegant_header #modCartLink:hover {
  background: var(--storecolor, #102c56) !important
}

.tabbable .more button:after {
  content: "\ea16";
  font-family: boxicons !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased
}

.cat_sec #addToCartbtn .btn i.bx-cart-alt:before {
  content: "ADD +";
  font-family: var(--store_primary_font);
  font-size: 1rem;
  font-weight: 500;
  line-height: 36px
}

.cat_sec .extras #addToCartbtn .btn.added,
.cat_sec .extras #addToCartbtn .btn.loading {
  border: 0 !important
}

@media only screen and (max-width:768px) {
  section.section-steps>.packer>.package>.items {
    flex-direction: column
  }

  section.section-steps>.packer>.package>.items>*+* {
    margin: var(--gap-sm) 0 0 0
  }

  .item-feature {
    display: flex;
    align-items: center;
    gap: var(--gap-lg);
    width: 400px;
    max-width: 100%;
    padding: var(--gap-lg);
    background: var(--color-background);
    box-shadow: var(--shadow);
    border-radius: var(--border-radius)
  }

  .item-feature>picture>img {
    border-radius: var(--border-radius);
    width: 96px
  }

  .item-feature>.info {
    text-align: left
  }

  section.section-place-header>.packer>.package>.content {
    width: 100%
  }

  section.section-place-header>.packer>.package>.content>.breadcrumb {
    order: 1
  }

  #product_section .box-info,
  section.section-place-content>.packer>.package {
    padding: 0
  }
}

.featured_template .coupon_sider nav a {
  text-transform: capitalize;
  font-weight: 400;
  padding: .625rem 1.25rem .625rem .9rem;
  display: flex;
  align-items: center;
  min-width: 220px;
  gap: 5px;
  font-size: .875rem;
  margin-bottom: 20px;
  -webkit-transform: translateX(100px);
  -moz-transform: translateX(100px);
  -o-transform: translateX(100px);
  -ms-transform: translateX(100px);
  transform: translateX(100px);
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  -ms-transition: .2s ease-out;
  transition: .2s ease-out;
  background: linear-gradient(to top right, var(--storecolor, #102c56) 0, var(--storecolorlight, #102c56) 100%);
  color: #fff;
  text-decoration: none;
  border-radius: 5px
}

.coupon_sider .menu-open a,
.coupon_sider .menu-open i {
  color: #fff;
  font-size: 1rem;
  text-decoration: none
}

.coupon_sider .menu-close i {
  color: #222;
  font-size: 1.5rem;
  padding: 10px;
  position: relative;
  display: flex;
  align-items: end;
  justify-content: end
}

.coupon_sider .side-nav {
  position: relative;
  transition: transform .35s ease-out;
  background: #fff;
  height: 100%;
  width: 90%;
  max-width: 400px;
  box-shadow: 0 5px 6px 4px rgba(0, 0, 0, .2);
  transform: translateX(-102%);
  will-change: transform;
  display: flex;
  flex-direction: column
}

.coupon_sider .side-nav-container {
  position: fixed;
  left: 0;
  top: 55px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none
}

.coupon_sider .side-nav-container:before {
  transition: opacity .3s cubic-bezier(0, 0, .3, 1);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .4);
  will-change: opacity;
  opacity: 0;
  pointer-events: none
}

.coupon_sider .side-nav-animatable.side-nav-visible .side-nav {
  transition: transform .33s cubic-bezier(0, 0, .3, 1)
}

.coupon_sider .side-nav-visible {
  pointer-events: auto
}

.coupon_sider .side-nav-visible .side-nav {
  transform: none
}

.item-offer-horizontal .skeleton-image {
  min-height: 150px;
  max-height: 150px;
  width: 150px
}

@media (max-width:565px) {
  .item-offer-horizontal .skeleton-image {
    min-height: 125px;
    max-height: 125px;
    width: 125px
  }
}

.order-body {
  text-align: center;
  padding: 0;
}

.order-body p {
  color: #333;
  font-size: 16px;
  margin: 0 0 20px
}

.order_delivery_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  margin: 0 0 15px 0;
  padding: 0;
  gap: 10px
}

.order_delivery_item li {
  width: 100%;
}

.order_delivery_item li .ordericon_link,
.order_delivery_item li button {
  display: block;
  position: relative;
  background: #F6F7FA;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .08);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .08);
  text-decoration: none;
  cursor: pointer
}

.header-ordernow-single-img {
  transition: .3s linear;
  -webkit-transition: .3s linear
}

.order_delivery_item li .ordericon_link.active .order_type_imgwt,
.order_delivery_item li .ordericon_link:hover .order_type_imgwt {
  display: block;
  margin: 0 auto
}

.order_delivery_item h4 {
  color: #000;
  font-size: 16px;
  margin: 15px 0 0;
  text-transform: capitalize
}

.order_icon {
  display: block;
  text-align: center;
  margin: auto
}

.order_delivery_item .tooltip {
  font-size: 16px
}

.order_delivery_item .tooltip-inner {
  max-width: 260px
}

.order_delivery_mobile_tooltip {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  left: -270px;
  top: 23px;
  background: #181818;
  padding: 10px;
  border-radius: 3px;
  width: 260px;
  margin: 0 auto 5px;
  z-index: 1;
  -webkit-transition: .4s;
  transition: .4s
}

.order_delivery_item li:hover .order_delivery_mobile_tooltip {
  opacity: 1;
  visibility: visible
}

.order_delivery_mobile_tooltip:before {
  content: "";
  position: absolute;
  right: -16px;
  top: 50%;
  margin-top: -7px;
  border: 10px solid #181818;
  border-color: transparent transparent transparent #181818;
  border-width: 7px 10px
}

.order_delivery_mobile_tooltip p {
  margin: 0;
  color: #fff;
  font-size: 16px
}

.selfcollect_tooltip .order_delivery_mobile_tooltip {
  left: auto;
  right: -270px
}

.selfcollect_tooltip .order_delivery_mobile_tooltip:before {
  border-color: transparent #181818 transparent transparent;
  left: -16px;
  right: auto
}

.order_delivery_item li.disable:hover {
  background: #f9f9f9;
  border-color: #e1e1e2
}

.orderpop_address {
  position: relative;
  height: 100%;
  padding-top: 35px
}

.orderpop_address p {
  font-size: 12px;
  margin: 0
}

.orderpop_continue_shop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.orderpop_continue_shop .btn {
  font-size: 11px;
  height: 30px;
  padding: 7px 15px;
  margin: 0
}

.orderpop_change_address {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%
}

.order_delivery_item li .header-ordernow-single-img img {
  height: 35px;
  margin: 0 auto
}

.popup_ttsec {
  width: 42%;
  padding: 20px;
  min-height: 310px;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.pop_title {
  position: relative;
  color: #fff
}

.pop_title h2 {
  font-size: 1.5rem;
  margin: .5rem 0;
  color: #fff;
  text-transform: inherit
}

.pop_title small {
  font-size: 18px;
  font-weight: 400
}

.popup_right {
  width: 58%;
  padding: 20px 60px 20px 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.two-button-row1 {
  justify-content: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.two-button-row {
  display: flex;
  max-width: 476px;
  justify-content: space-between;
  margin: 0 auto
}

.two-button-row>div {
  width: 49%
}

.go_second a,
.go_second a:hover,
.two-button-row .delivery_submit:hover {
  background: #383838
}

.delevery_popup .popup_ttsec {
  padding-left: 38px;
  padding-right: 28px;
  background: var(--storecolor, #102c56)
}

.delevery_popup .popup_right .form-group .form-control {
  border: 1px solid #dadada
}

.delivery_submit,
.two-button-row>div .button {
  display: block;
  margin: 0;
  padding: .75rem;
  width: 100%
}

.two-button-row1 .button {
  display: block;
  padding: 0.75rem;
  color: #000;
  border: none;
  background: none;
  margin: 0;
  text-decoration: underline;
}

.two-button-row1 .button:hover {
  color: var(--storecolor, #102c56);
}

#first-modal .modal-content .close-btn,
#first-modal-warning .modal-content .close-btn,
#fourth-modal .modal-content .close-btn,
#second-modal .modal-content .close-btn,
#third-modal .modal-content .close-btn {
  position: absolute;
  right: -20px;
  top: -18px;
  color: var(--storecolor, #102c56);
  border: 1px solid var(--storecolor, #102c56);
  background: #fff;
  padding: 2px 4px;
  opacity: 1;
  font-size: 2rem;
  font-weight: 400;
  line-height: .8
}

.delivery_submit_cls {
  width: 48%
}

img.pop-scooter-img {
  max-width: 90px;
  margin: 0 auto 1rem
}

#second-modal .areadelivery .cart-title h5 {
  font-size: 1rem;
  font-weight: 400;
  color: #000
}

.awesome_del {
  margin-top: 13px;
  text-align: center
}

.awesome_del h5 {
  font-size: 19px;
  margin-bottom: 10px;
  color: #fff
}

.awesome_del h2 {
  color: #fff;
  font-size: 13px;
  line-height: 19px
}

.delevery_popup_datetime .btn_sec .button {
  display: block;
  margin: 0;
  width: 100%
}

@media (max-width:37.4375em) {
  .item-offer-horizontal {
    min-height: auto !important;
    max-height: auto !important
  }
  #first-modal .modal-content .close-btn,
  #first-modal-warning .modal-content .close-btn,
  #fourth-modal .modal-content .close-btn,
  #second-modal .modal-content .close-btn,
  #third-modal .modal-content .close-btn {
    position: absolute;
    right: -6px;
    top: -13px;
    padding: 2px 3px 2px 4px;
  }

  .two-button-row1 .button {
    width: 35%;
  }

  .order-body p {
    color: #333;
    font-size: 14px;
  }
}

@media (max-width:992px) {
  .coupon_sider .side-nav-container {
    top: 75px
  }

  .container-fluid.container-restorant {
    top: 73px
  }
}

#header.enable_store_notice {
  -moz-transition: .3s linear;
  -o-transition: .3s linear;
  -webkit-transition: .3s linear;
  -ms-transition: .3s linear;
  transition: .3s linear
}

#header.sticky {
  position: fixed;
  top: 0;
  -moz-transition: .3s linear;
  -o-transition: .3s linear;
  -webkit-transition: .3s linear;
  -ms-transition: .3s linear;
  transition: .3s linear
}

.coupon_sider .coupon.multi_stores.side-nav-visible {
  top: 170px
}

.coupon_sider .coupon.enable_store_notice.side-nav-visible {
  top: 150px
}

.coupon_sider .coupon.multi_stores.enable_store_notice.side-nav-visible {
  top: 205px
}

#variants-area-inside .btn-group .btn {
  width: 48%;
  flex: 1 1 48%;
  max-width: 48%;
  border-radius: 35px;
  font-size: 14px;
  font-weight: 400;
  padding: .5rem .75rem;
  line-height: 2
}

#variants-area-inside .btn-group .btn-outline-primary {
  color: var(--storecolor, #102c56);
  background-color: transparent;
  background-image: none;
  border-color: var(--storecolor, #102c56);
}

#variants-area-inside .btn-group .btn-outline-primary.active {
  color: var(--storecolor, #102c56);
  background-color: var(--storecolorlight, #102c56);
  border-color: var(--storecolor, #102c56);
  box-shadow: 0 4px 4px rgb(0 0 0 / 6%)
}

#variants-area-inside .btn-group .btn-outline-primary:hover {
  background-color: var(--storecolor, #102c56);
  color: #fff;
}

/*
    Wizard
*/

.wizard>.steps {
  position: relative;
  display: none;
  width: 100%;
}

.wizard>.actions>ul>li {
  float: left;
}

.wizard>.content {
  display: block;
  overflow: hidden;
  position: relative;
  width: auto;
}

.wizard.vertical>.content {
  display: inline;
  float: left;
  margin: 0 2.5% 0.5em 2.5%;
  width: 65%;
}

.wizard>.content>.body>iframe {
  border: 0 none;
  width: 100%;
  height: 100%;
}

.wizard>.content>.body input {
  display: block;
  border: 1px solid #ccc;
}

.wizard>.content>.body input[type="checkbox"] {
  display: inline-block;
}

.wizard>.content>.body input.error,
.wizard>.content>.body select.error {
  background: rgb(244 17 39 / 10%);
  color: #f41127 !important;
}

.wizard>.actions {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 15px;
  left: 0;
  right: 0;
}

.wizard.vertical>.actions {
  display: inline;
  float: right;
  margin: 0 2.5%;
  width: 95%;
}

.wizard>.actions>ul {
  display: flex;
  text-align: center;
  justify-content: center;
}

.wizard>.actions>ul>li {
  margin: 0 0 0 0.5em;
}

.wizard.vertical>.actions>ul>li {
  margin: 0 0 0 1em;
}

.wizard>.actions a,
.wizard>.actions a:hover,
.wizard>.actions a:active {
  background: #2d548e;
  color: #fff;
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  width: 125px;
  height: 40px;
  text-align: center;
  line-height: 1.8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.wizard>.actions .disabled a,
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
  background: #eee;
  color: #aaa;
}

/*
    Tabcontrol
*/

.tabcontrol>.steps {
  position: relative;
  display: block;
  width: 100%;
}

.tabcontrol>.steps>ul {
  position: relative;
  margin: 6px 0 0 0;
  top: 1px;
  z-index: 1;
}

.tabcontrol>.steps>ul>li {
  float: left;
  margin: 5px 2px 0 0;
  padding: 1px;

  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.tabcontrol>.steps>ul>li:hover {
  background: #edecec;
  border: 1px solid #bbb;
  padding: 0;
}

.tabcontrol>.steps>ul>li.current {
  background: #fff;
  border: 1px solid #bbb;
  border-bottom: 0 none;
  padding: 0 0 1px 0;
  margin-top: 0;
}

.tabcontrol>.steps>ul>li>a {
  color: #5f5f5f;
  display: inline-block;
  border: 0 none;
  margin: 0;
  padding: 10px 30px;
  text-decoration: none;
}

.tabcontrol>.steps>ul>li>a:hover {
  text-decoration: none;
}

.tabcontrol>.steps>ul>li.current>a {
  padding: 15px 30px 10px 30px;
}

.tabcontrol>.content {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 35em;
  overflow: hidden;
  border-top: 1px solid #bbb;
  padding-top: 20px;
}

.tabcontrol>.content>.body {
  float: left;
  position: absolute;
  width: 95%;
  height: 95%;
  padding: 2.5%;
}

.tabcontrol>.content>.body ul {
  list-style: disc !important;
}

.tabcontrol>.content>.body ul>li {
  display: list-item;
}

#order_type_form h3 {
  display: none;
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#order_type_form input[type="text"],
#order_type_form input[type="email"],
#order_type_form input[type="tel"],
#order_type_form input[type="url"],
#order_type_form textarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
}

#order_type_form input[type="text"]:hover,
#order_type_form input[type="email"]:hover,
#order_type_form input[type="tel"]:hover,
#order_type_form input[type="url"]:hover,
#order_type_form textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#order_type_form textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

#order_type_form button[type="submit"] {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #4CAF50;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
}

#order_type_form button[type="submit"]:hover {
  background: #43A047;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#order_type_form button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

#order_type_form input:focus,
#order_type_form textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

.steps>ul>li>a,
.actions li a {
  padding: 10px;
  text-decoration: none;
  margin: 1px;
  display: block;
  color: #777;
}

.steps>ul>li,
.actions li {
  list-style: none;
}

.order_delivery_item li .ordericon_link.active .order_type_img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.order_delivery_item li label.error {
  bottom: -45px;
  left: 150px;
}

.wizard>.content section {
  min-height: 301px;
}
/*
.wizard>.content>.body #deliveryon-error {
  bottom: -115px;
  left: 110px;
}

.wizard>.content>.body #timeslot-error {
  bottom: -115px;
  left: 130px;
  max-width: 185px;
}

.wizard>.content>.body #datepick-error {
  bottom: -115px;
  left: 130px;
  max-width: 185px;
}

.wizard>.content>.body .deliveryon_validation #timeslot-error {
  bottom: -65px;
  left: 130px;
  max-width: 185px;
}

.wizard>.content>.body .deliveryon_validation #datepick-error {
  bottom: -65px;
  left: 130px;
  max-width: 185px;
}

.wizard>.content>.body #pincode-error {
  bottom: -110px;
  left: 75px;
  max-width: 290px;
}

.wizard>.content>.body #delivery_area-error {
  left: 80px;
  bottom: -115px;
  max-width: 280px;
}

.wizard>.content>.body #country-error {
  left: 68px;
  bottom: -115px;
  max-width: 300px;
}

.wizard>.content>.body #state-error {
  left: 40px;
  bottom: -115px;
  max-width: 350px;
} */

.wizard>.content>.body #timeslot {
  height: 43px;
  border-radius: 5px;
}

.wizard>.content>.body .card-content .custom-radio.custom-control label,
.wizard>.content>.body .card-content #datepick {
  border-radius: 5px;
}

.wizard>.content>.body .card-content #datepick {
  width: 100%;
  padding: 5px 10px;
  height: 43px;
}

.wizard>.content>.body #form-group-table_id label {
  display: none;
}

.wizard>.content>.body h2 {
  color: #102c56;
  font-size: 1.5rem;
}

.wizard>.content>.body .header_section {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 5rem;
  padding-top: 1rem;
}

.wizard>.content>.body .header_ontent_sec h2 {
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
}

.wizard>.content>.body .header_ontent_sec {
  width: calc(100% - 50px);
}

.wizard>.content>.body .header_icon_sec img {
  max-height: 55px;
}

.wizard>.content>.body #browse {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
}
/*
.wizard>.content>.body .country_state_validation #country-error {
  bottom: -90px;
}

.wizard>.content>.body .country_state_validation #state-error {
  bottom: -70px;
} */

.wizard>.actions>ul>li.disabled {
  display: none;
}

.two-button-row>div {
  width: 100%;
}

.two-button-row {
  max-width: 100%;
  gap: 15px;
}

#order_type_form .select2-container:not(.form-control) .select2-selection--single {
  padding: 0.375rem 0.75rem !important;
  height: 46px;
  line-height: 46px;
}

@media(max-width:600px) {
  .wizard>.content>.body .header_section {
    margin-left: 0;
  }

  #order_type_selection .container-fluid {
    padding: 0;
  }
}

.item-offer-horizontal>.info h4 a {
  line-height: 1.5;
}

.notifyjs-custom-base .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  margin: 0;
}

.notifyjs-custom-base .progress:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #0f7d91;
}

.notifyjs-custom-base .success.progress:before {
  background-color: #17a00e;
}

.notifyjs-custom-base .warning.progress:before {
  background-color: #f5365c;
}

.notifyjs-custom-base .progress.active:before {
  animation: progress 5s linear forwards;
}

@keyframes progress {
  100% {
    right: 100%;
  }
}
#order_type_form .wizard>.content>.body label.error{
margin:unset !important;
margin-bottom: 10px !important;
padding:5px 10px;
margin-right:10px !important;
width: auto;
position: relative;
}
#order_type_form .error_placement {
text-align: center;
}
.ads_banner_description {
position: absolute;
background-color: #f4f4f4;
padding: 5px;
border-radius: 0.25rem;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
font-size: 13px;
color: #616161;
max-width: 230px;
width: 100%;
z-index: 999;
}
.ads_banner_description::before {
content: "";
border-width: 10px;
border-style: solid;
border-color: transparent transparent #f4f4f4;
position: absolute;
top: -20px;
left: 0;
}
.item-offer-horizontal .product_info{
  margin-top: 10px;
}
.font-weight-300 {
  font-weight: 300;
}
.tabbable .more .dropdown-menu {
max-height: 400px;
overflow-y: auto;
}
@media (max-width: 600px) {
.single_product .product_description #addToCartbtn .btn {
width: 70px;
height: 50px;
}
.single_product .product_description .number-input {
height: 50px;
}
.single_product .product_description .number-input button{
width: 3rem;
height: 3rem;
}
.single_product .product_description .number-input input[type=number]{
width: 5rem;
max-width: 5rem;
height: 3rem;
}
.single_product .product_description #addToCart1 .btn-primary{
width: 260px !important;
}
.picture[data-background=true] img {
    object-position: center center;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.section.section-place-header>.packer>.package {
    padding-top: 95px;
}
.section.section-place-header {
     padding-top: 0rem;
}
}
#header{
    background-color: var(--store_header_background);
}
#menu a.featured, #menu a.featured:hover, .btn-primary-grad{
    background-color: var(--store_header_button);
    color: var(--store_header_button_text) !important;
}
section.section-place-content{
    background-color: var(--store_body_background);
}
.cat_sec .extras #addToCartbtn .btn,
.cat_sec .extras .select-option #addToCartbtn .btn{
    background-color: var(--store_button_background);
}
.cat_sec .extras .select-option #addToCartbtn .btn,
.cat_sec .extras .select-option:hover #addToCartbtn .btn{
    border: 1px solid var(--store_button_background);
}
.footer-logo p, .footer-quick-links li a, .footer.bg-dark-blue .nav .nav-item .nav-link{
    color: var(--store_footer_link)!important;
}
.product_tab_sec .nav-tabs .nav-item.show .nav-link, .product_tab_sec .nav-tabs .nav-link.active{
    background-color: transparent;
}
#mobile-menu>.content{
  background-color: var(--store_sidebar_background);
}
#mobile-menu>.content .box-info>.head{
    background-color: var(--store_sidebar_background);
}
#mobile-menu>.content .box-info>.head p strong{
    color: var(--store_sidebar_heading);
}
#mobile-menu>.content .box-info .content, .actionsCart{
    color: var(--store_sidebar_text);
    margin-top: 2rem;
}
.tags-cloud a span{
    max-width:30px;
    margin-right: 10px;
}
#mobile-menu>.content .box-info .content .product-item_quantity,.product_discount,.product-col .strip .res_mimimum{
    font-family: 'Roboto';
}
@media (min-width:767px) and (max-width:913px){
    .item-offer-horizontal {
        display: flex;
        align-items: flex-start;
        color: var(--font-color);
        padding: 7px;
        width: 912px;
        min-height: 125px;
        gap: 15px;
        box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
        background: #fff;
        border-radius: 5px;
    }
}

@media (max-width:300px){
    .cart_buttons{
        margin-left: 0 !important;
    }
.item-offer-horizontal>.info {
    width: 247px;
    min-height: 150px;
}
.item-offer-horizontal picture>img {
    width: 275px;
    height: 225px;
}
.item-offer-horizontal {
    flex-direction: column;
}
.single-item .product_content .product_details #addToCartbtn .btn {
    height: 2.1rem;
}
.single-item .single_product .product_description #addToCartbtn .btn {
    width: 84px;
    height: 35px;
}
.single_product .product_description .number-input input[type=number] {
    width: 3rem;
    max-width: 3rem;
    height: 3rem;
}
}
@media (max-width:570px){
    footer.bg-dark-blue .copyright, .footer.bg-dark-blue .copyright a {
        color: #d0d1d3;
        display: flex;
        justify-content: center;
    }
    #footer-pages li {
        text-align: center;
    }
}
@media (min-width:1175px) and (max-width:1183px){
    .elegant_header #modCartLink #cartCount{
        top: -4px !important;
        left: 50px;
    }

}
@media (min-width:715px) and (max-width:721px){
    .elegant_header #modCartLink #cartCount {
        position: absolute;
        background: #fff;
        border-radius: 50%;
        color: var(--storecolor, #102c56) !important;
        color: #fff;
        padding-top: 5px;
        font-size: 11px;
        top: -6px;
        width: 26px;
        height: 26px;
        border: 1px solid;
        font-weight: 500;
    }
    .elegant_header #modCartLink i {
        font-size: 1.9rem;
    }
}

@media (min-width: 1280px){
.elegant_header #modCartLink i {
    font-size: 1.5rem;
    padding-right: 29px;
    left: -3px !important;
    top: -12px !important;
}
a#modCartLink {
    position: relative;
    width: 88px;
    height: 43px;
}
.elegant_header #modCartLink #cartCount {
    right: 16px;
    top: 5px !important;
    font-size: 21px !important;
}
}
@media (max-width: 280px){
    .product-available-time .product-available-div{
    background: #fff;
    opacity: .8;
    position: relative;
    text-align: center;
    margin: 0 auto !important;
    top: -150px !important;
    padding: 0 90px !important;
    left: 1.5px !important;
}
}

@media (min-width: 282px) and (max-width: 680px){
.product-available-time .product-available-div{
left: -198px !important;
top: 55px;
margin: 0 auto !important;
padding: 0 90px !important;
}
}
.google_translate_element .goog-te-gadget:before {
content: "\f1ab";
display: inline-block;
font: 20px/1 FontAwesome;
position: absolute;
color: #fff !important;
}
.btn-primary-grad
{
color: var(--store_button_text) !important;
}
#menu a.featured
{
color: var(--store_header_button_text) !important;
}
#menu a{
color:var(--storecolor) ;
}
#menu dropdown-menu{
display: flex;
align-items: center;
position: relative;
}


.tabbable .nav-pills{
overflow:visible;
}


.dropdown-item{
border: none !important;
background-color: white !important;
box-shadow: none !important;
text-align: left !important;
}
#menu{
position: relative !important;
}

@media (min-width:390px) and (max-width:460px){
ul.dropdown-menu.show{

transform: translate3d(231px, 56px, 0px) !important;
}
}

@media (max-width:400px){
.tabbable .more button, .tabbable .nav-pills .nav-link {
border: 1px solid var(--storecolor, #102c56);
white-space: nowrap;
min-width: 90px;
text-align: center;
box-shadow: rgba(99, 99, 99, .1) 0 2px 8px 0;
border-radius: 50rem;
color: #102c56;
background-color: #f7f7f7;
background-image: none;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
transition: .3s ease-in-out;
outline: 0 !important;
font-size: .9rem;
}
}



.elegant_header #modCartLink:hover
{
border-radius: 0.5rem !important;
}
.bx-cart-alt:before {
color: var(--store_button_text);
font-size: 30px;
}


@media (min-width: 1024px){
a#modCartLink {
position: relative;
width: 100%;
height: auto;
}
.elegant_header #modCartLink i {
position: relative;
top: -14px;
left: -13px;
font-size: 2.5rem !important;
}

}
@media (min-width: 768px) and (max-width: 992px){

.elegant_header #modCartLink {
/* padding: 0 31px; */
width: 70px;
height: 45px;
border-radius: 5px;
}
.elegant_header #modCartLink i {
position: relative;
top: -10px;
left: -14px;
font-size: 2.5rem !important;
}
.elegant_header #modCartLink #cartCount {
padding-top: 6px !important;
top: 7px !important;
width: 35px !important;
right: 82px;
/* position: relative; */
height: 35px !important;
}



.actived{
    color: white !important;
    background-color: rgb(249, 32, 68) !important;
}
}
#moreDropdown .dropdown-menu .nav-item .nav-link.active{
    background-color: var(--store_button_background)!important;
    color: var(--store_button_text)!important;
    border: 1px solid var(--store_button_background)!important;
    border-radius: 1px !important;
}

.tabbable .nav-pills .dropdown-menu .nav-link
{
    border-radius: 0px !important;
}
@media (min-width: 768px) and (max-width: 992px){
    .single_product #detail.product-images img{
        margin: 0 auto;
    }

 }
#moreDropdown .dropdown-menu.show{
    transform: none !important;
    top: auto !important;
}
#moreDropdown .dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
    right: 0;
    left: unset !important;
}
#moreDropdown > a{
  position:relative;
}
#moreDropdown > a::after{
    content: "\e9ac";
    font-family: boxicons!important;
    font-weight: 400;
    font-size: 25px;
    position: absolute;
    right: 8px;
    color: var(--store_button_background);
}
@media (max-width: 625px){
  #navbar-main.tabbable{
    width: 100%;
  }
  #navbar-main #menu{
    width: 100%;
    justify-content: flex-end;
  }
}
@media (max-width: 320px){
  #moreDropdown .dropdown-menu {
      min-width: 8rem;
      max-width: 280px;
      overflow-x: clip;
  }
  #moreDropdown{
      margin-bottom:5px;
  }
}

.header_navbar {
    top: 75px;
    z-index: 9999;
}

.mobilemenu_horizontal_main {
    overflow-x: auto;
    width: 100%;
    position: sticky;

    z-index: 999;
}

.category-menu-mobile {
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    list-style: none;
}

.category-menu-mobile .nav-item {
    margin: 0 ;
}

.category_link {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--storecolor);
    position: relative;
}
.category_link {
    position: relative;
    text-decoration: none;
}

.category_link::before,
.category_link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: var(--store_button_background);
    transition: width 0.3s ease;
}

.category_link::before {
    transform: translateX(-100%);
}

.category_link::after {
    transform: translateX(0%);
}

.category_link.active::before,
.category_link.active::after {
    width: calc(50% - 5px);
}
.category_link:focus {
    outline: none;
}

a.category_link.nav-link {
    min-width: 130px;
}
@media (max-width:525px){
    #moreDropdown .dropdown-menu{
        transform: unset !important;
    }
    .tabbable .nav-pills #dropdownMenuButton{
        min-width: 50px;
        padding: 0 !important;
        height: 30px;
    }
    .mobilemenu_horizontal_main{
        overflow-x: auto;
        width: 80%;
        position: absolute;
        z-index: 999;
    }
    .header_navbar {
        top: 80px;
        z-index: 9999;
    }
    .container-fluid.container-restorant {
        top: 72px !important;
    }
}

@media (max-width: 34.75em){
.box-info>.cat-head {
    top: 72px;
}
}
@media (min-width: 1900px){
    #product_section .strip figure{
        height: 400px;
    }
    #product_section .strip figure img{
            min-height: 400px;
    max-height: 400px;
    }
}
#addToCart1 .btn-primary, #modal-form .btn-primary, .footer.bg-dark-blue h5, .store_sec h2, .store_sec p{
    font-family: var(--store_primary_font) !important;
}
.store_sec h2:after{
    display:none;
}
.single_product .video_gallery iframe {
    margin: 0 auto !important;
}
.single_product .video_gallery {
    margin-bottom: 15px;
}
.main-img-slider a img{
    width:100%;
    margin:0 auto 15px auto;
}

.site-logo-footer {
    width: auto;
    height: auto;
    max-width: 220px;
    max-height: 120px;
}
@media (max-width: 600px) {
    .site-logo-footer {
        max-width:200px;
        width: 100% !important;
        height: auto !important;
    }
}





/******************** select modal page ui designs *************************/

#productModal .modal-lg {
    max-width: 640px;
    min-height: calc(100% - 3rem);
}
#addToCart1 .btn-primary{
  background-color: var(--storecolor) !important;
  color: white !important;
}
.elegant .text-warning {
  color:var(--storecolor) !important;
}
.number-input button:after, .number-input button:before{
  background-color :var(--store_button_text) !important;
  width: 10px;
  height: 2px;
}
.single-product .single-item .number-input button:after, .number-input button:before{
  background-color :var(--store_button_text) !important;
  width: 10px;
  height: 2px;
}
.elegant #exrtas-area-inside:empty {
  background-color: unset;
  padding: unset;
  border: unset;
  width: unset;
  margin: unset;
}

.elegant .modal-header {
  border-bottom: 2px dotted #B8BBBD;
  padding: 0.7rem !important;
  align-items: center;
}
.elegant h5#modalTitle {
  color: var(--storecolor);
  font-size:15px;
}
.elegant .custom-radio .custom-control-input:checked~.custom-control-label::before {
  background-color: var(--storecolor) !important;
}
.elegant .modal-header .close {
  padding: 2px 5px;
  font-size: 20px;
  font-weight: 400;
  margin: 0rem 0rem 0rem auto;
  background-color: var(--storecolor);
  border-radius: 5px;
  opacity: 1;
}
.elegant .close>span:not(.sr-only){
color: white !important;
opacity: 1;
padding: 2px;
}
.elegant div#exrtas-area-inside {
background-color: #F7F7F7;
padding: 5px 15px;
border-radius: 10px;
border: 1px solid #CACACA;
width: 97%;
margin: 0 auto;
}
.elegant .modal-header {
  border-bottom: 2px dotted #B8BBBD;
}
#productModal #modalPrice {
  font-size: 23px;
font-weight: 600;
}
.elegant p.ItemPricetab {
  text-align: center;
margin-bottom: 0px;
padding-left: 10px;
}
.elegant label#select_optionlabel {
  font-size: 15px;
  font-weight: 500;
margin-bottom: 0px;
  color: black !important;
}
.elegant div#variants-area-inside {
  padding: 10px 10px 10px;
  border-radius: 10px;
}
.elegant #variants-area-inside .btn-group .btn-outline-primary.active {
  color: #ffffff;
  background-color: var(--storecolor);
  border-color: var(--storecolor, #102c56);
  font-weight: 500;
  box-shadow: 0 4px 4px rgb(0 0 0 / 6%);
  border-radius: 7px;
}
.elegant #variants-area-inside .btn-group .btn-outline-primary {
  color: var(--store-font-color);
  background-color: white;
  background-image: none;
  border-color: #CACACA;
  border-radius: 7px;
}

.elegant label#select_optionlabel {
font-size: 15px;
font-weight: 500;
padding-left: 10px;
}

.elegant #variants-area-inside .btn-group .btn {
  width: auto !important;
  flex: 1 1 30%;
  max-width: 32%;
  min-width: calc(30% - 10px);
  border-radius: 5px;
  font-size: 10px;
  font-weight: 400;
  padding: .5rem .75rem;
  line-height: 2;
}
#variants-area-inside > div:first-of-type .btn-group .btn {
  width: 100% !important;
  flex: 1 1 50% !important;
  max-width: 48%;
min-width: calc(30% - 10px);
  border-radius: 5px;
  font-size: 12px;
  font-weight: 400;
  padding: .5rem .75rem;
  line-height: 2;
}
.elegant #variants-area-inside > div:first-of-type  {
  background-color: #F7F7F7 !important;
  padding: 10px;
  border-radius: 10px;
}
.elegant #variants-area-inside > div:nth-of-type(2) {
background-color: #F7F7F7 !important;
border:1px solid #CACACA;
  padding: 10px;
  border-radius: 10px;
  margin-top: 20px;
}
.elegant .variants_button_section b {
  color: var(--store-font-color);
  font-size: 12px;
  font-weight: 500;
position: relative;
}
.elegant textarea::placeholder {
  color: #000 !important;
font-size:15px;
}
.elegant textarea.form-control {
  background-color: #F7F7F7;
}
.elegant .quantity-area {
  border-top: 2px dotted #B8BBBD;
}
.elegant #modalDialogItem .modal-content {
  border: 0;
  border-radius: 20px;
  overflow-y: auto !important;
}

.elegant #modalItemDetailsPart input#quantity {
  background-color: white !important;
  border: 1px solid white;
  color: black !important;
  height: 2rem !important;
}
.quantity-area .form-group{
    margin-bottom: -0.4rem !important;
}
.elegant #modalItemDetailsPart .number-input button {
background: var(--storecolor);
  color: var(--store_button_text);
  padding: 0px 20px;
  border-radius: 8px !important;
  width: 25px;
  height: 35px;
}

.elegant #modalItemDetailsPart .number-input {
  background-color: white !important;
  border: unset !important;
}

.elegant label.extras_sec_label {
  width: 95% !important;
color: var(--store-font-color) !important;
  font-size: 12px !important;
}
.elegant button.btn.btn-primary {
  border: 1px solid var(--storecolor) !important;
}
.elegant span.extras_tab_prices {
  background-color: transparent;
  padding: 5px;
  border-radius: 5px;
}
.elegant div#exrtas-area-inside br {
  display: none !important;
}
.elegant label.extras_title_name {
  font-size: 12px;
  font-weight: 400 !important;
  color: black !important;
}
.elegant #variants-area-inside > div:first-of-type {
  border: 1px solid #CACACA;
}
.elegant .quantity-btn #addToCart1 button.btn.btn-primary {
  border-radius: 8px !important;
  font-size: 10px;
  padding: 0px;
  width: 100px;
  height: 35px;
}
.elegant #addToCart1 button.btn.btn-primary {
  border-radius: 8px !important;
font-size: 10px;
padding: 0px;
  width: 100px;
  height: 35px;
}
.elegant #variants-area-inside .btn-group {
  gap: 10px;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
.elegant .variants_button_section br {
display: none;
}
.elegant .card-body.px-lg-3.py-lg-3 {
  padding: 8px 15px !important;
}



@media(max-width: 556px){
    .elegant_header #modCartLink #cartCount ,.elegant_header #modCartLink{
        display: none;
    }
    .single-product  .elegant_header #modCartLink #cartCount , .single-product .elegant_header #modCartLink{
        display: inline-block;
    }
.elegant_header #modCartLink #cartCount {
    position: absolute;
    background: transparent;
    border-radius: 50%;
    color: white !important;
    padding: 0px;
    top: -5px;
    background: red;
    margin-left: 4%;
    width: 30px;
    height: 30px;
    border: 1px solid white;
    font-weight: 500;
}
.elegant_header #modCartLink {
    padding: 10px;
    border-radius: 80px;
}

  .elegant #extras_group .btn_collapse_div:last-child {
    margin-bottom: 3px !important;
}
.elegant #extras_group span.text-warning.quantity_label_title {
  font-size: 12px;
  font-weight: 600;
}

.elegant textarea.form-control {
  background-color: #F7F7F7;
  width: 95%;
  border-radius: 10px;
  margin: 0 auto;
}
#productModal .modal-title {
  font-size: 15px !important;
}
.elegant #variants-area-inside > div:nth-of-type(2) {
  background-color: #F7F7F7 !important;
  border:1px solid #CACACA;
  padding: 10px 10px 10px;
  border-radius: 10px;
  margin-top: 20px;
}
.elegant .variants_button_section br {
  display: none;
}

#variants-area-inside > div:first-of-type .btn-group .btn {
  width: 100% !important;
  flex: 1 1 35% !important;
  max-width: 50% !important;
  font-size: 10px;
  padding: .5rem .75rem;
  line-height: 2;
}
#variants-area-inside .btn-group .btn {
  width: 100%;
  flex: 1 1 25% !important;
  max-width: 30% !important;
  font-size: 10px;
  padding: .5rem .75rem;
  line-height: 2;
}
.elegant .variants_button_section b {
  color: var(--store-font-color);
  font-size: 12px;
  font-weight: 500;
  position: relative;
}
.elegant p.ItemPricetab {
  text-align: center;
  margin-bottom: 0px;
  padding-left: 10px;
}
#productModal #modalPrice {
  font-size: 23px;
  font-weight: 600;
}
.elegant label#select_optionlabel {
  font-size: 15px;
  font-weight: 500;
  padding-left: 10px;
}
#productModal #addToCart1 .btn-primary {
      margin: 0px;
  }
#productModal .quantity-area {
    margin-top: 0.5rem;
}
}

@media(min-width: 768px) and (max-width: 992px) {
.elegant #extras_group .btn_collapse_div{
  margin-bottom: 20px;
}
.elegant #extras_group label.form-control-label{
  top: 5px !important;
}
.elegant #extras_group .no_input_name{
  margin-top: -46px !important;
}
.elegant #modalDialogItem .modal-content {
  border: 0;
  border-radius: 20px;
  overflow-y: auto;
}
.elegant h5#modalTitle {
  font-size: 16px;
}
.elegant textarea.form-control {
  background-color: #F7F7F7;
  width: 97%;
  margin: 0 auto;
  border: 1px solid #CACACA;
}
div#exrtas-area-inside {
  background-color: #F7F7F7;
  padding: 5px 15px;
  border-radius: 10px;
  border: 1px solid #CACACA;
  width: 97%;
  margin: 0 auto;
}
}

@media(min-width: 993px) and (max-width: 1199px){
    .single-product .single-item .strip figure img {
        min-height: 150px;
        max-height: 200px;
        object-fit: cover;
    }
    .single-product .strip figure {
        position: relative;
        min-height: 150px;
        z-index: 1;
        height: auto !important;
        max-height: 200px;
    }
.elegant textarea.form-control {
  background-color: #F7F7F7;
  width: 97%;
  margin: 0 auto;
  border: 1px solid #CACACA;
}

}
@media(min-width: 1200px) {
.elegant #variants-area-inside > div:first-of-type .variants_btn_inside {
  padding: 0px 1.5rem;
}
.elegant textarea.form-control {
  background-color: #F7F7F7;
  width: 97%;
  margin: 0 auto;
  border: 1px solid #CACACA;
}
.elegant h5#modalTitle {
  font-size: 16px;
}
.elegant #extras_group {
  max-height: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}
}


/* Targeting the specific element's scrollbar */
.elegant #modalDialogItem .modal-content::-webkit-scrollbar {
width: 5px;
}

.elegant #modalDialogItem .modal-content::-webkit-scrollbar-track {
background: #ff4848;
}

.elegant #modalDialogItem .modal-content::-webkit-scrollbar-thumb {
background: var(--storecolor);
border-radius: 25px !important;
border: 3px solid var(--storecolor);
}
.elegant div#variants-area::-webkit-scrollbar-thumb{
background: var(--storecolor);
border-radius: 25px !important;
border: 3px solid var(--storecolor);
}
.elegant div#variants-area::-webkit-scrollbar-thumb:hover{
background: var(--storecolor);
}
.elegant #modalDialogItem .modal-content::-webkit-scrollbar-thumb:hover {
background: var(--storecolor);
}
/* modal styles for  composite product modal */
.elegant #modalItemDetailsPart #extras_group .number-input {
  background-color: white !important;
}
.elegant #modalItemDetailsPart #extras_group .number-input button {
  background: var(--storecolor);
  color: var(--store_button_text);
  padding: 0px 10px;
  border-radius: 8px !important;
  width: 25px;
  height: 25px;
}
.elegant #modalDialogItem #extras_group .custom-control > label {
  font-weight: 400;
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
    line-height: 25px;
}
#productModal #extras_group .number-input input[type=number] {
  font-weight: 500;
  font-size: 12px;
  width: 25px;
  background-color: white !important;
  color:black !important;
  height: 25px;
}
.elegant #extras_group .no_input_name {
    background-color: var(--storecolorlight);
    padding: 30px 10px 10px;
    border: 1px solid #CACACA;
    border-radius: 10px 10px 0px 0px;
    border-bottom: none;
    margin-top: -40px;
}
.elegant #extras_group .custom-control-label span {
  position: relative;
  background-color: transparent;
  padding: 0 5px;
  border-radius: 5px;
  align-self: center;
  width: auto;
  font-size: 12px;
  text-align: right;
  line-height: 10px;
  top: -2px;
}
.elegant .bx-chevrons-down:before {
  content: "\e9b5";
  margin-left: -3px;
}
.elegant .btn_collapse_div:last-child {
  margin-bottom: 4px !important;
}
.elegant #extras_group label.form-control-label {
    margin: 10px 0px 10px 10px;
    top: 5px;
    position: relative;
    width: 95%;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}
.elegant div#variants-area {
  max-height: 250px;
height: auto ;
  overflow-y: auto;
}
.elegant #variants-area-inside:empty {
  display: none !important;
  padding: 0 !important;
  border-radius: unset;
}
/* scrollbar style here */
.elegant #extras_group::-webkit-scrollbar-thumb{
background: var(--storecolor);
border-radius: 25px !important;
border: 5px solid var(--storecolor);
}
.elegant #extras_group::-webkit-scrollbar-track{
background-color: #ffffff !important;
}
.elegant textarea.textarea_style {
  background-color: var(--storecolorlight) !important;
  width: 100%;
  margin: 5px auto;
  border: 1px solid #CACACA;
height: 50px;
}
@media(max-width: 560px){
  .elegant #extras_group .custom-control-label span{
    width: 100px;
  }
  .elegant .variant_main_sec::-webkit-scrollbar{
    display: none;
  }
.elegant #extras_group span.text-warning.required_label_title {
  padding: 3px 3px !important;
  border-radius: 40px;
  font-size: 10px;
}

.elegant #extras_group .no_input_name {
  background-color: var(--storecolorlight);
  padding: 40px 10px 10px;
  border: 1px solid #CACACA;
  border-radius: 10px 10px 0px 0px;
  margin-top: -19px;
  border-bottom:none;
}
.elegant #extras_group label.form-control-label {
  margin: -25px 0px 20px 10px;
  top: 35px;
  position: relative;
  font-size: 12px;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}

.elegant #extras_group .btn_collapse_div {
  margin-bottom: 10px !important;
}
}


.elegant #extras_group button.toggle-button {
  display: block;
  margin: 5px auto;
background-color: transparent !important;
  color: var(--storecolor);
    padding: 5px 10px;
        margin-bottom: 10px;
position: relative;
z-index: 2;
border: unset;
}
.rotation{
transform: rotate(180deg) !important;
}

.elegant .no_input_name {
  overflow: hidden;
  transition: height .3s ease !important;
}

.elegant .no_input_name.expanded {
  height: auto; /* Allow full height when expanded */
}

.toggle-button {
  margin-top: 10px; /* Adjust margin as needed to separate from .no_input_name */
  background-color: #fff; /* Background color to make it stand out */
}

.elegant #extras_group .btn_collapse_div {
  background-color: var(--storecolorlight) !important;
  padding-top: 1px;
  border: 1px solid #CACACA;
  border-radius: 0px 0px 10px 10px;
  border-top: none;
    margin-bottom: 20px;
    min-height: 10px;
}
.elegant #extras_group button.toggle-button:focus {
  outline: none;
}
.elegant #extras_group span.text-warning.required_label_title {
  background-color: var(--storecolor);
  color: white !important;
  padding: 3px 10px;
  border-radius: 30px;
  font-size: 10px;
  margin-right: 0% !important;
}
#exrtas-area-inside .strikethrough{
  background-color: white;
  padding: 5px 5px 5px;
}

.chevron_icon_btn {
  position: relative;
  text-align: center;
  font-size: 20px;
  display: block;
  margin-top: -25px;
  color: var(--storecolor);
transition: transform 0.3s;
}

.elegant .variant_main_sec {
  height: auto;
  overflow-y: auto;
  max-height: 400px;
  margin-top:0px;
  padding-right: 5px;
}

.elegant .variant_main_sec::-webkit-scrollbar-thumb{
background: var(--storecolor);
border-radius: 25px !important;
border: 3px solid var(--storecolor);
}
.elegant .variant_main_sec::-webkit-scrollbar-thumb:hover{
background: var(--storecolor);
}
.elegant label.form-control-label {
  padding-bottom: 5px;
}
#extras_group .custom-control-label::before{
    border: 2px solid var(--storecolor);
}
.elegant #extras_group .no_input_name > .custom-control {
    min-height: 40px;
    padding-left: 2rem;
    border-radius: 4px;
}
.elegant #extras_group .no_input_name > .custom-control:hover {
    background: var(--storecolorlight);
}
.elegant #extras_group .no_input_name > .custom-control > input{
    position: absolute;
    left: 0;
    top: 0;
}
#extras_group .strikethrough, .elegant #extras_group .no_input_name > .custom-control.strikethrough:hover{
    background-color: #e9ecef;
}
#extras_group .strikethrough .custom-control-label::before{
    font: 12px/1 FontAwesome;
}
#extras_group .custom-qtybox.strikethrough .custom-control-label::before{
    display:none;
}
@media(max-width: 560px) {
    .elegant #extras_group label.form-control-label span:nth-child(1) {
        width: 200px;
        height: 25px;
    }
}
#navbar-main #menu>*+*{
    margin-left: 5px;
}
.tags-filter-content {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
}
.tags-filter-section .tags-filter-pills{
    padding:0;
    margin-right:0.5rem;
}
.tags-filter-section .tags-filter-pills label{
    color: var(--storecolor);
    font-weight: var(--font-weight-medium);
    border: 1px solid #f7f7f7;
    white-space: nowrap;
    min-width: 120px;
    text-align: center;
    box-shadow: rgb(99 99 99 / 10%) 0 1px 5px 0;
    border-radius: 0.8rem;
    background-color: #fff;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    outline: 0 !important;
    font-size: .8rem;
    padding: 0.3rem 0.2rem 0.3rem 0.5rem;
    cursor:pointer;
    display:flex;
    align-items:center;
}
.tags-filter-section .tags-filter-pills input:checked + label {
    background-color: var(--storecolor);
    color: #fff;
}
.tags-filter-section .tags-filter-pills label::before,
.tags-filter-section .tags-filter-pills label::after {
    display: none;
}
.tags-filter-section .tags-filter-pills label > span{
    position: relative;
    top: unset;
    left: unset;
    margin-left: 0.5rem;
}
.tags-filter-section .tags-filter-pills label img {
    border-radius: 2px;
    overflow: hidden;
}
.single_product .product_content .product_details .quantity-area, body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-loading {
    justify-content: center;
    align-items: center !important;
}

/* .single_product div#product_related div#collapse_related .strip figure img {
    height: 20rem;
} */

  /**********************************************************************************/
 /********************* new elegant theme style for list view **********************/
/**********************************************************************************/


.product-list.product-categories_sidebar .sidebar-cat-item {
    border: 1px solid #E1E1E1;
    margin: 0.3rem 0rem;
    border-radius: 0.5rem;
}
span.sidebar-parent-arrow {
    right: 0 !important;
}
.sidebar-cat-item .main_menu_item , .list-item.sidebar-subscat-item ,a.sidebar_menu-item.sublevel , #cat_featured #nav_featured {
    padding-left: 0.5rem;
    display: block;
}
.product-list.product-categories_sidebar .sidebar-cat-item .sidebar_menu-item , .product-list.product-categories_sidebar label.custom-control-label.main_category_label {
    background: transparent;
    color: var(--store_button_background);
    font-size: 13px;
    font-weight: 600;
    font-family: var(--store_primary_font);
    width: -webkit-fill-available;
    padding: 0.8rem;
}
.product-list.product-categories_sidebar .sidebar-cat-item .sidebar_menu-item:focus{
    outline: none;
}
.product-categories_sidebar .sidebar-parent-arrow a {
    color: black;
    background: white;
    font-weight: 700;
}
label.custom-control-label.tagslabel_box{
    border: 1px solid #D9D9D9;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
    border-radius: 0.5rem;
    padding: 5px 1rem;
    box-shadow: 0px 1.50px 5.50px 0px #6363631A;
    min-width: 7rem;
}
.custom-control-input:checked ~ .custom-control-label {
    border: 1px solid var(--storecolor);
    margin-left: 1rem;
    border-radius: 0.5rem;
    padding: 5px 1rem;
    box-shadow: 0px 1.50px 5.50px 0px #6363631A;
}
.tags_section .custom-radio .custom-control-label::before {
    display: none;
}
.product-list .custom-control-input:checked ~ .custom-control-label {
    border: 1px solid var(--storecolor);
    margin-left: 0rem;
    border-radius: 0.5rem;
    width: 100%;
    padding:0.5rem;
    box-shadow: 0px 1.50px 5.50px 0px #6363631A;
    display: block;
}
.product-list label.custom-control-label.tagslabel_box{
    border: 1px solid #D9D9D9;
    margin-left: 1rem;
    border-radius: 0.5rem;
    padding: 5px 1rem;
    box-shadow: 0px 1.50px 5.50px 0px #6363631A;
}
.product_listing_main_container .product-list label.custom-control-label {
    padding: 0.5rem;
    color: #222;
    font-size: 13px;
    width: 100%;
    font-weight: 500;
}
.product_listing_main_container i.bx.bx-chevron-down.sidebar_dropdown_arrow {
    float: right;
    color: black;
    font-size: 20px;
    transform: rotateX(0deg);
}
.product-list.product-categories_sidebar #cat_featured a#nav_featured {
    padding: 0.5rem;
    color: #222;
}

.product_listing_main_container button.category_sidebar_btn {
    color: transparent;
    background: transparent;
    float: right;
    padding: 0.2rem;
    text-align: center;
    align-items: center;
    position: absolute;
    margin-left: -2rem;
    width: 2.5rem;
    height: 2.5rem;
}
label.custom-control-label.main_category_label::before ,
label.custom-control-label.main_category_label::after ,
.product_listing_main_container .product-list label.custom-control-label::before ,
.product_listing_main_container .product-list label.custom-control-label::after {
display: none;
}
ul.product-list.product-categories_sidebar {
    position: sticky;
    top: 5rem;
}

.product_listing_main_container #no_filter_matches .nothing_matched {
    display: block;
    position: relative;
    margin: 0 auto;
    width: max-content;
}

.product_listing_main_container #no_filter_matches p.nothing_matched_notice_txt {
    font-size: 15px;
    margin: 1rem auto;
}

.product_listing_main_container #no_filter_matches button.view_all_products {
    color: white;
    background: var(--storecolor, #102c56) !important;
    font-size: 15px;
    text-align: center;
    font-family: var(--store_primary_font);
    position: relative;
    margin: 0 auto;
    width: auto;
    border-radius: 0.3rem;
    margin-bottom: 1rem;
    padding: 1rem;
    display: block;
}
.tags_main_section .tags_section {
    width: 100%;
    overflow: auto;
}

/********* grid products listing styles ***********/
.grid_list_section a.grid_layout, .grid_list_section a.list_layout {
    font-size: 1.5rem;
    font-weight: 500;
    color: gray;
    padding: 0rem 0.5rem;
}
.product_listing_main_container.grid_product .item-offer-horizontal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: var(--font-color);
    padding: 7px;
    width: calc(33% - 20px);
    margin: 0.5rem;
    min-height: 125px;
    gap: 15px;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
    background: #fff;
    border-radius: 2rem;
}
.product_listing_main_container.grid_product .item-offer-horizontal .product_info{
    display: none !important;;
}
.product_listing_main_container.grid_product  .item-offer-horizontal picture>img {
    width: 20rem;
    object-fit: cover;
    height: 10rem;
    border-radius: 1rem;
}
.product_listing_main_container.grid_product .item-offer-horizontal>.info {
    width: calc(100% - 10px);
    padding-left: 0.5rem;
    position: relative;
    padding-top: 5px;
    padding-right: 0;
    min-height: 5rem;
    display: flex;
    flex-direction: column;
}
.product_listing_main_container.grid_product .cat_sec .extras #addToCartbtn .btn{
    width: 4.5rem;
}
.product_listing_main_container.grid_product .product-available-time .product-available-div {
    background: #fff;
    opacity: .8;
    position: absolute;
    padding-top: 10px;
    margin-top: -11rem;
    margin-left: -6rem;
    padding-bottom: 10px;
    text-align: center;
}
.product_listing_main_container.grid_product .product-available-div span {
    font-size: 1rem !important;
}
.grid_list_section a.grid_layout.active , .grid_list_section a.list_layout.active {
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--storecolor);
    padding: 0rem 0.5rem;
}
.tags_filter_section img.tags_img_main {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: cover;
}
.tags_main_section .tags_section::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}
.tags_main_section .tags_section::-webkit-scrollbar-thumb {
    background-color: var(--storecolor);
}
p.tags-filter-heading {
    font-size: 12px;
    color: #000000 !important;
    font-weight: 500;
}
.layout_option_section .grid_list_section {
    float: right;
    padding: 1rem 0rem 0rem;
}





#mobile-menu nav.nav_menu_section {
    margin-top: 3rem;
}

.cart_buttons .page-link:first-child {
    order: 0;
    background-color: var(--storecolor, #102c56);
    color: #fff !important;
    width: 3rem;
    height: 2.3rem;
    border-radius: 0.8rem !important;
  }

  .cart_buttons .page-link:nth-child(2) {
    order: 2;
    background-color: var(--storecolor, #102c56);
    color: #fff !important;
    width: 3rem;
    height: 2.3rem;
    border-radius: 0.8rem !important;
  }

  .cart_buttons .page-link:nth-child(3) {
    order: 1
  }

  .cart_buttons .page-link:nth-child(4) {
    order: 3;
    background-color: white;
    width: 3rem;
    height: 2.3rem;
    border-radius: 0.8rem !important;
  }

  .cart_buttons .page-link:nth-child(3):hover {
    background-color: #fff !important;
    color: var(--storecolor, #102c56)
  }

    .cart_buttons {
        max-width: 12rem;
    }
    .cart_buttons .page-link {
        width: 35px;
        height: 40px
    }
    .cart_count_action {
        display: flex;
        flex-direction: row;
        width: 7rem;
        justify-content: center;
        align-items: center;
        border: 1px solid #B2BCC4;
        border-radius: 0.7rem;
        padding: 0rem 0.5rem;
        background-color: #F4F6FA !important;
    }
    #mobile-menu>.content .box-info>.head {
        background-color: var(--store_sidebar_background);
        font-size: 20px;
        font-weight: 500;
    }
    button.btn.cart_trash_item {
        background-color: red !important;
        color: #fff !important;
        width: 2.3rem !important;
        height: 2.3rem;
        border-radius: 0.8rem !important;
        margin-left: 20px !important;
    }
    #mobile-menu>.content {
        width: 100%;
        max-width: 100%;
    }
    div#cartListMobile .items.clearfix {
        margin: 0.5rem;
        width: 96%;
        border: 6px solid #ECECEC;
        border-radius: 0.8rem;
    }
    #mobile-menu .content .totalprice_sec {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0rem 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #DCDCDC;
    }
    strong.shop_cart_basket_icon i {
        font-size: 2rem;
        color: var(--storecolor);
    }
    #mobile-menu .content .totalprice_sec span {
        color: black;
        font-size: 17px;
        font-weight: 400;
    }
    .cartitem_details {
        width: 65%;
        word-wrap: break-word;
    }
    #mobile-menu>.content .box-info>.head p strong {
        color: black;
        font-size: 20px;
        font-weight: 500;
        font-family: inherit;
    }
    .bottom-cart-buttons .btn {
        max-width: 100%;
        height: 3rem;
        line-height: 2;
        font-size: 18px;
        font-weight: 500;
        border-radius: 0.5rem;
        font-family: 'Poppins';
        width: 12rem;
        margin: 0rem;
    }
    h2.categories_section_title {
        font-size: 25px;
        font-weight: 500;
        color: black;
        font-family: var(--store_primary_font);
    }
    .product_search input::placeholder {
        color: #7A7A7A;
        border-radius: 50rem;
        font-size: 13px;
    }
    .product_search input{
        border: 1px solid #7A7A7A !important;
        color: #7A7A7A;
    }
    .buying_options_btn div#single_product_addToCartbtn button.addtocart_btn , .buying_options_btn div#addToCart1 button.btn.item_buynow {
    background-color: var(--store_button_background);
    color: var(--store_button_text);
    border-radius: 0.5rem;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    height: 2.5rem;
    min-width: 12rem;
}
.single_product .product_description .number-input button {
    width: 1.8rem;
    height: 1.8rem;
    color: var(--store_button_text) !important;
    background: var(--store_button_background) !important;
    margin: 0.4rem;
    border-radius: 0.5rem;
}
.single_product .product_description .number-input {
    height: auto;
    border: 1px solid #B2BCC4;
    border-radius: 0.5rem;
    background-color: #F4F6FA;
}
.single_product .product_description .number-input input[type=number] {
    background-color: #F4F6FA;
    width: 5rem;
    max-width: 3rem;
    height: 2.5rem;
}
.single_product_owl_carousel.owl-carousel .owl-dots>.owl-dot>span {
    background: #D4D4D4 !important;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    margin: 0.2rem;
    border-radius: 0.5rem;
}
.single_product_owl_carousel.owl-carousel .owl-dots>.owl-dot.active>span {
    background: var(--storecolor) !important;
    display: block;
    width: 3rem;
    height: 0.6rem;
    margin: 0.2rem;
    border-radius: 0.5rem;
}
.single_product_owl_carousel.owl-carousel .owl-dots{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1rem auto 1rem;
}
.single_product #detail.product-images .item.owl-item-img {
    border-radius: 2rem;
    display: block;
    overflow: hidden;
    border: 5px solid transparent;
    /* height: 300px; */
    object-fit: cover;
    background: center;
}
.single_product .products-page-cats, .share_text_content {
    color: black;
    font-size: 15px;
    font-weight: 700;
    font-family: var(--store_primary_font);
    margin-top: 0.5rem !important;
}
.single_product .product_meta .posted_in a {
    color: var(--storecolor) !important;
    font-size: 12px;
    font-weight: 600;
    font-family: var(--store_primary_font);
}
.product_desc_section .single_product_desc_text {
    color: black;
    font-size: 15px;
    font-weight: 700;
    margin-top: 1rem;
}
.product_long_desc .product_info p {
    color: black;
    font-size: 15px;
    font-family: var(--store_primary_font);
    font-weight: 500;
}
.product_desc_section button.desc_readmore_btn {
    color: var(--store_button_background);
    font-size: 15px;
    font-weight: 700;
    font-family: var(--store_primary_font);
    border: none;
    padding: 0px;
    margin-top: 0.5rem;
}
.single_related_item .product_content .product_details .number-input button {
    width: 1.8rem;
    height: 1.8rem;
    background-color: var(--store_button_background);
    color: var(--store_button_text);
    margin: 0 0.3rem;
    border-radius: 0.5rem;
}
.single_related_item .product_content .product_details .number-input {
    border-radius: 0.5rem;
    border: 1px solid #838080;
    min-height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -5px;
}
.single_related_item.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    padding: 0.3rem;
}
.single_related_item.owl-carousel div#addToCartbtn button {
    margin: 0 auto;
    display: block;
}
.single_related_item.owl-carousel button.btn.single_rel_item {
    width: 100%;
    min-width: 5rem !important;
}
.single_related_item .product-col .strip {
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 1rem;
}
.single_product .strip .product_content .product_details .res_mimimum.notranslate {
    color: black;
    font-size: 15px;
    font-weight: 600;
    font-family: var(--store_primary_font);
}
.related_product_section .related_product_text {
    font-size: 18px;
    font-weight: 700;
    font-family: var(--store_primary_font);
    color: var(--storecolor);
    margin: 1rem auto;
}
.single_product .single_product_page_main_container .product_videos_frame{
    width: 400px;
    height: 400px;
}
.single_product .product_content .product_details .quantity-area{
    align-items: center;
}
.product_content .product_details #addToCartbtn .btn {
    width: 100%;
    height: 2.5rem;
    padding: 1px;
    border-radius: 0.5rem;
    min-width: 2rem;
    max-width: 3rem;
}
.single_product .featured_item_section .featured-item.f_items_main_div .featured-item_section {
    flex-direction: column !important;
    justify-content: center;
    display: flex;
}
.single_product .featured_item_section .featured-item.f_items_main_div .featured-item_section .item-img .featured_item_img{
    border-radius: 1rem !important;
    padding: 0 0.5rem 0.5rem;
}
.single_product .item.featured_item_section .featured-item {
    border: 1px solid #e5e5e5 !important;
    border-radius: 1rem;
}
.single_featured_item .owl-dots .owl-dot span {
    background-color: #D4D4D4 !important;
    display: flex;
    justify-content: center;
    margin: 0.2rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 1rem;
}
.single_featured_item .owl-dots .owl-dot.active span {
    background-color: var(--store_button_background) !important;
    display: flex;
    justify-content: center;
    margin: 0.2rem;
    width: 2rem;
    height: 0.5rem;
    border-radius: 1rem;
}
.single_featured_item .owl-dots{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 1rem;
}
.single_product .related_product_section .related_product_text , .product_desc_section .single_product_desc_text {
    font-size: 18px;
    font-weight: 700;
    font-family: var(--store_primary_font);
    color: var(--storecolor);
    margin: 1rem auto;
    padding-top: 1rem !important;
    border-top: 0.5px solid #d1d1d1 !important;
}
.single_product .featured_item_section .featured-item.f_items_main_div .featured-item_section .f_item_name, .single_product .featured_item_section .featured-item.f_items_main_div .featured-item_section .f_sale_price {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--store_primary_font);
    color: black;
}
.single_product_page_main_container {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}
.single_product .product-col .strip .res_excerpt {
    display: none;
}
.single_related_item.owl-carousel img.related_cart_img {
    width: 2rem;
    height: 2rem;
}


.single_product_page_main_container .slider-wrapper {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: center;
}
.single_product_page_main_container .slider-wrapper .thumbnail-slider {
    width: 100px;
    margin-right: 20px;
    position: relative;
}
.single_product_page_main_container .slider-wrapper .thumbnail-slider button {
    display: none !important;
}
.single_product_page_main_container .slider-wrapper .thumbnail-slider .slick-slide {
    cursor: pointer;
}
.single_product_page_main_container .slider-wrapper .thumbnail-slider img {
    width: 80px;
    height: auto;
    margin: 2px 5px;
}
.single_product_page_main_container .slider-wrapper .thumbnail-slider ul.slick-dots {
    display: flex;
    flex-direction: column;
    position: absolute;
}
.single_product_page_main_container .slider-wrapper .main-slider ul.slick-dots {
    display: flex;
    flex-direction: row;
    width: auto;
    height: 2rem;
    justify-content: center;
    align-items: center;
}
.single_product_page_main_container .slider-wrapper .main-slider ul.slick-dots li button {
    background-color: #D4D4D4;
    color: #D4D4D4;
    border-radius: 5rem;
    width: 0.7rem !important;
    height: 0.7rem !important;
    margin: 0.2rem;
    padding: 0px;
    font-size: 2px !important;
}
.single_product_page_main_container .slider-wrapper .main-slider ul.slick-dots li.slick-active button {
    background-color: var(--store_button_background);
    color: var(--store_button_background);
    border-radius: 5rem;
    width: 2.5rem !important;
    height: 0.6rem !important;
    margin: 0.2rem;
    padding: 0px;
    font-size: 2px !important;
}
.single_product_page_main_container .slider-wrapper .main-slider.single_product_owl_carousel img.img-fluid {
    width: 400px;
    border-radius: 1rem;
    height: 400px;
}
.mobile_search_sec{
    display: none;
}
a#nav_featured.active {
    border: 1px solid var(--storecolor) !important;
    border-radius: 0.5rem;
}
.head.cat-head.category_heading {
    background: white;
}


img.hotline_mobile_icon {
    width: 1.8rem;
    height: 1.8rem;
}
a.btn-default.hotline_btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: white;
    border: 1px solid var(--store_header_button);
    border-radius: 0.7rem;
    height: 2.5rem;
}
a.header_login_btn .header_login_icon svg , a#modCartLink .header_cart_img svg , a.header_table_booking_btn .header_t_booking_icon svg {
    width: 1.6rem;
    height: 1.6rem;
    fill: var(--store_header_button_text , white);
}
a.header_login_btn .header_login_icon svg path , a#modCartLink .header_cart_img svg path , a.header_table_booking_btn .header_t_booking_icon svg path {
  fill: var(--store_header_button_text , white);
}


.main_slide_placeholder_img {
    width: 100%;
    min-width: 400px;
    height: 100%;
    position: absolute;
    background: center;
    object-fit: contain;
    margin: 0 auto;
    border-radius: 8rem;
    right: -3rem;
}
.main_product_image_section .main-slider-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 25rem;
    background: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10; /* Ensure it is on top */
}
.main_product_image_section .loading-spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top: 4px solid #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spins 1s linear infinite;
    left: 2rem;
    position: relative;
}

@keyframes spins {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.main-slider {
    display: none;
}
div#single_product_addToCartbtn{
width: 100%;
}
form.single_buynow_button {
    margin-left: 1rem;
}

@media (max-width: 400px){
    .single_related_item .product_content .product_details .number-input button {
        width: 2.4rem !important;
        border-radius: 0.4rem;
    }
    .single_product #detail.product-images .item.owl-item-img img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        padding: 0 0rem !important;
        max-width: 100%;
    }
    .breadcrumb{
        margin-bottom: 0.2rem;
    }
    .single_related_item.owl-carousel .owl-item img{
        padding: 0.1rem 0.1rem;
    }
    .categories_title_sec_main .product_search input{
        margin-bottom: 0.1rem;
    }
    .mobile_menu_button_section a#modCartLink{
        left:17rem !important;
    }
    .categories_title_sec_main .product_search {
        min-width: 200px !important;
    }
    .buying_options_btn div#single_product_addToCartbtn button.addtocart_btn, .buying_options_btn div#addToCart1 button.btn.item_buynow {
        min-width: 9rem !important;
    }
    .single_related_item.owl-carousel img.related_cart_img {
        width: 2rem;
        height: 1.5rem;
    }

}
@media (max-width: 767px) {
    .main_slide_placeholder_img {
        width: auto;
        height: 100%;
        position: absolute;
        background: center;
        object-fit: contain;
        margin: 0 auto;
        border-radius: 0rem;
        right: auto;
        object-fit: cover;
    }

    .main_product_image_section .loading-spinner {
        border: 4px solid rgba(0, 0, 0, 0.1);
        border-top: 4px solid #000;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        animation: spins 1s linear infinite;
        left: 0rem;
        position: relative;
    }
    .single_product #detail.product-images .item.owl-item-img img {
        height: auto;
        object-fit: cover;
        width: auto;
        background-position: center;
        margin: 0 auto;
        padding: 0 0.4rem;
    }
    .single_product #detail.product-images .item.owl-item-img {
        height: 300px;
    }
    .single_product .product-col .strip .res_excerpt{
        display: none;
    }
    .single_related_item .product-col .strip {
        padding: 5px;
        margin-bottom: 5px;
        border-radius: 1rem;
    }
    .single_product .strip .product_content .product_details .res_mimimum.notranslate {
        color: black;
        font-size: 15px;
        font-weight: 600;
        font-family: var(--store_primary_font);
        text-align: left;
    }
    .single_product .related_product_section .related_product_text , .product_desc_section .single_product_desc_text {
        font-size: 18px;
        font-weight: 700;
        font-family: var(--store_primary_font);
        color: var(--storecolor);
        margin: 1rem auto;
    }
    .single_product .product_description .number-input input[type=number] {
        background-color: #F4F6FA;
        width: 2rem;
        max-width: 2rem;
        height: 2.5rem;
    }
    .single_product .featured_item_section .featured-item.f_items_main_div .featured-item_section .f_item_name, .single_product .featured_item_section .featured-item.f_items_main_div .featured-item_section .f_sale_price {
        font-size: 15px;
        font-weight: 600;
        font-family: var(--store_primary_font);
        color: black;
    }
    .single_product_page_main_container .slider-wrapper .thumbnail-slider{
        display: none !important;
    }
    .single_product .single_related_item .product-col .strip .res_title{
        text-align: left;
    }
    .product_desc_section .single_product_desc_text {
        margin-top:0.5rem;
    }
    .single_product .product_content .product_details .quantity-area{
        align-items: center;
    }
    .product_content .product_details #addToCartbtn .btn {
        width: 100%;
        height: 2rem;
        padding: 1px;
        border-radius: 0.5rem;
        min-width: 2rem;
    }
    .single_related_item .product_content .product_details .number-input button {
        width: 1.6rem;
        height: 1.6rem;
        background-color: var(--store_button_background);
        color: var(--store_button_text);
        margin: 0.3rem;
        border-radius: 0.5rem;
    }
    .single_product .single_product_page_main_container {
        border: 1px solid #E1E1E1;
        border-radius: 1rem;
        padding-bottom: 1rem;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        width: 95%;
    }
    .buying_options_btn div#single_product_addToCartbtn button.addtocart_btn, .buying_options_btn div#addToCart1 button.btn.item_buynow{
        min-width: 10rem;
    }
    div#cartListMobile .items.clearfix {
        margin: 0.5rem;
        padding: 1rem 0rem;
        padding-left: 0.5rem;
        width: 96%;
        border: 5px solid #ECECEC;
        border-radius: 0.8rem;
    }
    .product_videos_frame{
        width: 100%;
        height: 300px;
    }
    .product_desc_section {
    margin-top: 1.5rem;
    }
    .single_related_item .product_content .product_details .number-input {
        border-radius: 0.5rem;
        border: 1px solid #B2BCC4;
        background-color: #F4F6FA;
    }
    .single_product .product_content .product_details .number-input input[type=number]{
        background-color: #F4F6FA;
    }
.product_long_desc .product_info p {
    color: black;
    font-size: 15px;
    font-family: var(--store_primary_font);
}

.product_long_desc .product_info {
    overflow: hidden;
    position: relative;
}


.read-more-button {
    display: block;
    text-align: center;
    cursor: pointer;
    color: blue;
    margin-top: 10px;
}


    .product_listing_main_container.grid_product .item-offer-horizontal {
        width: calc(50% - 10px);
    }
    .product_listing_main_container.grid_product .item-offer-horizontal picture>img {
        width: 20rem;
        object-fit: cover;
        height: 8rem;
        border-radius: 1rem;
    }
    .product_listing_main_container.grid_product .cat_sec .extras #addToCartbtn .btn {
        width: 3.5rem;
        height: 1.7rem;
        font-size: 10px;
        border-radius: 0.5rem;
        padding: 0.5rem;
    }
    .product_listing_main_container.grid_product .item-offer-horizontal .price {
        font-size: 12px;
        font-weight: 700;
    }
    #product_section .grid_item_price {
        flex-direction: row !important;
    }
    .product_listing_main_container.grid_product .item-offer-horizontal{
        border-radius: 1rem;
        margin: 5px 3px !important;
    }
    .product_listing_main_container.grid_product .product-available-time .product-available-div {
        background: #fff;
        opacity: .8;
        position: absolute;
        padding-top: 10px;
        margin-top: -8rem;
        margin-left: 0rem;
        padding-bottom: 10px;
        text-align: center;
    }
    .cat_sec .extras #addToCartbtn .btn , .cat_sec .extras .select-option #addToCartbtn .btn {
        width: 65px;
        height: 30px;
        font-size: 10px;
        border-radius: 8px;
        margin-top: 0.2rem;
    }
    .product_listing_main_container.grid_product .item-offer-horizontal>.info h4 a{
        font-size: 0.8rem;
    }
    .product_listing_main_container.grid_product .product_section_main {
        padding: 0px;
    }
    .product_listing_main_container.grid_product .product-available-time .product-available-div {
      left: 10px !important;
      top: -90px !important;
      margin: 0 auto !important;
      padding: 0 30px !important;
  }
  .product_listing_main_container.container .sidebar_category.mobile_menu_box {
    position: fixed;
    z-index: 99999;
    background-color: #FFFFFF;
    width: 80%;
    height: auto;
    margin: 0 auto;
    bottom: 7rem;
    padding: 1rem;
    box-shadow: 0px 4px 4px 0px #0000001A;
    display: none;
    border-radius: 2rem;
    left: 3rem;
}
button.mobile_menu_cart_bottom {
    position: fixed;
    bottom: 2rem;
    z-index: 99;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    left: 20rem;
    width: 5rem;
    font-size: 20px;
    height: 4rem;
    background-color: var(--store_button_background);
    border-radius: 1rem;
}

.mobile_menus_section {
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    max-height: 30rem;
    margin: 0 auto;
    bottom: 18rem;
    padding: 1rem;
    display: flow-root;
    overflow: auto;
}
.mobile_menus_section::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.mobile_menus_section::-webkit-scrollbar-thumb {
background-color: var(--store_button_background);
}

.product-list.product-categories_sidebar label.custom-control-label.main_category_label {
    background: white;
    box-shadow: 2.88px 2.88px 10.54px 0px #0000001A;
    border-radius: 0.5rem;
}
.mobile_menu_button_section .mobile_menu_icon svg {
    width: 2.2rem;
    height: 2.2rem;
    object-fit: contain;
    background-position: center;
}
.mobile_menu_button_section .mobile_menu_icon svg path {
    fill: var(--store_button_text);
}
#modCartLink .mobile_bottom_cart svg {
    width: 2.2rem;
    height: 2.2rem;
}
#modCartLink .mobile_bottom_cart svg path{
    fill: var(--store_button_text);
}
.mobile_menu_button_section button.mobile_menu_button {
    position: fixed;
    bottom: 2rem;
    z-index: 9999 !important;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    left: 8rem;
    width: 8rem;
    font-size: 20px;
    height: 3rem;
    color: var(--store_button_text);
    background-color: var(--store_button_background);
    border: 1px solid var(--store_button_text);
    border-radius: 0.9rem;
}
span.mobile_menu_text {
    line-height: 4rem;
}
.mordern_footer_mobnav, .mordern_footer_mobnav nav{
    display: none !important;
}
div#cartCountmob {
    color: var(--store_button_background);
    background-color: var(--store_button_text);
    padding: 0px;
    position: absolute;
    border-radius: 3rem;
    top: -1rem;
    border: 1px solid var(--store_button_background);
    left: 3rem;
    min-width: 1.8rem;
    height: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
}

.mobile_menu_button_section a#modCartLink {
    position: fixed;
    bottom: 2rem;
    z-index: 99;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    left: 18rem;
    width: 4rem;
    font-size: 20px;
    height: 3rem;
    background-color: var(--store_button_background);
    border-radius: 1rem;
    border: 1px solid var(--store_button_text);
}
a#modCartLink img {
    width: 2rem;
    height: 2rem;
    padding: 0.2rem 0.2rem;
    margin: 0.3rem auto;
}
#mobile-menu>.close-mobile-menu {
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 0px;
    background: transparent;
    box-shadow: none;
    font-size: 24px;
    position: relative !important;
    z-index: 999 !important;
    left: 1.1rem;
}
#mobile-menu nav.nav_menu_section {
    margin-top: 3rem;
}
#cartListMobile .product-item_quantity.notranslate {
    color: black;
    font-size: 14px;
    font-weight: 700;
    font-family: var(--store_primary_font);
}
.cart_buttons .page-link:first-child {
    order: 0;
    background-color: var(--storecolor, #102c56);
    color: #fff !important;
    width: 3rem;
    height: 1.5rem;
    border-radius: 0.5rem !important;
  }

  .cart_buttons .page-link:nth-child(2) {
    order: 2;
    background-color: var(--storecolor, #102c56);
    color: #fff !important;
    width: 3rem;
    height: 1.5rem;
    border-radius: 0.5rem !important;
  }

  .cart_buttons .page-link:nth-child(3) {
    order: 1;
    background-color:transparent !important;;
  }

  .cart_buttons .page-link:nth-child(4) {
    order: 3;
    background-color: white;
    width: 3rem;
    height: 2.3rem;
    border-radius: 0.8rem !important;
  }

  .cart_buttons .page-link:nth-child(3):hover {
    background-color: #fff !important;
    color: var(--storecolor, #102c56)
  }

    .cart_buttons {
        max-width: 8rem;
    }
    .cart_buttons .page-link {
        width: 35px;
        height: 40px
    }
    .cart_count_action {
        display: flex;
        flex-direction: row;
        width: 5rem;
        height: 2.2rem;
        justify-content: center;
        align-items: center;
        border: 1px solid #B2BCC4;
        border-radius: 0.5rem;
        padding: 0rem 0.5rem;
        background-color: #F4F6FA !important;
    }
    #mobile-menu>.content .box-info>.head {
        background-color: var(--store_sidebar_background);
        font-size: 20px;
        font-weight: 500;
    }
    button.btn.cart_trash_item {
        background-color: red !important;
        color: #fff !important;
        width: 1.5rem !important;
        height: 2.3rem;
        border-radius: 0.5rem !important;
        margin-left: 10px !important;
    }
    #mobile-menu>.content {
        width: 100%;
        max-width: 100%;
    }
    .product-list.product-categories_sidebar #cat_featured a#nav_featured {
        padding: 0.5rem;
        color: #222;
        background: white;
        box-shadow: 2.88px 2.88px 10.54px 0px #0000001A;
        border-radius: 0.5rem;
    }
    .product-list.product-categories_sidebar label.custom-control-label.main_category_label {
        font-size: 15px;
    }
    .cart_count_action .btn-cart-icon {
        font-size: 15px !important;
    }
    .ml-6 {
        margin-left: 4rem; /* Custom margin value */
    }
    .product_description .product_name {
        margin-top: 0;
        font-family: var(--store_primary_font);
        font-size: 1.5rem;
        color: #292D32;
        font-weight: 600;
    }
    .product_info {
        color: black;
        font-size: 1rem;
        text-align: justify;
        font-weight: 400;
        font-family: var(--store_primary_font);
        margin: 0rem auto 0rem;
    }
    .quantity-area {
        display: flex;
    }
    textarea#single_note {
        margin-top: 0.5rem;
    }
    .single_product_owl_carousel.owl-carousel .owl-dots>.owl-dot>span {
        width: 0.5rem;
        height: 0.5rem;
    }
    .single_product_owl_carousel.owl-carousel .owl-dots>.owl-dot.active>span {
        width: 2rem;
        height: 0.5rem;
    }
    .categories_title_sec_main .layout_option_section {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .layout_option_section .grid_list_section, .mobile_search_sec {
        padding: 0.6rem 0rem 0rem;
    }
    .categories_title_sec_main .product_search input {
        border-radius: 0.5rem;
        color: #7A7A7A;
        border: 1px solid #b5b5b5 !important;
        padding-left: 2.5rem;
    }
    .mobile_search_sec .product_search span {
        width: 40px;
        height: 40px;
        font-size: 20px;
        left: 0;
        transform: rotateY(180deg);
    }
    .mobile_search_sec .products_input_wrapper, .mobile_search_sec .products_search_wrapper {
        display: block;
    }
    .product_listing_main_container #no_filter_matches .nothing_matched img.nothing_matched_img {
        width: 350px;
        height: auto;
    }
    div#no_filter_matches .nothing_matched .nothing_matched_notice{
        line-height: 1.8;
    }
    .categories_title_sec_main {
        position: sticky;
        top: 0rem; /* Position it at the top of the viewport */
        z-index: 1000; /* Ensure it stays on top of other elements */
        background-color: #fff; /* Optional: Set a background color */
        box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Optional: Add a shadow for better visibility */
        padding: 5px 0px 10px;
    }
    .box-info>.cat-head {
        top: 7rem;
    }
    #header{
        z-index: 8 !important;
    }
    .mobile_search_sec {
        display: flex;
    }
    .main_product_image_section .main-slider-placeholder{
        position: relative;
        min-height: 15rem;
    }

}
@media (min-width: 768px) and (max-width: 992px) {
    .buying_options_btn div#single_product_addToCartbtn button.addtocart_btn, .buying_options_btn div#addToCart1 button.btn.item_buynow{
        min-width: 10rem !important;
    }
    .product_long_desc .product_info {
        overflow: hidden;
        position: relative;
    }
    .categories_title_sec_main {
        position: sticky;
        top: 4.5rem;
        z-index: 1000;
        background-color: #fff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        padding: 5px 0px 10px;
    }
    .layout_option_section .grid_list_section {
        float: right;
        padding: 0rem 0rem 0rem;
    }

    #mobile-menu>.content {
        width: 100%;
        max-width: 75%;
    }
    #mobile-menu>.content .box-info>.head {
        background-color: var(--store_sidebar_background);
        font-size: 20px;
        font-weight: 500;
    }
    .ml-6{
        margin-left: 4rem;
    }
    #mobile-menu>.close-mobile-menu {
        z-index: 99;
        left: 1rem;
        width: 3rem;
        height: 2rem;
        box-shadow: none;
        font-size: 26px;
    }
    div#cartListMobile .items.clearfix {
        margin: 0.5rem;
        padding: 1rem 0rem;
        padding-left: 0.5rem;
        width: 96%;
        border: 5px solid #ECECEC;
        border-radius: 0.8rem;
    }
    .bottom-cart-buttons .btn{
        margin: 2rem atuo;
    }
    .sidebar_category.mobile_menu_box .mobile_menus_section {
        position: sticky;
        top: 8rem;
    }
    .box-info>.cat-head {
        top: 8rem;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .products_input_wrapper .product_search {
        width: 50%;
        position: absolute;
        margin-top: -3rem;
        margin-left: 10rem;
    }
    .single_product_page_main_container .slider-wrapper .thumbnail-slider{
        display: none !important;
    }
    .single_product_page_main_container .slider-wrapper .main-slider.single_product_owl_carousel img.img-fluid {
        width: 300px;
        border-radius: 1rem;
        height: 300px;
    }
    .single_product .single_product_page_main_container .product_videos_frame{
        width: 300px;
        height: 300px;
    }
    .product-list.product-categories_sidebar label.custom-control-label.main_category_label {
        background: white;
        color: black;
        font-size: 14px;
        font-weight: 500;
        font-family: var(--store_primary_font);
        text-decoration: none;
        box-shadow: 1px 1px 6px 0px #0000001A;
        border-radius: 0.5rem;
    }
    .product-list.product-categories_sidebar .sidebar-cat-item {
        border: 1px solid #bbbbbb;
        margin: 0.3rem 0rem;
        border-radius: 0.5rem;
        box-shadow: 1px 1px 6px 0px #0000001A;
    }
    .product-list.product-categories_sidebar #cat_featured a#nav_featured {
        padding: 0.5rem;
        color: #222;
        background: none;
    }
    .sidebar_category.mobile_menu_box {
        padding: 0px;
    }
    .product_listing_main_container.grid_product .item-offer-horizontal{
        color: var(--font-color);
        padding: 7px;
        width: calc(50% - 20px);
    }
    section.section-place-content>.packer>.package {
        padding: 0 2px;
    }
    a#modCartLink img.header_cart_img {
        width: 1.8rem;
        height: 1.8rem;
        padding: 2px;
    }
    .elegant_header #modCartLink {
        width: 2.8rem;
        display: flex !important;
        height: 2.5rem;
        border-radius: 0.5rem;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .elegant_header #modCartLink #cartCount {
        padding: 2px !important;
        top: -0.3rem !important;
        right: 4.2rem;
        width: 1.5rem !important;
        height: 1.5rem !important;
        position: absolute;
        background: red;
        font-size: 12px !important;
    }
    #header>.packer .related-mobile-menu {
        display: inline-flex;
        align-items: center;
    }
    .product_listing_main_container.container {
        padding: 0px 0px;
    }


}
@media (min-width: 993px) and (max-width: 1199px) {

    .product_long_desc .product_info {
        overflow: hidden;
        position: relative;
    }
    div#cartListMobile .items.clearfix {
        margin: 0.5rem;
        padding: 1rem 0rem;
        padding-left: 0.5rem;
        width: 96%;
        border: 5px solid #ECECEC;
        border-radius: 0.8rem;
    }

    .product-list.product-categories_sidebar label.custom-control-label.main_category_label {
        background: white;
        color: black;
        font-size: 14px;
        font-weight: 500;
        font-family: var(--store_primary_font);
        text-decoration: none;
        box-shadow: 1px 1px 6px 0px #0000001A;
        border-radius: 0.5rem;
    }
    .product-list.product-categories_sidebar .sidebar-cat-item {
        border: 1px solid #bbbbbb;
        margin: 0.3rem 0rem;
        border-radius: 0.5rem;
        box-shadow: 1px 1px 6px 0px #0000001A;
    }
    .product-list.product-categories_sidebar #cat_featured a#nav_featured {
        background: none;
    }
    .single_product_page_main_container .slider-wrapper .main-slider.single_product_owl_carousel img.img-fluid {
        width: 300px;
        border-radius: 1rem;
        height: 300px;
    }
    .single_product .single_product_page_main_container .product_videos_frame{
        width: 300px;
        height: 300px;
    }
    a.featured.header_login_btn {
        position: relative;
        min-width: 6rem;
        height: 2.5rem;
        border-radius: 0.7rem !important;
        align-items: center;
        justify-content: center;
        display: flex;
        gap: 5px;
    }
    a#modCartLink img.header_cart_img {
        width: 1.8rem;
        height: 1.8rem;
        padding: 2px;
    }
    .header_table_booking_btn img.header_t_booking_icon {
        width: 1.8rem;
        height: 1.8rem;
    }
    a.featured.header_login_btn img.header_login_icon, a.header_sign_up_btn img.header_signup_icon {
        width: 2rem;
        height: 2rem;
        padding: 2px;
    }
    #menu a.featured {
        font-size: 12px;
        margin-left: 5px;
        min-width: 3rem;
    }
    .single_product_page_main_container .slider-wrapper .main-slider.single_product_owl_carousel.owl-carousel.slick-initialized.slick-slider.slick-dotted {
        width: 305px;
    }
    .single-product .product_search{
        min-width: 200px;
    }
    #header>.packer>.package>.right, section.section-image-text.reverse>.packer {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    a#modCartLink {
        position: relative;
        width: 2.6rem;
        height: 2.5rem;
        border-radius: 0.7rem !important;
        align-items: center;
        display: flex;
        margin-left: 5px;
        margin-right: 0.5rem;
    }
    a.featured.header_sign_up_btn {
        position: relative;
        width: 7rem;
        height: 2.5rem;
        border-radius: 0.7rem !important;
        align-items: center;
        justify-content: center;
        display: flex;
        gap: 5px;
    }
    a.toggle-pre-wrapper.featured {
        height: 2.5rem;
        border-radius: 0.7rem !important;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .elegant_header #modCartLink #cartCount {
        padding: 2px !important;
        top: -1rem !important;
        left: 2rem;
        width: 1.5rem !important;
        height: 1.5rem !important;
        position: absolute;
        background: red;
        font-size: 12px !important;
    }
    .layout_option_section .grid_list_section {
        float: right;
        padding: 0rem 0rem 0rem;
    }
    section.categories_title_sec_main {
        position: sticky;
        top: 3.5rem;
        z-index: 9999;
        background: white;
    }
    .sidebar_category.mobile_menu_box .mobile_menus_section {
        position: sticky;
        top: 6rem;
        max-height: 80vh;
        overflow-y: auto;
        padding-right: 1rem;
    }
    .sidebar_category.mobile_menu_box .mobile_menus_section::-webkit-scrollbar{
        width: 2px;
        height: 2px;
        background-color: transparent;
    }
    .sidebar_category.mobile_menu_box .mobile_menus_section::-webkit-scrollbar-thumb {
       background-color:var(--store_button_background);
    }
    .sidebar_category.mobile_menu_box .mobile_menus_section::-webkit-scrollbar-track{
        background-color: transparent;
    }
    .box-info>.cat-head {
        top: 6rem;
    }

}
@media (min-width: 1200px) {
    .product_long_desc .product_info {
        overflow: hidden;
        position: relative;
    }
    .single_product .product_description .quantity-area , .single_product .product_description .buying_options_btn{
        width: 70%;
    }
    .product-list.product-categories_sidebar label.custom-control-label.main_category_label {
        background: white;
        color: black;
        font-size: 14px;
        font-weight: 500;
        font-family: var(--store_primary_font);
        text-decoration: none;
        box-shadow: 1px 1px 2px 1px #0000001A;
        border-radius: 0.5rem;
    }
    .single_product_page_main_container .slider-wrapper .main-slider.single_product_owl_carousel.owl-carousel.slick-initialized.slick-slider.slick-dotted {
        width: 410px;
    }
    .product-list.product-categories_sidebar .sidebar-cat-item {
        border: 1px solid #bbbbbb;
        margin: 0.3rem 0rem;
        border-radius: 0.5rem;
        box-shadow: 1px 1px 6px 0px #0000001A;
    }
    .product-list.product-categories_sidebar #cat_featured a#nav_featured {
        background: none;
    }
    .layout_option_section .grid_list_section {
        float: right;
        padding: 0rem;
    }
    section.categories_title_sec_main {
        position: sticky;
        top: 3.5rem;
        z-index: 9999;
        background: white;
    }
    a#modCartLink img.header_cart_img {
        width: 1.8rem;
        height: 1.8rem;
        padding: 2px;
    }
    a.featured.header_login_btn img.header_login_icon , a.header_sign_up_btn img.header_signup_icon {
        width: 2rem;
        height: 2rem;
        padding: 2px;
    }
    .header_table_booking_btn img.header_t_booking_icon {
        width: 2.5rem;
        height: 2.5rem;
    }
    .elegant_header #modCartLink #cartCount {
        padding: 2px !important;
        top: -0.5rem !important;
        left: 2rem;
        width: 1.5rem !important;
        height: 1.5rem !important;
        position: absolute;
        background: red;
        font-size: 12px !important;
    }
    a#modCartLink {
        position: relative;
        width: 2.6rem;
        height: 2.5rem;
        border-radius: 0.7rem !important;
        align-items: center;
        display: flex;
    }
    a.featured.header_login_btn {
        position: relative;
        min-width: 6rem;
        height: 2.5rem;
        border-radius: 0.7rem !important;
        align-items: center;
        justify-content: center;
        display: flex;
        gap: 5px;
    }
    a.featured.header_sign_up_btn {
        position: relative;
        width: 7rem;
        height: 2.5rem;
        border-radius: 0.7rem !important;
        align-items: center;
        justify-content: center;
        display: flex;
        gap: 5px;
    }
    a.header_table_booking_btn {
        position: relative;
        width: 10rem;
        height: 2.5rem;
        border-radius: 0.7rem !important;
        align-items: center;
        justify-content: center;
        display: flex;
        gap: 5px;
        padding: 0px !important;
    }
    .product_search span.product-search-icon {
        position: absolute !important;
        left: 0.5rem;
    }
    .product_search input{
        padding-left: 3rem;
    }
    div#cartListMobile .items.clearfix {
        margin: 0.5rem;
        padding: 1rem 0rem;
        padding-left: 0.5rem;
        width: 96%;
        border: 5px solid #ECECEC;
        border-radius: 0.8rem;
    }
    .cart_buttons .page-link:first-child {
        width: 2rem;
        height: 2rem;
        border-radius: 0.5rem !important;
    }
    .cart_buttons .page-link:nth-child(2) {
        width: 2rem;
        height: 2rem;
        border-radius: 0.5rem !important;
    }
    button.btn.cart_trash_item {
        width: 2rem !important;
    }
    .bottom-cart-buttons .btn{
        max-width: 45%;
    }
    a.toggle-pre-wrapper.featured {
        height: 2.5rem;
        border-radius: 0.7rem !important;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .sidebar_category.mobile_menu_box .mobile_menus_section {
        position: sticky;
        top: 6rem;
        max-height: 80vh;
        overflow-y: auto;
        padding-right: 1rem;
    }
    .sidebar_category.mobile_menu_box .mobile_menus_section::-webkit-scrollbar{
        width: 2px;
        height: 2px;
        background-color: transparent;
    }
    .sidebar_category.mobile_menu_box .mobile_menus_section::-webkit-scrollbar-thumb {
       background-color:var(--store_button_background);
    }
    .sidebar_category.mobile_menu_box .mobile_menus_section::-webkit-scrollbar-track{
        background-color: transparent;
    }
    .box-info>.cat-head{
        top: 6rem;
    }
    .main_product_image_section {
        width: 100%;
        min-width: 410px;
    }
}
a.sidebar-menu-btns.sidebar_menu-item.featured{
    width: 100%;
    display: block;
    height: auto;
    padding: 0.5rem;
    border-radius: 0.5rem;
    box-shadow: 1px 1px 2px 1px #0000001A;
}
.list-item.sidebar-cat-item.featured.active {
    border: 1px solid var(--store_button_background);
}
.no_input_name .custom-control-input:checked ~ .custom-control-label{
    margin-left: 0rem;
    border: none;
}
#navbar-main.storesnav .btn-primary-grad {
color: var(--store_header_button_text) !important;
}


button.tags_filter {
    height: 2rem;
    padding: 5px;
    margin-left: 1rem;
    position: relative;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #E1E1E1;
    min-width: 5rem;
    margin-bottom: 1rem !important;
    border-radius: 0.5rem;
    box-shadow: 3px 1.41px 6.63px 4px #6363631A;
}
button.main-category-btn.cat_input_box {
    width: -webkit-fill-available;
    padding: 0.8rem;
    background: white;
    color: var(--store_button_background);
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #E1E1E1;
    font-family: var(--store_primary_font);
    box-shadow: 2.97px 2.97px 10.9px 0px #0000001A;
    border-radius: 0.5rem;
}
button.main-category-btn.cat_input_box.active ,.sub-category-btn.cat_input_box.active , .sub-sub-category-btn.cat_input_box.active , button.featured_button.active{
    border: 1px solid var(--store_button_background) !important;
    border-radius: 0.5rem;
}
button.tags_filter.active {
    border: 1px solid var(--store_button_background) !important;
}
button.sub-category-btn.cat_input_box , .sub-sub-category-btn.cat_input_box{
    width: -webkit-fill-available;
    background: white;
    border: 0;
    border-radius: 0.5rem;
    padding: 0.8rem;
    color: var(--store_button_background);
    margin-top: 0.5rem;
    margin-right: 0.5rem;
}
.product-list.product-categories_sidebar .sidebar-cat-item .sidebar_menu-item, .product-list.product-categories_sidebar label.custom-control-label.main_category_label{
    border: 1px solid #E1E1E1;
}

.clear_filter_button.tags {
    height: 2rem;
    padding: 5px;
    position: relative;
    width: auto;
    display: none;
    justify-content: center;
    align-items: center;
    background: white !important;
    color: red !important;
    border: 2px solid #ff6262;
    min-width: 2rem;
    margin-bottom: 1rem !important;
    border-radius: 0.5rem;
    box-shadow: 3px 1.41px 6.63px 4px #6363631A;
}
.clear_filter_button.tags.active {
    display: flex ;
}

li.list-item.sidebar-cat-item.all-categories .clear_filter_button.categories {
    margin-bottom: 0px !important;
    border: none;
    box-shadow: none;
    width: 100%;
    font-family: var(--store_primary_font);
    padding: 0.8rem !important;
    font-size: 13px;
    text-align: left !important;
    left: 0 !important;
    justify-content: flex-start;
    min-height: 2.5rem;
    color: var(--store_button_background) !important;
    background: white !important;
    font-weight: 600;
    box-shadow: 2.97px 2.97px 10.9px 0px #0000001A;
}
li.list-item.sidebar-cat-item.all-categories .clear_filter_button.categories.active {
    border: 1px solid var(--store_button_background) !important;
    border-radius: 0.5rem;
}