I am currently trying to convert my website for responsive design.

There seems to be one important feature missing and I hope this can be added quickly.

In step 3, you can use the "Responsive" button to control which elements are displayed at different viewports.

Currently, you can select which elements are to be hidden for the current and lower viewports. This should be changed so that you can select which elements are hidden at each respective viewport only, allowing it to be shown or hidden individually at each viewport size.

This would allow you to define specific elements that are ONLY shown at the desired resolution.

Example: I want to embed a YouTube video using custom code in a html object at full screen width. 

That means, I have an html unit that is shown full width (e.g. 960x540) at desktop resolution. This object is therefore defined to only display in desktop mode.

At a width of 720, a different object is used is used that shows the same video at 712x400 and only at that resolution.

Similarly, a further object is defined for a width of 600 using a video at 560x315

At lower resolutions, an image is to be displayed instead.

Unfortunately, the current system will not let me do this. All I can do now is use a video that is at say 560x315 for all resolutions of 600 or above. I can hide it at lower resolutions, but not replace it with an image as otherwise that image will appear at all resolutions.

I cannot use the video object as I need to define subtitles, etc. which are not supported by the Video and Audio object.

I hope I have described it well enough. Making this change would vastly improve the control of what is shown at each resolution.

The test version of the website I am working on can be found here:
http://www.startreknewvoyages.de/en/test/