.breadcrumbs-wrapper { top: 120px; position: absolute; width: 100%; z-index: 100; }

@media (max-width: 767px) { .breadcrumbs-wrapper .container { margin: 0; } }

@media (max-width: 767px) { .breadcrumbs-wrapper { margin: 0 0 0 20px; top: 126px; max-width: 320px; } }

@media (min-width: 768px) and (max-width: 991px) { .breadcrumbs-wrapper { top: 166px; }
  .breadcrumbs-wrapper .container { max-width: 550px !important; margin: 0 auto; } }

@media (min-width: 992px) and (max-width: 1199px) { .breadcrumbs-wrapper { top: 134px; } }

@media (min-width: 1200px) { .breadcrumbs-wrapper { top: 160px; } }

@media (max-width: 991px) { .breadcrumbs-wrapper ul { white-space: nowrap; overflow-x: scroll; }
  .breadcrumbs-wrapper ul::-webkit-scrollbar { display: none; } }

.breadcrumbs-wrapper ul li { position: relative; display: inline-block; margin-right: 4px; }

.breadcrumbs-wrapper ul li a { position: relative; display: block; font-size: 10px; line-height: 12px; letter-spacing: -0.011em; color: #22366A; padding-right: 12px; }

@media (max-width: 767px) { .breadcrumbs-wrapper ul li a { white-space: nowrap; max-width: 210px; overflow: hidden; text-overflow: ellipsis; } }

.breadcrumbs-wrapper ul li a::after { content: ''; position: absolute; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAwLjVMMy41IDNMMSA1LjUiIHN0cm9rZT0iIzA2MkI0RSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat; background-position: center 1px; height: 7px; width: 5px; right: 0; top: 3px; }

.breadcrumbs-wrapper ul li:last-child a::after { content: unset; }