.barkersframe, .barkersnavframe {
    width: 100%;
    height: 100%;
}

h4 {
    text-transform: initial;
    font-weight: 300;
    margin-bottom: 15px;
}
h1.productHeading {
    text-transform: initial;
    font-weight: 300;
}
h3.productHeading, h2.productHeading {
    text-transform: initial;
}

body {
    margin-top: 175px;
}
.list.product-list .full-width-image {
    height: 260px;
}


.product-slider-main{
    margin-bottom: 15px;
}
.product-slider-main img {
    width: 100%;
    height: 600px;
    object-fit: contain;
    object-position: center;
}
    .product-slider-main.product-slider-clearance img {
        height: 400px;
    }
.product-slider-nav img {
    width: 117px;
    height: 60px;
    object-fit: cover;
    object-position: center;
    padding: 0 5px;
}
.product section {
    margin-bottom: 60px; /*30px*/
}
.product-slider-nav img {
    opacity: 0.5;
    transition:  0.5s opacity linear;
    cursor: pointer;
}
.product-slider-nav img.active {
    opacity: 1;
}
.product-back {
    float: left;
    margin-right: -100%;
}
.product-back img{
    margin-right: 10px;
}

.popdown [class^="col-md-"] {
    padding-right: 15px;
    padding-left: 0px;
}

.popdown .barkersnavframe [class^="col-md-"] {
    padding-right: 30px;
    padding-left: 30px;
}

header ul li .popdown ul {
    margin-bottom: 30px;
}
header ul li .popdown ul:last-of-type{
    margin-bottom: 0px;
}

header ul li .popdown a {
    text-decoration: none;
    padding: 0px 0px;
    margin: 0px;
}

.brand-letters {
    text-align: left;
}
.brand-container {
    text-align: left;
}

.brand-letter {
    display: inline-block;
    border: 1px solid #dddddd;
    background-color: #fbfbfb;
    padding: 19px 1px;
    margin-right: 8px;
    margin-bottom: 8px;
    width: 64px;
    font-size: 21px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    float: left;
}
.brand-letter.disabled{
    cursor: default;
    color: #dddddd;
}
.brand-container {
    border-bottom: 1px solid #dddddd; 
    padding-bottom: 30px;
    margin-bottom: 30px;
}
    .brand-container:last-of-type{
        border-bottom: none;
    }
    .brand-container .brand-group {
    }
        .brand-container .brand-group .letter {
            font-size: 62px;
            width: 90px;
            font-weight: 200;
            float: left;
            line-height: 0.9em;
        }
        .brand-container .brand-group .group-brands {
            width: 100%;
            margin-left: -90px;
            padding-left: 90px;
            float: left;
        }


.brand-logo, .slick-slide img.brand-logo {
    width: 130px;
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    height: 50px;
    object-fit: contain;
    object-position: center;
}
div.brand-logo {
    width: 130px;
    height: 50px;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-bottom: 20px;
}

.brand-heading {
    display: flex;
    align-items: center;
}

    .brand-heading:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: #000000;
        opacity: 0.4;
    }

    .brand-heading img.brand-logo {
        max-width: 300px;
        margin: 0 auto;
        filter: invert(1);
        margin-bottom: 70px;
        max-height: 100px;
        width: auto;
        height: auto;
    }
.salelinkpanel a{ text-decoration: none; }



.wasprice {
    color: #7f7f84;
    font-size: 20px;
    margin-bottom: 0px;
}
.regularprice {
    color: #7f7f84;
    font-size: 20px;
    text-decoration: line-through;
    margin-bottom: 0px;
}
.saleprice {
    font-size: 32px;
    color: #bc2453;
    margin-bottom: 20px;
}

.panel-link .wasprice, .panel-link .regularprice {
    font-size: 16px;
}
.panel-link .saleprice {
    font-size: 20px;
    margin-bottom: 0px;
}

.clearange-contact-now{
    border: 1px solid #dddddd;
    padding: 30px;
    width: 100%;
    margin-bottom: 60px;
}
.clearange-contact-now h5{
    font-weight: 300;
    text-transform: initial;
    margin-bottom: 10px;
}
section.list .col-xs-4 {
    margin-bottom: 60px;
}

.productfilter{
    width: 200px;
    display: inline-block;
    margin-right: 30px;
}
.productfilter:last-child{
    margin-right: 0px;
}
h3.productHeading.request_name{
    font-weight: 300;
}

header ul li .popdown [class^="col-md-"] ul:first-child {
    margin-bottom: 0px;
}

.product-slider-nav .slick-prev,
.product-slider-nav .slick-next {
    padding: 30px;
    z-index: 2;
}

.product-slider-nav .slick-prev {
    left: -40px;
}

.product-slider-nav .slick-next {
    right: -40px;
}

    .product-slider-nav .slick-prev:before,
    .product-slider-nav .slick-next:before {
        content: '';
        background-image: url(../content/carousel_prev_dark.svg);
        width: 20px;
        height: 20px;
        position: absolute;
        background-repeat: no-repeat;
        background-position: 50%;
        transform: translateY(-50%);
        left: 0px;
    }

    .product-slider-nav .slick-next:before {
        background-image: url('../content/carousel_next_dark.svg');
        right: 0px;
        left: auto;
    }

    .product-slider-main .slick-prev,
    .product-slider-main .slick-next {
        padding: 30px;
        z-index: 2;
    }

    .product-slider-main .slick-prev {
        left: -40px;
    }

    .product-slider-main .slick-next {
        right: -40px;
    }

        .product-slider-main .slick-prev:before,
        .product-slider-main .slick-next:before {
            content: '';
            background-image: url(../content/carousel_prev_dark.svg);
            width: 20px;
            height: 20px;
            position: absolute;
            background-repeat: no-repeat;
            background-position: 50%;
            transform: translateY(-50%);
            left: 0px;
        }

        .product-slider-main .slick-next:before {
            background-image: url('../content/carousel_next_dark.svg');
            right: 0px;
            left: auto;
        }



/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

    .popdown [class^="col-md-"] {
        padding-right: 15px;
        padding-left: 15px;
    }
    header ul li .popdown ul {
        margin-bottom: 0px;
    }
    .global-salebanner.salebanner::after {
        font-size: 12px;
    }
    .umb-grid .col-md-12 img {
        height: auto;
    }

    .umb-grid img {
        height: auto;
    }
}

/* Vertical column alignment for multi-panel historical/content grids */
.grid-align-center {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .grid-align-center > [class*="col-"] {
        float: none;
    }