/* Small devices (landscape phones, 576px and up) */
@media (min-width: 425px) {
	.sub-activity .left .desc {
 		bottom: -6rem !important;
 	}
}

@media (min-width: 576px) {
	.sub-activity .left .desc {
 		bottom: -4rem !important;
 	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.sub-activity .left .desc {
 		bottom: -3.5rem !important;
 	}
	.btn-sm-block {
		width: auto;
	}
	.front main {
		padding: 2rem;
	}
	.box-card {
		padding: 1rem 1.5rem;
	}
	.event-card {
		min-height: 32rem;
		margin-bottom: 1.5rem;
	}
	.detail {
		background-image: url('../images/bg/bg.png');
	}
	.detail .box-wrapper {
		background-color: #ffffff;
		box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgba(221, 221, 221, 0.8), -12px 0 15px -4px rgba(221, 221, 221, 0.8);
		padding: 0 5rem 5rem 5rem;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.front main {
		padding: 3rem;
	}
	.score .credit {
		font-size: 2rem;
		padding: 0;
		margin: 0;
	}
	#chart_info .score .credit {
		font-size: 2.7rem;
		padding: 0;
		margin: 0;
	}
	.score .unit {
		padding-bottom: 0.6rem;
		color: #666;
		padding-left:  0.5rem;
	}
	.event-card {
		min-height: 35rem;
	}
	.detail {
		background-image: url('../images/bg/bg.png');
	}
	.detail .box-wrapper {
		background-color: #ffffff;
		box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgba(221, 221, 221, 0.8), -12px 0 15px -4px rgba(221, 221, 221, 0.8);
		padding: 0 10rem 5rem 10rem;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}