:root {
  --theme-color: #e3000f;
}

.featured-categories-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.featured-categories-content > a {
  display: flex;
  align-items: center;
  width: calc(100% - 0.5rem);
  border: 3px solid #f5f5f5;
  background-color: #fff;
  padding: 1rem 0.5rem;
  transition: 0.2s ease-in-out;
}

.featured-categories-content > a:hover {
  background-color: var(--theme-color);
  border: 3px solid var(--theme-color);
}

.featured-categories-content > a > img {
  width: 35px;
  margin-right: 1rem;
  transition: 0.2s ease-in-out;
  margin-left: 0.5rem;
}

.featured-categories-content > a:not(:last-child) {
  margin-right: 0.5rem;
}

.featured-categories-content > a > span {
  font-weight: 600;
  font-size: 14px;
  color: #000;
  transition: 0.2s ease-in-out;
}

.featured-categories-content > a:hover > span {
  color: #fff;
}

.featured-categories-content > a:hover > img {
  filter: invert(100%) sepia(0%) saturate(7470%) hue-rotate(178deg)
    brightness(98%) contrast(108%);
}

.featured-categories-title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.featured-categories {
  margin-top: 2rem;
}

.home-six-banner-wrapper {
  margin-top: 2rem;
}

.home-six-banner-container {
  display: flex;
  justify-content: space-between;
  padding: 0;
}

.home-six-banner-container > div {
  width: 50%;
  margin: 0.5rem;
}

.six-banner-left {
  display: flex;
  justify-content: space-between;
}

.home-six-banner-container img {
  width: 100%;
}

.six-banner-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.six-banner-right .six-banner-left-even {
  display: flex;
  justify-content: space-between;
}

.six-banner-content {
  display: flex;
  width: 100%;
}

.six-banner-left .six-banner-left-odd {
  margin-right: 1rem;
}

.six-banner-left .six-banner-left-even {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.six-banner-right .six-banner-left-even .six-banner-content:first-child {
  margin-right: 1rem;
}

.six-banner-content > a {
  position: relative;
}

.six-banner-content > a::before {
  content: "";
  position: absolute;
  background-color: rgba(50, 50, 50, 0.1);
  inset: 0;
}

.six-banner-content > a > span {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 20px;
  font-weight: 900;
  color: #444;
}

.six-banner-content > a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 9;
  background-color: rgb(227 0 15 / 70%);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out;
}

.six-banner-content > a:hover::after {
  opacity: 1;
  visibility: visible;
}

.product-list-title {
  font-size: 25px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 20px;
}

.product-list-container {
  padding: 0;
}

.product-list-content {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.product-list {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: calc(16.66% - .5rem);
  padding: 9px;
}

.product-list:not(:nth-child(6n)) {
  margin-right: 0.5rem;
}

.product-list-image,.product-list-image > a {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.product-list-image > a > img {
  height: 164px;
  width: auto !important;
}
.product-list-name a {
  font-size: 12px;
  font-weight: 500;
  max-height: 43px;
}

span.product-list-price-new {
  color: #323232;
  font-weight: 700;
  line-height: 16px;
  font-size: 16px;
}

.product-list-add button {
  border-radius: 30px;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #ffc500;
  color: #323232;
  width: 120px;
  height: 32px;
  font-size: 12px;
  border: none;
  margin-top: 12px;
  font-weight: 600;
  text-align: inherit;
  padding-left: 14px;
}
.product-list-caption .product-list-name {
  height: 65px;
  margin-top: 17px;
}
.product-list:hover {
  -webkit-box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 7%);
  -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.07);
  box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 7%);
}

.product-list-add {
  position: relative;
  bottom: -48px;
  opacity: 0;
  visibility: hidden;
  transition: .3s ease;
}

.product-list:hover .product-list-add {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.product-list:hover {
  -webkit-box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 7%);
  -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.07);
  box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 7%);
}
ul.megamenu > li > a strong img {
  margin-top: -12px;
}
ul.megamenu > li > a:hover img {
  filter: invert(1) brightness(2);
}
.hometext {
  padding-left: 20px;
  box-sizing: border-box;
  font-size: 14px;
  color: #515151;
  line-height: 23px;
  max-height: 210px;
  overflow-y: scroll;
  margin-bottom: 20px;
}
.menu-content .content .row .col-sm-2 .categories > .row .static-menu .menu > ul > li > a {
  font-weight: 700;
  color: #000;
}
.menu-content .content .row .col-sm-2 .categories > .row .static-menu .menu > ul > li > ul > li > a {
  background: none !important;
  color: #7b7b7b;
}

.menu > ul > li > a {
  font-weight: 700 !important;
  color: #000;
}

.menu > ul > li > ul > li > a {
  background: none !important;
  color: #7b7b7b;
  font-size: 13px;
}

.menu > ul > li > ul {
}
ul.megamenu li .sub-menu .content .static-menu .menu ul ul li:before{

  color: #ffffff;
  padding-right: 0
  ;
}
ul.megamenu li .sub-menu .content .static-menu .menu ul ul {
  padding: 0 !important;
  text-align: inherit;
  align-items: initial;
}
ul.megamenu li .sub-menu .content .static-menu a.main-menu:hover {
  font-weight: 600;
  letter-spacing: 0;
  padding-left: 0;
}
ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li {
  width: 100%;
}
.product-layout.product-grid .product-list {
  width: calc(20% - 0.5rem);
}
.product-layout.product-grid-2 .product-list {
  width: calc(25% - 0.5rem);
}
.owl-item .product-list {
  width: 100% !important;
}
/* modal */
.tt-img img {
  width: 100%;
}
#modalCartAdd .modal-header {
  display: none;
}
#modalCartAdd .mobile {
  display: none;
}
@media (max-width: 767px) {
  h2.tt-title {
    font-size: 17px;
}
  #modalCartAdd .mobile {
    display: block;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
  }
  #modalCartAdd .mobile i {
    font-size: 16px;
    color: var(--theme-color);
    padding-right: 4px;
  }
  #modalCartAdd .mobile .tt-modal-messages {
    padding: 0px 0px 5px 0px;
  }
  #modalCartAdd .mobile .btn-link {
    display: block;
    margin: 5px auto;
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 600;
  }
}
#modalCartAdd .modal-dialog {
  max-width: 665px;
}
#modalCartAdd .modal-body {
  padding: 0px;
}
@media (max-width: 767px) {
  #modalCartAdd .desctope {
    display: none;
  }
}
#modalCartAdd .desctope .row {
  margin: 0px;
}
#modalCartAdd .desctope .row > div {
  padding-left: 0px;
  padding-right: 0px;
}
#modalCartAdd .desctope .left {
  padding: 30px !important;
  width: 275px;
}
#modalCartAdd .desctope .left .tt-modal-messages {
  padding: 0px 0px 0px 55px;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
}
#modalCartAdd .desctope .left .tt-modal-messages i {
  font-size: 30px;
  position: absolute;
  display: block;
  color: var(--theme-color);
  margin-left: -42px;
}
#modalCartAdd .desctope .left .tt-img {
  text-align: center;
  padding: 37px 0px 0px 0px;
}
#modalCartAdd .desctope .left .tt-img img {
  max-width: 150px;
}
#modalCartAdd .desctope .left .tt-title {
  padding: 15px 0px 0px 0px;
  margin: 0px;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
}
#modalCartAdd .desctope .left .tt-title a {
  font-size: 15px;
  font-weight: normal;
}
#modalCartAdd .desctope .left .tt-qty {
  text-align: center;
  font-size: 15px;
}
#modalCartAdd .desctope .left .tt-total {
  text-align: center;
  padding-top: 4px;
}
#modalCartAdd .desctope .left .tt-total .tt-price {
  font-weight: bold;
}
#modalCartAdd .desctope .left .tt-total .price-old {
  font-weight: normal;
  text-decoration: line-through;
  color: #808080;
  padding-right: 3px;
}
#modalCartAdd .desctope .left .tt-total .price-new {
  color: var(--theme-color);
  font-weight: 600;
}
#modalCartAdd .desctope .right {
  background: #f2f2f2;
  width: 350px;
  padding: 40px;
}
#modalCartAdd .desctope .right .tt-cart-total {
  text-align: center;
  display: block;
  margin-top: 55px;
  margin-bottom: 16px;
}
#modalCartAdd .desctope .right .tt-cart-total p {
  margin: 0px 0px 6px 0px !important;
}
#modalCartAdd .desctope .right .tt-cart-total .tt-price {
  font-size: 35px;
  color: var(--theme-color);
  font-weight: 600;
}
#modalCartAdd .desctope .right .btn {
  display: block;
  width: 100%;
  text-align: center;
  margin: 10px 0px 0px 0px;
  font-size: 14px;
  padding: 15px 20px 14px 20px;
}
#modalCartAdd .desctope .right .btn.btn-border {
  color: #000 !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: none !important;
  padding: 9px 20px 8px 20px;
}
#modalCartAdd .d-flex {
  display: flex;
}
/* modal */ 
@media screen and (max-width: 992px){
  .menu > ul > li > ul {
    margin-left: 16px;
  }
  ul.megamenu > li > a strong img {
    margin-right: 11px;
  }
}
@media screen and (max-width: 769px){
  .featured-categories-content {
    display: flex;
    width: 100%;
    justify-content: space-between;
    overflow: scroll;
}
  .list-wrapper-content ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .list-wrapper-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .product-list {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: calc(33.33% - 0.5rem);
    padding: 9px;
}
.product-layout.product-grid .product-list {
  width: calc(33.33% - 0.5rem);
}
.product-layout.product-grid-2 .product-list {
  width: calc(33.33% - 0.5rem);
}

}
@media screen and (max-width: 450px){
  
  .home-six-banner-container {
    flex-wrap: wrap;
  
  }
  .six-banner-right .six-banner-left-odd {
      margin-top: 15px;
  }
  .home-six-banner-container > div {
      width: 100%;
  }
  .product-list {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: calc(50% - 0.5rem);
    padding: 9px;
}
.product-layout.product-grid .product-list {
  width: calc(50% - 0.5rem);
}
.product-layout.product-grid-2 .product-list {
  width: calc(50% - 0.5rem);
}

}