@media screen and (max-width:800px) {
#wadah {
	width:100%;
	margin:0 auto 0 auto;
}
#menuheader {
	width:100%;
	height:63px;
	float:left;
	border-top:solid 2px #003366;
	border-bottom:solid 1px #ddd;
}
	#menuheader img {
		height:40px!important;
		width:auto;
		float:left;
		margin:-10px 0 0 0;
	}
	.navbar, .navbar-default {
		border-radius:0!important;
		background:none!important;
		margin-top:6px!important;
		border:none!important;
	}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
background:#eee;
position:relative;
z-index:1000;
opacity:0.95;
font-weight:bold;
font-size:13px;
border-bottom:solid 1px #ccc;
}
.navbar-default .navbar-collapse ul li, .navbar-default .navbar-form  ul li {
border-bottom:dotted 1px #fff;
}


#slideshow {
	width:100%;
	height:auto!important;

}
	#slideshow img {
		min-width:120%!important;
		height:auto;
                margin-left:-10%;
	}
	
#produk {
	width:100%;
	height:auto;
	float:left;
	padding:0;
        margin-bottom:15px;
}
	.isiproduk {
		width:30%;
		float:left;
		margin-right:10px;
		padding:0 10px 0 10px;
	}
	.logoproduk {
		float:left;
		width:50px;
		height:80px;
		padding-top:15px;
		margin-right:5px;
                margin-bottom:40px;
	}
	 	.lingkaran {
			background:#FF6600;
			border-radius:40px;
			padding:7px;
			width:35px;
			height:35px;
			text-align:center;
			color:#FFFFFF;
			
		}
	
	
#aktivitas {
	width:100%;
	float:left;
	padding:20px 10px 0 0;
        border-top:dotted 1px #ccc;

}
	.isiaktivitas {
		width:30%;
		float:left;
		margin-right:10px;
		padding:10px 5px 0 10px;
                height:auto!important;
	}
       .isiaktivitas800 {
		width:30%;
		float:left;
		margin-right:10px;
		padding:10px 5px 0 10px;
                height:400px!important;
	}

	.isiaktivitas h2 {
		font-size:13px;
		font-weight:bold;
		padding-top:0!important;
		color:#FF6600;
                margin-top:0;

	}
	.isiaktivitas img {
		width:100%;
		height:auto!important;
                min-height:auto!important;
		padding:3px; 
		border:solid 1px #eee;
		margin-top:0;
                float:none;
                margin-right:10px;
	}

#post {
	width:100%;
	float:left;
	padding:0 10px 25px 10px;

}
	.isipost {
		width:100%;
		float:left;
		margin-right:10px;
		padding:0 5px 0 0;
		line-height:20px;
		letter-spacing:0.1px;
		font-size:12px;
	}
	.isipost h2 {
		font-size:18px;
		font-weight:bold;
		color:#FF6600;
		margin:0 0 15px 0;
		padding-bottom:5px;
		border-bottom:solid 1px #FF9900;
	}
	.isipost img {
		width:60%;
		height:auto;
		float:left;
		padding:3px;
		border:solid 1px #ccc;
		margin-right:12px;
	}
	.gallery-item img {
		width:90%!important;
		border:solid 1px #ddd!important;
		margin-bottom:-10px!important;
	}
	
	.sidebar {
		width:100%;
		float:left;
		padding:10px;
		border:solid 1px #eee ;
		background:#fafafa;
	}
	.sidebar a {
		color:#555;
	}
	.sidebar h2 {
		font-size:17px;
		margin:5px 0 0 0;
	}
	.sidebar ul {
		margin-bottom:30px;
	}
	.sidebar ul li {
		list-style-type:square;
		padding:8px 0 7px 0;
		border-bottom:dotted 1px #bbb;
		margin-left:-25px;
	}
	.isisidebar {
		margin-bottom:30px;
	}
#textquote {
	width:100%;
	float:left;
	padding:10px;
        margin-top:20px;
}
	.isitextquote {
		padding:20px;
		width:100%;
		border-radius:5px;
		background:#29166F;
		color:#FFFFFF;
	}
	.isitextquote h2 {
		font-size:15px;
		font-weight:bold;
		margin:0;
	}

#keunggulan {
	width:100%;
	float:left;
	padding:20px 0 25px 0;
}
	.fotokeunggulan {
		width:40%;
		float:left;
                padding-left:10px;
                float:left;
	}
	.fotokeunggulan img {
		width:100%;

height:auto;
float:left;
	}
	.isikeunggulan {
		float:left;
		text-align:left;
		width:60%;
		padding-left:15px;
                padding-right:10px;
	}
	
	.isikeunggulan h2 {
		font-size:18px;
		//font-weight:bold;
		margin-top:0;
		color:#29166F;
		margin-left:10px;
	}
	.isikeunggulan ul {
		margin-left:20px;
	}
	.isikeunggulan ul li {
		//list-style-image:url(images/list.png);
		list-style:none;
		padding:8px 0 7px 0;
		border-bottom:dotted 1px #ccc;
		margin-left:-50px;
	}
	.listkotak {
		background:#FF6600; 
		text-align:center; 
		border-radius:10px; 
		width:13px; 
		height:13px; 
		float:left; 
		font-size:10px; 
		margin-top:1px; 
		color:#FFFFFF;
		margin-right:12px;
		font-weight:bold;
	}
	
#aplikasi {
	width:100%;
	float:left;
	padding:20px 10px 25px 10px;
}
	#aplikasi h2 {
		font-size:14px;
		font-weight:bold;
		color:#29166F;
	}
	.isiaplikasi {
		width:50%;
		float:left;
		padding:10px 10px 10px 0;
	}
	.isiaplikasi img {
		width:40%;
		height:80px;
		float:left;
		padding:2px;
		border:Solid 1px #ccc;
		margin-right:10px; 
                margin-bottom:15px;
	}
	#aplikasi .isiaplikasi h2 {
		font-weight:bold;
		font-size:12px;
		margin:0 0 5px 0;
		color:#FF6600;
	}

#footer {
	width:100%;
	float:left;
	overflow:hidden;
	background:#29166F;
	color:#FFFFFF;
	padding:10px;
	border-top:solid 3px #0099FF;
}
	.isifooter {
		width:100%;
		float:left;
		padding:0;
		margin:15px 0 30px 0;
	}
	.isifooter a {
		color:#eee;
	}
	.isifooter h2 {
		font-size:17px;
		margin:0 0 10px -3px;
	}
	.isifooter ul li {
		list-style-type:square;
		padding:8px 0 7px 0;
		border-bottom:dotted 1px #888;
		margin-left:-30px;
	}
        .isifooter iframe {width:100%;}
	.gambarfooter {
		width:100%;
		float:left;
		border-bottom:solid 4px #FF9900;
	}
	
		.gambarfooter img {
			width:100%;
			height:auto;
			float:left;
		}
	.copyright { 
		width:100%;
		height:30px;
		float:left;
		padding:10px 0 0 20px;
		background:#ddd;
		margin-bottom:-20px;
	}

}






















@media screen and (max-width:450px) {
#wadah {
	width:100%;
	margin:0 auto 0 auto;
}
#menuheader {
	width:100%;
	height:63px;
	float:left;
	border-top:solid 2px #003366;
	border-bottom:solid 1px #ddd;
}
	#menuheader img {
		height:40px!important;
		width:auto;
		float:left;
		margin:-10px 0 0 0;
	}
	.navbar, .navbar-default {
		border-radius:0!important;
		background:none!important;
		margin-top:6px!important;
		border:none!important;
	}
#slideshow {
	width:100%;
	height:auto!important;

}
	#slideshow img {
		min-width:120%!important;
		height:auto;
                margin-left:-10%;
	}
	
#produk {
	width:100%;
	height:auto;
	float:left;
	padding:0;
        margin-bottom:15px;
}
	.isiproduk {
		width:100%!important;
		float:left;
		margin-right:10px;
		padding:0 10px 0 10px;
	}
	.logoproduk {
		float:left;
		width:auto;
		height:40px;
		padding-top:15px;
		margin-right:10px;
	}
	 	.lingkaran {
			background:#FF6600;
			border-radius:40px;
			padding:7px;
			width:35px;
			height:35px;
			text-align:center;
			color:#FFFFFF;
			
		}
	
	
#aktivitas {
	width:100%;
	float:left;
	padding:0 10px 0 0;
        border-top:dotted 1px #ccc;

}
	.isiaktivitas {
		width:100%;
		float:left;
		margin-right:10px;
		padding:10px 5px 0 10px;
                height:auto!important;
	}
	.isiaktivitas h2 {
		font-size:13px;
		font-weight:bold;
		padding-top:20px!important;
		color:#FF6600;
	}
	.isiaktivitas img {
		width:20%!important;
		height:auto!important;
		padding:3px; 
		border:solid 1px #eee;
		margin-top:0;
                float:left;
                margin-right:10px;
	}
	.isiaktivitas a {
		color:#003366;
	}
	.isiaktivitas a:hover {
		color:#FF6600;
		border-bottom:dotted 1px #ccc;
		text-decoration:none;
	}
	.isiaktivitas img:hover {
		opacity:0.9;
		border:solid 1px #FF6600;
	}

#post {
	width:100%;
	float:left;
	padding:0 10px 25px 10px;

}
	.isipost {
		width:100%;
		float:left;
		margin-right:10px;
		padding:0 5px 0 0;
		line-height:20px;
		letter-spacing:0.1px;
		font-size:12px;
	}
	.isipost h2 {
		font-size:18px;
		font-weight:bold;
		color:#FF6600;
		margin:0 0 15px 0;
		padding-bottom:5px;
		border-bottom:solid 1px #FF9900;
	}
	.isipost img {
		width:60%;
		height:auto;
		float:left;
		padding:3px;
		border:solid 1px #ccc;
		margin-right:12px;
	}
	.gallery-item img {
		width:90%!important;
		border:solid 1px #ddd!important;
		margin-bottom:-10px!important;
	}
	
	.sidebar {
		width:100%;
		float:left;
		padding:10px;
		border:solid 1px #eee ;
		background:#fafafa;
	}
	.sidebar a {
		color:#555;
	}
	.sidebar h2 {
		font-size:17px;
		margin:5px 0 0 0;
	}
	.sidebar ul {
		margin-bottom:30px;
	}
	.sidebar ul li {
		list-style-type:square;
		padding:8px 0 7px 0;
		border-bottom:dotted 1px #bbb;
		margin-left:-25px;
	}
	.isisidebar {
		margin-bottom:30px;
	}
#textquote {
	width:100%;
	float:left;
	padding:10px;
        margin-top:20px;
}
	.isitextquote {
		padding:20px;
		width:100%;
		border-radius:5px;
		background:#29166F;
		color:#FFFFFF;
	}
	.isitextquote h2 {
		font-size:15px;
		font-weight:bold;
		margin:0;
	}

#keunggulan {
	width:100%;
	float:left;
	padding:20px 0 0 0;
}
	.fotokeunggulan {
		width:30%;
		float:left;
                padding-left:10px;
                float:left;
	}
	.fotokeunggulan img {
		width:0%!important;
		height:auto;
display:none;
float:left;
	}
	.isikeunggulan {
		float:left;
		text-align:left;
		width:100%;
		padding-left:0;
                padding-right:10px;
	}
	
	.isikeunggulan h2 {
		font-size:18px;
		//font-weight:bold;
		margin-top:0;
		color:#29166F;
		margin-left:10px;
	}
	.isikeunggulan ul {
		margin-left:20px;
	}
	.isikeunggulan ul li {
		//list-style-image:url(images/list.png);
		list-style:none;
		padding:8px 0 7px 0;
		border-bottom:dotted 1px #ccc;
		margin-left:-50px;
	}
	.listkotak {
		background:#FF6600; 
		text-align:center; 
		border-radius:10px; 
		width:13px; 
		height:13px; 
		float:left; 
		font-size:10px; 
		margin-top:1px; 
		color:#FFFFFF;
		margin-right:12px;
		font-weight:bold;
	}
	
#aplikasi {
	width:100%;
	float:left;
	padding:20px 10px 25px 10px;
}
	#aplikasi h2 {
		font-size:14px;
		font-weight:bold;
		color:#29166F;
	}
	.isiaplikasi {
		width:100%;
		float:left;
		padding:10px 10px 10px 0;
	}
	.isiaplikasi img {
		width:40%;
		height:80px;
		float:left;
		padding:2px;
		border:Solid 1px #ccc;
		margin-right:10px; 
                margin-bottom:15px;
	}
	#aplikasi .isiaplikasi h2 {
		font-weight:bold;
		font-size:12px;
		margin:0 0 5px 0;
		color:#FF6600;
	}

#footer {
	width:100%;
	float:left;
	overflow:hidden;
	background:#29166F;
	color:#FFFFFF;
	padding:10px;
	border-top:solid 3px #0099FF;
}
	
}