//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .footer-top {
        background-color: @djo-gray;
    }
}


//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
    .footer-top {
        padding: 18px 0;
        text-align: center;
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) {
    .footer-top {
        padding: 36px 0;
        text-align: center;
    }
}

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
    .footer-top {
        .lib-clearfix();
        text-align: left;
    }
}