On the whole, the cost of responsive design development is higher than the development of an adaptive website. It is related to a larger number of resources spent on the development and more development time. What benefits of responsive website design? A responsive website makes it possible to give you a product that fits all devices well. One website - all devices. But anyway development of one website is cheaper than the development of two separate sites by default. You can find more information about this topic on this website.

You can start by using a standard responsive model available on OE's library or one of the sensode model. 

I'm looking for great knowhow about using HTML and CSS to automatically resize, hide, shrink, or enlarge, a website, to make it look good on all devices. I have a problem with my own web so I want to explore new ways. Thank you

Here is a good tutorial for responsive web design using the tool

Hi.

The latest OE versions gives you control over media queries, Free Code property in Styles->Customize, page "sections" (like lateral columns) and possibility to work in "relative" positioning mode directly on the page, not just in Groups of Elements. All this simplifies responsive development a lot.

Then, if you have certain coding experience (at least enough to understand where should each piece of third-party solution be put) OE lets you integrate both server-side and client-side code through Code Blocks and through the Element Editor. So I think you can achieve what you want. If stuck, you can always ask here for help, though we can't write too much project-specific code for you.

Have a nice day
D