h2 {
	font-size:230%;
	margin-bottom: 0.70em;
	color: #eb5e3a;
	}
	
h3 {
	text-transform: uppercase;
	color: #000;
	letter-spacing: 1px;	
	margin-bottom: 1.27em;
	font-weight: bold;
	}	

.info section.connect, .info section.toc, .info section.fbPage, .info div.connect, .info section.testi {
	float: right;
	width: 220px;
	margin-left: 20px;
	}
	.info section.connect {width:inherit}

.info section.toc, .info section.fbPage {margin-top:10px; padding-top:20px;}
.toc h2 {padding-left:20px; }
.toc ul {margin-top:-5px;}
.toc ul li {padding-left:22px; padding-bottom:15px; width:85% }
.toc ul li a {font-size: .8em;color: #06F; }
.toc ul li a:hover {color: #c94320;}
.info section.fbPage {padding-top:30px}

.info article section {border-top: 1px solid #d1d1d1;padding-top: 1em; float: left;}	
.info section.text, .info div.text {width: 800px; overflow: hidden; float: left;}

.info section.text section, .info div.text div {padding: 0 0 2em 240px; position: relative; border-top: none; border-bottom: 1px solid #d1d1d1; width: 100%; margin-bottom: 1em;}
.info section.text section h3, .info div.text div h3 {position: absolute; top: 0; left: 0; width:195px}
.info section.text p {padding-right: 240px;line-height: 1.6;}

.info .container article .text .end {
	border-bottom-style: none;
}

.info .container article .text section ul li {
	list-style-type: disc;
	list-style-position: outside;
	font-size: 13px;
	margin-left:45px;
	margin-top: 3px;
}
#quote {
	background-color: white;
	border: thin solid #09F;
	width:530px;
	padding: 10px 5px 10px 15px;
}
#quote p {padding-right:0px;}
.testi {margin:25px 0}
.testi img {padding-top:10px;}
#alamat {margin-top:0}

@media (min-width: 320px) and (max-width: 481px) {
	/* KONSULTASI */
	.info section.text, .info div.text {width:100%}
	.info section.text section h3, .info div.text div h3 {position:inherit; width:100%; font-size:1.5em; padding-left: 10px;}
	.info section.text section, .info div.text div {padding:10px 0 30px}
	.info section.text p {padding:0 15px 0 10px}
	#quote { width:94%}
	.info section.connect, .info section.toc, .info section.fbPage, .info div.connect, .info section.testi {float:none; margin:0 auto;}
		.info section.toc {width:100%}	
	#homeK {margin-top:inherit}	
		#homeP .coloum, #homeK .coloum {padding-bottom:50px;}
	.kolomKanan, .kolomKiri {width:98%; padding:inherit}
	.coloum {width:95%; margin-left:inherit;}
		.triColoum #first {margin-left:inherit}
	.proFilter { background-size:cover; height:auto;}
	.wrap {width:100%}
	.proFilter h2, .waterpark h2 {width:100%; font-size:18px;}
	.proFilter p, .waterpark p {width:100%;font-size:smaller; padding:5px 0; margin-bottom:40px;}
	.box2, .box460 {width:100%; height:auto}
	.box460 {position:relative}
	.kolKonsul {width:50%; margin:0;}
}