CSS

less set media size

/*
LARGER MOBILE DEVICES
~481px+
*/
.bp-mobile(@rules) {
    @media only screen and (min-width: 28.75em) { @rules(); } 
}

/*
TABLET & SMALLER LAPTOPS
~768px+
*/
.bp-tablet(@rules) {
    @media only screen and (min-width: 40.5em) { @rules(); }
}

/*
DESKTOP
~1030px+
*/
.bp-desktop(@rules) {
    @media only screen and (min-width: 64.375em) { @rules(); }
}

/*
LARGE VIEWING SIZE
~1240px+
*/
.bp-large-screen(@rules) {
    @media only screen and (min-width: 77.5em) { @rules(); }
}