PrimeNG (V18) Responsive Dynamic Dialog

[AhmedNourElDinMohamed]

this.dialogRef = this.dialogService.open(Component, {
header: 'Header',
modal: true,
closable: true,
width: '50vw',
breakpoints: {
'960px': '75vw', // When screen width is less than 960px, dialog width will be 75vw
'640px': '90vw', // When screen width is less than 640px, dialog width will be 90vw
},
});

Breake points not working