.berocket_brand_post_image {
    float: right;
    margin: 0 0 10px 10px;
    width: 100%;
}
.berocket_brand_description {
    max-width: 100%;
    margin: 1em 0;
}
.br_widget_brand_element {
    margin-top: 0.3em;
}

.berocket_brand_description img {
    box-sizing: border-box;
    padding: 1%;
}

.br_widget_brand_element_slider {
    float: left;
}
.br_widget_brand_element_slider a {
    display: block;
    text-align: center;
}
div.berocket_brand_name_letters{ text-align: center; margin:50px 0 0 0; padding: 15px 0; border-top:2px solid #000; border-bottom:2px solid #000;}
div.berocket_brand_name_letters button{
    -webkit-appearance: none;
    display: inline-block;
    padding: 0.4em 0.9em;
    margin-right: 0.25em;
    border: 0;
    font-size: 15px;
}
div.berocket_brand_name_letters .filter_clear{ background: #d3d5d6; display: inline-block; font-size: 15px; padding: 0.5em 1em; cursor:pointer;}
div.berocket_brand_name_letters .filter_clear:hover{ background: #fff200;}
div.berocket_brand_name_letters button:hover{background: #d3d5d6;}
div.berocket_brand_name_letters button.is-checked{ background: #fff200;}

div.berocket_brand_name_letters a:hover{
    background: #fff200;
}

.br_after_letter.vertical {
    clear: both;
}
.br_brand_letter_block .br_brand_letter_element img,
.br_brand_letter_element span {
    display: inline-block;
}
.br_brand_letter_block .br_brand_letter_element a {
    display: inline-block;
}
.br_brand_letter_element span {
    padding: 0 0.3em;
    text-indent: 0;
}
.br_brand_letter_element.pos_3 {
    float: left;
    padding: 0;
    width: 100%;
}
.br_brand_letter_element.pos_3 span {
    display: block;
    text-align:left;
    margin: 0;
    font-family:ChronicleDisplay-Roman;
    text-transform:uppercase;
}
.br_brand_letter_element.pos_3.active_listing span{
    text-decoration: underline;
    font-weight: 900;
}
.br_brand_letter_element.pos_3 span:hover{ background: #fff200;}
.br_brand_letter_block .br_brand_letter_element.pos_3 img {
    display:block;
    margin: auto;
}
.berocket_letter_blocks{ margin: 20px 0 100px 0; width: 100%; float:left;}
.br_brand_letter_block{ float:left; width: 25%; margin: 50px 0 0 0;}
.br_brand_letter_block h3{ font-size: 26px; line-height: 36px;}

.br_brand_letter_block.pos_4 {
    display: none;
}
.brcs_slider_brands ul li .br_widget_brand_element_slider {
    margin-left: 0.5%;
    margin-right: 0.5%;
}
.br_widget_brand_element_slider .brand_slider_image {
    text-align: center;
}
.page-id-64918 .margint30.marginb20{display: none;}
.unslider-arrow {
    display: block;
    width: 20px;
    height: 20px;
    top: 50%;
    right: -50px;
    left: auto;
    margin-top: -10px;
    overflow: hidden;
    background: rgba(0,0,0,.2) no-repeat 50% 50%;
    font: normal normal normal 14px/1 FontAwesome;
    background-size: 7px 11px;
    border-radius: 32px;
    opacity: .6;
    transition: opacity .2s;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
}
.unslider-arrow.prev:after{
    content: "\f053";
}
.unslider-arrow.next:after{
    content: "\f054";
}
.unslider{
    position: relative;
}
.unslider .brcs_slider {
    margin: 0 20px;
}
.unslider .unslider-arrow.prev {
    left: 0;
}
.unslider .unslider-arrow.next {
    right: 0;
}
.unslider .unslider-nav {
    display:none;
}

@media only screen and (max-width: 991px){
    div.berocket_brand_name_letters a{ margin-right:0.20em;}
}

@media only screen and (max-width: 667px) {
    div.berocket_brand_name_letters a{ margin:5px; text-align:center; min-width:43px;}
    .page-template-suppliers .margint30.marginb20{ padding:0 0 0 15px;}
    .page-template-suppliers .row-fluid{ padding:0 15px;}
}

@media only screen and (max-width: 731px) {
    div.berocket_brand_name_letters a{ margin:5px; text-align:center; min-width:43px;}
    .page-template-suppliers .margint30.marginb20{ padding:0 0 0 15px;}
    .page-template-suppliers .row-fluid{ padding:0 15px;}
}

@media only screen and (max-width: 479px) {
    div.berocket_brand_name_letters a{ margin:5px; text-align:center; min-width:43px;}
    .page-template-suppliers .margint30.marginb20{ padding:0 0 0 15px;}
    .page-template-suppliers .row-fluid{ padding:0 15px;}
}