.vertical-breadcrumb-wrap {
    background: #f1f1f1;
    padding: 20px 20px 0px 20px;
    margin-bottom: -20px;
    position: relative;
}
  
.vertical-breadcrumb {
    -webkit-box-shadow: 0px 3px 7px -2px #666666;
    -moz-box-shadow: 0px 3px 7px -2px #666666;
    box-shadow: 0px 3px 7px -2px #666666;
    display: inline-block;
    width: 100% !important;
}
  
.vertical-breadcrumb .listbox {
    width: 100%;
    background: #ffffff;
    margin: 0 auto 0px auto;
    font-size: 12px;
    font-family: "open sans", "arial";
    font-weight: 600;
    padding: 10px 20px;
    display: inline-block;
    float: left;
}

.vertical-breadcrumb .breadcrumb-list {
    list-style: none !important;
    margin-left: -10px !important;
}

.vertical-breadcrumb ul {
	margin: 0 !important;
}

.vertical-breadcrumb li {
    text-transform: uppercase;
    list-style: none !important;
    padding: 3px 0 0px 15px !important;
}

.vertical-breadcrumb .breadcrumb-list .active > a {
    color: #000000 !important;
    cursor: default;
  	font-size: 12px;
}

.vertical-breadcrumb .breadcrumb-list .inactive > a {
    color: #00b8e4 !important;
  	font-size: 12px;
}

.vertical-breadcrumb .breadcrumb-list .inactive > a:hover {
    color: #0082bf !important;
}    

@media all and (max-width: 768px) {

    .vertical-breadcrumb-wrap {
        display: table;
        width: 100%;
        margin: 0px 0 -39px 0;
    }

    .vertical-breadcrumb-wrap .closed {
        display: block;
    }
    
    .vertical-breadcrumb {
        display: table;
    }

    .filtersTitlePanel p.filtersTitle {
        display: none;
    }

/*    .vertical-breadcrumb-wrap {
        display: none !important;
    }

*/

}