/*
Template Name: Electro - HTML Ecommerce Template
Author: yaminncco

Colors:
	Body 		: #333
	Headers 	: #2B2D42
	Primary 	: #D10024
	Dark 		: #15161D ##1E1F29
	Grey 		: #E4E7ED #FBFBFC #8D99AE #B9BABC

Fonts: Montserrat

Table OF Contents
------------------------------------
1 > GENERAL
------ Typography
------ Buttons
------ Inputs
------ Sections
------ Breadcrumb
2 > HEADER
------ Top header
------ Logo
------ Search
------ Cart
3 > NAVIGATION
------ Main nav
------ Responsive Nav
4 > CATEGORY SHOP
5 > HOT DEAL
6 > PRODUCT
------ Product
------ Widget product
------ Product slick
7 > STORE PAGE
------ Aside
------ Store
8 > PRODUCT DETAILS PAGE
------ Product view
------ Product details
------ Product tab
9 > CHECKOUT PAGE
10 > NEWSLETTER
11 > FOOTER
11 > SLICK STYLE
12 > RESPONSIVE
------------------------------------*/

/*=========================================================
	01 -> GENERAL
===========================================================*/

/*----------------------------*\
	Typography
\*----------------------------*/

body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  color: #2B2D42;
  font-weight: 700;
  margin: 0 0 10px;
}

a {
  color: #2B2D42;
  font-weight: 500;
  -webkit-transition: 0.2s color;
  transition: 0.2s color;
}

a:hover, a:focus {
  color: #D10024;
  text-decoration: none;
  outline: none;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}

/*----------------------------*\
	Buttons
\*----------------------------*/

.primary-btn {
  display: inline-block;
  padding: 12px 30px;
  background-color: #D10024;
  border: none;
  border-radius: 40px;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.primary-btn:hover, .primary-btn:focus {
  opacity: 0.9;
  color: #FFF;
}

/*----------------------------*\
	Inputs
\*----------------------------*/

/*-- Text input --*/

.input {
  height: 40px;
  padding: 0px 15px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  width: 100%;
}

textarea.input {
  padding: 15px;
  min-height: 90px;
}

/*-- Number input --*/

.input-number {
  position: relative;
}

.input-number input[type="number"]::-webkit-inner-spin-button, .input-number input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-number input[type="number"] {
  -moz-appearance: textfield;
  height: 40px;
  width: 100%;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  padding: 0px 35px 0px 15px;
}

.input-number .qty-up, .input-number .qty-down {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input-number .qty-up {
  right: 0;
  top: 0;
  border-bottom: 0px;
}

.input-number .qty-down {
  right: 0;
  bottom: 0;
}

.input-number .qty-up:hover, .input-number .qty-down:hover {
  background-color: #E4E7ED;
  color: #D10024;
}

/*-- Select input --*/

.input-select {
  padding: 0px 15px;
  background: #FFF;
  border: 1px solid #E4E7ED;
  height: 40px;
}

/*-- checkbox & radio input --*/

.input-radio, .input-checkbox {
  position: relative;
  display: block;
}

.input-radio input[type="radio"]:not(:checked), .input-radio input[type="radio"]:checked, .input-checkbox input[type="checkbox"]:not(:checked), .input-checkbox input[type="checkbox"]:checked {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.input-radio label, .input-checkbox label {
  font-weight: 500;
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 5px;
  cursor: pointer;
}

.input-radio input[type="radio"]+label span, .input-checkbox input[type="checkbox"]+label span {
  position: absolute;
  left: 0px;
  top: 4px;
  width: 14px;
  height: 14px;
  border: 2px solid #E4E7ED;
  background: #FFF;
}

.input-radio input[type="radio"]+label span {
  border-radius: 50%;
}

.input-radio input[type="radio"]+label span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  background-color: #FFF;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.input-checkbox input[type="checkbox"]+label span:after {
  content: '✔';
  position: absolute;
  top: -2px;
  left: 1px;
  font-size: 10px;
  color: #FFF;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.input-radio input[type="radio"]:checked+label span, .input-checkbox input[type="checkbox"]:checked+label span {
  background-color: #D10024;
  border-color: #D10024;
}

.input-radio input[type="radio"]:checked+label span:after {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.input-checkbox input[type="checkbox"]:checked+label span:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.input-radio .caption, .input-checkbox .caption {
  margin-top: 5px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s max-height;
  transition: 0.3s max-height;
}

.input-radio input[type="radio"]:checked~.caption, .input-checkbox input[type="checkbox"]:checked~.caption {
  max-height: 800px;
}

/*----------------------------*\
	Section
\*----------------------------*/

.section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section-title {
  position: relative;
  margin-bottom: 30px;
  margin-top: 15px;
}

.section-title .title {
  display: inline-block;
  text-transform: uppercase;
  margin: 0px;
}

.section-title .section-nav {
  float: right;
}

.section-title .section-nav .section-tab-nav {
  display: inline-block;
}

.section-tab-nav li {
  display: inline-block;
  margin-right: 15px;
}

.section-tab-nav li:last-child {
  margin-right: 0px;
}

.section-tab-nav li a {
  font-weight: 700;
  color: #8D99AE;
}

.section-tab-nav li a:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #D10024;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.section-tab-nav li.active a {
  color: #D10024;
}

.section-tab-nav li a:hover:after, .section-tab-nav li a:focus:after, .section-tab-nav li.active a:after {
  width: 100%;
}

.section-title .section-nav .products-slick-nav {
  top: 0px;
  right: 0px;
}

/*----------------------------*\
	Breadcrumb
\*----------------------------*/

#breadcrumb {
  padding: 30px 0px;
  background: #FBFBFC;
  border-bottom: 1px solid #E4E7ED;
  margin-bottom: 30px;
}

#breadcrumb .breadcrumb-header {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 15px;
  text-transform: uppercase;
}

#breadcrumb .breadcrumb-tree {
  display: inline-block;
}

#breadcrumb .breadcrumb-tree li {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

#breadcrumb .breadcrumb-tree li+li {
  margin-left: 10px;
}

#breadcrumb .breadcrumb-tree li+li:before {
  content: '/';
  display: inline-block;
  color: #8D99AE;
  margin-right: 10px;
}

#breadcrumb .breadcrumb-tree li a {
  color: #8D99AE;
}

#breadcrumb .breadcrumb-tree li a:hover {
  color: #D10024;
}

/*=========================================================
	02 -> HEADER
===========================================================*/

/*----------------------------*\
	Top header
\*----------------------------*/

#top-header {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #1E1F29;
}

.header-links li {
  display: inline-block;
  margin-right: 15px;
  font-size: 12px;
}

.header-links li:last-child {
  margin-right: 0px;
}

.header-links li a {
  color: #FFF;
}

.header-links li a:hover {
  color: #D10024;
}

.header-links li i {
  color: #D10024;
  margin-right: 5px;
}

/*----------------------------*\
	Logo
\*----------------------------*/

#header {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #15161D;
}

.header-logo {
  float: left;
}

.header-logo .logo img {
  display: block;
}

/*----------------------------*\
	Search
\*----------------------------*/

.header-search {
  padding: 15px 0px;
}

.header-search form {
  position: relative;
}

.header-search form .input-select {
  margin-right: -4px;
  border-radius: 40px 0px 0px 40px;
}

.header-search form .input {
  width: calc(100% - 260px);
  margin-right: -4px;
}

.header-search form .search-btn {
  height: 40px;
  width: 100px;
  background: #D10024;
  color: #FFF;
  font-weight: 700;
  border: none;
  border-radius: 0px 40px 40px 0px;
}

/*----------------------------*\
	Cart
\*----------------------------*/

.header-ctn {
  float: right;
  padding: 15px 0px;
}

.header-ctn>div {
  display: inline-block;
}

.header-ctn>div+div {
  margin-left: 15px;
}

.header-ctn>div>a {
  display: block;
  position: relative;
  width: 90px;
  text-align: center;
  color: #FFF;
}

.header-ctn>div>a>i {
  display: block;
  font-size: 18px;
}

.header-ctn>div>a>span {
  font-size: 12px;
}

.header-ctn>div>a>.qty {
  position: absolute;
  right: 15px;
  top: -10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  font-size: 10px;
  color: #FFF;
  background-color: #D10024;
}

.header-ctn .menu-toggle {
  display: none;
}

.cart-dropdown {
  position: absolute;
  width: 300px;
  background: #FFF;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 0px 2px #E4E7ED;
  box-shadow: 0px 0px 0px 2px #E4E7ED;
  z-index: 99;
  right: 0;
  opacity: 0;
  visibility: hidden;
}

.dropdown.open>.cart-dropdown {
  opacity: 1;
  visibility: visible;
}

.cart-dropdown .cart-list {
  max-height: 180px;
  overflow-y: scroll;
  margin-bottom: 15px;
}

.cart-dropdown .cart-list .product-widget {
  padding: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.cart-dropdown .cart-list .product-widget:last-child {
  margin-bottom: 0px;
}

.cart-dropdown .cart-list .product-widget .product-img {
  left: 0px;
  top: 0px;
}

.cart-dropdown .cart-list .product-widget .product-body .product-price {
  color: #2B2D42;
}

.cart-dropdown .cart-btns {
  margin: 0px -17px -17px;
}

.cart-dropdown .cart-btns>a {
  display: inline-block;
  width: calc(50% - 0px);
  padding: 12px;
  background-color: #D10024;
  color: #FFF;
  text-align: center;
  font-weight: 700;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.cart-dropdown .cart-btns>a:first-child {
  margin-right: -4px;
  background-color: #1e1f29;
}

.cart-dropdown .cart-btns>a:hover {
  opacity: 0.9;
}

.cart-dropdown .cart-summary {
  border-top: 1px solid #E4E7ED;
  padding-top: 15px;
  padding-bottom: 15px;
}

/*=========================================================
	03 -> Navigation
===========================================================*/

#navigation {
  background: #FFF;
  border-bottom: 2px solid #E4E7ED;
  border-top: 3px solid #D10024;
}

/*----------------------------*\
	Main nav
\*----------------------------*/

.main-nav>li+li {
  margin-left: 30px
}

.main-nav>li>a {
  padding: 20px 0px;
}

.main-nav>li>a:hover, .main-nav>li>a:focus, .main-nav>li.active>a {
  color: #D10024;
  background-color: transparent;
}

.main-nav>li>a:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #D10024;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.main-nav>li>a:hover:after, .main-nav>li>a:focus:after, .main-nav>li.active>a:after {
  width: 100%;
}

.header-ctn li.nav-toggle {
  display: none;
}

/*----------------------------*\
	responsive nav
\*----------------------------*/

@media only screen and (max-width: 991px) {
  .header-ctn .menu-toggle {
    display: inline-block;
  }
  #responsive-nav {
    position: fixed;
    left: 0;
    top: 0;
    background: #15161D;
    height: 100vh;
    max-width: 250px;
    width: 0%;
    overflow: hidden;
    z-index: 22;
    padding-top: 60px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
  }
  #responsive-nav.active {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    width: 100%;
  }
  .main-nav {
    margin: 0px;
    float: none;
  }
  .main-nav>li {
    display: block;
    float: none;
  }
  .main-nav>li+li {
    margin-left: 0px;
  }
  .main-nav>li>a {
    padding: 15px;
    color: #FFF;
  }
}

/*=========================================================
	04 -> CATEGORY SHOP
===========================================================*/

.shop {
  position: relative;
  overflow: hidden;
  margin: 15px 0px;
}

.shop:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  width: 60%;
  background: #D10024;
  opacity: 0.9;
  -webkit-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  transform: skewX(-45deg);
}

.shop:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  width: 100%;
  background: #D10024;
  opacity: 0.9;
  -webkit-transform: skewX(-45deg) translateX(-100%);
  -ms-transform: skewX(-45deg) translateX(-100%);
  transform: skewX(-45deg) translateX(-100%);
}

.shop .shop-img {
  position: relative;
  background-color: #E4E7ED;
  z-index: -1;
}

.shop .shop-img>img {
  width: 100%;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.shop:hover .shop-img>img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.shop .shop-body {
  position: absolute;
  top: 0;
  width: 75%;
  padding: 30px;
  z-index: 10;
}

.shop .shop-body h3 {
  color: #FFF;
}

.shop .shop-body .cta-btn {
  color: #FFF;
  text-transform: uppercase;
}

/*=========================================================
	05 -> HOT DEAL
===========================================================*/

#hot-deal.section {
  padding: 60px 0px;
  margin: 30px 0px;
  background-color: #E4E7ED;
  background-image: url('../img/hotdeal.png');
  background-position: center;
  background-repeat: no-repeat;
}

.hot-deal {
  text-align: center;
}

.hot-deal .hot-deal-countdown {
  margin-bottom: 30px;
}

.hot-deal .hot-deal-countdown>li {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  background: #D10024e6;
  text-align: center;
  border-radius: 50%;
  margin: 0px 5px;
}

.hot-deal .hot-deal-countdown>li>div {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hot-deal .hot-deal-countdown>li>div h3 {
  color: #FFF;
  margin-bottom: 0px;
}

.hot-deal .hot-deal-countdown>li>div span {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  color: #FFF;
}

.hot-deal p {
  text-transform: uppercase;
  font-size: 24px;
}

.hot-deal .cta-btn {
  margin-top: 15px;
}

/*=========================================================
	06 -> PRODUCT
===========================================================*/

/*----------------------------*\
	product
\*----------------------------*/

.product {
  position: relative;
  margin: 15px 0px;
  -webkit-box-shadow: 0px 0px 0px 0px #E4E7ED, 0px 0px 0px 1px #E4E7ED;
  box-shadow: 0px 0px 0px 0px #E4E7ED, 0px 0px 0px 1px #E4E7ED;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product:hover {
  -webkit-box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px #D10024;
  box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px #D10024;
}

.product .product-img {
  position: relative;
}

.product .product-img>img {
  width: 100%;
}

.product .product-img .product-label {
  position: absolute;
  top: 15px;
  right: 15px;
}

.product .product-img .product-label>span {
  border: 2px solid;
  padding: 2px 10px;
  font-size: 12px;
}

.product .product-img .product-label>span.sale {
  background-color: #FFF;
  border-color: #D10024;
  color: #D10024;
}

.product .product-img .product-label>span.new {
  background-color: #D10024;
  border-color: #D10024;
  color: #FFF;
}

.product .product-body {
  position: relative;
  padding: 15px;
  background-color: #FFF;
  text-align: center;
  z-index: 20;
}

.product .product-body .product-category {
  text-transform: uppercase;
  font-size: 12px;
  color: #8D99AE;
}

.product .product-body .product-name {
  text-transform: uppercase;
  font-size: 14px;
}

.product .product-body .product-name>a {
  font-weight: 700;
}

.product .product-body .product-name>a:hover, .product .product-body .product-name>a:focus {
  color: #D10024;
}

.product .product-body .product-price {
  color: #D10024;
  font-size: 18px;
}

.product .product-body .product-price .product-old-price {
  font-size: 70%;
  font-weight: 400;
  color: #8D99AE;
}

.product .product-body .product-rating {
  position: relative;
  margin: 15px 0px 10px;
  height: 20px;
}

.product .product-body .product-rating>i {
  position: relative;
  width: 14px;
  margin-right: -4px;
  background: #FFF;
  color: #E4E7ED;
  z-index: 10;
}

.product .product-body .product-rating>i.fa-star {
  color: #ef233c;
}

.product .product-body .product-rating:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1px;
  background-color: #E4E7ED;
}

.product .product-body .product-btns>button {
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: none;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product .product-body .product-btns>button:hover {
  background-color: #E4E7ED;
  color: #D10024;
  border-radius: 50%;
}

.product .product-body .product-btns>button .tooltipp {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -15px);
  -ms-transform: translate(-50%, -15px);
  transform: translate(-50%, -15px);
  width: 150px;
  padding: 10px;
  font-size: 12px;
  line-height: 10px;
  background: #1e1f29;
  color: #FFF;
  text-transform: uppercase;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product .product-body .product-btns>button:hover .tooltipp {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -5px);
  -ms-transform: translate(-50%, -5px);
  transform: translate(-50%, -5px);
}

/* Black background for Add to Cart button 
   Hiding with transformY : 0% => align with bottom of product
   and z-index 2 => at the back
*/

.product .add-to-cart {
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  padding: 15px;
  background: #1e1f29;
  text-align: center;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  z-index: 2;
}

/* pop down product on hover for Add to Cart button here */

.product:hover .add-to-cart {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

/* Add to Cart red/white button before hover.
Nested classes: 
  .product 
    .add-to-cart 
      .add-to-cart-btn

 Defining Add to Cart button Red background white font only 
   Not with black background defined separately.
   Animation defined here for transition after hover,  
   to button white background and red font with cart (defined below). 
*/
#input-number .add-to-cart-btn,
.product .add-to-cart .add-to-cart-btn {
  position: relative;
  border: 2px solid transparent;
  height: 40px;
  padding: 0 30px;
  background-color: #ef233c;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 40px;
  /* animation for add to cart button to change on hover
    transformation for  white button with cart icon to appear.
  */
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

/* i for basket icon on hovering with red color on white background */
#input-number .add-to-cart-btn>i,
.product .add-to-cart .add-to-cart-btn>i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 38px;
  color: #D10024;
  opacity: 0;
  visibility: hidden;
}

/* Defining After hover Add to cart button with red font and white background only.
   Basket cart defined below separately.
*/
#input-number .add-to-cart-btn:hover,
.product .add-to-cart .add-to-cart-btn:hover {
  background-color: #FFF;
  color: #D10024;
  border-color: #D10024;
  padding: 0px 30px 0px 50px;
}

/* Icon basket after hover to be visible */
#input-number .add-to-cart-btn:hover>i,
.product .add-to-cart .add-to-cart-btn:hover>i {
  opacity: 1;
  visibility: visible;
}

/*----------------------------*\
	Widget product
\*----------------------------*/

.product-widget {
  position: relative;
}

.product-widget+.product-widget {
  margin: 30px 0px;
}

.product-widget .product-img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
}

.product-widget .product-img>img {
  width: 100%;
}

.product-widget .product-body {
  padding-left: 75px;
  min-height: 60px;
}

.product-widget .product-body .product-category {
  text-transform: uppercase;
  font-size: 10px;
  color: #8D99AE;
}

.product-widget .product-body .product-name {
  text-transform: uppercase;
  font-size: 12px;
}

.product-widget .product-body .product-name>a {
  font-weight: 700;
}

.product-widget .product-body .product-name>a:hover, .product-widget .product-body .product-name>a:focus {
  color: #D10024;
}

.product-widget .product-body .product-price {
  font-size: 14px;
  color: #D10024;
}

.product-widget .product-body .product-price .product-old-price {
  font-size: 70%;
  font-weight: 400;
  color: #8D99AE;
}

.product-widget .product-body .product-price .qty {
  font-weight: 400;
  margin-right: 10px;
}

.product-widget .delete {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  text-align: center;
  font-size: 10px;
  padding: 0;
  background: #1e1f29;
  border: none;
  color: #FFF;
}

/*----------------------------*\
	Products slick
\*----------------------------*/

.products-slick .slick-list {
  padding-bottom: 60px;
  margin-bottom: -60px;
  z-index: 2;
}

.products-slick .product.slick-slide {
  margin: 15px;
}

.products-tabs>.tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow-y: hidden;
  padding-bottom: 60px;
  margin-bottom: -60px;
}

.products-tabs>.tab-pane.active {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.products-slick-nav {
  position: absolute;
  right: 15px;
  z-index: 10;
}

.products-slick-nav .slick-prev, .products-slick-nav .slick-next {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 20px;
  height: 20px;
  display: inline-block !important;
  margin: 0px 2px;
}

.products-slick-nav .slick-prev:before, .products-slick-nav .slick-next:before {
  font-size: 14px;
}

/*=========================================================
	07 -> PRODUCTS PAGE
===========================================================*/

/*----------------------------*\
	Aside
\*----------------------------*/

.aside+.aside {
  margin-top: 30px;
}

.aside>.aside-title {
  text-transform: uppercase;
  font-size: 18px;
  margin: 15px 0px 30px;
}

/*-- checkbox Filter --*/

.checkbox-filter>div+div {
  margin-top: 10px;
}

.checkbox-filter .input-radio label, .checkbox-filter .input-checkbox label {
  font-size: 12px;
}

.checkbox-filter .input-radio label small, .checkbox-filter .input-checkbox label small {
  color: #8D99AE;
}

/*-- Price Filter --*/

#price-slider {
  margin-bottom: 15px;
}

.noUi-target {
  background-color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #E4E7ED;
  border-radius: 0px;
}

.noUi-connect {
  background-color: #D10024;
}

.noUi-horizontal {
  height: 6px;
}

.noUi-horizontal .noUi-handle {
  width: 12px;
  height: 12px;
  left: -6px;
  top: -4px;
  border: none;
  background: #D10024;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 50%;
}

.noUi-handle:before, .noUi-handle:after {
  display: none;
}

.price-filter .input-number {
  display: inline-block;
  width: calc(50% - 7px);
}

/*----------------------------*\
	Store
\*----------------------------*/

.store-filter {
  margin-bottom: 15px;
  margin-top: 15px;
}

/*-- Store Sort --*/

.store-sort {
  display: inline-block;
}

.store-sort label {
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 15px;
}

/*-- Store Grid --*/

.store-grid {
  float: right;
}

.store-grid li {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #FFF;
  border: 1px solid #E4E7ED;
  text-align: center;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.store-grid li+li {
  margin-left: 5px;
}

.store-grid li:hover {
  background-color: #E4E7ED;
  color: #D10024;
}

.store-grid li.active {
  background-color: #D10024;
  border-color: #D10024;
  color: #FFF;
  cursor: default;
}

.store-grid li a {
  display: block;
}

/*-- Store Pagination --*/

.store-pagination {
  float: right;
}

.store-pagination li {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #E4E7ED;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.store-pagination li+li {
  margin-left: 5px;
}

.store-pagination li:hover {
  background-color: #E4E7ED;
  color: #D10024;
}

.store-pagination li.active {
  background-color: #D10024;
  border-color: #D10024;
  color: #FFF;
  font-weight: 500;
  cursor: default;
}

.store-pagination li a {
  display: block;
}

.store-qty {
  margin-right: 30px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
}

/*=========================================================
	08 -> PRODUCT DETAILS PAGE
===========================================================*/

/*----------------------------*\
	Product view
\*----------------------------*/

#product-main-img .slick-prev {
  -webkit-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  transform: translateX(-15px);
  left: 15px;
}

#product-main-img .slick-next {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
  right: 15px;
}

#product-main-img .slick-prev, #product-main-img .slick-next {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

#product-main-img:hover .slick-prev, #product-main-img:hover .slick-next {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
  visibility: visible;
}

#product-main-img .zoomImg {
  background-color: #FFF;
}

#product-imgs .product-preview {
  margin: 0px 5px;
  border: 1px solid #E4E7ED;
}

#product-imgs .product-preview.slick-current {
  border-color: #D10024;
}

#product-imgs .slick-prev {
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#product-imgs .slick-next {
  top: calc(100% - 20px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#product-imgs .slick-prev:before {
  content: "\f106";
}

#product-imgs .slick-next:before {
  content: "\f107";
}

.product-preview img {
  width: 100%;
}

/*----------------------------*\
	Product details
\*----------------------------*/

.product-details .product-name {
  text-transform: uppercase;
  font-size: 18px;
}

.product-details .product-rating {
  display: inline-block;
  margin-right: 15px;
}

.product-details .product-rating>i {
  color: #E4E7ED;
}

.product-details .product-rating>i.fa-star {
  color: #D10024;
}

.product-details .review-link {
  font-size: 12px;
}

.product-details .product-price {
  display: inline-block;
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #D10024;
}

.product-details .product-price .product-old-price {
  font-size: 70%;
  font-weight: 400;
  color: #8D99AE;
}

.product-details .product-available {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin-left: 30px;
  color: #D10024;
}

.product-details .product-options {
  margin-top: 30px;
  margin-bottom: 30px;
}

.product-details .product-options label {
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 15px;
  margin-bottom: 0px;
}

.product-details .product-options .input-select {
  width: 90px;
}

.product-details .add-to-cart {
  margin-bottom: 30px;
}

.product-details .add-to-cart .add-to-cart-btn {
  position: relative;
  border: 2px solid transparent;
  height: 40px;
  padding: 0 30px;
  background-color: #ef233c;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 40px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product-details .add-to-cart .add-to-cart-btn>i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 38px;
  color: #D10024;
  opacity: 0;
  visibility: hidden;
}

.product-details .add-to-cart .add-to-cart-btn:hover {
  background-color: #FFF;
  color: #D10024;
  border-color: #D10024;
  padding: 0px 30px 0px 50px;
}

.product-details .add-to-cart .add-to-cart-btn:hover>i {
  opacity: 1;
  visibility: visible;
}

.product-details .add-to-cart .qty-label {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 15px;
  margin-bottom: 0px;
}

.product-details .add-to-cart .qty-label .input-number {
  width: 90px;
  display: inline-block;
}

.product-details .product-btns li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
}

.product-details .product-btns li+li {
  margin-left: 15px;
}

.product-details .product-links {
  margin-top: 15px;
}

.product-details .product-links li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
}

.product-details .product-links li+li {
  margin-left: 10px;
}

/*----------------------------*\
	 Product tab
\*----------------------------*/

/* first intro product description paragraph product link */
.woocommerce-Tabs-panel--description > p:first-of-type a, 
.woocommerce-Tabs-panel--description > p.summary a {
  color: #337ab7 !important;
}

#product-tab,
.woocommerce div.product .woocommerce-tabs {
  margin-top: 60px;
}

#product-tab .tab-nav, .woocommerce div.product .woocommerce-tabs ul.tabs {
  position: relative;
  text-align: center;
  padding: 15px 0px !important;
  margin-bottom: 30px !important;
}

#product-tab .tab-nav:after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  border-bottom:1px solid #E4E7ED;
  z-index: -1;
}

#product-tab .tab-nav li,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  display: inline-block;
  background: #FFF;
  padding: 0px 15px !important;
}

#product-tab .tab-nav li+li,
.woocommerce div.product .woocommerce-tabs ul.tabs li+li {
  margin-left: 15px;
}

#product-tab .tab-nav li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a
{
  display: block !important;
  font-weight: 700 !important;
  color: #8D99AE;
  padding-bottom: 5px;
  transition: none !important;
  
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: #8D99AE;
}


#product-tab .tab-nav li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #D10024;
  
}

#product-tab .tab-nav li a:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #D10024;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;

  }

#product-tab .tab-nav li a:hover:after, 
#product-tab .tab-nav li a:focus:after, 
#product-tab .tab-nav li.active a:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after
 {
  width: 100%;
}

/*-- Rating --*/

.rating-avg {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.rating-avg .rating-stars {
  margin-left: 10px;
}

.rating-avg .rating-stars, .rating .rating-stars {
  display: inline-block;
}

.rating-avg .rating-stars>i, .rating .rating-stars>i {
  color: #E4E7ED;
}

.rating-avg .rating-stars>i.fa-star, .rating .rating-stars>i.fa-star {
  color: #D10024;
}

.rating li {
  margin: 5px 0px;
}

.rating .rating-progress {
  position: relative;
  display: inline-block;
  height: 9px;
  background-color: #E4E7ED;
  width: 120px;
  margin: 0px 10px;
  border-radius: 5px;
}

.rating .rating-progress>div {
  background-color: #D10024;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
}

.rating .sum {
  display: inline-block;
  font-size: 12px;
  color: #8D99AE;
}

/*-- Reviews --*/

.reviews li {
  position: relative;
  padding-left: 145px;
  margin-bottom: 30px;
}

.reviews .review-heading {
  position: absolute;
  width: 130px;
  left: 0;
  top: 0;
  height: 70px;
}

.reviews .review-body {
  min-height: 70px;
}

.reviews .review-heading .name {
  margin-bottom: 5px;
  margin-top: 0px;
}

.reviews .review-heading .date {
  color: #8D99AE;
  font-size: 10px;
  margin: 0;
}

.reviews .review-heading .review-rating {
  margin-top: 5px;
}

.reviews .review-heading .review-rating>i {
  color: #E4E7ED;
}

.reviews .review-heading .review-rating>i.fa-star {
  color: #D10024;
}

.reviews-pagination {
  text-align: center;
}

.reviews-pagination li {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #E4E7ED;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.reviews-pagination li:hover {
  background-color: #E4E7ED;
  color: #D10024;
}

.reviews-pagination li.active {
  background-color: #D10024;
  border-color: #D10024;
  color: #FFF;
  cursor: default;
}

.reviews-pagination li a {
  display: block;
}

/*-- Review Form --*/

.review-form .input {
  margin-bottom: 15px;
}

.review-form .input-rating {
  margin-bottom: 15px;
}

.review-form .input-rating .stars {
  display: inline-block;
  vertical-align: top;
}

.review-form .input-rating .stars input[type="radio"] {
  display: none;
}

.review-form .input-rating .stars>label {
  float: right;
  cursor: pointer;
  padding: 0px 3px;
  margin: 0px;
}

.review-form .input-rating .stars>label:before {
  content: "\f006";
  font-family: FontAwesome;
  color: #E4E7ED;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.review-form .input-rating .stars>label:hover:before, .review-form .input-rating .stars>label:hover~label:before {
  color: #D10024;
}

.review-form .input-rating .stars>input:checked label:before, .review-form .input-rating .stars>input:checked~label:before {
  content: "\f005";
  color: #D10024;
}

/*=========================================================
	09 -> CHECKOUT PAGE
===========================================================*/

.billing-details {
  margin-bottom: 30px;
}

.shiping-details {
  margin-bottom: 30px;
}

.order-details {
  position: relative;
  padding: 0px 30px 30px;
  border-right: 1px solid #E4E7ED;
  border-left: 1px solid #E4E7ED;
  border-bottom: 1px solid #E4E7ED;
}

.order-details:before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -15px;
  height: 30px;
  border-top: 1px solid #E4E7ED;
  border-left: 1px solid #E4E7ED;
  border-right: 1px solid #E4E7ED;
}

.order-summary {
  margin: 15px 0px;
}

.order-summary .order-col {
  display: table;
  width: 100%;
}

.order-summary .order-col:after {
  content: "";
  display: block;
  clear: both;
}

.order-summary .order-col>div {
  display: table-cell;
  padding: 10px 0px;
}

.order-summary .order-col>div:first-child {
  width: calc(100% - 150px);
}

.order-summary .order-col>div:last-child {
  width: 150px;
  text-align: right;
}

.order-summary .order-col .order-total {
  font-size: 24px;
  color: #D10024;
}

.order-details .payment-method {
  margin: 30px 0px;
}

.order-details .order-submit {
  display: block;
  margin-top: 30px;
}

/*=========================================================
	10 -> NEWSLETTER
===========================================================*/

#newsletter.section {
  border-top: 2px solid #E4E7ED;
  border-bottom: 3px solid #D10024;
  margin-top: 30px;
}

.newsletter {
  text-align: center;
}

.newsletter p {
  font-size: 24px;
}

.newsletter form {
  position: relative;
  max-width: 520px;
  margin: 30px auto;
}

.newsletter form:after {
  content: "\f003";
  font-family: FontAwesome;
  position: absolute;
  font-size: 160px;
  color: #E4E7ED;
  top: 15px;
  -webkit-transform: translateY(-50%) rotate(15deg);
  -ms-transform: translateY(-50%) rotate(15deg);
  transform: translateY(-50%) rotate(15deg);
  z-index: -1;
  left: -90px;
}

.newsletter form .input {
  width: calc(100% - 160px);
  margin-right: -4px;
  border-radius: 40px 0px 0px 40px;
}

.newsletter form .newsletter-btn {
  width: 160px;
  height: 40px;
  font-weight: 700;
  background: #D10024;
  color: #FFF;
  border: none;
  border-radius: 0px 40px 40px 0px;
}

.newsletter .newsletter-follow {
  text-align: center;
}

.newsletter .newsletter-follow li {
  display: inline-block;
  margin-right: 5px;
}

.newsletter .newsletter-follow li:last-child {
  margin-right: 0px;
}

.newsletter .newsletter-follow li a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.newsletter .newsletter-follow li a:hover, .newsletter .newsletter-follow li a:focus {
  background-color: #E4E7ED;
  color: #D10024;
}

/*=========================================================
	11 -> FOOTER
===========================================================*/

#footer {
  background: #15161D;
  color: #B9BABC;
}

#bottom-footer {
  background: #1E1F29;
}

.footer {
  margin: 30px 0px;
}

.footer .footer-title {
  color: #FFF;
  text-transform: uppercase;
  font-size: 18px;
  margin: 0px 0px 30px;
}

.footer-links li+li {
  margin-top: 15px;
}

.footer-links li a {
  color: #B9BABC;
}

.footer-links li i {
  margin-right: 15px;
  color: #D10024;
  width: 14px;
  text-align: center;
}

.footer-links li a:hover {
  color: #D10024;
}

.copyright {
  margin-top: 30px;
  display: block;
  font-size: 12px;
}

.footer-payments li {
  display: inline-block;
  margin-right: 5px;
}

.footer-payments li a {
  color: #15161D;
  font-size: 36px;
  display: block;
}

/*=========================================================
	12 -> SLICK STYLE
===========================================================*/

/*----------------------------*\
	Arrows
\*----------------------------*/

.slick-prev, .slick-next {
  width: 40px;
  height: 40px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  border-radius: 50%;
  z-index: 22;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  background-color: #D10024;
  border-color: #D10024;
}

.slick-prev:before, .slick-next:before {
  font-family: FontAwesome;
  color: #2B2D42;
}

.slick-prev:before {
  content: "\f104";
}

.slick-next:before {
  content: "\f105";
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  color: #FFF;
}

.slick-prev {
  left: -20px;
}

.slick-next {
  right: -20px;
}

/*----------------------------*\
	Dots
\*----------------------------*/

.slick-dots li, .slick-dots li button, .slick-dots li button:before {
  width: 10px;
  height: 10px;
}

.slick-dots li button:before {
  content: "";
  opacity: 1;
  background: #E4E7ED;
  border-radius: 50%;
}

.slick-dots li.slick-active button:before {
  background-color: #D10024;
}

.custom-dots .slick-dots {
  position: static;
  margin: 15px 0px;
}

#custom-wrapper {
    
    display: flex !important;
}
/* add to cart div */
ul.wishlist_table.mobile .product-add-to-cart {
  position: absolute !important;
  height: unset !important;
  display: unset !important;
  top: -10px !important;
  right: 20px !important;
  width: fit-content !important;
}
/* add to cart link */
.wishlist_table .product-add-to-cart a {
  transform: unset !important;
  position: unset !important;
}
/* stock div */
.additional-info {
  left: 111px !important;
  position: relative !important;
}
.wishlist_table.mobile li .item-wrapper {
  display: flex !important;
}
.wishlist_table.mobile li .item-wrapper .item-details {
  align-content: center !important;
}
.wishlist_table.mobile li .item-wrapper .product-thumbnail {
  max-width: 100px !important;
}

.wishlist_table.mobile li .item-wrapper .item-details .item-details-table del {
  color: #424a57 !important;
  font-size: 11px !important;
}
.wishlist_table.mobile li .item-wrapper .item-details .item-details-table ins {
  color: #ef233c !important;
  font-size: 13px !important;
} 
/* custom code starts here */
.wishlist_table.mobile li .additional-info-wrapper {
  position: relative !important;
}
ul.wishlist_table.mobile .product-add-to-cart .fa-shopping-cart:before {
  display: none !important;
}
.wishlist_table.mobile li .additional-info-wrapper .product-remove {
  position: absolute !important;
  top: 0 !important; 
  display: inline !important;
  right: 0 !important;
}
.wishlist_table.mobile li {
    margin-bottom: 57px !important;
  }
/* Item details: stock and price */  
.wishlist_table.modern_grid li .item-details table.item-details-table td, 
.wishlist_table.images_grid li .item-details table.item-details-table td, 
.wishlist_table.mobile li .item-details table.item-details-table td, 
.wishlist_table.mobile li table.additional-info td {
  color: black !important;
  vertical-align: unset !important;
}

/* cart shipping */
.woocommerce ul#shipping_method li label {
  top: 0 !important;
  left: 0 !important;
}
.cart-dropdown .cart-list .product-widget {
  height: auto !important;
}

/* Product label : LABEL that appears on related products section or other sliders */
.product-label span {
  display: none !important;
}

/*=========================================================
	13 -> RESPONSIVE
===========================================================*/

@media only screen and (max-width: 1201px) {

/**************************************/
/************** Index *****************/
/**************************************/


/* Slick slider product img */
.product .product-img>img {
  height: auto !important;
}
/* Top Selling slick */
.product-widget {
  height: unset !important;
}
#hot-deal.section {
  /* Scale the image width down to 600px */
  background-size: 950px auto !important;
}

/**************************************/
/********** Single Product ************/
/**************************************/


  /* main product image div */
  #product-main-img {
    max-width: 100% !important;
  }
  /* thumbnails */
  #product-imgs {
    top: 0 !important
  }
  /* search magnifier lens font awesome icon on main image */
  div.product-preview.slick-slide.slick-current.slick-active:not(.slick-center) i {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
  }
  /* thumbnails wrapper div 
  .slick-slider .slick-track {
    transform: unset !important;
  }*/
  /* thumbnails images 
  #product-imgs .product-preview.slick-current img {
    width: 75px !important;
  }*/
  /* first intro paragraph for product  */
  .woocommerce-Tabs-panel--description > p:first-of-type, 
  .woocommerce-Tabs-panel--description > p.summary {
    padding: 10px 30px !important;
    font-size: 14px !important;
    margin-top: 0 !important;
    margin-bottom: 30px !important;
  }
  
 /* Single Product page Excerpt section to be displayed after images and not besides */
  .product-details {
    position: relative !important;
    width: 100%;
    margin-left: unset !important;
  }
  /* Remove title from Excerpt section 
  .woocommerce div.product .product_title {
    display: none;
  }*/
  /* Make images wrapper full width */
  #custom-wrapper {
    width: 50%  !important;
    left: unset !important;
    display: block !important;
  }
  
  /* thumbnails */
  .thumb {
    top: -270px !important 
  }
  /* Align title center before images */
  #custom-wrapper h2 {
    text-align: center;
  }
  /* Single Product page Excerpt section to be displayed after images and not besides */
  .product-details {
    position: relative !important;
    width: 100% !important;
    margin-left: unset !important;
  }
  .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    position:  relative !important;
    float: unset !important;
    width: 100%;
    display: block !important;
  }
  .woocommerce div.product div.summary {
    margin-bottom: 0 !important;
  }

  /* Remove margin from tabs */
  #product-tab, .woocommerce div.product .woocommerce-tabs {
    margin-top: 0px !important;
  }
  #product-main-img .slick-prev, #product-main-img .slick-next {
    opacity: 1 !important; 
    visibility: visible !important; 
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
  }
  /* New user input in Review TextArea */
  #review_form_wrapper {
    float: unset !important;
    width: 100% !important;
  }
  /*

  .woocommerce #reviews #comments #commentslist {
    position: unset !important;
    float: right !important;
    background: yellow;
  }
  #review_form_wrapper {
    float: unset !important;
    position: relative !important;
    width: unset !important;
  }
  */
  /* Review Comments list DIV */
  .woocommerce #reviews #comments #commentslist
  {
    position: relative !important; 
    top: 0 !important;
    width: 50%;
    height: 799px;
    float: right !important;
    position: relative;
    width: 65% !important;
    left: unset !important; 
    margin-left: unset !important; 
  }
  #reviews .cr-summaryBox-wrap, .cr-all-reviews-shortcode .cr-summaryBox-wrap, .cr-reviews-grid .cr-summaryBox-wrap {
    position: relative;
    height: 250px !important;
    float: left;
    width: 35% !important;
    /* top: 40px; */
}
/* Main wrapper Comments DIV */
.woocommerce #reviews #comments {
    float: unset !important; 
    height: 300px;
    /* width: 700px; */
    position: relative;
}
/* Review Comments list*/
.woocommerce #reviews #comments ol.commentlist {       
    min-width: fit-content;
    margin-top: 0 !important; 
    overflow: auto;
    height: 300px;
    width: 100%;
    left: 0 !important;
    position: relative !important;
  }
  /* Review Username */
  .rjs-comment-authorinfo.rjs-sans {
    width: 25% !important;
    padding-left: 30px !important;
  }
  /* Review comment box */
  div.rjs-comment-reply {
    left: unset !important;
    width: 75% !important;
    display: inline-block !important;
  }
  .cr-histogramTable tr.ivole-histogramRow .ivole-histogramCell1 {
    white-space: unset;
    width: auto;
  }


  
/* add to cart div */
ul.wishlist_table.mobile .product-add-to-cart {
  position: absolute !important;
  height: unset !important;
  display: unset !important;
  top: -10px !important;
  right: 20px !important;
  width: fit-content !important;
}
/* add to cart link */
.wishlist_table .product-add-to-cart a {
  transform: unset !important;
  position: unset !important;
}
/* stock div */
.additional-info {
  left: 111px !important;
  position: relative !important;
}
.wishlist_table.mobile li .item-wrapper {
  display: flex !important;
}
.wishlist_table.mobile li .item-wrapper .item-details {
  align-content: center !important;
}
.wishlist_table.mobile li .item-wrapper .product-thumbnail {
  max-width: 100px !important;
}

.wishlist_table.mobile li .item-wrapper .item-details .item-details-table del {
  color: #424a57 !important;
  font-size: 11px !important;
}
.wishlist_table.mobile li .item-wrapper .item-details .item-details-table ins {
  color: #ef233c !important;
  font-size: 13px !important;
} 
/* custom code starts here */
.wishlist_table.mobile li .additional-info-wrapper {
  position: relative !important;
}
ul.wishlist_table.mobile .product-add-to-cart .fa-shopping-cart:before {
  display: none !important;
}
.wishlist_table.mobile li .additional-info-wrapper .product-remove {
  position: absolute !important;
  top: 0 !important; 
  display: inline !important;
  right: 0 !important;
}
.wishlist_table.mobile li {
    margin-bottom: 57px !important;
  }
/* Item details: stock and price */  
.wishlist_table.modern_grid li .item-details table.item-details-table td, 
.wishlist_table.images_grid li .item-details table.item-details-table td, 
.wishlist_table.mobile li .item-details table.item-details-table td, 
.wishlist_table.mobile li table.additional-info td {
  color: black !important;
  vertical-align: unset !important;
}
/* cart shipping */
.woocommerce ul#shipping_method li label {
  top: 0 !important;
  left: 0 !important;
}
/* cart menu popup */
.cart-dropdown {
  z-index: 99999 !important;
}
  /*****************************************/
  /************* Cart Header ***************/
  /*****************************************/
  
      /* 2. Base configuration for both generated arrows */
      .cart-list::before,
      .cart-list::after {
        content: "";       /* Crucial: pseudo-elements won't render without content */
        position: absolute;
        right: -2px;       /* Aligns them along the right edge */
        width: 0;
        height: 0;
        pointer-events: none; /* Prevents arrows from blocking clicks on elements below them */
      }

      /* 3. Generate the UP Arrow shape via ::before border geometry */
      .cart-list::before {
        top: 10px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 7px solid #b9b9b9; /* Fills up triangle with gray color */
      }

      /* 4. Generate the DOWN Arrow shape via ::after border geometry */
      .cart-list::after {
        bottom: 15px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 7px solid #b9b9b9;    /* Fills down triangle with gray color */
      }
      /* If .cart-list has fewer than 3 products, hide the up and down arrows. 
        Below reads as .cart-list has not 2 products, then ::before/after hides
      */
      .cart-list:not(:has(.product-widget:nth-child(2)))::before,
      .cart-list:not(:has(.product-widget:nth-child(2)))::after {
        display: none !important;
      }

      /* Optional: Reset the right padding since we don't need room for arrows anymore */
      .cart-list-wrapper:not(:has(.product-widget:nth-child(3))) {
        padding-right: 0;
      }
      
}

@media only screen and (max-width: 991px) {

  #top-header .header-links.pull-left {
    float: none !important;
  }
  #top-header .header-links.pull-right {
    float: none !important;
    margin-top: 5px;
  }

  /****************************************/
  /************* index ********************/
  /****************************************/
  /* Banner img */
  .shop .shop-img>img {
    width: 70% !important;
    position: relative !important;
    left: 100px !important;
  }
  /* search input */
  .header-search form .input {   
    top: 1px !important;
    position: relative !important;
  }
/* 
  Only applies to hot deal section in index page.
  Scale the img background.
  */
  #hot-deal.section {
    /* Scale the image width down to 600px */
    background-size: contain !important;
  }
  /* Top Selling slick */
  .product-widget {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: unset !important;
    flex-direction: row !important;
    }
    /* Top Selling slick */
    .home .section .row {
      display: flex !important;
      flex-direction: column !important;
    }
    /* Top Selling slick */
    .home .section .row .col-xs-6 {
      width: unset !important;
    }
    /* Top Selling slick */
    .product-widget .product-img {
    position: unset !important; 
    left: unset !important;
    top: unset !important;
    width: 160px !important;
    }

  .header-logo {
    float: none;
    text-align: center;
  }
  .header-logo .logo {
    display: inline-block;
  }
  #product-imgs {
    top: -50px !important;
  }
  #rating {
    text-align: center;
  }
  #reviews {
    margin-top: 30px;
    margin-bottom: 30px;
  }
   /* Single Product page Excerpt section to be displayed after images and not besides */
  .product-details {
    position: relative !important;
    width: 100%;
    margin-left: unset !important;
  }
  /* Remove title from Excerpt section 
  .woocommerce div.product .product_title {
    display: none;
  }*/
  /* Make images wrapper full width */
  #custom-wrapper {
    width: 100% !important;
    left: unset !important;
    height: 100% !important;
  }
  /* Align title center before images */
  #custom-wrapper h2 {
    text-align: center;
  }
  .woocommerce #content div.product div.summary, 
  .woocommerce div.product div.summary, 
  .woocommerce-page #content div.product div.summary, 
  .woocommerce-page div.product div.summary {
    position:  relative !important;
    float: unset !important;
    width: 100%;
    display: block;
  }
  /* Move description tabs closer to excerpt */
  #product-tab, .woocommerce div.product .woocommerce-tabs {
    margin-top: unset;
  }
  
  /* first intro paragraph for product  */
  .woocommerce-Tabs-panel--description > p:first-of-type, 
  .woocommerce-Tabs-panel--description > p.summary {
    padding: 20px 30px !important;
    font-size: 14px !important;
    margin-top: 0 !important;
    margin-bottom: 30px !important;
  }
  /* Description text media/text block */
  div.wp-block-media-text {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
  }
  /* Remove margin from excerpt */
  .woocommerce div.product div.summary {
    margin-bottom: 0px !important;
  }
  /* Make images wrapper full width */
  #custom-wrapper {
    width: 100% !important;
    left: unset !important;
    padding-top: unset !important;
    display: block !important;

  }
  /* Align title center before images */
  #custom-wrapper h2 {
    text-align: center;
  }
  /* product images wrapper */
  .thumb {
    top: 0 !important;
  }
  /* main image wrapper */
  div.product-preview.slick-slide.slick-current.slick-active:not(.slick-center) {
    height: auto !important;
  }
  
  /* main product image div */
  #product-main-img {
    max-width: 100% !important;
  }
  /* thumbnails */
  #product-imgs {
    top: 0 !important
  }
  /* search magnifier lens font awesome icon on main image */
  div.product-preview.slick-slide.slick-current.slick-active:not(.slick-center) i {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
  }
  /* thumbnails wrapper div 
  .slick-slider .slick-track {
    transform: unset !important;
  } */
  /* thumbnails images  
  #product-imgs .product-preview.slick-current {
    width: 45px !important;
  }*/
  /* previous button*/
  #product-imgs .slick-prev {
    left: 5px !important;
    top: 50% !important;
    transform:  translateY(-250%) !important;
    z-index: 99 !important;
    transform: translateY(-50%) rotate(270deg) !important
  }
  /* next button */
  #product-imgs .slick-next {
    right: 5px !important;
    top: 50% !important;
    position: absolute !important;
    transform: translateY(-50%) rotate(270deg)!important;
    z-index: 99 !important;
    left: unset !important;
  }
  /* Caret left/right arrows */
  #product-imgs .slick-prev:before,
  #product-imgs .slick-next:before {
    color: #333 !important; /* Dark charcoal/black color */
    font-size: 24px !important;
  }
#product-imgs {
  max-width: 300px !important;
}
  /* Reduce the woocommerce tabs' elements width like Description, Specs */
  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0 0 !important;
  }
   /* Header menu items */
  .header-ctn {
    float: unset !important; 
    text-align: center !important;
  }
  /* Header Search */
  .header-search {
    text-align: center !important;
  }
  /* Footer items */
  #footer .row {
    text-align: center;
  }
  /* New user input in Review TextArea */
  #review_form_wrapper {
    float: unset !important;
    width: 100% !important;
  }
  /*

  .woocommerce #reviews #comments #commentslist {
    position: unset !important;
    float: right !important;
    background: yellow;
  }
  #review_form_wrapper {
    float: unset !important;
    position: relative !important;
    width: unset !important;
  }
  */
  /* Review Comments list DIV */
  .woocommerce #reviews #comments #commentslist
  {
    position: relative !important; 
    top: 0 !important;
    width: 50%;
    height: 799px;
    float: right !important;
    position: relative;
    width: 65% !important;
    left: unset !important; 
    margin-left: unset !important; 
  }
  #reviews .cr-summaryBox-wrap, .cr-all-reviews-shortcode .cr-summaryBox-wrap, .cr-reviews-grid .cr-summaryBox-wrap {
    position: relative;
    height: 250px !important;
    float: left;
    width: 35% !important;
    /* top: 40px; */
}
/* Main wrapper Comments DIV */
.woocommerce #reviews #comments {
    float: unset !important; 
    height: 300px;
    /* width: 700px; */
    position: relative;
}
/* Review Comments list*/
.woocommerce #reviews #comments ol.commentlist {       
    min-width: fit-content;
    margin-top: 0 !important; 
    overflow: auto;
    height: 300px;
    width: 100%;
    left: 0 !important;
    position: relative !important;
  }
  /* Review Username */
  .rjs-comment-authorinfo.rjs-sans {
    width: 25% !important;
    padding-left: 30px !important;
  }
  /* Review comment box */
  div.rjs-comment-reply {
    left: unset !important;
    width: 75% !important;
    display: inline-block !important;
  }
  .cr-histogramTable tr.ivole-histogramRow .ivole-histogramCell1 {
    white-space: unset;
    width: auto;
  }
  
  
    /* Footer items */
    #footer .footer-grid {
      text-align: center !important;
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: wrap !important;
    }
    #footer .footer-grid .col-xs-6 {
      width: 50% !important;
    }
 
    


 
/* add to cart div */
ul.wishlist_table.mobile .product-add-to-cart {
  position: absolute !important;
  height: unset !important;
  display: unset !important;
  top: -10px !important;
  right: 20px !important;
  width: fit-content !important;
}
/* add to cart link */
.wishlist_table .product-add-to-cart a {
  transform: unset !important;
  position: unset !important;
}
/* stock div */
.additional-info {
  left: 111px !important;
  position: relative !important;
}
.wishlist_table.mobile li .item-wrapper {
  display: flex !important;
}
.wishlist_table.mobile li .item-wrapper .item-details {
  align-content: center !important;
}
.wishlist_table.mobile li .item-wrapper .product-thumbnail {
  max-width: 100px !important;
}

.wishlist_table.mobile li .item-wrapper .item-details .item-details-table del {
  color: #424a57 !important;
  font-size: 11px !important;
}
.wishlist_table.mobile li .item-wrapper .item-details .item-details-table ins {
  color: #ef233c !important;
  font-size: 13px !important;
} 
/* custom code starts here */
.wishlist_table.mobile li .additional-info-wrapper {
  position: relative !important;
}
ul.wishlist_table.mobile .product-add-to-cart .fa-shopping-cart:before {
  display: none !important;
}
.wishlist_table.mobile li .additional-info-wrapper .product-remove {
  position: absolute !important;
  top: 0 !important; 
  display: inline !important;
  right: 0 !important;
}
.wishlist_table.mobile li {
    margin-bottom: 57px !important;
  }
/* Item details: stock and price */  
.wishlist_table.modern_grid li .item-details table.item-details-table td, 
.wishlist_table.images_grid li .item-details table.item-details-table td, 
.wishlist_table.mobile li .item-details table.item-details-table td, 
.wishlist_table.mobile li table.additional-info td {
  color: black !important;
  vertical-align: unset !important;
}
/* cart shipping */
.woocommerce ul#shipping_method li label {
  top: 0 !important;
}
  /*****************************************/
  /************* Cart Header ***************/
  /*****************************************/
  .woocommerce table.shop_table_responsive tr td.product-name a {
    max-width: 250px !important;
  }
  .woocommerce ul#shipping_method li label {
    top: 0 !important;
  }
   /* cart menu popup wrapper div */
      .cart-dropdown {
        z-index: 99999 !important;
        right: unset !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
      }
      /* product details in cart popup */
      .cart-list .product-widget .product-body {
        text-align: left !important;
      }
      /* product img in cart popup */
      .cart-list .product-widget img {
        max-width: 80px !important;
      }
      .cart-list .product-widget .product-img>img {
        width: unset !important;
      }
      /* flex box div for each item row in cart popup */
      .cart-list .product-widget {
        gap: 30px !important
      }
      /* totals div summary cart popup */
      .cart-dropdown .cart-summary {
        text-align: left !important;
      }
      /* Actual div that contains all the items */
      .cart-list {
        position: relative;
        padding-right: 25px; 
      }
      /* 2. Base configuration for both generated arrows */
      .cart-list::before,
      .cart-list::after {
        content: "";       /* Crucial: pseudo-elements won't render without content */
        position: absolute;
        right: -2px;       /* Aligns them along the right edge */
        width: 0;
        height: 0;
        pointer-events: none; /* Prevents arrows from blocking clicks on elements below them */
      }

      /* 3. Generate the UP Arrow shape via ::before border geometry */
      .cart-list::before {
        top: 10px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 7px solid #b9b9b9; /* Fills up triangle with gray color */
      }

      /* 4. Generate the DOWN Arrow shape via ::after border geometry */
      .cart-list::after {
        bottom: 15px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 7px solid #b9b9b9;    /* Fills down triangle with gray color */
      }
      /* If .cart-list has fewer than 3 products, hide the up and down arrows. 
        Below reads as .cart-list has not 2 products, then ::before/after hides
      */
      .cart-list:not(:has(.product-widget:nth-child(2)))::before,
      .cart-list:not(:has(.product-widget:nth-child(2)))::after {
        display: none !important;
      }

      /* Optional: Reset the right padding since we don't need room for arrows anymore */
      .cart-list-wrapper:not(:has(.product-widget:nth-child(3))) {
        padding-right: 0;
      }
      .cart-list .product-widget .product-body {
        padding-left: 0 !important;
      }
      .cart-dropdown .cart-list .product-widget .product-img {
        width: auto !important;
      }
 /*
.image-wrap {
	width: 30px !important;
  padding-right: 20px !important;
}

#yith-woocompare-preview-bar .compare-list .image-wrap img {
	height:30px !important;
    padding-right: 20px !important;

}
   */  
}


@media only screen and (max-width: 767px) {
  .section-title .section-nav {
    float: none;
    margin-top: 10px;
  }
  .section-tab-nav li {
    margin-top: 10px;
  }
/*
.image-wrap {
	width: 10px !important;
  padding-right: 50px !important;
  background: yellow;
}

#yith-woocompare-preview-bar .compare-list .image-wrap img {
	height:10px !important;
    padding-right: 50px !important;

}
#yith-woocompare-preview-bar .compare-list {
  background: yellow;
}
*/
/**************************************/
/************** Index *****************/
/**************************************/

   /* search input 
  .header-search form .input {   
    top: 2px !important;
    position: relative !important;
  }
  .header-search form .input-select {
    top: 1px !important;
    position: relative !important;
  } */
  span.onsale {
      display: inline-block;
      position: absolute;
      width: 50px;
      height: 50px;
      color: #fff;
      background-color: #958e09;
      border-radius: 50%;
      text-align: center;
      /* vertical-align: middle; */
      line-height: 48px;
    }
    /* product images in slick sliders */
    .product .product-img>img {
      height: auto !important;
    }

    #hot-deal.section {
      padding: 60px 0px;
      margin: 30px 0px;
      background-color: #E4E7ED;
      background-image: url(../img/hotdeal.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 700px;
    }
    .hot-deal .hot-deal-countdown>li {
      position: relative;
      display: inline-block;
      width: 70px;
      height: 70px;
      background: #D10024e6;
      text-align: center;
      border-radius: 50%;
      margin: 0px 5px;
    }
    .hot-deal h2 {
      font-size: 16px;

    }
    .hot-deal p {
      font-size: 17px;
    }
    /* Top Selling slick sliders */
    .home .section .row {
      display: flex;
      flex-direction: column;
      align-content: center;
      flex-wrap: nowrap;
    }
    /* Top Selling slick sliders width */
    .home .section .row .col-xs-6 {
      width: unset !important;
    }
    /* Top Selling slick sliders product div */
    .product-widget {      
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 50px;
    }
    /* Top Selling slick sliders product body */
    .product-widget .product-body {
      padding-left: 0;
    }
    /* Top Selling slick sliders product img */
    .product-widget .product-img {
      position: unset;
    }
  /* my custom code starts here */  
  /* thumbnail images below main img and a little closer than default */
  #product-imgs { 
	  top:-30px !important;
  }
  /* Header search category dropdown */
  .header-search form .input-select {
    position: relative !important;
    top: -1px !important;
  }
  /* Single Product page Excerpt section to be displayed after images and not besides */
  .product-details {
    position: relative !important;
    width: 100%;
    margin-left: unset !important;
  }
  /* Remove title from Excerpt section 
  .woocommerce div.product .product_title {
    display: none;
  }
  */
  /* Make images wrapper full width */
  #custom-wrapper {
    width: 100% !important;
    left: unset !important;
    padding-top: unset !important;
    display: block !important;

  }
  /* Align title center before images */
  #custom-wrapper h2 {
    text-align: center;
  }
  /* product images wrapper */
  .thumb {
    top: 0 !important;
  }
  /* main image wrapper */
  div.product-preview.slick-slide.slick-current.slick-active:not(.slick-center) {
    height: auto !important;
  }
  
  /* main product image div */
  #product-main-img {
    max-width: 100% !important;
  }
  /* thumbnails */
  #product-imgs {
    top: 0 !important
  }
  /* search magnifier lens font awesome icon on main image */
  div.product-preview.slick-slide.slick-current.slick-active:not(.slick-center) i {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
  }
  /* thumbnails wrapper div 
  .slick-slider .slick-track {
    transform: unset !important;
  }*/
  /* thumbnails images */
  #product-imgs .product-preview.slick-current {
    width: 75px !important;
  }
  /* first intro paragraph for product  */
  .woocommerce-Tabs-panel--description > p:first-of-type, 
  .woocommerce-Tabs-panel--description > p.summary {
    padding: 10px 50px !important;
    font-size: 14px !important;
    margin-top: 0 !important;
    margin-bottom: 30px !important;
  }
  /* first intro paragraph product link */
  .woocommerce-Tabs-panel--description > p:first-of-type a, 
  .woocommerce-Tabs-panel--description > p.summary a {
    color: #337ab7 !important;
  }
  /* Product Description media/text block */
  .woocommerce-Tabs-panel--description .wp-block-media-text__content p {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  /* media/text block in product description */
  div.wp-block-media-text {
    margin-top: 50px !important;
  }
  /* Specs table spacing between columns */
  #tab-specs .tr {
    gap: 10px;
  }
  /* media/text block: IMAGE in product description */
  .wp-block-media-text.has-media-on-the-right>.wp-block-media-text__media,
  .wp-block-media-text>.wp-block-media-text__media {
    grid-row: 1;
    grid-column: span 2;
  }
  /* media/text block: TEXT in product description */
  .wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content ,
  .wp-block-media-text>.wp-block-media-text__content {
    grid-column: span 2;
    grid-row: 2;
  }


  /* Make related products full width */
  .related.products {
    width: 100%;
  }
  /* Remove margin from excerpt */
  .woocommerce div.product div.summary {
    margin-bottom: 0px !important;
  }
  /* Move description tabs closer to excerpt */
  #product-tab, .woocommerce div.product .woocommerce-tabs {
    margin-top: unset;
  }
  /* Display only 2 related products */
  .related.products ul.products li.product {
        width: 48% !important; /* Slightly less than 50% for spacing */
        float: left !important;
        margin-right: 4% !important;
    }

  /* Hide the 3rd, 4th, and all subsequent products */
  .related.products ul.products li.product:nth-child(n+3) {
      display: none !important;
  }
  /* Remove margin from every 2nd product to prevent row breaking */
  .related.products ul.products li.product:nth-child(2n) {
      margin-right: 0 !important;
  }
  /* Reduce the woocommerce tabs' elements width like Description, Specs */
  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0 0 !important;
    padding-right: 30px !important;
  }
  
  /* Header menu items */
  .header-ctn {
    float: unset !important; 
    text-align: center !important;
  }
  /* Header Search */
  .header-search {
    text-align: center !important;
  }
  /* Footer items */
  #footer .footer-grid {
    text-align: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
  }
  #footer .footer-grid .col-xs-6 {
    width: 50% !important;
  }

  /* Review Comments list DIV */
  .woocommerce #reviews #comments #commentslist
  {
    position: relative !important; 
    top: 0 !important;
    width: 50%;
    height: 799px;
    float: right !important;
    position: relative;
    width: 65% !important;
    left: unset !important; 
    margin-left: unset !important; 
  }
  #reviews .cr-summaryBox-wrap, .cr-all-reviews-shortcode .cr-summaryBox-wrap, .cr-reviews-grid .cr-summaryBox-wrap {
    position: relative;
    height: 250px !important;
    float: left;
    width: 35% !important;
    /* top: 40px; */
  }
  /* Main wrapper Comments DIV */
  .woocommerce #reviews #comments {
      float: unset !important; 
      height: 300px;
      /* width: 700px; */
      position: relative;
  }
  /* Review Comments list*/
  .woocommerce #reviews #comments ol.commentlist {       
      min-width: fit-content;
      margin-top: 0 !important; 
      overflow: unset !important;
      height: 300px;
      width: 100%;
      left: 0 !important;
      position: relative !important;
  }
    /* Review Username */
  .rjs-comment-authorinfo.rjs-sans {
    width: 25% !important;
    padding-left: 0 !important;
    padding-right: 10px !important;
  }
  /* Review comment box */
  div.rjs-comment-reply {
    left: unset !important;
    width: 70% !important;
    display: inline-block !important;
  }
  /* Star rating meter full bar */
  .ivole-meter {
    margin: 0 !important;
  }
  /* Comment textarea input */
  .woocommerce #review_form #respond textarea {
    margin-top: 150px !important;
  }
  /* Main rating big summary stars */
  .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon, 
  .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg {    
    width: 20px !important;
  }
  /* Main rating summary decimal amount */
  .cr-average-rating span {   
    font-size: 20px !important;
  }
  /* new rating stars */
  #review_form .comment-form-rating {
    top: 350px !important;
  }
  /* Reviews navigation */ 
  .woocommerce nav.woocommerce-pagination {
    bottom: 40% !important;
  }
  /* Main average amount */
  .cr-average-rating span {
    top: -12px !important;
  }
  /* Main average star rating */
  .cr-average-rating-stars {
    top: -5px !important;
  }
  /* 5 stars whole summary box */
  #reviews .cr-summaryBox-wrap .ivole-summaryBox {
    top: 40px !important;
  }
  /* Single Product page Description tab
     having space between paragraphs. 
  */
  .wp-block-table.is-style-stripes {
    margin-top: 10px !important;
  }


/**************************************/
/************** Wishlist **************/
/**************************************/

 
.wishlist_table.mobile li .item-details table.item-details-table td.label, 
.wishlist_table.mobile li .item-details table.item-details-table td.value,
.wishlist_table.mobile li table.additional-info td.label {
   display: unset !important;
    font-size: 75%;
    font-weight: 700;
    line-height: unset !important; 
    color: unset !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: unset !important;
    border-radius: .25em;
    padding: 3px !important;
}
/* add to cart div */
ul.wishlist_table.mobile .product-add-to-cart {
  position: absolute !important;
  height: unset !important;
  display: unset !important;
  top: -10px !important;
  right: 20px !important;
  width: fit-content !important;
}
/* add to cart link */
.wishlist_table .product-add-to-cart a {
  transform: unset !important;
  position: unset !important;
}
/* stock div */
.additional-info {
  left: 111px !important;
  position: relative !important;
}
.wishlist_table.mobile li .item-wrapper {
  display: flex !important;
}
.wishlist_table.mobile li .item-wrapper .item-details {
  align-content: center !important;
}
.wishlist_table.mobile li .item-wrapper .product-thumbnail {
  max-width: 100px !important;
}

.wishlist_table.mobile li .item-wrapper .item-details .item-details-table del {
  color: #424a57 !important;
  font-size: 11px !important;
}
.wishlist_table.mobile li .item-wrapper .item-details .item-details-table ins {
  color: #ef233c !important;
  font-size: 13px !important;
}
.wishlist_table.mobile li .item-wrapper .item-details .product-name,
.wishlist_table.mobile li .item-wrapper .item-details .product-name h3 {
  max-width: 350px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
/* custom code starts here */
.wishlist_table.mobile li .additional-info-wrapper {
  position: relative !important;
}
ul.wishlist_table.mobile .product-add-to-cart .fa-shopping-cart:before {
  display: none !important;
}
.wishlist_table.mobile li .additional-info-wrapper .product-remove {
  position: absolute !important;
  top: 0 !important; 
  display: inline !important;
  right: 0 !important;
}
.wishlist_table.mobile li {
    margin-bottom: 57px !important;
}

  
/**************************************/
/**************** Cart ****************/
/**************************************/
/*
.woocommerce table.shop_table_responsive tr td, 
.woocommerce-page table.shop_table_responsive tr td {
  display: inline-block !important;
  text-align: left !important;
}
.woocommerce table.shop_table_responsive tr, 
.woocommerce-page table.shop_table_responsive tr {
  display: flex !important;
}
.woocommerce table.shop_table_responsive tr .input-number, 
.woocommerce-page table.shop_table_responsive tr .input-number {
  position: relative !important;
  top: 20px !important;
}
#add_payment_method table.cart input, 
.woocommerce-cart table.cart input, 
.woocommerce-checkout table.cart input  {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  min-width: unset !important;
  width: 70px !important;
}
*/
}

/* Target mobile and smaller tablet sizes */
@media only screen and (max-width: 768px) {
  /* Review Username */
  .rjs-comment-authorinfo.rjs-sans {
    width: 25% !important;
    padding-left: 0 !important;
    padding-right: 10px !important;
  }
  /* 1. Force the main table container to span full width cleanly */
  .woocommerce-cart-form,
  table.shop_table.cart {
      display: block !important;
      width: 100% !important;
      border: none !important;
  }

  /* 2. Hide the horizontal desktop header row */
  table.shop_table.cart thead {
      display: none !important;
  }

  /* 3. Turn every product row into a self-contained card item block */
  table.shop_table.cart tbody,
  table.shop_table.cart tr.cart_item {
      display: block !important;
      width: 100% !important;
      box-sizing: border-box !important;
  }

  table.shop_table.cart tr.cart_item {
      position: relative !important;
      background: #ffffff !important;
      border: 1px solid #eef1f5 !important;
      border-radius: 8px !important;
      margin-bottom: 20px !important;
      padding: 15px 15px 15px 110px !important; /* Safety margin for absolute image placement */
      height: auto !important;
  }

  /* 4. Reset table cells to block format and flush text alignments */
  table.shop_table.cart td {
      display: block !important;
      width: 100% !important;
      text-align: left !important;
      padding: 6px 0 !important;
      border: none !important;
      box-sizing: border-box !important;
  }

  /* 5. Anchor the product thumbnail image strictly to the top-left side */
  table.shop_table.cart td.product-thumbnail {
      position: absolute !important;
      left: 15px !important;
      top: 15px !important;
      width: 80px !important;
      padding: 0 !important;
  }

  table.shop_table.cart td.product-thumbnail img {
      width: 100% !important;
      height: auto !important;
      display: block !important;
  }

  /* 6. Fix Title styling text limits */
  table.shop_table.cart td.product-name {
      padding-top: 0 !important;
      text-align: left !important;
  }
  
  table.shop_table.cart td.product-name a {
      font-size: 16px !important;
      font-weight: 600 !important;
      line-height: 1.3 !important;
      display: block !important;
  }

  /* 7. Inject responsive labels for price, quantity, and subtotal lines */
  table.shop_table.cart td.product-price::before,
  table.shop_table.cart td.product-quantity::before,
  table.shop_table.cart td.product-subtotal::before {
      content: attr(data-title) ": " !important; /* Dynamically pulls "Price", "Quantity" text tags */
      font-weight: 700 !important;
      color: #777 !important;
      display: inline-block !important;
      width: 90px !important; /* Keeps label aligned */
  }
  
  /* Ensure the inputs stay inline next to their generated labels */
  table.shop_table.cart td.product-quantity .quantity {
      display: inline-block !important;
  }

  /* 8. Pin the "X" remove link nicely to the top-right corner of the item card */
  table.shop_table.cart td.product-remove {
      position: absolute !important;
      top: 10px !important;
      right: 15px !important;
      width: auto !important;
      padding: 0 !important;
      z-index: 5 !important;
  }

  table.shop_table.cart td.product-remove a.remove {
      font-size: 20px !important;
      color: #cc0000 !important;
      text-align: right !important;
  }
  /* 1. Target the nested paragraph inside the definition description */
dd p {
      margin-left: 0 !important;
      padding-left: 0 !important;
      margin-top: 0 !important;    /* Optional: clears vertical layout gaps */
      margin-bottom: 0 !important; /* Optional: keeps spacing tight */
      display: inline !important;  /* Forces the paragraph to act like regular text */
  }

  /* 2. Target the nested span inside the definition description */
  dd span {
    width: calc(100% + 50px) !important; 
    margin-left: 0 !important;
    padding-left: 0 !important;
    display: block !important;
    position: relative !important;

  }
  /* prices */
  .woocommerce table.shop_table_responsive tr td, 
  .woocommerce-page table.shop_table_responsive tr td {
    text-align: left !important;
    padding-left: 10px !important;
  }
  /* td product quantity column */
  .woocommerce table.shop_table_responsive tr td.product-quantity {
    display: flex !important;
    align-items: center !important;
  }
  /* td product name column */
  .woocommerce table.shop_table_responsive tr td.product-name a{
    max-width: 300px !important;
    margin-bottom: 10px !important;
  }
  /* product title */
  .woocommerce table.shop_table_responsive tr td.product-name::before {
    display: none !important;
  }
  /* thumbnail column */
  .woocommerce table.shop_table_responsive tr td.product-thumbnail a {
    display: flex !important;
  }


  table.shop_table.cart tr.cart_item input-number {
    position: relative !important;
  }
  table.shop_table.cart tr.cart_item input {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
  }
  .woocommerce ul#shipping_method li label {
    top: 0 !important;
  }
  /* cart menu popup wrapper div */
  .cart-dropdown {
    z-index: 99999 !important;
    right: unset !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  /* product details in cart popup */
  .cart-list .product-widget .product-body {
    text-align: left !important;
  }
  /* product img in cart popup */
  .cart-list .product-widget img {
    max-width: 80px !important;
  }
  .cart-list .product-widget .product-img>img {
    width: unset !important;
  }
  .cart-list .product-widget .product-img {
    width: auto !important;
  }

  /* flex box div for each item row in cart popup */
  .cart-list .product-widget {
    gap: 30px !important
  }
  /* totals div summary cart popup */
  .cart-dropdown .cart-summary {
    text-align: left !important;
  }
  /* Actual div that contains all the items */
  .cart-list {
    position: relative;
    padding-right: 25px; 
  }
  /* 2. Base configuration for both generated arrows */
  .cart-list::before,
  .cart-list::after {
    content: "";       /* Crucial: pseudo-elements won't render without content */
    position: absolute;
    right: -2px;       /* Aligns them along the right edge */
    width: 0;
    height: 0;
    pointer-events: none; /* Prevents arrows from blocking clicks on elements below them */
  }

  /* 3. Generate the UP Arrow shape via ::before border geometry */
  .cart-list::before {
    top: 10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #b9b9b9; /* Fills up triangle with gray color */
  }

  /* 4. Generate the DOWN Arrow shape via ::after border geometry */
  .cart-list::after {
    bottom: 15px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #b9b9b9;    /* Fills down triangle with gray color */
  }
  /* If .cart-list has fewer than 3 products, hide the up and down arrows. 
    Below reads as .cart-list has not 2 products, then ::before/after hides
  */
  .cart-list:not(:has(.product-widget:nth-child(2)))::before,
  .cart-list:not(:has(.product-widget:nth-child(2)))::after {
    display: none !important;
  }

  /* Optional: Reset the right padding since we don't need room for arrows anymore */
  .cart-list-wrapper:not(:has(.product-widget:nth-child(3))) {
    padding-right: 0;
  }
}

@media only screen and (max-width: 480px) {
  [class*='col-xs'] {
    width: 100%;
  }
  .store-grid {
    float: none;
    margin-top: 10px;
  }
  .store-pagination {
    float: none;
    margin-top: 10px;
  }
  /*************************/
  /****** index page *******/
  /*************************/
  .section-tab-nav li {
    margin-right: 10px !important;
    font-size: 10px !important;
  }
  .section-title .title {
    font-size: 16px !important;
  }
    
  span.onsale {
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    color: #fff;
    background-color: #958e09;
    border-radius: 50%;
    text-align: center;
    /* vertical-align: middle; */
    line-height: 48px;
  }
  /* slick sliders product img */
  .product .product-img>img {
    height: auto !important;
  }
  /* footer */
  #footer .footer-grid {
    flex-direction: column !important;
  }
  #footer .footer-grid .col-xs-6 {
    width: unset !important;
  }
  /* hot deal circle text */
  .hot-deal .hot-deal-countdown>li>div h3 {
    font-size: 14px !important;
  }
  /* hot deal circle */
  .hot-deal .hot-deal-countdown>li {
    width: 50px !important;
    height: 50px !important;
  }
  
  .hot-deal h2 {
    font-size: 14px !important;
  }
  .hot-deal p {
    font-size: 11px !important
  }
  /* Top Selling title */
  .section-title {
    text-align: center !important;
  }
  .product-widget .product-img {
    width: unset !important;
  }
  .product-widget img {
    max-width: 180px !important;
  }
  .product-widget .product-body {
    text-align: center !important;
  }
  .product .product-img {
    width: 70%;
    margin: 0 auto;
  }
/*
.image-wrap {
	width: 30px !important;
  padding-right: 20px !important;
}

#yith-woocompare-preview-bar .compare-list .image-wrap img {
	height:30px !important;
    padding-right: 20px !important;

}
#yith-woocompare-preview-bar .compare-list li, #yith-woocompare-preview-bar .compare-list li.product-placeholder {
  padding: 20px !important;
}*/
  /**********************************/
  /****** Single Product page *******/
  /**********************************/
  
  /* distance between social icons */
  .product-details .product-links li+li {
    margin-left: 2px !important;
  }

  /* Description : first intro paragraph */
  .woocommerce-Tabs-panel--description > p:first-of-type, 
  .woocommerce-Tabs-panel--description > p.summary {
    padding: 10px 30px !important;
    font-size: 12px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }
  /* Reviews main div */
  #reviews {
    margin-top: unset !important; 
  }
  /* Reviews Comments list */
  .woocommerce #reviews #comments #commentslist {
    position: relative !important;
    display: block !important;
    float: unset !important;
    top: 10px !important;
    clear: both !important;
    width: 100% !important;
  }
  /* Review Meter bar */
  .ivole-meter {
    width: 320px !important;
  }
  #reviews .cr-summaryBox-wrap .ivole-summaryBox {
    position: relative !important;
    top: 20px !important;
    width: 100% !important;
    display: block !important;
  }
  .woocommerce #reviews #comments {
    float: none !important;
    display: block !important;
  }
  /* User name in reviews list */
  .rjs-comment-authorinfo.rjs-sans {
    padding: 0 !important;
    padding-right: 15px !important;
  } 
  /* reviews detail star summary box div */
  #reviews .cr-summaryBox-wrap, .cr-all-reviews-shortcode .cr-summaryBox-wrap, .cr-reviews-grid .cr-summaryBox-wrap {
    position: relative !important;
    width: 100% !important;
    height: unset !important;
  }
  #reviews .cr-summaryBox-wrap .cr-overall-rating-wrap {
    position: relative !important;
  }
  /* tabs title */
  #product-tab .tab-nav li, .woocommerce div.product .woocommerce-tabs ul.tabs li {
    display: inline-block;
    background: #FFF;
    padding: unset !important;
    padding-right: 15px !important;
    font-size: 11px !important;
  }
  /* Tab Description div */
  #tab-description {
    display: flex ;
    flex-direction: column;
  }
  /* Description tab header title */
  #tab-description > h1:first-of-type,
  #tab-description > h2:first-of-type,
  #tab-description > h3:first-of-type,
  #tab-description > h4:first-of-type,
  #tab-description > h5:first-of-type,
  #tab-description > h6:first-of-type {
    order: 1 !important;
  }

  /* 2. Force ONLY the very first figure to the top */
  #tab-description > figure:first-of-type {
    order: 2 ;
  }
  /* 3. Push all elements to a baseline order */
  #tab-description > * {
    order: 3;
  }
  /* Description tab paragraph */
  .woocommerce-Tabs-panel, .wp-block-table.is-style-stripes {
    font-size: 12px !important;
  }

  /* Specs table */
  table.has-fixed-layout tr {
    display: flex !important;
    flex-direction: column !important;
  }
   /* Specs table. Target the <td> that contains an image and force it to the top */
  table.has-fixed-layout td:has(img) {
    order: 1 !important;
  }

  /* Specs table. Target the <td> that does NOT contain an image, description, and force it to the bottom */
  table.has-fixed-layout td:not(:has(img)) {
    order: 2 !important;
  }
  /* Specs table class.td */
  #tab-specs .td {
    font-size: 11px !important;
  }
  /* Specs table class.th */
  #tab-specs li.th {
    font-size: 14px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  
  /* form wrapper for new review */
  #review_form_wrapper {    
    clear: both !important;
  }
  /* navigation */
  .woocommerce nav.woocommerce-pagination {
    text-align: center;
    position: relative !important;
    bottom: 0;
    left: unset !important; 
    transform: unset !important; 
    display: block !important;
    /* margin-top: 100px; */
    top: -360px !important;
  }
  /* new review textarea */
  .woocommerce #review_form #respond textarea {
    margin-top: 70px !important;
  }
  /* rating div wrapper:  p 'Your Review' and stars */
  #review_form .comment-form-rating {
    all: unset !important;
    position: relative !important;
    clear: both !important;
    display: block !important;
    bottom: -320px !important;
  }
  /* new review stars to be selected 
  .woocommerce p.stars {
    left: unset !important; 
    top: unset !important; 
    position: relative !important;
    display: inline-block !important;
    left: unset !important; 
    transform: translate(15%, 50%);
  } 
  #review_form .comment-form-rating {
    all: unset !important;
    background: aqua !important;
    position: relative !important;
    bottom: -320px !important;
  } */
  /* new review stars to be selected */
  .woocommerce p.stars {
    all: unset !important;
    display: inline-block !important;
    top: 6px !important;
    position: relative !important;
    left: 10px !important;
  }
  /* Your Review label text */
  .comment-form-rating label[for="rating"] {
    all:unset !important;
  }
  /* Header textbox search */
  .header-search form .input {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    border-radius: 5px !important;
  }
  /* Header combo select category */
  .header-search form .input-select {
    position: relative !important;
    display: block !important;
    width: 50% !important;
    top: 90px !important;
    left: 30px !important;
  }
  /* Header submit button */
  .header-search form .search-btn {
    height: 40px !important;
    width: 100px !important;
    background: #D10024 !important;
    color: #FFF !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 0px 40px 40px 0px !important;
    position: relative !important;
    display: inline-block !important;
    top: 10px !important;
    left: 55px !important;
  }
  /* Header menu items spacing */
  .header-ctn>div+div {
    margin-left: unset !important;
  }
  /* Header menu items */
  .header-ctn {
    top: 20px !important;
    position: relative !important;
  }
  /* Breadcrumbs navigation of category */
  #breadcrumb .breadcrumb-tree li {
    font-size: 10px !important;
  }
  /* Sale rounded span on main product image */
  .woocommerce span.onsale {
    width: 30px !important;
    height: 30px !important;
    font-size: 8px !important;
    top: 25.15em !important;
    left: 1.5em !important;
  }
  /* Gap between price and stock */
  #product-price {
    gap: 50px !important;
  }
  /* product price and old price */
  #product-price .price{
    all: unset !important; 
    font-size: 18px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
    color: #D10024 !important;
    position: relative !important;
    gap: 10px !important;
    
  }
  /* Stock */
  .custom-stock {
    font-size: 12px !important;
  }
  /* variations table header */
  th.label {
    display: inline-block !important;
    width: 70px !important;
  }
  /* variations table row */
  table.variations tr {
    margin-bottom: 10px !important;
  }
  /* variations table combo selection */
  .woocommerce div.product form.cart .variations select {
    width: auto !important;
    max-width: unset !important;
  }
    /* variations table combo selection options */
  .woocommerce div.product form.cart .variations select option {
    font-size: 12px !important;
  }
  /* Add to Cart button after quantity select */
  #input-number .add-to-cart-btn {
    margin-top: 15px !important;
    left: -20px !important;
  }
  /* SKU, Category of product */
  .posted_in {
    display: block !important;
  }
  /* social button */
  .social-share-div a.buttonlink {
    font-size: 8px !important;
  }
  /* Tabs title for page */
  .woocommerce-Tabs-panel h2 {
    font-size: 16px !important;
  }
  /* Reviews Title */
  #comments h3 {
    font-size: 16px !important;
  }
  /* Related Products title */
  .related.products h2 {
    font-size: 26px !important;
  }
  /* Product category in related products card */
  .product .product-body .product-category {
    font-size: 9px !important;
  }
  /* newsletter input email */
  .newsletter form .input {
    font-size: 11px !important;
  }

 /************************************/
 /********** Wishlist ****************/
 /************************************/

 /* Wishlist items row */
  .wishlist_table.mobile li {
    margin-bottom: 57px !important;
  }
  .header-search form .input {
    grid-column: span 2;
  }
  /* Header search category dropdown */
  .header-search form .input-select {
    position: unset !important;
    display: unset !important;
    width: 87% !important;
    top: unset !important;
    left: unset !important;
    grid-row: 2;
    grid-column: 1;
    justify-self: right;
  }
  /* Header search button */
  .header-search form .search-btn {
    grid-column: 2 !important;
    position: unset !important;
    margin-top: 1px !important;
    width: 80% !important;
  }
  /* Header search form */
  .header-search form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    width: 100%;
    gap: 10px 0px !important;
  }
  
  /*****************************************/
  /************* Cart Header ***************/
  /*****************************************/
  .woocommerce table.shop_table_responsive tr td.product-name a {
    max-width: 250px !important;
  }
  .woocommerce ul#shipping_method li label {
    top: 0 !important;
  }
   /* cart menu popup wrapper div */
      .cart-dropdown {
        z-index: 99999 !important;
        right: unset !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
      }
      /* product details in cart popup */
      .cart-list .product-widget .product-body {
        text-align: left !important;
      }
      /* product img in cart popup */
      .cart-list .product-widget img {
        max-width: 80px !important;
      }
      .cart-list .product-widget .product-img>img {
        width: unset !important;
      }
      /* flex box div for each item row in cart popup */
      .cart-list .product-widget {
        gap: 30px !important
      }
      /* totals div summary cart popup */
      .cart-dropdown .cart-summary {
        text-align: left !important;
      }
      /* Actual div that contains all the items */
      .cart-list {
        position: relative;
        padding-right: 25px; 
      }
      /* 2. Base configuration for both generated arrows */
      .cart-list::before,
      .cart-list::after {
        content: "";       /* Crucial: pseudo-elements won't render without content */
        position: absolute;
        right: -2px;       /* Aligns them along the right edge */
        width: 0;
        height: 0;
        pointer-events: none; /* Prevents arrows from blocking clicks on elements below them */
      }

      /* 3. Generate the UP Arrow shape via ::before border geometry */
      .cart-list::before {
        top: 10px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 7px solid #b9b9b9; /* Fills up triangle with gray color */
      }

      /* 4. Generate the DOWN Arrow shape via ::after border geometry */
      .cart-list::after {
        bottom: 15px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 7px solid #b9b9b9;    /* Fills down triangle with gray color */
      }
      /* If .cart-list has fewer than 3 products, hide the up and down arrows. 
        Below reads as .cart-list has not 2 products, then ::before/after hides
      */
      .cart-list:not(:has(.product-widget:nth-child(2)))::before,
      .cart-list:not(:has(.product-widget:nth-child(2)))::after {
        display: none !important;
      }

      /* Optional: Reset the right padding since we don't need room for arrows anymore */
      .cart-list-wrapper:not(:has(.product-widget:nth-child(3))) {
        padding-right: 0;
      }
/*
.image-wrap {
	width: 10px !important;
  padding-right: 50px !important;
  background: yellow;
}

#yith-woocompare-preview-bar .compare-list .image-wrap img {
	height:10px !important;
    padding-right: 50px !important;

}
#yith-woocompare-preview-bar .compare-list {
  background: yellow;
}*/

}
  @media only screen and (max-width: 420px) {


#yith-woocompare-preview-bar .compare-list .image-wrap .remove a {
  right: 20px !important;
  
}
#yith-woocompare-preview-bar .compare-list .image-wrap img {
  max-width: 70% !important; /* Makes the image take up exactly half of its container width */
  height: auto !important;
}

    /* product price */
      #product-price {
        gap: 10px !important;
    }
    /* social icons */
    .product-details .product-links li+li {
    margin-left: 2px !important;
    }
    /* social icons */
    .social-share-div a.buttonlink {
      font-size: 8px !important;
    }

    .woocommerce-Tabs-panel--description > p:first-of-type, 
    .woocommerce-Tabs-panel--description > p.summary {
      padding: 10px 30px !important;
      font-size: 14px !important;
    }

    /* Wishlist stock div */
    .additional-info {
      left: unset !important;
    }
    .woocommerce .wishlist-title h2 {
      font-size: 20px !important;
      margin-bottom: 30px !important;
    }
    .newsletter p {
      display: inline-block !important;
    }
    
  /**********************************/
  /************* Cart ***************/
  /**********************************/
  .woocommerce table.shop_table_responsive tr td.product-name a {
    max-width: 250px !important;
  }
  .woocommerce ul#shipping_method li label {
    top: 0 !important;
  }
    /* cart menu popup wrapper div */
      .cart-dropdown {
        z-index: 99999 !important;
        right: unset !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
      }
      /* product details in cart popup */
      .cart-list .product-widget .product-body {
        text-align: left !important;
      }
      /* product img in cart popup */
      .cart-list .product-widget img {
        max-width: 80px !important;
      }
      .cart-list .product-widget .product-img>img {
        width: unset !important;
      }
      /* flex box div for each item row in cart popup */
      .cart-list .product-widget {
        gap: 30px !important
      }
      /* totals div summary cart popup */
      .cart-dropdown .cart-summary {
        text-align: left !important;
      }
      /* Actual div that contains all the items */
      .cart-list {
        position: relative;
        padding-right: 25px; 
      }
      /* 2. Base configuration for both generated arrows */
      .cart-list::before,
      .cart-list::after {
        content: "";       /* Crucial: pseudo-elements won't render without content */
        position: absolute;
        right: -2px;       /* Aligns them along the right edge */
        width: 0;
        height: 0;
        pointer-events: none; /* Prevents arrows from blocking clicks on elements below them */
      }

      /* 3. Generate the UP Arrow shape via ::before border geometry */
      .cart-list::before {
        top: 10px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 7px solid #b9b9b9; /* Fills up triangle with gray color */
      }

      /* 4. Generate the DOWN Arrow shape via ::after border geometry */
      .cart-list::after {
        bottom: 15px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 7px solid #b9b9b9;    /* Fills down triangle with gray color */
      }
      /* If .cart-list has fewer than 3 products, hide the up and down arrows. 
        Below reads as .cart-list has not 2 products, then ::before/after hides
      */
      .cart-list:not(:has(.product-widget:nth-child(2)))::before,
      .cart-list:not(:has(.product-widget:nth-child(2)))::after {
        display: none !important;
      }

      /* Optional: Reset the right padding since we don't need room for arrows anymore */
      .cart-list-wrapper:not(:has(.product-widget:nth-child(3))) {
        padding-right: 0;
      }
      /* Wishlist product title */
      .wishlist_table.mobile li .item-wrapper .item-details .product-name, 
      .wishlist_table.mobile li .item-wrapper .item-details .product-name h3 {
        font-size: 16px !important;
      }
      /* Related Products drop down Add to Cart button */
      .product .add-to-cart .add-to-cart-btn {
        padding: 0 10px !important;
        width: 150px !important;

      }
      /* Tabs spacing between Desc, Specs, etc */
      #product-tab .tab-nav li, .woocommerce div.product .woocommerce-tabs ul.tabs li {
        padding-right: 10px !important;
      }


   
  }
  
  @media only screen and (max-width: 320px) {

.image-wrap {
	width: 20px !important;
  padding-right: 20px !important;
}

#yith-woocompare-preview-bar .compare-list .image-wrap img {
	height:20px !important;
    padding-right: 20px !important;

}
      
      /**********************************/
      /************* Cart ***************/
      /**********************************/
      
      /* Product name in cart page table */
      .woocommerce table.shop_table_responsive tr td.product-name a {
        max-width: 150px !important;
      }
      /* Free Shipping label */
      .woocommerce ul#shipping_method li label {
        top: 0 !important;
      }
      /* cart menu popup wrapper div */
      .cart-dropdown {
        z-index: 99999 !important;
        right: unset !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
      }
      /* product details in cart popup */
      .cart-list .product-widget .product-body {
        text-align: left !important;
      }
      /* product img in cart popup */
      .cart-list .product-widget img {
        max-width: 80px !important;
      }
      .cart-list .product-widget .product-img>img {
        width: unset !important;
      }
      /* flex box div for each item row in cart popup */
      .cart-list .product-widget {
        gap: 30px !important
      }
      /* totals div summary cart popup */
      .cart-dropdown .cart-summary {
        text-align: left !important;
      }
      /* Actual div that contains all the items */
      .cart-list {
        position: relative;
        padding-right: 25px; 
      }
      /* 2. Base configuration for both generated arrows */
      .cart-list::before,
      .cart-list::after {
        content: "";       /* Crucial: pseudo-elements won't render without content */
        position: absolute;
        right: -2px;       /* Aligns them along the right edge */
        width: 0;
        height: 0;
        pointer-events: none; /* Prevents arrows from blocking clicks on elements below them */
      }

      /* 3. Generate the UP Arrow shape via ::before border geometry */
      .cart-list::before {
        top: 10px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 7px solid #b9b9b9; /* Fills up triangle with gray color */
      }

      /* 4. Generate the DOWN Arrow shape via ::after border geometry */
      .cart-list::after {
        bottom: 15px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 7px solid #b9b9b9;    /* Fills down triangle with gray color */
      }
      /* If .cart-list has fewer than 3 products, hide the up and down arrows. 
        Below reads as .cart-list has not 2 products, then ::before/after hides
      */
      .cart-list:not(:has(.product-widget:nth-child(2)))::before,
      .cart-list:not(:has(.product-widget:nth-child(2)))::after {
        display: none !important;
      }

      /* Optional: Reset the right padding since we don't need room for arrows anymore */
      .cart-list-wrapper:not(:has(.product-widget:nth-child(3))) {
        padding-right: 0;
      }
      /* Wishlist product title */
      .wishlist_table.mobile li .item-wrapper .item-details .product-name, 
      .wishlist_table.mobile li .item-wrapper .item-details .product-name h3 {
        font-size: 16px !important;
      }
      
      /*********************************************/
      /************* Single Product  ***************/
      /*********************************************/

      /* thumbnails images */
      #product-imgs .product-preview.slick-current {
      width: 45px !important;
      }

      /* first intro paragraph for product  */
      .woocommerce-Tabs-panel--description > p:first-of-type, 
      .woocommerce-Tabs-panel--description > p.summary {
        padding: 5px 10px !important;
        font-size: 12px !important;
        margin-top: 0 !important;
        margin-bottom: 30px !important;
      }
      /* product title */
      .product-subtitle {
        font-size: 22px !important;
      }
      /* product price */
      #product-price {
        gap: 10px !important;
      }
      /* stock div */
      .custom-stock {
          margin-top: 7px !important;
      }
      .product .product-img .product-label {
        display: none !important;
      }

  }

  /* 2. Rule for screens at 555px and below 
  Only applies to hot deal section in index page.
  Scale the img background.
*/
@media (490px <= width <= 600px) {
  #hot-deal.section {
    /* Scale the image width down to 600px */
    background-size: 600px auto !important;
  }
}
@media (360px <= width <= 400px) {
  #hot-deal.section {
    /* Scale the image width down to 600px */
    background-size: 400px auto !important;
  }
}
@media (300px <= width <= 350px) {
  #hot-deal.section {
    /* Scale the image width down to 600px */
    background-size: 350px auto !important;
  }
   /* social button */
  .social-share-div a.buttonlink {
    font-size: 5px !important;
  }
}
@media (410px <= width <= 480px) {
  #hot-deal.section {
    /* Scale the image width down to 600px */
    background-size: 450px auto !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0 0 !important;
    padding-right: 15px !important;
  }

}
@media (680px <= width <= 767px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0 0 !important;
    padding-right: 10px !important;
  }
}



/**********************************/
/* Added in Single Product branch */
/**********************************/

@media screen and (min-width: 1200px) and (max-width: 1500px) {
  /* Main Slick product image 
  div.product-preview.slick-slide.slick-current.slick-active:not(.slick-center) {
    width: 386px !important;
  }*/
  #product-main-img .slick-next {
    right: 35px !important;
  }


/*
  .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
    clear: both;
    top: -150px;
    position: relative;
  }
  */
}
/*@media screen and (min-width: 1500px) and (max-width: 1700px) {
  
}*/
@media screen and (min-width: 1500px)  {
  /* Main Slick product image */
  div.product-preview.slick-slide.slick-current.slick-active:not(.slick-center) {
    width: 500px !important;
    height: unset !important;
    top: -60px !important;

  }
  /* Description tab image */
  figure.wp-block-media-text__media img { 
    object-position: unset !important;
  }
  /*
  .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
    clear: both;
    top: -350px;
    position: relative;
  }
    */
  /*
  #product-imgs {
    top: -700px !important;
    left: -150px !important
  }
    */
  @media screen and (min-width: 1800px)  {
   
    .thumb {
      flex: 0 0 13% !important;
      top: -70px;
    }

     div.product-preview.slick-slide.slick-current.slick-active:not(.slick-center) {
      width: 600px !important;
      height: unset !important;
      top: -60px !important;
    }
  }

}