/* Mobile View > till Tablet */
@media screen and (max-width: 45rem){
}

/* Mobile View -> Tablet && Portrait */
@media screen and (min-width: 45rem) and (max-width: 79.5rem) and (orientation: portrait){
}

/* Mobile View -> Tablet && Landscape */
@media screen and (min-width: 45rem) and (max-width: 79.5rem) and (orientation: landscape){
}

/* Desktop View */
@media screen and (min-width: 79.5rem){



}


#brands{
display:flex;
align-items:center;
flex-direction:column;
}

#brands .title{
display:flex;
align-items:center;
}

#brands .text{
        display:flex;
        align-items:center;
        flex-direction:column;
        justify-content:space-between;
        background:linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 70%);
        border-radius:var(--brd-radius-5);
}


#brands .text .box{
display:flex;
width:100%;
align-items:center;
flex-direction:row;
justify-content:space-between;
}

#brands .text .box .media{
margin:2.5rem 0 3.5rem 0;
padding:0;
min-width:3rem;
width:6rem;
max-width:10rem;
filter:brightness(0) invert(.2);
}

#brands .text .box ul{
        display:flex;
        width:100%;
        align-items:center;
        justify-content:center;
}

#brands .text .box ul li{
        width:33%;
        margin:.5rem 0 .5rem 0;
        text-align:center;
        font-weight:bold;
        font-size:var(--fs-h4);
}

#brands .text .box ul li:before{
       display:none;
}

#brands .text .box ul li:after{
        content: '';
        margin:0 0 0 .25rem;
        padding:0 1rem 0 0;
        background:url('/assets/img/icon/check.svg') no-repeat 0 2px;
        background-size:90%;
}