Проблема с отступом при адаптивной верстке
 

Добрый день, уважаемые форумчане. Подскажите решение

$(document).ready(function(){ $("#benefit").on("click","a", function (event) {
event.preventDefault();
var id = $(this).attr('href'),
top = $(id).offset().top;
$('body,html').animate( {scrollTop: top-75}, 500 );
});

Как видите при любом разрешение отступ от верхнего края 75px, как сделать что бы при разрешение менее 768px отступ был 30px, ну и соответственно более 768px отступ 75px.