tentando criar site responsivel

Site:http://platformwar.epizy.com Estou tentando fazer um site responsivo, mas estou tendo problemas com o (height:) o height: da galeira nao quer funcionar com a " % " não funciona, ja procurei de tudo na net e nao achei resposta. Eu peguei o código da galeira na internet, e comecei a modificar... só que tem esse código: Ta no Hmtl:

 <script> $('#games').coinslider({ width: "100%", height: 500, navigation: false, delay: 5000, navigation: true, effect: 'rain' } ). </script> Aqui to tentando colocar 50% mais não funciona... eu queria que ele diminui-se confirme diminui a tela. (não sei nada de javascript). Se precisarem de algum Código eu mando CSS: #games {position: relative. margin-top: 70px. z-index: 0. margin-left: auto. margin-right: auto. }.coin-slider {float: none. top:50%. left:50%. text-align: center. }.coin-slider { overflow: hidden. zoom: 0. position: static. }.coin-slider a{ text-decoration: none. outline: none. border: none. }.cs-buttons {font-size: 0%. padding: 1%. float: left. position: relative. }.cs-buttons a {margin-left:5px. background:url(../cores-roleta/contadorcompleto.png). height: 29px. width: 29px. float: left. text-indent: -1000px. }.cs-active { background:url(../cores-roleta/contador10.png). height: 29px. width: 29px. float: left. }.cs-title { width: 100%. padding: 2%. background-color:#000000. color: #FFFFFF. }.cs-prev,.cs-next { background-color: Transparent. color: #000. padding: 0px 10px. }