@media only screen and (min-width:375px) and (max-width:700px){
	.mainControls, .col-350px{
		float: none;
		width: 100%;
	}

	.main:after {
		content: "";
		clear: both;
		display: block;
	}
}

@media only screen and (max-width:700px) {

	.mainControls, .col-350px{
		height: 120px;
	}

	.row-140px.main {
		height: auto;
	}

	.row-70px {
		height: auto;
	}

	.controls {
		height: auto;
		width: 100%;
	}

	.libraryControls:after,
	.beatBtns:after {
		content: "";
		clear: both;
		display: block;
	}

	.beats {
		margin-left: 0;
	}

	.beatBtns {
		display: block;
		float: none;
		text-align: center;
	}

	.beatBtns .beatBtn {
		float: none;
		padding: 10px 15px;
		height: auto;
		min-width: 85px;
		width: auto;
	}

	.addTrack {
		top: 40px;
	}
}


@media only screen and (max-width:500px) {
	.nameBeat,
	.measureBeat {
		padding: 10px;
		display: block;
		width: auto;
	}
}