Как сделать уменьшение элементов в меню ME201 при скролле в Tilda

<style>
@media screen and (min-width: 980px){
 .chngestyle .t-menu__link-item {
    /*Размер текста при скролле*/
    font-size: 14px !important;
}   
.transstyle .t-menu__link-item,
.transstyle .t456__imglogo,
.transstyle .t456,
.transstyle .t456__maincontainer{
    transition: all 0.3s ease-in-out !important;
}
.chngestyle .t456__imglogo {
    /*Ширина логотипа при скроле*/
    width: 130px !important;
}
.chngestyle .t456,
.chngestyle .t456__maincontainer{
    /*Высота меню при скролле*/
    height: 65px !important;
}
}
</style>

<script>
$(document).ready(function(){
    var me201scroll = '#rec217983280';
    $(me201scroll).addClass('transstyle');
    $(window).scroll(function() { 
        var top = $(document).scrollTop();
        if (top >= 100) {
          $(me201scroll).addClass('chngestyle');
        } else {
          $(me201scroll).removeClass('chngestyle'); 
        }
    });
});
</script>