.category-section-3 .category-box-list .category-name h4 {
  font-weight: 400;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.category-section-3 .category-box-list .category-name h6 {
  margin-top: 5px;
  color: var(--text-primary);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.category-section-3 .category-box-list a img {
  margin: 0 auto;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

footer .main-footer .footer-contain ul li a::after,
footer .main-footer .footer-contain ul li a::before {
  content: "";
  -webkit-transition: .5s ease-in-out;
  background-color: var(--theme-color-primary);
  position: absolute
}

.category-section-4 .shop-category-box img {
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 25px;
  margin: 0 auto;
  border: 2px solid #fff
}

.category-section-4 .shop-category-box .category-name {
  margin-top: 14px
}

.category-section-4 .shop-category-box .category-name h6 {
  font-size: 16px;
  color: #fff;
  font-weight: 400
}

footer {
  position: relative;
  z-index: 0;
  background: #fff
}

footer:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  z-index: -1
}

footer .main-footer {
  border-top: 1px dashed #c1c1c1;
  margin-bottom: 20px
}

footer .main-footer .footer-contact,
footer .main-footer .footer-theme .footer-theme-contain {
  margin-top: calc(13px + (20 - 13) * ((100vw - 320px)/ (1920 - 320)))
}

footer .main-footer .footer-contain p,
footer .main-footer .footer-theme .footer-theme-contain p {
  font-size: 16px;
  color: var(--text-primary);
  line-height: 27px;
  margin-bottom: 0
}

footer .main-footer .footer-contain ul.address,
footer .main-footer .footer-theme .footer-theme-contain ul.address {
  margin-top: calc(17px + (30 - 17) * ((100vw - 320px)/ (1920 - 320)))
}

footer .main-footer .footer-contact ul li .footer-number .feather,
footer .main-footer .footer-contain ul.address li .feather,
footer .main-footer .footer-logo .footer-logo-contain .address li .feather,
footer .main-footer .footer-theme .footer-theme-contain ul.address li .feather {
  width: 18px;
  height: 18px;
  stroke: var(--text-primary)
}

footer .main-footer .footer-theme .footer-theme-contain ul.address li p {
  margin: 1px 0 0 10px;
  color: var(--text-primary)
}

footer .main-footer .footer-theme .footer-theme-contain ul li {
  display: block;
  font-size: 16px
}

footer .main-footer .footer-contain ul li+li,
footer .main-footer .footer-theme .footer-theme-contain ul li+li {
  margin-top: calc(4px + (15 - 4) * ((100vw - 320px)/ (1920 - 320)))
}

.footer-section-2 .main-footer .foot-logo img,
footer .main-footer .footer-logo .theme-logo a img {
  width: calc(120px + (160 - 120) * ((100vw - 320px)/ (1920 - 320)))
}

footer .main-footer .footer-logo .footer-logo-contain .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(8px + (15 - 8) * ((100vw - 320px)/ (1920 - 320)))
}

footer .main-footer .footer-logo .footer-logo-contain .address li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: center;
  width: 100%
}

footer .main-footer .footer-logo .footer-logo-contain .address li a{
  color: var(--text-primary);
  line-height: 20px;
  font-weight: bold;
  font-size: 16px
}
footer .main-footer .footer-logo .footer-logo-contain .address li span {
  margin: 0 10px;
  color: var(--text-primary);
  line-height: 20px;
  font-size: 16px
}

footer .main-footer .footer-logo .footer-logo-contain .address li:hover .feather {
  stroke: var(--theme-color-primary)
}

footer .main-footer .footer-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin-top: 10px;
  text-transform: uppercase
}

footer .main-footer .footer-contain,
footer .main-footer .footer-logo-contain {
  margin-top: calc(8px + (20 - 8) * ((100vw - 320px)/ (1920 - 320)))
}

.blog-section .user-comment-box ul li .user-box,
footer .main-footer .footer-contain ul.address li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

footer .main-footer .footer-contain ul.address li a,
footer .main-footer .footer-contain ul.address li p {
  margin: 0 0 0 10px;
  color: var(--text-primary);
  line-height: 18px
}

footer .main-footer .footer-contain ul li {
  display: block;
  font-size: 14px;
  line-height: 20px
}

footer .main-footer .footer-contain ul li a {
  display: inline-block;
  position: relative
}

footer .main-footer .footer-contain ul li a::before {
  width: 0;
  height: 2px;
  left: 0;
  bottom: 0;
  transition: .5s ease-in-out
}

footer .main-footer .footer-contain ul li a::after {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  left: -13px;
  border-radius: 100%;
  opacity: 0;
  transition: .5s ease-in-out
}

footer .main-footer .footer-contain ul li a:hover {
  color: var(--theme-color-primary);
  margin-left: 13px
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button::after,
.checkout-section .delivery-option .delivery-time .dropdown-toggle::after,
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::after,
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle::after,
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li:last-child .checkout-box::before,
.footer-section-2::after,
.footer-section-2::before,
.header-2 .about-list li:first-child::after,
.header-2 .dropdown-list li .dropdown .dropdown-toggle:after,
.header-2 .dropdown-list li:first-child::after,
.header-2 .rightside-menu .option-list>ul>li .header-icon.swap-icon::after,
.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li::after,
.header-2 .rightside-menu .wishlist-box .header-icon.swap-icon::after,
.header-3 .about-list li:first-child::after,
.header-3 .dropdown-list li .dropdown .dropdown-toggle:after,
.header-3 .dropdown-list li:first-child::after,
.header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4)+li::after,
.header-3 .rightside-menu .wishlist-box .header-icon.swap-icon::after,
.header-top .about-list li .theme-form-select .dropdown-toggle::after,
.navbar-nav .dropdown-image .dropdown-column .dropdown-item::after,
.navbar-nav .dropdown-image::after,
.navbar.navbar-expand-xl .navbar-nav .nav-link-2::before,
.navbar.navbar-expand-xl .navbar-nav .nav-link::after,
.onhover-dropdown .onhover-div .cart-list li .drop-cart::after,
.shop-section .left-box .shop-left-sidebar .custome-accordion .accordion-item .accordion-header .accordion-button::after,
.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle::after,
.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-toggle::after,
footer .main-footer .footer-contact ul li:last-child::before,
footer .main-footer .social-app::before,
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child::before {
  content: none
}

footer .main-footer .social-app ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.onhover-dropdown .onhover-div .cart-list li::after,
footer .main-footer .social-app ul li::before {
  content: none !important
}

footer .main-footer .social-app ul li a img {
  width: calc(114px + (140 - 114) * ((100vw - 320px)/ (1920 - 320)))
}

footer .main-footer .footer-contact ul li {
  display: block;
  margin-bottom: calc(30px + (50 - 30) * ((100vw - 320px)/ (1920 - 320)));
  position: relative
}

footer .main-footer .footer-contact ul li.social-app ul li a img {
  width: 139px
}

footer .main-footer .footer-contact ul li::before {
  content: "";
  position: absolute;
  bottom: -24px;
  right: 0;
  width: calc(100% - 33px);
  border-bottom: 1px dashed #c1c1c1
}

footer .main-footer .footer-contact ul li .footer-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 12px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.header-nav .header-nav-left .dropdown-category,
.item-section .items-image,
.item-section .items-image li,
.product-list li,
.product-list li .offer-product,
.search-full,
footer .sub-footer,
footer .sub-footer .social-link {
  -webkit-box-align: center;
  display: -webkit-box;
  display: -ms-flexbox
}

footer .main-footer .footer-contact ul li .footer-number .contact-number h5 {
  margin-top: 6px;
  font-weight: 400;
  color: #222
}

footer .sub-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px dashed #c1c1c1
}

footer .sub-footer .social-link {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px
}

.checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input,
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input,
.footer-section-2 .main-footer .footer-list li a i,
.shop-section .left-box .shop-left-sidebar .back-button h3 i,
footer .sub-footer .social-link h6 {
  margin-right: 10px
}

footer .sub-footer .social-link ul li:hover i {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px)
}

.deal-contain .deal-detail .option-icon li+li,
.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle i,
.header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle i,
.product-category .product-category-list li:last-child a i,
footer .sub-footer .social-link ul li+li {
  margin-left: 8px
}

footer .sub-footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px
}

.footer-section-2 .download-image {
  margin-top: calc(20px + (30 - 20) * ((100vw - 320px)/ (1920 - 320)))
}

.footer-section-2.footer-color-2 {
  background-color: #051616
}

.footer-section-2.footer-color-3 {
  background-color: #1d2328
}

.onhover-category-box,
.onhover-category-list .onhover-category-box {
  background: var(--background-secondary);
  overflow: auto;
  grid-template-columns: auto auto;
  visibility: hidden;
}

.category-list:hover li:not(:hover) a{
  filter: blur(2px);
}
.onhover-category-box li a{
  filter: blur(0) !important;
}

.footer-section-2 .main-footer {
  padding-bottom: calc(18px + (50 - 18) * ((100vw - 320px)/ (1920 - 320)));
  border-top: unset
}

.footer-section-2 .main-footer .information-text {
  margin-bottom: 0;
  margin-top: calc(5px + (20 - 5) * ((100vw - 320px)/ (1920 - 320)));
  color: var(--text-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7
}

.footer-section-2 .main-footer .information-text-2 {
  color: #bfbfbf;
  margin-top: calc(18px + (30 - 18) * ((100vw - 320px)/ (1920 - 320)))
}

.footer-section-2 .main-footer .social-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px
}

.footer-section-2 .main-footer .social-icon li {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  z-index: 0;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.footer-section-2 .main-footer .social-icon li.light-bg::after {
  background-color: #fff;
  opacity: .1;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.footer-section-2 .main-footer .social-icon li.light-bg:hover::after {
  opacity: .3
}

.footer-section-2 .main-footer .social-icon li::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--theme-color-primary);
  opacity: .06;
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.footer-section-2 .main-footer .social-icon li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--text-primary)
}

.footer-section-2 .main-footer .download-app span {
  margin-bottom: 0;
  margin-top: 20px;
  color: var(--text-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5
}

.footer-section-2 .main-footer .download-app img {
  width: 110px;
  margin-left: 8px
}

.footer-section-2 .main-footer .footer-title {
  margin-bottom: calc(13px + (36 - 13) * ((100vw - 320px)/ (1920 - 320)));
  font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  position: relative
}

.footer-section-2 .main-footer .footer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(7px + (16 - 7) * ((100vw - 320px)/ (1920 - 320)))
}

.footer-section-2 .main-footer .footer-list li a {
  color: var(--text-primary);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px
}

.footer-section-2 .main-footer .footer-address li a.light-text,
.footer-section-2 .main-footer .footer-list li a.light-text,
.footer-section-2 .sub-footer p.light-text {
  color: #bfbfbf
}

.footer-section-2 .main-footer .footer-list li a:hover {
  color: #fff;
  padding-left: 14px
}

.footer-section-2 .main-footer .footer-list li a:hover::before {
  left: 0;
  opacity: .7
}

.footer-section-2 .main-footer .footer-list li a:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -20px;
  border-radius: 100%;
  opacity: 0;
  background-color: #fff;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.footer-section-2 .main-footer .footer-list li a.footer-contain-2::before {
  font-family: "Font Awesome 6 Free";
  width: unset;
  height: unset;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\f105";
  left: 0;
  opacity: 0;
  background: 0 0;
  color: var(--theme-color-primary)
}

.footer-section-2 .main-footer .footer-address li a .inform-box .feather,
.header-top .about-list li .theme-form-select .dropdown-toggle img,
header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item img {
  width: 20px;
  margin-right: 10px
}

.footer-section-2 .main-footer .footer-list li a.footer-contain-2:hover {
  padding-left: 6px;
  color: var(--theme-color-primary)
}

.footer-section-2 .main-footer .footer-address li {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.footer-section-2 .main-footer .footer-address li a {
  color: var(--text-primary);
  position: relative;
  font-size: 16px;
  display: block;
  width: 100%
}

.footer-section-2 .main-footer .footer-address li a .inform-box.flex-start-box {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.footer-section-2 .main-footer .footer-address li a .inform-box p {
  margin: -3px 0 0;
  width: calc(100% + (64 - 100) * ((100vw - 320px)/ (1920 - 320)));
  font-size: 16px;
  line-height: 30px
}

.cart-table table tfoot,
.cart-table.cart-table-2 table tbody,
.footer-section-2 .sub-footer,
.order-table tbody {
  border-top: 1px solid #ececec
}

.footer-section-2 .sub-footer-lite {
  border-top: 1px solid rgba(236, 236, 236, .2)
}

.footer-section-2 .sub-footer p {
  margin-bottom: 0;
  font-size: 15px;
  color: var(--text-primary);
  text-transform: capitalize
}

.footer-section-2 .sub-footer .payment-box li {
  margin: 0 5px
}

.footer-section-2 .sub-footer .payment-box li img {
  width: 40px;
  margin-bottom: -6px;
  display: block
}

.footer-sm {
  margin-left: 320px;
  background-color: #fff
}

.footer-sm .sub-footer {
  border-top: none;
  padding: 20px 0
}

.onhover-category-box {
  position: absolute;
  top: 0;
  left: 100%;
  -webkit-box-shadow: 0 0 8px #ddd;
  box-shadow: 0 0 8px #ddd;
  padding: 20px 25px;
  width: 520px;
  height: 100%;
  display: grid;
  opacity: 0;
  margin-left: 14px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.onhover-category-box .category-title-box,
.onhover-category-list .onhover-category-box .category-title-box {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.onhover-category-box ul,
.onhover-category-list .onhover-category-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(4px + (11 - 4) * ((100vw - 320px)/ (1920 - 320)))
}

.onhover-category-box ul li a,
.onhover-category-list .onhover-category-box ul li a {
  margin-left: 13px
}

header.active .sticky-header {
  padding: 0 calc(12px + (160 - 12) * ((100vw - 320px)/ (1920 - 320)));
  -webkit-transition: .1s;
  transition: .1s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--color-primary);
  -webkit-box-shadow: 0 8px 10px rgba(34, 34, 34, .05);
  box-shadow: 0 8px 10px rgba(34, 34, 34, .05);
  z-index: 9
}

header.active .sticky-header-2 {
  background-color: var(--theme-color-primary);
  padding: 14px 0
}

header.active .sticky-header-3 {
  padding: 14px 0
}

.timer-notification {
  color: #fff;
  text-align: center;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  position: relative;
  display: -webkit-box;
  overflow: hidden
}

.timer-notification a {
  text-decoration: underline;
  font-weight: 400;
  display: inline-block;
  margin-left: 5px
}

.header-notification .close-notification {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 11px;
  padding: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 400
}

.header-notification .close-notification i {
  margin-left: 5px;
  margin-top: 1px
}

.onhover-category-list:hover .onhover-category-box {
  opacity: 1;
  visibility: visible;
  margin-left: 0
}

.onhover-category-list .onhover-category-box {
  left: 260px;
  width: 350px;
  height: 3500px;
  position: absolute;
  z-index: 500;
  padding: 15px;
  display: grid;
  justify-content: start;
  align-items: start;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.header-top,
.nav-about {
  padding: 10px 0;
  background-color: var(--theme-color-primary)
}

.header-top-2,
.nav-about-2 {
  background-color: #222
}

.checkout-section .delivery-option .delivery-category,
.checkout-section .delivery-option .delivery-items,
.checkout-section .delivery-option .delivery-time,
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-category,
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time,
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items,
.header-top .top-left- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.category-list li a span,
.header-top .top-left-span {
  white-space: initial;
  display: -webkit-box !important;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}

.header-top .about-list li i,
.header-top .top-left-i {
  font-size: 18px;
  margin-right: 5px
}

.header-top .about-list li span,
.header-top .top-left-span {
  margin-top: 1px;
  font-weight: 400
}

.header-top .about-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%
}

.header-top .about-list li+li {
  margin-left: 25px;
  position: relative
}

.header-top .about-list li+li::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 90%;
  top: 0;
  left: -13px;
  background-color: rgba(255, 255, 255, .3)
}

.header-top .about-list li .theme-form-select {
  padding: 0;
  background-color: transparent;
  color: #fff;
  border: none;
  background-image: none;
  position: relative
}

.header-top .about-list li .theme-form-select .dropdown-toggle {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  padding: 0 18px 0 0
}

.header-top .about-list li .theme-form-select .dropdown-toggle::before {
  content: "";
  position: absolute;
  font-family: "Font Awesome 6 Free";
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  color: #fff
}

.header-2 .dropdown-list .dropdown .dropdown-menu,
.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-menu,
.header-3 .dropdown-list .dropdown .dropdown-menu,
.header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-menu,
header .header-top .about-list li .theme-form-select .dropdown-menu.sm-dropdown-menu {
  min-width: 100%
}

.header-2 .about-list li:first-child,
.header-2 .rightside-menu .option-list>ul>li .header-icon.swap-icon,
.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li,
.header-2 .rightside-menu .wishlist-box .header-icon.swap-icon,
.header-3 .about-list li:first-child,
.header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4)+li,
.header-3 .rightside-menu .wishlist-box .header-icon.swap-icon,
.header-top .about-list li .theme-form-select .dropdown-menu li+li,
.product-section .pickup-box .product-info .product-info-list li a+a,
.shop-section .show-button .top-filter-menu-2 .grid-option-2 {
  margin-left: 0
}

header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item.active,
header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item:active {
  color: #222;
  background-color: transparent
}

.top-nav .navbar-top .web-logo {
  display: flex;
  gap: 15px
}

.top-nav .navbar-top .web-logo .web_title {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.top-nav .navbar-top .web-logo .web_title .title_1 {
  font-size: 18px;
  color: #000;
  text-transform: uppercase;
  font-weight: 700
}

.top-nav .navbar-top .web-logo .web_title .title_2 {
  font-size: 14px;
  color: #303030
}

.top-nav .navbar-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

.top-nav .navbar-top .web-logo img {
  width: auto;
  height: 80px;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 15px 0;
  transition: .5s
}

.top-nav .navbar-top .middle-box .location-box {
  border-radius: 5px;
  border: 1px solid #fff;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 50px 15px 15px;
  margin-right: 15px;
  position: relative
}

.header-2 .top-nav .middle-box .location-box-2 button,
.header-3 .top-nav .middle-box .location-box-2 button,
.location-box button,
.top-nav .navbar-top .middle-box .location-box button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0
}

.location-box button .location-arrow,
.top-nav .navbar-top .middle-box .location-box button .location-arrow {
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--text-primary);
  background-color: #f3f5f9;
  border-radius: 5px;
  margin-right: 12px
}

.location-box button .location-arrow .feather,
.product-section .right-box-contain .price-rating .custom-rate ul li .feather,
header .top-nav .navbar-top .middle-box .location-box button .location-arrow .feather {
  width: 16px;
  height: 16px
}

.top-nav .navbar-top .middle-box .location-box button .locat-name {
  font-size: 16px;
  font-weight: 400
}

.location-box button i,
.top-nav .navbar-top .middle-box .location-box button i {
  margin-left: 17px;
  color: var(--text-primary)
}

header .top-nav .navbar-top .middle-box .search-box .input-group ::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 400
}

header .top-nav .navbar-top .middle-box .search-box .input-group ::-moz-placeholder {
  font-size: 16px;
  font-weight: 400
}

header .top-nav .navbar-top .middle-box .search-box .input-group :-ms-input-placeholder {
  font-size: 16px;
  font-weight: 400
}

header .top-nav .navbar-top .middle-box .search-box .input-group ::-ms-input-placeholder {
  font-size: 16px;
  font-weight: 400
}

.top-nav .navbar-top .middle-box .search-box .input-group ::placeholder {
  font-size: 16px;
  font-weight: 400
}

.top-nav .navbar-top .middle-box .search-box .input-group .form-control {
  width: 577px;
  border-radius: 5px 0 0 5px;
  border-color: #ececec
}

header .top-nav .navbar-top .middle-box .search-box .input-group .form-control:focus {
  border-color: var(--theme-color-primary);
  background-color: #fff
}

.search-box .input-group button {
  color: var(--text-primary);
  background-color: var(--background-primary);
  padding: 10px 15px;
  border-radius: 25px;
  border: none;
}
header .top-nav .navbar-top .middle-box .search-box .input-group button .feather {
  width: 20px;
  height: 20px
}

.top-nav .navbar-top .rightside-box .right-side-menu .right-side {
  position: relative;
  padding-right: 32px
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 24px;
  right: 14px;
  background-color: rgba(74, 85, 104, .5)
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;    gap: 10px;
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
  color: var(--bs-body-bg);
  margin-right: 14px;
  stroke-width: 1.5;
  cursor: pointer
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6 {
  color: var(--text-primary);
  margin-bottom: 3px
}

.compare-section .compare-table tr td .price h5,
.compare-section .compare-table tr td.title a,
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5 {
  font-weight: 400;
  color: #222
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-badge {
  padding-right: 9px
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather {
  stroke-width: 1.5;
  color: var(--bs-body-bg)
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist span {
  color: #fff;
  background: var(--color-price);
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.onhover-dropdown:hover .onhover-div {
  opacity: 1;
  top: 50px;
  visibility: visible
}

.onhover-dropdown .onhover-div {
  position: absolute;
  top: 60px;
  right: -10px;
  background-color: #fff;
  z-index: 1001;
  width: 320px;
  border-radius: 10px;
  padding: calc(14px + (30 - 14) * ((100vw - 320px)/ (1920 - 320))) calc(11px + (20 - 11) * ((100vw - 320px)/ (1920 - 320)));
  -webkit-box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .07), 5px 20px 40px 0 rgba(34, 34, 34, .04);
  box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .07), 5px 20px 40px 0 rgba(34, 34, 34, .04);
  opacity: 0;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  visibility: hidden
}

.onhover-dropdown .onhover-div-login {
  right: 0;
  width: 160px;
  padding: 20px
}

.onhover-dropdown .onhover-div-login .user-box-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.onhover-dropdown .onhover-div-login .user-box-name li a {
  color: #222;
  display: block;
  position: relative
}

.onhover-dropdown .onhover-div-login .user-box-name li a:hover::after,
header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a:hover::after {
  width: 40%
}

.navbar-nav .dropdown-image .dropdown-column .dropdown-item span::after,
.navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a::after,
.onhover-dropdown .onhover-div-login .user-box-name li a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 4px;
  bottom: 2px;
  left: 0;
  background-color: var(--theme-color-primary);
  opacity: .3;
  border-radius: 50px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  z-index: -1
}

.onhover-dropdown .onhover-div .cart-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(10px + (25 - 10) * ((100vw - 320px)/ (1920 - 320)));
  border-bottom: 1px solid #ececec;
  padding-bottom: calc(12px + (22 - 12) * ((100vw - 320px)/ (1920 - 320)))
}

.onhover-dropdown .onhover-div .cart-list li {
  margin: 0 !important;
  padding-right: 10px
}

.onhover-dropdown .onhover-div .cart-list li .drop-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-image img {
  width: 87px;
  background: var(--background-secondary);
  padding: 10px
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain .title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 5px;
  font-size: 14px;
  color: var(--text-primary)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size .price,
header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain .money {
  color: var(--color-price)
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 5px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h6 span {
  margin-top: -2px;
  color: var(--text-primary)
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain .close-button {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  border: none;
  padding: 0;
  color: var(--text-primary)
}

.onhover-dropdown .onhover-div .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: calc(10px + (20 - 10) * ((100vw - 320px)/ (1920 - 320)))
}

.onhover-dropdown .onhover-div .button-group .cart-button {
  border: 2px solid var(--theme-color-primary);
  color: var(--theme-color-primary);
  padding: 6px 10px
}

.onhover-dropdown .onhover-div .price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 5px
}

.search-full {
  width: 0;
  height: 0;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s;
  transition: .3s;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.search-full .input-group {
  border: 1px solid #f0f3f8
}

.search-full .input-group .input-group-text {
  background-color: transparent;
  border: none
}

.header-2 .top-nav .search-full .input-group .input-group-text.close-search,
.header-3 .top-nav .search-full .input-group .input-group-text.close-search,
.mytags,
.search-full .input-group .input-group-text.close-search{
  cursor: pointer
}

.search-full .input-group .input-group-text svg {
  height: 18px
}

.search-full.open {
  width: 100%;
  height: 100%;
  -webkit-animation: .5s ease-in-out zoomIn;
  animation: .5s ease-in-out zoomIn;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s;
  transition: .3s
}

.header-2 .top-nav .search-full.show .search-suggestion,
.header-3 .top-nav .search-full.show .search-suggestion,
.search-full.show .search-suggestion {
  padding: 10px;
  border: 1px solid #f0f3f8;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  max-height: 500px;
  -webkit-transition: max-height 1s cubic-bezier(.27, .7, 0, .99);
  transition: max-height 1s cubic-bezier(.27, .7, 0, .99)
}

.header-nav .header-nav-left .dropdown-category {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: calc(10px + (15 - 10) * ((100vw - 320px)/ (1920 - 320))) calc(16px + (31 - 16) * ((100vw - 320px)/ (1920 - 320)));
  background: var(--color-primary);
  color: #fff;
  border-radius: 5px;
  border: none
}

.header-nav .header-nav-left .dropdown-category-2 {
  background: linear-gradient(93.33deg, #222221 12.35%, #2f2f2d 99.38%)
}

.header-nav .header-nav-left .dropdown-category .feather {
  font-size: 23px;
  margin-right: calc(9px + (16 - 9) * ((100vw - 320px)/ (1920 - 320)))
}

.header-nav .header-nav-left .dropdown-category span {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400
}

.category .dropdown.custom-dropdown {
  position: unset
}

.category .dropdown.custom-dropdown a {
  display: block;
  color: #fff;
  text-decoration: none;
  -webkit-transition: background .35s;
  transition: background .35s;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 18px
}

.category .dropdown.custom-dropdown .fa {
  margin-top: 3px;
  margin-left: 10px;
  font-size: 16px;
  color: var(--theme-color-primary)
}

.category .dropdown.custom-dropdown ul {
  display: none;
  border: 1px solid #ececec;
  border-radius: 5px;
  position: absolute;
  top: 53px;
  width: 100%;
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .14);
  box-shadow: 0 3px 4px rgba(0, 0, 0, .14);
  z-index: 999
}

.category .dropdown.custom-dropdown ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 14px;
  border-bottom: 1px solid #ececec;
  cursor: pointer;
  -webkit-transition: background .35s;
  transition: background .35s;
  color: #222
}

.category .dropdown.custom-dropdown ul li img {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 6px
}

.category .dropdown.custom-dropdown ul li:focus,
.category .dropdown.custom-dropdown ul li:hover,
.product-table tbody tr:nth-child(odd) {
  background-color: #ececec
}

.header-2 .header-nav-left:hover .category-dropdown,
.header-nav .header-nav-left:hover .category-dropdown {
  opacity: 1;
  visibility: visible;
  top: 63px
}

.category {
  width: 100%;
  transition: .5s ease-in-out;
  background-color: var(--background-secondary);
}

.bg-effect,
.home-section-2 {
  background-repeat: no-repeat
}

.category-list {
  position: absolute;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 280px;
  overflow-y: scroll;
  overflow-x: scroll;
}
.category-list li a{
  max-width: 250px;
  padding: 5px 10px;
  background-color: var(--background-secondary);
  cursor: pointer !important;
  border: 1px solid #eee;
  border-radius: 0;
}
.category-list li a,
.location-box,
.mobile-menu ul,
.navbar-expand .navbar-collapse,
.offcanvas,
.offcanvas-,
header.header-compact .top-nav .navbar-top .rightside-box {
  display: -webkit-box;
  display: -ms-flexbox
}

.category-list li {
  cursor: pointer !important;
  position: relative;
}

.category-list li a {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--text-primary);
  position: relative
}

.category-list li a span {
  width: 87%;
  font-size: 14px
}

.category-list li:hover a,
.navbar-light .navbar-nav .nav-link:hover {
  color: var(--text-primary) !important
}

.category-list li a img {
  width: 23px;
  height: 23px;
  -o-object-fit: contain;
  object-fit: contain
}

.category-list li a i {
  margin-left: auto;
  color: #777
}

.header-nav .header-nav-right .deal-button {
  color: var(--color-secondary);
  padding: 1rem 1.75rem;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  z-index: 0
}

.header-nav .header-nav-right .deal-button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--color-secondary);
  opacity: .1;
  z-index: -1
}

.header-nav .header-nav-right .deal-button .feather {
  margin-right: 10px;
  stroke-width: 1.5px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li span span,
.deactivate-box .deactivate-contain a,
.header-nav .header-nav-right .deal-button span,
.home-contain .home-detail h2 span.discount,
.hot-deal-box span,
.location-box button .locat-name,
.summery-box .summery-total li span span {
  font-size: 16px;
  font-weight: 400
}

header.header-compact .top-nav .navbar-top {
  -webkit-box-pack: unset;
  -ms-flex-pack: unset;
  justify-content: unset
}

header.header-compact .top-nav .navbar-top .rightside-box {
  margin-left: auto;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.custom-padding,
header.header-compact .location-box {
  padding-right: 10px
}

.navbar-light .navbar-nav .nav-link {
  color: #ffffffdd !important
}

header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side:before {
  background-color: rgba(255, 255, 255, .5)
}

header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail {
  color: rgba(255, 255, 255, .7);
  cursor: pointer
}

header.bg-theme .location-box {
  border-color: rgba(255, 255, 255, .5)
}

header.bg-theme .location-box button .location-arrow {
  color: #fff;
  background-color: rgba(255, 255, 255, .24)
}

header.header-absolute {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 1
}

header.fixed- {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100vw - 320px);
  z-index: 1;
  background-color: #fff;
  margin-left: 320px;
  border-bottom: 1px solid #ececec
}

header.fixed-.top-nav {
  padding: 18px 0
}

.location-box {
  border-radius: 5px;
  border: 1px solid #ececec;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 20px 7px 7px;
  margin-right: 13px;
  position: relative
}

.mobile-menu {
  position: fixed;
  bottom: 0;
  padding: 10px;
  width: 100%;
  background-color: var(--theme-color-primary);
  z-index: 2;
  overflow: hidden;
  -webkit-box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, .08);
  box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, .08)
}

.mobile-menu ul {
  display: flex;
  width: 70%;
  margin: 0 auto
}

.mobile-menu ul li {
  width: 100%;
  text-align: center
}

.mobile-menu ul li.active {
  -webkit-transition: .3s;
  transition: .3s;
  position: relative
}

.mobile-menu ul li.active::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  background-color: #fff;
  border-radius: 100%
}

.mobile-menu ul li a img {
  display: block;
  margin: 0 auto
}

.mobile-menu ul li a .icli {
  display: inline-block;
  margin: 0 auto;
  font-size: calc(20px + (22 - 20) * ((100vw - 320px) / (1920 - 320)));
  color: #fff
}

.mobile-menu ul li a span,
.shop-section .show-button .filter-button {
  display: block;
  color: #fff
}

.header-2 .dropdown-list.drop-state,
.header-3 .dropdown-list.drop-state {
  margin-right: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.header-2 .dropdown-list .location-icon,
.header-3 .dropdown-list .location-icon {
  margin-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.header-2 .dropdown-list .location-icon .iconly-Location,
.header-2 .top-nav span .icli,
.header-3 .dropdown-list .location-icon .iconly-Location {
  font-size: 25px
}

.header-2 .dropdown-list .dropdown .dropdown-toggle,
.header-3 .dropdown-list .dropdown .dropdown-toggle {
  padding-left: 0;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  letter-spacing: .5px;
  position: relative;
  margin-top: 4px
}

.header-2 .dropdown-list .dropdown .dropdown-toggle i,
.header-3 .dropdown-list .dropdown .dropdown-toggle i {
  color: #000;
  margin-left: 5px
}

.header-2 .form-select,
.header-3 .form-select {
  font-size: 16px;
  font-weight: 400;
  border: none;
  border-radius: 0;
  font-family: "Open Sans", sans-serif;
  color: #222
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button:focus,
.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:focus,
.header-2 .form-select:focus,
.header-3 .form-select:focus {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.header-2 .top-nav {
  padding: 14px 0;
  border-bottom: 1px solid #ececec
}

.header-2 .top-nav-color {
  background-color: #ffe03e
}

.header-2 .top-nav .nav-logo,
.header-3 .top-nav .nav-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: calc(28px + (35 - 28) * ((100vw - 320px) / (1920 - 320)));
  color: var(--theme-color-primary);
  font-weight: bolder;
  font-family: "Open Sans", sans-serif
}

.header-2 .top-nav .search-full,
.header-3 .top-nav .search-full {
  width: 0;
  height: 0;
  background-color: #fff;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s;
  transition: .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.header-2 .top-nav .search-full .input-group,
.header-3 .top-nav .search-full .input-group {
  border: 1px solid #f0f3f8;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .14);
  box-shadow: 0 3px 4px rgba(0, 0, 0, .14)
}

.header-2 .top-nav .search-full .input-group .input-group-text,
.header-3 .top-nav .search-full .input-group .input-group-text {
  background-color: #fff;
  border: none;
  color: var(--text-primary)
}

.header-2 .top-nav .search-full .input-group input,
.header-3 .top-nav .search-full .input-group input {
  border: none;
  height: 50px
}

.header-2 .top-nav .search-full.open,
.header-3 .top-nav .search-full.open {
  width: 100%;
  -webkit-animation: .5s ease-in-out zoomIn;
  animation: .5s ease-in-out zoomIn;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s;
  transition: .3s;
  padding: 0 30px
}

.header-2 .top-nav .middle-box,
.header-3 .top-nav .middle-box {
  display: inline-block;
  margin-left: calc(16px + (29 - 16) * ((100vw - 320px)/ (1920 - 320)))
}

.header-2 .top-nav .middle-box .searchbar-box .search-button {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  padding: 0 19px;
  right: 0;
  height: 100%;
  cursor: pointer
}

.header-2 .top-nav .middle-box .searchbar-box .search-button .iconly-Search {
  font-size: calc(18px + (25 - 18) * ((100vw - 320px) / (1920 - 320)));
  color: var(--text-primary)
}

.header-2 .top-nav .middle-box .searchbar-box input {
  width: 685px;
  height: 45px;
  padding: 8px 60px 8px 18px;
  color: #222;
  border-color: #d3d3d3;
  font-size: 16px
}

.header-2 .top-nav .middle-box .searchbar-box input:focus,
.header-3 .top-nav .middle-box .searchbar-box-2 input:focus {
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .14);
  box-shadow: 0 3px 4px rgba(0, 0, 0, .14)
}

.header-2 .top-nav .middle-box .searchbar-box input::-webkit-input-placeholder {
  color: var(--text-primary);
  font-size: 16px
}

.header-2 .top-nav .middle-box .searchbar-box input::-moz-placeholder {
  color: var(--text-primary);
  font-size: 16px
}

.header-2 .top-nav .middle-box .searchbar-box input:-ms-input-placeholder {
  color: var(--text-primary);
  font-size: 16px
}

.header-2 .top-nav .middle-box .searchbar-box input::-ms-input-placeholder {
  color: var(--text-primary);
  font-size: 16px
}

.header-2 .top-nav .middle-box .searchbar-box input::placeholder {
  color: var(--text-primary);
  font-size: 16px
}

.header-2 .top-nav .middle-box .location-box-2,
.header-3 .top-nav .middle-box .location-box-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
  position: relative
}

.header-2 .top-nav .middle-box .location-box-2 button .icli {
  margin-right: 9px;
  font-size: 22px
}

.header-2 .rightside-menu,
.header-3 .rightside-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto
}

.header-2 .rightside-menu .dropdown-dollar,
.header-3 .rightside-menu .dropdown-dollar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 22px
}

.header-2 .rightside-menu .dropdown-dollar .dropdown {
  position: relative;
  z-index: 1
}

.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle,
.header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  position: relative;
  border: none;
  background-color: transparent;
  padding: 0
}

.header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown,
.header-3 .rightside-menu .dropdown-dollar .dropdown+.dropdown {
  margin-left: 23px
}

.header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown::after,
.header-3 .rightside-menu .dropdown-dollar .dropdown+.dropdown::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 25px;
  left: -10px;
  background-color: #ececec
}

.header-2 .rightside-menu .option-list-2 li .header-icon,
.header-2 .rightside-menu .option-list>ul>li .header-icon,
.header-2 .rightside-menu .wishlist-box .header-icon,
.header-3 .rightside-menu .option-list-2 li .header-icon,
.header-3 .rightside-menu .user-box .header-icon,
.header-3 .rightside-menu .wishlist-box .header-icon {
  width: calc(35px + (46 - 35) * ((100vw - 320px)/ (1920 - 320)));
  height: calc(35px + (46 - 35) * ((100vw - 320px)/ (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  border: 1px solid #ececec;
  background-color: #fff;
  border-radius: 100%;
  padding: 10px;
  position: relative
}

.header-2 .rightside-menu .option-list-2 li .header-icon+.header-icon,
.header-2 .rightside-menu .option-list>ul>li .header-icon+.header-icon,
.header-2 .rightside-menu .wishlist-box .header-icon+.header-icon,
.header-3 .rightside-menu .option-list-2 li .header-icon+.header-icon,
.header-3 .rightside-menu .wishlist-box .header-icon+.header-icon {
  margin-left: 38px
}

.header-2 .rightside-menu .option-list-2 li .header-icon+.header-icon::after,
.header-2 .rightside-menu .option-list>ul>li .header-icon+.header-icon::after,
.header-2 .rightside-menu .wishlist-box .header-icon+.header-icon::after,
.header-3 .rightside-menu .option-list-2 li .header-icon+.header-icon::after,
.header-3 .rightside-menu .wishlist-box .header-icon+.header-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  left: -50%;
  background-color: #ececec
}

.header-2 .rightside-menu .wishlist-box .header-icon .badge-number,
.header-3 .rightside-menu .wishlist-box .header-icon .badge-number {
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -10px;
  right: 0;
  background: var(--theme-color2);
  font-weight: 400;
  color: #fff;
  border-radius: 100%;
  font-size: 10px
}

.header-2 .rightside-menu .option-list-2 li .header-icon .icli,
.header-2 .rightside-menu .option-list>ul>li .header-icon .icli,
.header-2 .rightside-menu .wishlist-box .header-icon .icli,
.header-3 .rightside-menu .option-list-2 li .header-icon .icli,
.header-3 .rightside-menu .user-box .header-icon .icli,
.header-3 .rightside-menu .wishlist-box .header-icon .icli {
  color: #000;
  font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)))
}

.header-2 .rightside-menu .option-list-2 li .header-icon .icli.iconly-Swap,
.header-2 .rightside-menu .option-list>ul>li .header-icon .icli.iconly-Swap,
.header-2 .rightside-menu .wishlist-box .header-icon .icli.iconly-Swap,
.header-3 .rightside-menu .option-list-2 li .header-icon .icli.iconly-Swap,
.header-3 .rightside-menu .wishlist-box .header-icon .icli.iconly-Swap,
.product-box-4 .product-image .option li a .icli.iconly-Swap,
.product-section-2 .product-box-4 .product-details .option li a .icli.iconly-Swap {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.apexcharts-tooltip *,
.dashboard-title.dashboard-flex,
.header-2 .rightside-menu .option-list-2,
.header-2 .rightside-menu .option-list>ul,
.header-3 .rightside-menu .option-list-2,
.product-section .pickup-box .product-info .product-info-list-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.header-2 .rightside-menu .option-list-2 li+li,
.header-2 .rightside-menu .option-list>ul>li+li,
.header-3 .rightside-menu .option-list-2 li+li {
  margin-left: 37px
}

.header-2 .rightside-menu .option-list-2 li+li::after,
.header-2 .rightside-menu .option-list>ul>li+li::after,
.header-3 .rightside-menu .option-list-2 li+li::after,
.header-3 .rightside-menu .user-box::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 80%;
  left: -20px;
  background-color: #ececec
}

.header-2 .rightside-menu .option-list-2 li .header-icon .badge-number,
.header-2 .rightside-menu .option-list>ul>li .header-icon .badge-number,
.header-3 .rightside-menu .option-list-2 li .header-icon .badge-number,
.header-3 .rightside-menu .user-box .header-icon .badge-number {
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -10px;
  right: 0;
  background-color: var(--theme-color-primary);
  font-weight: 400;
  color: #fff;
  border-radius: 100%;
  font-size: 10px
}

.header-2 .rightside-menu .option-list-2 li .user-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.header-2 .rightside-menu .mobile-app {
  border: 1px solid var(--theme-color-primary);
  border-radius: 5px;
  padding: 16px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 18px
}

.header-2 .rightside-menu .mobile-app .mobile-image,
.header-3 .rightside-menu .mobile-app .mobile-image {
  margin-right: 11px
}

.header-2 .rightside-menu .mobile-app .mobile-image img,
.header-3 .rightside-menu .mobile-app .mobile-image img {
  width: 15px;
  height: auto
}

.header-2 .rightside-menu .dropdown-user .user-detail h6,
.header-3 .rightside-menu .dropdown-user .user-detail h6 {
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 2px
}

.header-2 .rightside-menu .dropdown-user .user-detail h5,
.header-3 .rightside-menu .dropdown-user .user-detail h5 {
  color: #222;
  font-size: 16px;
  margin-bottom: 0
}

.header-2 .right-nav,
.header-3 .right-nav {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto
}

.header-2 .right-nav .nav-number img,
.header-3 .right-nav .nav-number img {
  width: 32px;
  height: 32px
}

.header-2 .right-nav .nav-number span,
.header-3 .right-nav .nav-number span {
  font-size: calc(18px + (27 - 18) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  margin-bottom: 0;
  margin-left: 8px
}

.header-2 .right-nav .fire-button,
.header-3 .right-nav .fire-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 11px 38px;
  overflow: hidden
}

.header-2 .right-nav .fire-button span,
.header-3 .right-nav .fire-button span {
  color: #fff;
  margin-left: 7px;
  font-size: 16px;
  font-weight: 400
}

.header-2 .right-nav .fire-button .fire {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: transparent;
  z-index: 1
}

.header-2 .right-nav .fire-button .fire img {
  margin-top: -11px
}

.header-2 .right-nav .fire-button .fire .fire-main,
.header-3 .right-nav .fire-button .fire .fire-main {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-animation: 3s ease-out infinite both scaleUpDown;
  animation: 3s ease-out infinite both scaleUpDown
}

.header-2 .right-nav .fire-button .fire .fire-main .main-fire,
.header-3 .right-nav .fire-button .fire .fire-main .main-fire {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: radial-gradient(farthest-corner at 10px 0, #fff 0, #ddd 95%);
  -webkit-transform: scaleX(.8) rotate(45deg);
  transform: scaleX(.8) rotate(45deg);
  border-radius: 0 40% 60%
}

.header-2 .right-nav .fire-button .fire .fire-main .particle-fire,
.header-3 .right-nav .fire-button .fire .fire-main .particle-fire {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 60%;
  left: 45%;
  background-color: #fff;
  border-radius: 50%;
  -webkit-animation: 2s ease-out 0 infinite both particleUp;
  animation: 2s ease-out 0 infinite both particleUp
}

.header-2 .right-nav .fire-button .fire .fire-right,
.header-3 .right-nav .fire-button .fire .fire-right {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-animation: 2s ease-out 0 infinite both shake;
  animation: 2s ease-out 0 infinite both shake
}

.header-2 .right-nav .fire-button .fire .fire-right .main-fire,
.header-3 .right-nav .fire-button .fire .fire-right .main-fire {
  width: 80%;
  height: 80%;
  position: absolute;
  top: 15%;
  right: -25%;
  background-color: #fff;
  -webkit-transform: scaleX(.8) rotate(45deg);
  transform: scaleX(.8) rotate(45deg);
  border-radius: 0 40% 60%
}

.header-2 .right-nav .fire-button .fire .fire-right .main-fire .particle-fire,
.header-3 .right-nav .fire-button .fire .fire-right .main-fire .particle-fire {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 45%;
  left: 50%;
  background-color: #fff;
  -webkit-transform: scaleX(.8) rotate(45deg);
  transform: scaleX(.8) rotate(45deg);
  border-radius: 50%;
  -webkit-animation: 2s ease-out 0 infinite both particleUp;
  animation: 2s ease-out 0 infinite both particleUp
}

.header-2 .right-nav .fire-button .fire .fire-left,
.header-3 .right-nav .fire-button .fire .fire-left {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-animation: 3s ease-out 0 infinite both shake;
  animation: 3s ease-out 0 infinite both shake
}

.header-2 .right-nav .fire-button .fire .fire-left .main-fire,
.header-3 .right-nav .fire-button .fire .fire-left .main-fire {
  width: 80%;
  height: 80%;
  position: absolute;
  top: 15%;
  left: -20%;
  background-color: #fff;
  -webkit-transform: scaleX(.8) rotate(45deg);
  transform: scaleX(.8) rotate(45deg);
  border-radius: 0 40% 60%
}

.header-2 .right-nav .fire-button .fire .fire-left .main-fire .particle-fire,
.header-3 .right-nav .fire-button .fire .fire-left .main-fire .particle-fire {
  width: 10%;
  height: 10%;
  position: absolute;
  top: 10%;
  left: 20%;
  background-color: #fff;
  border-radius: 50%;
  -webkit-animation: 3s ease-out 0 infinite both particleUp;
  animation: 3s ease-out 0 infinite both particleUp
}

.header-2 .header-nav-left .dropdown-category,
.header-3 .dropdown-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  padding: 9px calc(16px + (31 - 16) * ((100vw - 320px)/ (1920 - 320))) 9px 0;
  position: relative
}

.header-2 .header-nav-left .dropdown-category::after,
.header-3 .dropdown-category::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  background-color: #ececec
}

.header-2 .header-nav-left .dropdown-category .icli,
.header-3 .dropdown-category .icli {
  font-size: 23px;
  color: var(--theme-color-primary);
  margin-right: 10px
}

.header-2 .header-nav-left .dropdown-category span,
.header-3 .dropdown-category span {
  font-size: 16px;
  margin-top: 4px
}

.header-2 .header-nav-left .category-dropdown {
  position: absolute;
  top: 72px;
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px #ddd;
  box-shadow: 0 0 8px #ddd;
  z-index: 2;
  width: 270px;
  border-radius: 6px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.header-2 .header-nav-left .category-dropdown .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 25px;
  padding: 20px 25px
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name img,
.header-2 .header-nav-left .category-dropdown .category-list li a img {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
  object-fit: contain
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name h6 {
  font-size: 17px;
  font-weight: 400;
  position: relative;
  margin-left: 10px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.header-2 .header-nav-left .category-dropdown .category-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--text-primary);
  font-size: 17px;
  font-weight: 400;
  position: relative;
  margin-left: 10px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.header-2 .dropdown-list,
.header-3 .dropdown-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Open Sans", sans-serif
}

.header-2 .dropdown-list li:last-child,
.header-3 .dropdown-list li:last-child {
  margin-right: 0
}

.header-2 .dropdown-list li+li .dropdown,
.header-3 .dropdown-list li+li .dropdown {
  margin-left: 20px
}

.header-2 .dropdown-list li+li .dropdown::after,
.header-3 .dropdown-list li+li .dropdown::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 80%;
  left: -12px;
  background-color: rgba(255, 255, 255, .4)
}

.header-2 .dropdown-list li .dropdown .dropdown-toggle,
.header-3 .dropdown-list li .dropdown .dropdown-toggle {
  width: auto;
  display: block;
  background-color: transparent;
  border-radius: 5px;
  font-weight: 400;
  font-size: unset
}

.header-2 .dropdown-list li .dropdown .dropdown-menu .dropdown-list+.dropdown-list,
.header-3 .dropdown-list li .dropdown .dropdown-menu .dropdown-list+.dropdown-list {
  margin-top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.header-2 .about-list,
.header-3 .about-list {
  font-family: "Open Sans", sans-serif
}

.header-2 .about-list li,
.header-3 .about-list li {
  position: relative;
  margin-left: 15px;
  font-size: 12px;
  font-weight: 400
}

.header-2 .about-list li::after,
.header-3 .about-list li::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 70%;
  left: -8px;
  background-color: rgba(255, 255, 255, .4)
}

.header-3 .navbar-top .support-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 9px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.header-3 .navbar-top .support-box .support-image img {
  width: 33px;
  height: auto
}

.header-3 .navbar-top .support-box .support-number h2 {
  font-size: 25px;
  color: #fff
}

.header-3 .navbar-top .support-box .support-number h4 {
  color: #fff;
  margin-top: 4px;
  font-weight: 400;
  font-size: 16px
}

.header-3 .top-nav {
  padding: 14px 0;
  background-color: var(--theme-color-primary)
}

.header-3 .top-nav span .icli {
  font-size: 25px;
  margin-top: 2px;
  color: #fff;
  -webkit-text-fill-color: #fff
}

.header-3 .top-nav .middle-box .searchbar-box-2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 853px;
  border: 1px solid var(--theme-color-primary);
  border-radius: 5px;
  overflow: hidden
}

.header-3 .top-nav .middle-box .searchbar-box-2 .search-button {
  background-color: #ffb803;
  font-weight: 400
}

.header-3 .top-nav .middle-box .searchbar-box-2 .search-icon {
  font-size: 27px;
  background-color: #fff;
  padding-left: 16px;
  padding-right: 5px
}

.header-3 .top-nav .middle-box .searchbar-box-2 input {
  height: 55px;
  padding: 8px;
  color: #222;
  border: none;
  font-size: 16px;
  z-index: 0
}

.header-3 .top-nav .middle-box .searchbar-box-2 input::-webkit-input-placeholder {
  color: var(--text-primary);
  font-size: 16px
}

.header-3 .top-nav .middle-box .searchbar-box-2 input::-moz-placeholder {
  color: var(--text-primary);
  font-size: 16px
}

.header-3 .top-nav .middle-box .searchbar-box-2 input:-ms-input-placeholder {
  color: var(--text-primary);
  font-size: 16px
}

.header-3 .top-nav .middle-box .searchbar-box-2 input::-ms-input-placeholder {
  color: var(--text-primary);
  font-size: 16px
}

.header-3 .top-nav .middle-box .searchbar-box-2 input::placeholder {
  color: var(--text-primary);
  font-size: 16px
}

.header-3 .top-nav .middle-box .location-box-2 button .icli {
  margin-right: 9px;
  font-size: 22px;
  color: #fff
}

.header-3 .top-nav .middle-box .location-box-2 button span {
  font-size: 16px;
  color: #fff
}

.header-3 .top-nav .middle-box .location-box-2 button .down-arrow {
  margin-left: 10px;
  color: #fff
}

.business-section .business-contain,
.header-3 .rightside-menu .dropdown-dollar .dropdown,
.offer-box {
  position: relative;
  z-index: 0
}

.header-3 .rightside-menu .user-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 37px;
  position: relative
}

.header-3 .rightside-menu .mobile-app {
  position: relative;
  border-radius: 5px;
  padding: 16px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 18px;
  color: var(--theme-color-primary)
}

.header-3 .rightside-menu .mobile-app::before,
.product-box-4 .product-image .option li:before,
.product-section-2 .product-box-4 .product-details .option li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--theme-color-primary);
  opacity: .1;
  z-index: -1
}

.header-3 .right-nav .fire-button .fire {
  width: 20px;
  height: 20px;
  position: relative;
  background-color: transparent;
  z-index: 1
}

.bg-effect {
  background-color: #eee;
  background-position: center
}

.home-contain .home-detail {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: calc(18px + (60 - 18) * ((100vw - 320px)/ (1920 - 320)))
}

.home-contain .home-detail.home-big-space {
  padding: calc(27px + (185 - 27) * ((100vw - 320px)/ (1920 - 320))) 0 !important
}

.home-contain .home-detail>.home-top {
  margin-top: -100px
}

.home-contain .home-detail.home-p-sm {
  padding: calc(15px + (20 - 15) * ((100vw - 320px)/ (1920 - 320))) !important
}

.home-contain .home-detail.home-p-medium {
  padding: 50px calc(15px + (30 - 15) * ((100vw - 320px)/ (1920 - 320))) !important
}

.home-contain .home-detail .ls-expanded {
  letter-spacing: 2.2px
}

.home-contain .home-detail h1 {
  font-size: calc(16px + (42 - 16) * ((100vw - 320px) / (1920 - 320)));
  width: 80%;
  line-height: 1.4;
  margin-bottom: calc(3px + (10 - 3) * ((100vw - 320px)/ (1920 - 320)))
}

.home-contain .home-detail h1.super-sale {
  font-size: 45px
}

.home-contain .home-detail h1.name-title {
  font-size: calc(25px + (42 - 25) * ((100vw - 320px) / (1920 - 320)))
}

.home-contain .home-detail h1.home-name {
  font-size: 86px;
  font-weight: 400;
  position: relative;
  display: inline-block
}

.home-contain .home-detail h1.home-name::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80%;
  height: 2px;
  bottom: 0;
  background-color: #222
}

.home-contain .home-detail h1.furniture-heading span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../images/furniture/banner/line.png);
  width: 100%;
  height: 100%;
  top: 90%;
  background-repeat: no-repeat
}

.product-table ul {
  display: flex;
  flex-direction: column;
}