.brand-product-list .products-list .product-item-photo{
    padding: 0;
    width: 100%;
    display: block;
}
.brand-product-list .products-list .product-item-photo img{
    width: 100%;
}
.brand-product-list .product-item-details{
    width: 100%;
    display: block;
}

/* -------------------------------------------------------
   Breadcrumb dropdown CSS
------------------------------------------------------- */

/* remove theme skew background */
.breadcrumbs ul li a:before{
    content:none !important;
}

/* Allow dropdown to escape containers */
.breadcrumbs,
.breadcrumbs .items,
.breadcrumbs .items .item{
    overflow:visible !important;
}

/* Breadcrumb container */
.breadcrumbs{
    position:relative !important;
    z-index:10 !important;
}

/* Breadcrumb items layout */
.breadcrumbs .items{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}

/* Each crumb */
.breadcrumbs .items .item{
    position:relative !important;
    display:inline-flex;
    align-items:center;
    z-index:1 !important;
}

/* Separator */
.breadcrumbs .items .item:not(:last-child)::after{
    content:"/ ";
    margin:0 6px;
    color:#777;
}

/* Arrow toggle */
.breadcrumbs .bc-dd-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0 !important;
    background:transparent !important;
    padding:0 2px !important;
    margin-left:2px;
    cursor:pointer;
    color:#111 !important;
    line-height:1;
    position:relative !important;
    z-index:2 !important;
}

.breadcrumbs .bc-dd-toggle:before,
.breadcrumbs .bc-dd-toggle:after{
    content:none !important;
}

.breadcrumbs .bc-dd-icon{
    display:inline-block;
    font-size:12px;
    font-weight:700;
    color:inherit !important;
}

/* -------------------------------------------------------
   Dropdown menu
------------------------------------------------------- */

.breadcrumbs .bc-dd-menu{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;

    position:absolute !important;
    top:calc(100% + 6px) !important;
    left:0 !important;

    z-index:100 !important;

    min-width:170px !important;
    max-width:200px !important;
    max-height:320px;

    overflow-y:auto !important;
    overflow-x:hidden !important;

    margin:0 !important;
    padding:6px 0 !important;

    list-style:none !important;

    background:#fff !important;
    border:1px solid #e5e5e5 !important;
    box-shadow:0 6px 20px rgba(0,0,0,.12) !important;

    transform:translateZ(0);
}

/* open dropdown */
.breadcrumbs li.item.bc-dd-open > .bc-dd-menu{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}

/* dropdown items */
.breadcrumbs .bc-dd-menu li{
    display:block !important;
    width:100% !important;
    float:none !important;
    clear:both !important;
}

/* dropdown links */
.breadcrumbs .bc-dd-menu a{
    display:block !important;
    width:100% !important;
    box-sizing:border-box;
    padding:8px 14px !important;
    white-space:nowrap;
    color:#000 !important;
    text-decoration:none !important;
}

/* disable breadcrumb pseudo background inside dropdown */
.breadcrumbs .bc-dd-menu a:before{
    content:none !important;
}

/* hover */
.breadcrumbs .bc-dd-menu a:hover{
    background:#f7f7f7 !important;
}

/* -------------------------------------------------------
   Mobile breadcrumb scroll + sticky dropdown
------------------------------------------------------- */
@media (max-width:768px){

    html,
    body{
        overflow-x:hidden !important;
    }

    /* containerul breadcrumb */
    .breadcrumbs{
        position:relative !important;
        overflow:visible !important;
        z-index:10 !important;
    }

    /* DOAR randul principal scroll */
    .breadcrumbs > ul.items{
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:center !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        white-space:nowrap !important;
        -webkit-overflow-scrolling:touch;

        width:100% !important;
        max-width:100% !important;
        padding-bottom:8px !important;
    }

    .breadcrumbs > ul.items > li{
        flex:0 0 auto !important;
        white-space:nowrap !important;
    }

    /* IMPORTANT: dropdown sa fie relativ la breadcrumbs */
    .breadcrumbs .items .item{
        position:static !important;
    }

    /* dropdown FULL WIDTH, legat de breadcrumbs */
    .breadcrumbs .bc-dd-menu{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;

        position:absolute !important;
        top:100% !important;
        left:0 !important;
        right:0 !important;

        width:100% !important;
        max-width:none !important;
        min-width:0 !important;

        max-height:320px !important;

        overflow-y:auto !important;
        overflow-x:hidden !important;

        white-space:normal !important;

        margin:6px 0 0 0 !important;
        padding:6px 0 !important;

        background:#fff !important;
        border:1px solid #e5e5e5 !important;
        box-shadow:0 6px 20px rgba(0,0,0,.12) !important;
    }

    /* open */
    .breadcrumbs li.item.bc-dd-open > .bc-dd-menu{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
    }

    /* dropdown items fix */
    .breadcrumbs .bc-dd-menu li{
        display:block !important;
        width:100% !important;
        float:none !important;
        clear:both !important;
        margin:0 !important;
    }

    .breadcrumbs .bc-dd-menu a{
        display:block !important;
        width:100% !important;
        padding:10px 14px !important;
        white-space:normal !important;
    }

    .breadcrumbs .bc-dd-toggle{
        position:relative !important;
    }

}

.breadcrumbs .separator {
    margin: 0 4px;
    color: #777;
}
/* -------------------------------------------------------
   Main navigation above breadcrumbs
------------------------------------------------------- */

.page-header,
.header.content,
.nav-sections,
.navigation{
    position:relative;
    z-index:110 !important;
}