#bannerarea {
    margin-bottom:10px;
}
#homepageLayout h2.pagebanner {
    margin: 0 0 10px;
    padding: 10px 15px;
    font: 700 19px/19px 'Roboto Condensed',Arial,sans-serif;
    color: #fff;
    text-transform: uppercase;
    background: #004663;
    float:left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
#homepageLayout h2.pagebanner + a {
    float:right;
    font: 700 18px/18px 'Roboto Condensed',Arial,sans-serif;
    color:#ff0000;
    text-decoration:none;
    margin-top:10px;
}
#homepageLayout h2.pagebanner + a::after {
    content:'\f105';
    font-family:fontAwesome;
    margin-left:5px;
}
#brands .flexslider .slides img {
    width:auto;
    margin:0 auto;
}
.flex-container a:active, .flex-container a:focus, .flexslider a:active, .flexslider a:focus {
    outline: 0;
}

.flex-control-nav, .flex-direction-nav, .slides {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flexslider {
    padding: 0;
    position: relative;
    zoom: 1;
    margin: 0;
    background: #fff;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

.no-js .slides > li:first-child, .slides:after, html[xmlns] .slides {
    display: block;
}

.flexslider .slides img {
    width: 100%;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

.slides:after {
    content: "\0020";
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

* html .slides {
    height: 1%;
}

.flex-viewport {
    max-height: 2000px;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}

.flex-control-nav {
    position: absolute;
    bottom: 5px;
    z-index: 150;
    width: 100%;
    text-align: right;
}

    .flex-control-nav li {
        zoom: 1;
        display: inline-block;
        margin: 0 11px 0 0;
    }

        .flex-control-nav li:last-child {
            margin-right: 28px;
        }

.flex-control-paging li a {
    display: block;
    width: 8px;
    height: 8px;
    font-size: 0;
    cursor: pointer;
    background: #999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

    .flex-control-paging li a:hover {
        background: #fdb959;
    }

    .flex-control-paging li a.flex-active {
        cursor: default;
        background: #fdb959;
    }

.flexslider .slides li.slide {
    position: relative;
}

    .flexslider .slides li.slide .foreground {
        position: absolute;
        z-index: 125;
        padding: 0;
        width: 100%;
        color: #fff;
        text-align: center;
    }

        .flexslider .slides li.slide .foreground a {
            color: #fff;
        }

.flexslider .foreground a.linkall {
    display: block;
    width: 100%;
    height: 363px;
}

@media only screen and (max-width:784px) {
    #homepageLayout h2.pagebanner {
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: -o-calc(100% - 20px);
        width: calc(100% - 20px);
        text-transform: initial;
        cursor:pointer;
        padding:10px;
    }

        #homepageLayout h2.pagebanner:before {
            content: 'Shop All ';
        }
        #homepageLayout h2.pagebanner:after {
                content:'\f105';
            font-family:fontAwesome;
            margin-left:5px;
        }

        #homepageLayout h2.pagebanner + a {
            display: none;
        }
}