Как реализовать адаптивное обрезание многострочного текста?

Есть небольшой скрипт который обрезает текст и добавляет в конце точки. Как сделать так чтобы текст обрезался адаптивно. Например, чтобы текст на планшете обрезался, а на десктопе показывался полный не обрезанный текст.

<p class="text">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias deleniti consequuntur 
voluptatum numquam libero placeat inventore dolorem, cum nam repudiandae, 
aperiam earum ut quia enim. Expedita quia aliquam nobis quidem.
</p>

var size = 70;
var text = $('.text');

function cropText(element) {
  var newsContent = element;
  var newsText = newsContent.text();

  if (newsText.length > size) {
    newsContent.text(newsText.slice(0, size) + '..');
  }
}

cropText(text);

Этот скрипт на jsfiddle