/* =========================================
   Base Styles
========================================= */
.head-brands {
  margin: 16px 0 0 60px;
}
.ht-dropdown-right {
  right: 0;
  left: auto;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-right: calc(var(--bs-gutter-x) * 0.6);
  padding-left: calc(var(--bs-gutter-x) * 0.6);
}

.row {
  margin-right: calc(var(--bs-gutter-x) * -0.6);
  margin-left: calc(var(--bs-gutter-x) * -0.6);
}

.row > * {
  padding-right: calc(var(--bs-gutter-x) * 0.6);
  padding-left: calc(var(--bs-gutter-x) * 0.6);
}

.row-25 {
  margin-left: -25px;
  margin-right: -25px;
}

.row-25 > [class*="col"] {
  padding-left: 25px;
  padding-right: 25px;
}

.row-40 {
  margin-left: -40px;
  margin-right: -40px;
}

.row-40 > [class*="col"] {
  padding-left: 40px;
  padding-right: 40px;
}

/* Margin - Base */
.mt-0 {
  margin-top: 0 !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-85 {
  margin-top: 85px !important;
}

/* Padding Top - Base */
.pt-0 {
  padding-top: 0 !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-55 {
  padding-top: 55px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pt-70 {
  padding-top: 70px !important;
}
.pt-85 {
  padding-top: 85px !important;
}
.pt-90 {
  padding-top: 90px !important;
}
.pt-95 {
  padding-top: 95px !important;
}
.pt-100 {
  padding-top: 100px !important;
}

/* Padding Bottom - Base */
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-45 {
  padding-bottom: 45px !important;
}
.pb-65 {
  padding-bottom: 65px !important;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.pb-75 {
  padding-bottom: 75px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pb-95 {
  padding-bottom: 95px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}

/* Padding Left / Right */
.pl-0 {
  padding-left: 0 !important;
}
.pl-75 {
  padding-left: 75px !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-75 {
  padding-right: 75px !important;
}

/* =========================================
   1200–1499
========================================= */
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .row-25,
  .row-40 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-25 > [class*="col"],
  .row-40 > [class*="col"] {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mt-lg-65 {
    margin-top: 65px !important;
  }

  .pt-lg-35 {
    padding-top: 35px !important;
  }
  .pt-lg-40 {
    padding-top: 40px !important;
  }
  .pt-lg-45 {
    padding-top: 45px !important;
  }
  .pt-lg-50 {
    padding-top: 50px !important;
  }
  .pt-lg-65 {
    padding-top: 65px !important;
  }
  .pt-lg-70 {
    padding-top: 70px !important;
  }
  .pt-lg-75 {
    padding-top: 75px !important;
  }
  .pt-lg-80 {
    padding-top: 80px !important;
  }

  .pb-lg-10 {
    padding-bottom: 10px !important;
  }
  .pb-lg-25 {
    padding-bottom: 25px !important;
  }
  .pb-lg-45 {
    padding-bottom: 45px !important;
  }
  .pb-lg-50 {
    padding-bottom: 50px !important;
  }
  .pb-lg-55 {
    padding-bottom: 55px !important;
  }
  .pb-lg-60 {
    padding-bottom: 60px !important;
  }
  .pb-lg-70 {
    padding-bottom: 70px !important;
  }
  .pb-lg-75 {
    padding-bottom: 75px !important;
  }
  .pb-lg-80 {
    padding-bottom: 80px !important;
  }

  .pl-lg-15 {
    padding-left: 15px !important;
  }
  .pr-lg-15 {
    padding-right: 15px !important;
  }
}

/* =========================================
   992–1199
========================================= */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row-25,
  .row-40 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-25 > [class*="col"],
  .row-40 > [class*="col"] {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mt-md-45 {
    margin-top: 45px !important;
  }
  .mt-md-55 {
    margin-top: 55px !important;
  }

  .pt-md-30 {
    padding-top: 30px !important;
  }
  .pt-md-35 {
    padding-top: 35px !important;
  }
  .pt-md-40 {
    padding-top: 40px !important;
  }
  .pt-md-55 {
    padding-top: 55px !important;
  }
  .pt-md-60 {
    padding-top: 60px !important;
  }
  .pt-md-65 {
    padding-top: 65px !important;
  }
  .pt-md-70 {
    padding-top: 70px !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-15 {
    padding-bottom: 15px !important;
  }
  .pb-md-35 {
    padding-bottom: 35px !important;
  }
  .pb-md-40 {
    padding-bottom: 40px !important;
  }
  .pb-md-45 {
    padding-bottom: 45px !important;
  }
  .pb-md-60 {
    padding-bottom: 60px !important;
  }
  .pb-md-65 {
    padding-bottom: 65px !important;
  }
  .pb-md-70 {
    padding-bottom: 70px !important;
  }

  .pl-md-15 {
    padding-left: 15px !important;
  }
  .pr-md-15 {
    padding-right: 15px !important;
  }
}

/* =========================================
   768–991
========================================= */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row-25,
  .row-40 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-25 > [class*="col"],
  .row-40 > [class*="col"] {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mt-sm-15 {
    margin-top: 15px !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .mb-sm-25 {
    margin-bottom: 25px !important;
  }
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .mb-sm-35 {
    margin-bottom: 35px !important;
  }
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }

  .pt-sm-5 {
    padding-top: 5px !important;
  }
  .pt-sm-20 {
    padding-top: 20px !important;
  }
  .pt-sm-25 {
    padding-top: 25px !important;
  }
  .pt-sm-30 {
    padding-top: 30px !important;
  }
  .pt-sm-35 {
    padding-top: 35px !important;
  }
  .pt-sm-45 {
    padding-top: 45px !important;
  }
  .pt-sm-50 {
    padding-top: 50px !important;
  }
  .pt-sm-55 {
    padding-top: 55px !important;
  }
  .pt-sm-60 {
    padding-top: 60px !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-5 {
    padding-bottom: 5px !important;
  }
  .pb-sm-25 {
    padding-bottom: 25px !important;
  }
  .pb-sm-30 {
    padding-bottom: 30px !important;
  }
  .pb-sm-35 {
    padding-bottom: 35px !important;
  }
  .pb-sm-40 {
    padding-bottom: 40px !important;
  }
  .pb-sm-50 {
    padding-bottom: 50px !important;
  }
  .pb-sm-55 {
    padding-bottom: 55px !important;
  }
  .pb-sm-60 {
    padding-bottom: 60px !important;
  }

  .pl-sm-15 {
    padding-left: 15px !important;
  }
  .pr-sm-15 {
    padding-right: 15px !important;
  }
}

/* =========================================
   ≤ 767
========================================= */
/* --------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .head-eng span{
    width: 5% !important;
  }
  .panel-home-brands {
  }
  .mb-3-text {
    margin-bottom: 15px;
  }
  .product-card {
    width: 100% !important;
  }
  .text-price-index {
    margin-top: -5px !important;
  }
  .row-25,
  .row-40 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-25 > [class*="col"],
  .row-40 > [class*="col"] {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mt-xs-0 {
    margin-top: 0 !important;
  }
  .mt-xs-20 {
    margin-top: 20px !important;
  }

  .mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .mb-xs-15 {
    margin-bottom: 15px !important;
  }
  .mb-xs-20 {
    margin-bottom: 20px !important;
  }
  .mb-xs-25 {
    margin-bottom: 25px !important;
  }
  .mb-xs-30 {
    margin-bottom: 30px !important;
  }
  .mb-xs-35 {
    margin-bottom: 35px !important;
  }

  .pt-xs-10 {
    padding-top: 10px !important;
  }
  .pt-xs-15 {
    padding-top: 15px !important;
  }
  .pt-xs-20 {
    padding-top: 20px !important;
  }
  .pt-xs-30 {
    padding-top: 30px !important;
  }
  .pt-xs-40 {
    padding-top: 40px !important;
  }
  .pt-xs-45 {
    padding-top: 45px !important;
  }
  .pt-xs-50 {
    padding-top: 50px !important;
  }

  .pb-xs-0 {
    padding-bottom: 0 !important;
  }
  .pb-xs-15 {
    padding-bottom: 15px !important;
  }
  .pb-xs-20 {
    padding-bottom: 20px !important;
  }
  .pb-xs-25 {
    padding-bottom: 25px !important;
  }
  .pb-xs-30 {
    padding-bottom: 30px !important;
  }
  .pb-xs-35 {
    padding-bottom: 35px !important;
  }
  .pb-xs-40 {
    padding-bottom: 40px !important;
  }
  .pb-xs-45 {
    padding-bottom: 45px !important;
  }
  .pb-xs-50 {
    padding-bottom: 50px !important;
  }

  .pl-xs-15 {
    padding-left: 15px !important;
  }
  .pr-xs-15 {
    padding-right: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .head-brands {
    margin: 16px 0 0 0px !important;
  }

  .panel-home-products .col:nth-last-child(-n + 2) {
    display: none !important;
  }

  .panel-home-brands .col:last-child {
    display: none !important;
  }

  .text-shopbrand {
    font-size: 13px;
    letter-spacing: -0.2px;
  }

  .mega-menu.four-column {
    width: 100% !important;
    left: 0;
  }

  .mega-menu > li {
    margin: 16px 0 0 0px !important;
  }

  .mega-menu > li {
    width: 24% !important;
  }
  .mega-menu > li > a {
    margin: 0 0 12px 10px !important;
  }
  .mega-menu > li > ul > li > a {
    padding: 0px 10px !important;
  }
}