.responsive-music {
	background: none;
	width: 25%;
	margin: 0 auto;
	float:left;
	height:320px;
}
.rowmusic {
	display:table;
	margin: 0 0;
	padding: 0;
	border-collapse:separate;
	width:100%;
}
.kolom-music {
	display:block;
	margin:0;
}
.imageHoldermusic {
	position: relative;
	width: auto;
	height:320px;
	overflow:hidden;
} 
.imageHoldermusic :hover {
	background:#990000;
} 
.imageHoldermusic  img {
	height: auto;
	width: 100%;
}
.imageHoldermusic  .captionmusic  {
	opacity: 0; 
	position: absolute; 
	height:auto; 
	width: 100%; 
	bottom: 0px; 
	left: 0px; 
	padding: 10px 0px; 
	color: #FFF; 
	background: #990000; 
	text-align: center; 
}

.imageHoldermusic :hover .captionmusic  {
	opacity: 0.8;
}

.captionmusic  { 
	text-align:center;
	background:#000;
	color:#FFF;
	font: normal 20px Open Sans;
}
.captionmusic  a { 
	text-align:center;
	background:#35C6F3;
	color:#FFF;
	font: normal 20px Open Sans;
}
.imageHoldermusic  a img:hover {
		opacity: 0.7;
}

/* ========================================================================================================= */
/* ========================================== START OF RESPONSIVE ========================================== */
/* ========================================================================================================= */

@media screen and (max-width: 980px)
{
	.responsive-music {
		background: none;
		width: 100%;
		margin: 0 auto;
		float:left;
		height:287px;
	}
	.rowmusic {
		display:table;
		margin: 0 0;
		padding: 0;
		border-collapse:separate;
		width:100%;
		height:287px;
	}
	.kolom-music {
		display:block;
		margin:0;
		height:287px;
	}
	.imageHoldermusic {
		position: relative;
		width: 100%;
		height:287px;
		overflow:hidden;
	}
	.imageHoldermusic:hover {
		background:#990000;
	} 
	.imageHoldermusic img {
		height:auto;
		width: 100%;
	}
	.imageHoldermusic .captionmusic {
		opacity: 0; 
		position: absolute; 
		height:auto; 
		width: 100%; 
		bottom: 0px; 
		left: 0px; 
		padding: 10px 0px; 
		color: #FFF; 
		background: #990000; 
		text-align: center; 
	}
	.captionmusic { 
		text-align:center;
		background:#000;
		color:#FFF;
		font: normal 18px Open Sans;
	}
	.captionmusic a { 
		text-align:center;
		background:#35C6F3;
		color:#FFF;
		font: normal 18px Open Sans;
	}
	.captionmusic:hover { 
		opacity:2;
	}
}
@media screen and (max-width: 1400px) 	{}
@media screen and (max-width: 1140px) 	{}
@media screen and (max-width: 800px) 	{body, html{font-size:120%;}#container1Left{margin-top:-5px;}}
@media screen and (max-width: 720px) 	{body, html{font-size:100%;}#container1Left{margin-top:-2px;}}
@media screen and (max-width: 640px) 	{body, html{font-size:90%;}#container1Left{margin-top:-1px;}}
@media screen and (max-width: 480px) 	{body, html{font-size:80%;}#container1Left{margin-top:-1.5px;}}

/* ======================================================================================================= */
/* ========================================== END OF RESPONSIVE ========================================== */
/* ======================================================================================================= */