div{display:inline-block;width:100%}li{padding:10px}ul{display:none}a{padding:10px 30px}.div1{display:none;background-color:rgb(48,184,218)}.icon{display:block;width:35px;height:5px;background-color:white;margin:6px 0}.box,.flex{display:flex}.click{margin-top:25px;margin-left:30px;cursor:pointer;width:auto;height:auto}.sidebar{display:none}ul{text-align:center}.test{display:flex;text-align:left}.page{margin:auto auto 100px}.page,.slidepage{position:relative;width:40%;top:10px}.slidepage{margin:auto}@media screen and (max-width:1170px){.resizepane{width:430px}.getpanel{width:470px}div{display:inline-block;width:100%}}@media screen and (max-width:700px){.div1{width:1000%;height:100px;display:block}.page{margin:left}.page,.slidepage{position:absolute;display:block;left:220px;top:110px}.slidepage{margin:auto}.sidebarshow{position:relative;visibility:visible;background-color:rgb(48,184,218);height:100vh;width:200px;transition-property:width;transition:width 1s}ul{display:block}}