Slick slider Изменение dots

    return '<a class="pager__item">' + title +'</a>';

    customPaging : function(slider, i) { 
            var thumb = $(slider.$slides[i]).data('thumb'); 
            return '<a class="dot-trumb"><img src="'+thumb+'"></a>'; 
        },

    @media (max-width:992px) { 
    .dot-trumb img { 
       display:none; 
     } 
     
    .dot-trumb { 
      display:inline-block; 
      width:15px; 
      height: 15px; 
      background: #333; 
      border-radius: 10px; 
    } 
 
   //меняем цвет активного элемента 
   .slick-active .dot-trumb { background: #777;} 
    }