/* override default breakpoints */
/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
.breadcrumb {
  padding: 0;
  margin: 1rem 0 0.25rem; }
  @media (min-width: 992px) {
    .breadcrumb {
      margin: 1.5rem 0 0.25rem; } }
  .breadcrumb-item {
    font-size: 0.75rem;
    line-height: 1.5; }
    @media (min-width: 992px) {
      .breadcrumb-item {
        font-size: 1rem; } }
    .breadcrumb-item .seperator {
      padding: 0 0.1875rem 0 0.125rem; }
      @media (min-width: 992px) {
        .breadcrumb-item .seperator {
          padding: 0 0.3125rem 0 0.25rem; } }
      .collapsed .breadcrumb-item .seperator {
        display: none; }
    .breadcrumb-item + .breadcrumb-item {
      padding-left: 0; }
      .breadcrumb-item + .breadcrumb-item::before {
        content: none; }
  .breadcrumb-ellipsis {
    line-height: 0;
    background: transparent;
    border: none;
    height: 0.625rem; }

.category-breadcrumb .breadcrumb-wrapper .breadcrumb-item a p {
  display: inherit; }
  .category-breadcrumb .breadcrumb-wrapper .breadcrumb-item a p:hover {
    text-decoration: inherit; }

.pd-breadcrumb-component {
  padding: 1.5rem 2.5rem 1.5rem 0.5rem; }
  @media (max-width: 991.98px) {
    .pd-breadcrumb-component {
      padding: 2rem 1.25rem; } }
  .pd-breadcrumb-component .breadcrumb-wrapper {
    padding-left: 0; }
    @media (max-width: 991.98px) {
      .pd-breadcrumb-component .breadcrumb-wrapper {
        padding-left: 0.5rem; } }
  .pd-breadcrumb-component .breadcrumb {
    margin: 0;
    padding: 0; }
  .pd-breadcrumb-component .breadcrumb-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .pd-breadcrumb-component .breadcrumb-item:first-child .btn-link {
      padding-left: 0; }
    .pd-breadcrumb-component .breadcrumb-item + .breadcrumb-item {
      margin-left: 0.5rem; }
      @media (min-width: 768px) {
        .pd-breadcrumb-component .breadcrumb-item + .breadcrumb-item {
          margin-left: 0.75rem; } }
      .pd-breadcrumb-component .breadcrumb-item + .breadcrumb-item::before {
        content: "";
        display: inline-block;
        width: 0.1875rem;
        height: 0.1875rem;
        margin-right: 0.5rem;
        border-radius: 50%;
        background-color: #0F0F0F;
        position: relative;
        line-height: 0;
        top: 0;
        font-size: 0;
        padding-right: 0; }
        @media (min-width: 768px) {
          .pd-breadcrumb-component .breadcrumb-item + .breadcrumb-item::before {
            margin-right: 0.75rem; } }
    .pd-breadcrumb-component .breadcrumb-item a {
      color: #0F0F0F;
      font: var(--type-style-11-font);
      text-transform: var(--type-style-11-transform);
      letter-spacing: var(--type-style-11-letter-spacing);
      padding: 0.25rem 0; }
    .pd-breadcrumb-component .breadcrumb-item:last-child a {
      color: #666666; }
  .pd-breadcrumb-component button.breadcrumb-ellipsis {
    min-width: 3.125rem; }