@media (max-width: 767.98px) {
  .product-grid:not(.list-view-active) {
    --grid-gutter: 12px;
    gap: 16px var(--grid-gutter);
  }
  .product-grid:not(.list-view-active) .product-item-col {
    width: calc((100% - var(--grid-gutter)) / 2);
    min-width: 0;
  }
  .product-grid:not(.list-view-active) .product-card {
    margin-bottom: 0;
    border-radius: 8px;
  }
  .product-grid:not(.list-view-active) .product-image-wrapper {
    margin-bottom: 0 !important;
    border-radius: 8px;
    overflow: hidden;
  }
  .product-grid:not(.list-view-active) .product-image-wrapper .product-badge {
    font-size: 9px;
    padding: 3px 7px;
  }
  .product-grid:not(.list-view-active) .product-actions-top {
    top: 8px;
    right: 8px;
  }
  .product-grid:not(.list-view-active) .product-actions-top .action-btn {
    width: 30px;
    height: 30px;
    font-size: 0.8rem;
  }
  .product-grid:not(.list-view-active) .product-actions-top .tooltip-text {
    display: none;
  }
  .product-grid:not(.list-view-active) .product-actions-overlay {
    padding: 8px 0 0;
  }
  .product-grid:not(.list-view-active) .product-actions-overlay .btn-quick-add {
    font-size: 0.68rem;
    letter-spacing: 0.3px;
    padding: 7px 6px;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-grid:not(.list-view-active) .product-actions-overlay .btn-quick-add .btn-icon {
    font-size: 0.75rem;
  }
  .product-grid:not(.list-view-active) .product-details {
    padding: 8px 2px 4px;
    text-align: left;
  }
  .product-grid:not(.list-view-active) .product-name {
    margin-bottom: 2px;
    line-height: 1.3;
  }
  .product-grid:not(.list-view-active) .product-name a {
    font-size: 0.8rem;
    font-weight: 500;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.6em;
  }
  .product-grid:not(.list-view-active) .product-category {
    font-size: 0.62rem;
    letter-spacing: 0.4px;
    margin: 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-grid:not(.list-view-active) .product-rating {
    margin-bottom: 4px !important;
    font-size: 0.65rem;
  }
  .product-grid:not(.list-view-active) .product-rating .small {
    font-size: 0.65rem;
  }
  .product-grid:not(.list-view-active) .product-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 4px;
    font-size: 0.8rem !important;
    margin: 0 0 4px;
  }
  .product-grid:not(.list-view-active) .product-price .price-from {
    font-size: 0.62rem;
    margin-right: 0 !important;
  }
  .product-grid:not(.list-view-active) .product-price .new-price {
    font-size: 0.9rem;
  }
  .product-grid:not(.list-view-active) .product-price .old-price,
  .product-grid:not(.list-view-active) .product-price .offerpercentage {
    font-size: 0.66rem;
    margin-left: 0 !important;
  }
  .product-grid:not(.list-view-active) .product-price > div,
  .product-grid:not(.list-view-active) .product-price .small.w-100 {
    font-size: 0.6rem !important;
    line-height: 1.3;
    margin-top: 1px;
  }
  .breadcrumb-section {
    padding: 10px 0;
    margin-bottom: 1rem;
  }
  .breadcrumb-section .breadcrumb {
    flex-wrap: nowrap;
    overflow: hidden;
    font-size: 0.8rem;
  }
  .breadcrumb-section .breadcrumb .breadcrumb-item {
    min-width: 0;
    flex: 0 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .breadcrumb-section .breadcrumb .breadcrumb-item:first-child {
    flex-shrink: 0;
  }
  .breadcrumb-section .breadcrumb .breadcrumb-item:not(:first-child):not(:last-child) {
    flex-shrink: 3;
  }
  .breadcrumb-section .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    margin: 0 0.6rem 0.12em 0.1rem;
  }
  .breadcrumb-section .breadcrumb .breadcrumb-item a {
    display: inline;
  }
}
@media (max-width: 767.98px) {
  main .inr-cont {
    padding-left: 0;
    padding-right: 0;
  }
  main .py-5 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }
  main .pt-5 {
    padding-top: 1.75rem !important;
  }
  main .pb-5 {
    padding-bottom: 1.75rem !important;
  }
  main .my-5 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }
  main .mt-5 {
    margin-top: 1.75rem !important;
  }
  main .mb-5 {
    margin-bottom: 1.5rem !important;
  }
  main .mt-8 {
    margin-top: 2rem !important;
  }
  main .page-header-new {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  main .custom-design-promo-section,
  main .newsletter-section-new {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  main section h2 {
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 767.98px) {
  .footer-section {
    padding-top: 2.5rem;
  }
  .footer-section > .container-lg > .row.pb-5 {
    --bs-gutter-y: 1.25rem;
    padding-bottom: 1.5rem !important;
  }
  .footer-section .footer-bottom.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}