header .typed-search-box {
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 1px -1px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px !important;
    border-radius: 2px !important;
    margin: 7px 0px !important;
    z-index: 999;
}

.position-relative {
    position: relative !important
}

.product-card-bottom{
    display: block !important;
}

.product-card-bottom .product-extra-link2 .button.button-add-to-cart{
    width:100% !important;
}
.product-card-bottom .detail-extralink > div{
    width:100% !important;
}
.product-card-bottom .product-price{
    margin-bottom: 10px;
}
.product-card-bottom .detail-extralink{
    text-align: center;
}

.product-cart-wrap .product-content-wrap {
    padding: 0 10px 7px 10px !important;
}
/* .product-cart-wrap .product-content-wrap h2{
    font-size: 14px;
} */

.product-name-height{
    height: 70px;
}
.product-cart-wrap .product-img-action-wrap{
    padding: 10px 10px 0 10px;
}

.archive-header .col-xl-3{
    width: 70%;
    text-align: center !important;
}

.detail-extralink .detail-qty{
    margin: 0px !important
}
.product-cart-wrap .product-img-action-wrap .product-img-zoom a img{
    height: 230px;
    object-fit: contain;
}
.product-grid .brand-text{
    height: 40px;
}

.maintexthead{
  color: #000 !important;
  font-size: large;
}

.texthead{
  color: #000 !important;
  font-size: 25px;
}
.textheads{
  color: #000 !important;
  font-size: 25px;
  margin-top: 40px;
}
.textheadses{
  font-size: 30px;
  color: #000 !important;
}
button[type=submit]:hover {
    background-color: transparent !important;
}
.button-28 {
  appearance: none;
  background-color: transparent;
  border: 2px solid #1A1A1A;
  border-radius: 15px;
  box-sizing: border-box;
  color: #3B3B3B;
  cursor: pointer;
  display: inline-block;
  font-family: Roobert, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  min-height: 60px;
  min-width: 0;
  outline: none;
  padding: 16px 24px;
  text-align: center;
  text-decoration: none;
  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: 100%;
  will-change: transform;
}

.button-28:disabled {
  pointer-events: none;
}

.button-28:hover {
  color: #fff;
  background-color: #1A1A1A;
  box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
  transform: translateY(-2px);
}

.button-28:active {
  box-shadow: none;
  transform: translateY(0);
}
.button-28.active {
    color: #fff;
    background-color: #1A1A1A;
    box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
    transform: translateY(-2px);
}
.dot-style-1 ul {
    display: block !important;
}
.slick-dots li.slick-active button:before, .slick-dots li button:before{
    opacity: 0 !important;
}
.banner-bottom{
    margin-top: -28px !important;
}
.for-mobile{
    display: none !important;
}
.for-desktop{
    display: block !important;
}
.flash-sale-hot{
  display: flex;
}




@media only screen and (max-width: 768px) {
  .for-mobile{
    display: block !important;
  }
  .for-desktop{
    display: none !important;
  }
  /* .hotline img{
    width:28px;
    min-width: 10px !important;
    margin-right: 22px !important;
  }
  .header-style-1 .header-bottom-bg-color .container{
    padding: 0px 3px !important;
  }
  .logo.logo-width-1{
    left: 33% !important;
  }
  .logo.logo-width-1 a img{
    width: 83px !important;
    min-width: 83px !important;
  } */
}



.spinner-loader {
  color: #ffffff;
  font-size: 84px;
  text-indent: -9999em;
  overflow: hidden;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 50px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.div-spinner{
  background-color: rgba(51, 51, 51, 0.98);
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.div-spinner>.loading-text{
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%,-60%);
}