.breadcrumb-container{padding: 10px 0; min-height: 60px;}
.breadcrumbs{display:flex; margin: 0;}
.breadcrumbs li{float:left;font-size: 16px;line-height: 18px;list-style:none;padding: 0 !important;}
.breadcrumbs li a{font-weight: 400;}
.breadcrumbs li a:hover{text-decoration: none;}
.breadcrumbs li:after{content:'\f053';font-family: 'font awesome 5 free';font-weight: 900;margin: 0 8px;font-size: 16px;}
.breadcrumbs li:last-child:after{display:none;}
.breadcrumbs li:before{display: none !important;}
.breadcrumbs li.current-item{font-weight: 700;}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width: 1199.98px){

}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width: 991.98px){
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width: 767.98px) {
.breadcrumb-container{min-height:auto;}
.breadcrumbs{justify-content: center;white-space: nowrap;width: 100%; display: inline-block; overflow: hidden;text-overflow: ellipsis;}
.breadcrumbs li{font-size: 12px; float: none; display: inline-block;}
.breadcrumbs li:after{font-size: 12px; margin: 0 6px;}
 

}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width: 575.98px) {

}