.brands-nav {
    height: 60px;
    z-index: 100;
    margin-top: -1px;
}

.brands-nav-top {
    position: fixed !important;
}

    .brands-nav-top > div > div > img {
        max-height: 70px;
        margin-top: -6px;
    }

.brands-nav-margin-no {
    margin-top: -91px !important;
}

.brands-nav-margin-small {
    margin-top: -440px !important;
}

.brands-nav-margin-big {
    margin-top: -490px !important;
}

.brands-nav-list-items {
    padding: 20px;
    position: absolute;
    top: 2px;
}

.brands-nav-item, .brands-nav-item:hover, .brands-nav-item:active, .brands-nav-item:visited, .brands-nav-item:focus {
    color: white !important;
    text-decoration: none;
    margin-right: 5px;
    margin-left: 5px;
}

    .brands-nav-item:hover {
        text-decoration: underline;
    }

.brands-nav-button, .brands-nav-button:hover {
    color: white !important;
    text-decoration: none;
    border: 1px solid white;
    position: absolute;
    padding: 5px;
    top: 15px;
    right: 30px;
}

/*md*/
.brand-nav-md-top-big {
    margin-top: -294px !important;
}

.brand-nav-md-top-small {
    margin-top: -402px !important;
}

@media(max-width:992px) {
    .brand-nav-md-top-small {
        margin-top: -338px !important;
    }

    .brands-nav-list-items {
        padding: 13px;
        position: absolute;
        top: 2px;
    }

    .brands-nav-button, .brands-nav-button:hover {
        color: white !important;
        text-decoration: none;
        border: 1px solid white;
        position: absolute;
        padding: 5px;
        top: 10px;
        right: 30px;
    }
}

@media(min-width:850px) {
    .brands-navp > div > div > img {
        margin-top: -6px;
    }

    .brands-nav-list-items {
        padding: 18px;
        position: absolute;
        top: 2px;
    }

    .brands-nav-button, .brands-nav-button:hover {
        color: white !important;
        text-decoration: none;
        border: 1px solid white;
        position: absolute;
        padding: 5px;
        top: 13px;
        right: 30px;
    }
}



.brand-nav-md-top-no {
    margin-top: -39px !important;
    width: 100%;
    right: 0;
}
/*sm*/
.brand-nav-sm-top-big {
    margin-top: -294px !important;
    width: 100%;
    right: 0;
}

.brand-nav-sm-top-small {
    margin-top: -338px !important;
    width: 100%;
    right: 0;
}

.brand-nav-sm-top-no {
    margin-top: -39px !important;
    width: 100%;
    right: 0;
}

.brand-sm-top {
    margin-top: -39px !important;
}

/*xs*/
.brand-xs-top {
    margin-top: -20px !important;
}


/* XS Menu */

.brands-nav-menu, .brands-nav-menu:hover {
    color: white !important;
    text-decoration: none;
    /*position: absolute;*/
    padding: 5px;
    top: 15px;
    right: 30px;
}

.brands-nav-menu-items {
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

.brands-nav-menu-button {
    width: 100%;
    color: white;
    padding: 15px;
    text-decoration: none;
    border: 1px solid white;
}

.brands-xs-menu {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


@media(max-width:748px) {
    .brand-xs-top {
        margin-top: -40px !important;
    }

    /*#brand-nav-bar-xs {
        margin-top: -9px;
    }*/

    .brand-small-space {
        margin-bottom: 22px !important;
    }
}

@media(max-width:726px) {
    .brand-xs-top {
        margin-top: -40px !important;
    }

    #brand-nav-bar-xs {
        margin-top: -12px;
    }

    .brand-small-space {
        margin-bottom: 22px !important;
    }
}

@media(max-width:671px) {
    .brand-xs-top {
        margin-top: -40px !important;
    }

    #brand-nav-bar-xs {
        margin-top: -16px;
    }

    .brand-small-space {
        margin-bottom: 22px !important;
    }
}

@media(max-width:597px) {
    .brand-xs-top {
        margin-top: -40px !important;
    }

    #brand-nav-bar-xs {
        margin-top: -20px;
    }

    .brand-small-space {
        margin-bottom: 22px !important;
    }
}


@media(max-width:550px) {
    .brand-xs-top {
        margin-top: -40px !important;
    }

    #brand-nav-bar-xs {
        margin-top: -20px;
    }

    .brand-small-space {
        margin-bottom: 22px !important;
    }

    .margin-top-50 {
        margin-top: 1em !important;
    }
}

@media(max-width:480px) {
    .brand-xs-top {
        margin-top: -40px !important;
    }

    #brand-nav-bar-xs {
        margin-top: -25px;
    }

    .brand-small-space {
        margin-bottom: 22px !important;
    }
}

@media(max-width:467px) {
    .brand-xs-top {
        margin-top: -40px !important;
    }

    #brand-nav-bar-xs {
        margin-top: 10px;
    }

    .brand-small-space {
        margin-bottom: 22px !important;
    }
}

@media(max-width:440px) {
    .brand-xs-top {
        margin-top: -40px !important;
    }

    #brand-nav-bar-xs {
        margin-top: 6px;
    }

    .brand-small-space {
        margin-bottom: 22px !important;
    }
}

@media(max-width:416px) {
    .brand-xs-top {
        margin-top: -40px !important;
    }

    #brand-nav-bar-xs {
        margin-top: 2px;
    }
}

@media(max-width:384px) {
    .brand-xs-top {
        margin-top: -40px !important;
    }

    #brand-nav-bar-xs {
        margin-top: -3px;
    }
}


@media(max-width:359px) {
    .brand-xs-top {
        margin-top: -40px !important;
    }

    #brand-nav-bar-xs {
        margin-top: -5px;
    }
}

@media(max-width:359px) {
    .brand-xs-top {
        margin-top: -40px !important;
    }

    #brand-nav-bar-xs {
        margin-top: -8px;
    }
}


@media(max-width:320px) {
    .brand-xs-top {
        margin-top: -40px !important;
    }

    #brand-nav-bar-xs {
        margin-top: -12px;
    }
}

@media(max-width:767px) {

    .brands-image {
        max-height: 230px;
    }

    .brand-xs-top {
        margin-top: -44px !important;
    }

    /*#brand-nav-bar-xs {
        margin-top: -9px;
    }*/

    .brand-small-space {
        margin-bottom: 22px !important;
    }

    .margin-top-50 {
        margin-top: 6em;
    }
}