@charset "UTF-8";

.brandPageBoxNew>div {
    padding: 16px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    flex-grow: 1;
    ms-flex-grow:1;
    min-width: 20%
}

    .brandPageBoxNew>div strong {
        display:block;
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid #d2d2d2;
    }

    .brandPageBoxNew>div> a {
        font-size: large;
        clear: both;
        float: left;
        display: inline-block;
        color: #313131;
        margin: 0 28px 5px 0;
        padding: 0 0 3px 0;
        line-height: 130%;
        position: relative;
        overflow: hidden;
    }

@media screen and (max-width: 767px){
    .brandPageBoxNew > div {
        min-width: 50%
    }
}

@media screen and (min-width : 768px) and (max-width : 1023.99px) {
    .brandPageBoxNew > div {
        min-width: 33.33%
    }
}