responsive yang saya atur tidak berhasil

Ketika saya mengatur web responsive, tetapi web masi saja tidak beraturan dibawah header(image) terdapat kolom kosong dan untuk kolom seblah kanan turun kebawah. berikut ss nya

dan ini code css yang saya buat,

 *{
	padding: 0px; margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
body{
	margin: auto;
}

header{
	height: 120px;
	width: 100%;

}

.wrapper img{
	width: 100%;
	margin: 0 auto;
}

nav{
	margin: auto;
	text-align: center;
	width: 100%;
	clear: both;

}

nav ul ul {
 display: none;
}

nav ul li:hover > ul{
display: block;
width: 180px;
}

nav ul {
 background: rgba(255,51,0,1);
 padding: 0 20px;
 list-style: none;
 position: relative;
 display: inline-table;
 width: 97%;
}

nav ul:after {
 content: "";
 clear:both;
 display: block;
}

nav ul li{
 float:left;
}

nav ul li:hover{
 background:#c0c0c0;
}

nav ul li:hover a{
 color:#000000;
}

nav ul li a{
 display: block;
 padding: 10px;
 margin:auto;
 color: #000000;
 text-decoration: none;
}

nav ul ul{
 background: #c0c0c0;
 border-radius: 0px;
 padding: 0;
 position: absolute;
 top:100%;
}

nav ul ul li{
 float:none;
 border-top: 2px soild #cccccc;
 border-bottom: 2px solid #cccccc;
 position: relative;
}

nav ul ul li a{
 padding: 4px 10px;
 color: #000000;
 text-align: left;
}

nav ul ul li a:hover{
 background-color: #dddddd;
}

nav ul ul ul{
 position: absolute;
 left: 100%;
 top: 0;
}

.kotak{
	background-color: #333333;
	width: 100%;
	overflow: hidden;
}

.kotak .kotakkiri{
	width: 78%;
	background-color: #dddddd;

	float: left;
	margin: 5px;
}

.kotak .kotakkiri img{
	width: 100%;
	height: 450px;
}

.kotak .kotakkiri .kotakkiribawah{
	width: 24%;
	background-color: rgba( 204,204,204,1);
	height: 140px;
	float: left;
	margin : 5px;
}

.kotak .kotakkiri .kotakkiribawah:hover{
	background-color: rgba(221,221,221,1);
}

.kotak .kotakkanan{
	width: 20%;
	background-color: #dddddd;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}

.kotak .kotakkanan .kanankolom{
	padding: 5px;
	text-align: center;
	width: 97%;
}

.kotakkanan .kanankolom .person{
	background-color: #191919;
	color: orange;
	padding: 4px;
	width: 97%;
}

.kotak .kotakkanan .kanankolom .k1{
	font-size: 12px;
	padding: 10px;
	width: 92%;
}

.fkiri{
	float: left;
	margin: 15px;
	width: 50%;
}

.fkanan{
	float: right;
	margin: 15px;
	width: 15%;
}

footer{
	background-color: #191919;
	width: 100%;
	height: 80px;
	color: white;
	font-size: 12px;
	clear: both;
}

Sebelumnya saya ucapkan terimakasih