How to make a JS horizontal content slide from px to % responsive

Question

This is driving me mad: I have a small bit jquery who slides three divs horizontally.

FIDDLE

Edit 3: Live demo; complete website showing how I want i

Answer 1

From what I have understood from your question, you have the issue with panel3. You can use to avoid this type of annoyances.check live demo

.panel1, .panel2, .panel3
{
    float: left;
    height: 800px;
    padding: 5px ;
    overflow: none;
}