.reactheme-breadcrumb {
  position: relative; }
  .reactheme-breadcrumb::before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1; }
  .reactheme-breadcrumb .breadcrumb-inner {
    position: relative;
    z-index: 2;
    margin: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    align-content: center; }
    @media (max-width: 1200px) {
      .reactheme-breadcrumb .breadcrumb-inner {
        padding-top: 80px;
        padding-bottom: 80px; } }
    @media (max-width: 767px) {
      .reactheme-breadcrumb .breadcrumb-inner {
        padding-top: 65px;
        padding-bottom: 50px; } }
    .reactheme-breadcrumb .breadcrumb-inner .page-title {
      margin: 0;
      text-align: center; }
      @media only screen and (max-width: 1199px) {
        .reactheme-breadcrumb .breadcrumb-inner .page-title {
          font-size: 54px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .reactheme-breadcrumb .breadcrumb-inner .page-title {
          font-size: 44px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .reactheme-breadcrumb .breadcrumb-inner .page-title {
          font-size: 36px;
          line-height: 56px; } }
      @media only screen and (max-width: 767px) {
        .reactheme-breadcrumb .breadcrumb-inner .page-title {
          font-size: 30px;
          line-height: 45px; } }
      @media only screen and (max-width: 575px) {
        .reactheme-breadcrumb .breadcrumb-inner .page-title {
          font-size: 26px;
          line-height: 36px; } }
      @media only screen and (max-width: 479px) {
        .reactheme-breadcrumb .breadcrumb-inner .page-title {
          font-size: 24px;
          line-height: 30px; } }
    .reactheme-breadcrumb .breadcrumb-inner .breadcrumb-path .breadcrumb-separator,
    .reactheme-breadcrumb .breadcrumb-inner .breadcrumb-path a .breadcrumb-separator {
      margin: 0 5px; }
      .reactheme-breadcrumb .breadcrumb-inner .breadcrumb-path .breadcrumb-separator svg,
      .reactheme-breadcrumb .breadcrumb-inner .breadcrumb-path a .breadcrumb-separator svg {
        height: 14px;
        width: auto;
        fill: currentColor; }
    .reactheme-breadcrumb .breadcrumb-inner .breadcrumb-path {
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 767px) {
        .reactheme-breadcrumb .breadcrumb-inner .breadcrumb-path {
          flex-wrap: wrap;
          gap: 5px; } }