/* Kuangke Nav Banner Container */
.kuangke-nav-banner-container {
  width: 100%;
}

.kuangke-nav-banner-container > .container {
  padding: 0px var(--container-padding);
}

/* Kuangke Nav Banner Breadcrumb */
.kuangke-nav-banner-breadcrumb {
  width: 100%;
}

.kuangke-nav-banner-breadcrumb > .container {
  padding: 0px var(--container-padding);
  margin: 0;
  max-width: 100%;
}

.kuangke-nav-banner-breadcrumb .path {
  width: 100%;
}

.kuangke-nav-banner-breadcrumb .path p {
  margin: 0;
  font-size: var(--font-size-md);
  font-family: var(--font-family, 'Source Han Sans CN');
  font-weight: var(--font-weight-500, 500);
  color: #333;
  text-transform: capitalize;
}

.kuangke-nav-banner-breadcrumb .path a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.kuangke-nav-banner-breadcrumb .path a:hover {
  color: var(--color-primary);
  text-decoration: none;
}

.kuangke-nav-banner-breadcrumb .kuangke-nav-banner-breadcrumb-link {
  font-size: var(--font-size-md) !important;
  font-family: var(--font-family, 'Source Han Sans CN') !important;
  font-weight: var(--font-weight-500, 500);
}

/* 只在电脑端向右移动 200px */
@media screen and (min-width: 769px) {
  .kuangke-nav-banner-breadcrumb > .container {
    margin-left: 250px;
  }
}

/* 响应式设计 */
@media screen and (max-width: 768px) {
  .kuangke-nav-banner-breadcrumb {
    padding: 15px 0;
  }

  .kuangke-nav-banner-breadcrumb > .container {
    margin-left: 0;
  }
}

@media screen and (max-width: 576px) {
  .kuangke-nav-banner-breadcrumb {
    padding: 12px 0;
  }

  .kuangke-nav-banner-breadcrumb > .container {
    margin-left: 0;
  }
}