.bredcrumbs-bg {
    background: #fff;
    padding: 10px 0px 30px 0px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.bredcrumbs-bg ul {
    margin: 0px;
    padding: 0px;
}

.bredcrumbs-bg ul li {
    list-style: none;
    float: left;
    background: url('../img/sep-bredcrumbs.png') no-repeat 5px;
    font-size: 13px;
    font-weight: 300;
    color: #455560;
    padding: 1px 0px 1px 15px;
}

.bredcrumbs-bg ul li:first-child {
    background: none;
}

.bredcrumbs-bg ul li a {
    color: #455560;
}

.bredcrumbs-bg ul li a:hover, .bredcrumbs-bg ul li a:focus {
    color: #ea0202;
}

/* RESPONSIVE CSS
 -------------------------------------------------------------------------------*/

/* Portrait tablets and medium desktops */
@media (min-width: 1260px) and (max-width: 1280px) {

}

/* Large desktops and laptops */
@media (min-width: 1200px) {
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

    .bredcrumbs-bg {
        margin-top: 20px;
    }

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .bredcrumbs-bg {
        margin-top: 20px;
    }

}

/* Landscape phones and smaller samsung */
@media (min-width: 330px) and (max-width: 480px) {
    .bredcrumbs-bg{display:none;}
    .bredcrumbs-bg ul li{font-size:11px;display:none;}
}

/* Landscape phones and smaller iphone */
@media (min-width: 300px) and (max-width: 325px) {
    .bredcrumbs-bg{display:none;}
    .bredcrumbs-bg ul li{font-size:11px;display:none;}
}