.sec-breadcrumbs {
  margin: 120px 0 58px !important;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
}

.breadcrumbs * {
  font-size: 16px;
  line-height: 25px;
  color: var(--main-color) !important;
  letter-spacing: 0.48px;
}

.breadcrumbs a {
  text-decoration: underline !important;
}

.breadcrumbs a:hover {
  text-decoration: none !important;
}

@media(min-width:1360px) and (max-width:1459.98px) {
  .sec-breadcrumbs {
    margin: 50px 0 !important;
  }
}

@media(min-width:1200px) and (max-width:1359.98px) {
  .sec-breadcrumbs {
    margin: 45px 0 !important;
  }
}

@media(min-width:992px) and (max-width:1199.98px) {
  .sec-breadcrumbs {
    margin: 45px 0 !important;
  }
}

@media(min-width:768px) and (max-width:991.98px) {
  .sec-breadcrumbs {
    margin: 50px 0 30px !important;
  }
}

@media(max-width:767.98px) {
  .sec-breadcrumbs {
    margin-top: 40px !important;
    margin-bottom: 25px !important;
  }

  .breadcrumbs {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .breadcrumbs::-webkit-scrollbar {
    display: none;
  }

  .breadcrumbs * {
    white-space: nowrap;
  }
}