///320
@media only screen and (max-width: map-get($breakpoints, extra-small)) {
}

// RANCHER ONLY MEDIA QUERIES
/*0-694*/
@media (max-width: $screen-xs-max) {
}