.tulis-komen {
	margin: 10px;
}
.profile-komen {
	font: normal 12px arial, calibri, san-serif;
}
.tulis-komen > form > fieldset > textarea {
	width: 88%;
	height: 20px;
	padding: 10px;
	background-color: #BEC4B1;
	border-radius: 35px;
	border: none;
	font: normal 12px/20px arial, calibri, san-serif;
	margin-top: 10px;
}
.tulis-komen > form > fieldset > input {
	background-color: #BAB6A8;
	font: bold 14px/20px arial, calibri, san-serif;
	border-radius: 15px;
	border: none;
	width: 80px;
	height: 30px;
	float: right;
}
.foto-profile-komen {
	width: 35px;
	height: 35px;
	border-radius: 35px;
	float: left;
	margin: 5px 5px;
}
.komen-pertama {
	float: left;
	margin: 10px 2px;
	background-color: #BEC4B1;
	padding: 10px;
	width: 88%;
	border-radius: 15px;
}
.komen-pertama > p {
	margin: 10px;
}
.profile-komen > div > h1 {
	font-weight: bold;
}
.balas {
	margin-top: 5px;
	padding: 5px 0;
	color: white;
	font-weight: bold;
	font: bold 10px arial, calibri, san-serif;
}
.teks-balasan {
	background-color: white;
	margin: 5px;
	width: 95%;
	padding: 5px;
}
.teks-balasan h1 {
	font-weight: bold;
	margin-left: 50px;
	margin-top: 10px;
	width: 100%
	padding-top: 20px;
}
.teks-balasan p {
	margin-top: 10px;
	margin-left: 60px;
}
.balas-komen {
	margin-top: 5px;
	margin-left: 50px;
	color: blue;
	font-weight: bold;
	font: bold 10px arial, calibri, san-serif;
}
.form-balas-komen > textarea {
	width: 82%;
	margin-top: 10px;
	height: 15px;
	padding: 5px;
	background-color: white;
	font: bold 12px/15px arial, calibri, san-serif;
	border-radius: 15px;
	border: none;
	float: left;
}
.form-balas-komen > input {
	background-color: white;
	border: none;
	border-radius: 10px;
	height: 22px;
	margin-top: 12px;
	margin-left: 5px;
	float: left;
}
/*******************************************
 *******************************************
 ***********DISINI CSS RESPONSIVE***********
 ******************************************/


	/*========MEDIA QUERY SMARTPHONE======*/
@media only screen and (max-width: 480px ) {
	.tulis-komen {
		
	}
	.profile-komen {
		font: normal 12px arial, calibri, san-serif;
	}
.tulis-komen > form > fieldset > textarea {
	width: 80%;
	height: 20px;
	padding: 10px;
	background-color: #BEC4B1;
	border-radius: 35px;
	border: none;
	font: normal 12px/20px arial, calibri, san-serif;
	margin-top: 10px;
}
.tulis-komen > form > fieldset > input {
	background-color: #BAB6A8;
	font: bold 14px/20px arial, calibri, san-serif;
	border-radius: 15px;
	border: none;
	width: 80px;
	height: 30px;
	float: right;
}
.foto-profile-komen {
	width: 35px !important;
	height: 35px !important;
	border-radius: 35px;
	float: left;
	margin: 5px 5px;
}
.komen-pertama {
	float: left;
	margin: 10px 2px;
	background-color: #BEC4B1;
	padding: 10px;
	width: 80%;
	border-radius: 15px;
}
.komen-pertama > p {
	margin: 10px;
}
.profile-komen > div > h1 {
	font-weight: bold;
}
.balas {
	margin-top: 5px;
	padding: 5px 0;
	color: white;
	font-weight: bold;
	font: bold 10px arial, calibri, san-serif;
}
.teks-balasan {
	background-color: white;
	margin: 5px;
	width: 95%;
	padding: 5px;
}
.teks-balasan h1 {
	font-weight: bold;
	margin-left: 50px;
	margin-top: 10px;
	width: 100%
	padding-top: 20px;
}
.teks-balasan p {
	margin-top: 10px;
	margin-left: 60px;
}
.balas-komen {
	margin-top: 5px;
	margin-left: 50px;
	color: blue;
	font-weight: bold;
	font: bold 10px arial, calibri, san-serif;
}
.form-balas-komen > textarea {
	width: 60%;
	margin-top: 10px;
	height: 15px;
	padding: 5px;
	background-color: white;
	font: bold 12px/15px arial, calibri, san-serif;
	border-radius: 15px;
	border: none;
	float: left;
}
.form-balas-komen > input {
	background-color: white;
	border: none;
	border-radius: 10px;
	height: 22px;
	margin-top: 12px;
	margin-left: 5px;
	float: left;
}

}