.breadcrumbs {
  font-size: 0;
  margin-bottom: 13px
}

@media screen and (max-width:1365px) {
  .breadcrumbs {
    margin-bottom: 11px
  }
}

@media screen and (max-width:767px) {
  .breadcrumbs {
    margin-bottom: 12px
  }
}

@media screen and (max-width:479px) {
  .breadcrumbs {
    margin-bottom: 10px;
    padding-top: 10px
  }
}

.breadcrumbs li {
  font-size: 14px;
  display: inline-block;
  color: #575757
}

.breadcrumbs li:after {
  content: "/";
  display: inline-block;
  margin: 0 10px
}

.breadcrumbs li:last-child:after {
  content: none
}

@media screen and (max-width:1023px) {
  .breadcrumbs li {
    line-height: 24px
  }
}

@media screen and (max-width:767px) {
  /* .breadcrumbs li:nth-last-child(2):after { */
    /* content: none */
  /* } */

  .breadcrumbs li:first-child {
    display: inline-block !important
  }

  /* .breadcrumbs li:last-child { */
    /* display: none */
  /* } */

  .breadcrumbs li:before {
    margin: 0 6px
  }
}

.breadcrumbs a {
  color: #575757;
  border-bottom: 1px solid;
  -webkit-transition: .3s;
  transition: .3s
}

.breadcrumbs a:hover {
  color: #54b415
}

.breadcrumbs+h1,
.title-top--head h1 {
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 20px;
  font-weight: 700
}

@media screen and (max-width:1365px) {

  .breadcrumbs+h1,
  .title-top--head h1 {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 28px
  }
}

@media screen and (max-width:1023px) {

  .breadcrumbs+h1,
  .title-top--head h1 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 20px
  }
}

@media screen and (max-width:767px) {

  .breadcrumbs+h1,
  .title-top--head h1 {
    margin-bottom: 25px
  }
}