/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.button_list {
		display: block !important;
	}

	.genre-top {
		display: none;
	}

	.genre-top a {
		display: block;
		width: 100%;
		text-align: center;
	}

	div.genre .genre-top {
		background: none;
	}

	div.genre .genre-bttm {
		background: none;
	}

	.list-bttm {
		padding: 0px;
	}

	div.genre {
		background: none;
		box-shadow: none;
	}

	.result-bg {
		box-shadow: none;
	}

	div.genre {
		margin: 0 auto 10px;
	}

	.botton-player {
		top: 0px;
		bottom: auto;
	}

	.search {
		margin-top: 90px;
		-moz-border-radius: 0 0 3px 3px;
		-khtml-border-radius: 0 0 3px 3px;
		height: auto;
	}

	.content {
		padding-bottom: 5px;
	}

	#searchform {
		float: none;
	}

	form input.string {
		float:none;
	}

}


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

	div.logo {
		display: none;
	}

}


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

	div.results div span.dur {
		display: none !important;
	}

	div.results div a.share {
		display: none !important;
	}


}


@media only screen and (max-width : 500px) {
	form input.string {
		width: 240px;
	}
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.mute, .unmute, .volumeBar {
		display: none !important;
	}

	.result-bg h1 {
		font-size: 12px;
	}

	div.results div a.lyrics {
		display:none !important;
	}

	div.results div span.title {
		width: 55%;
		font-size: 11px;
	}

	.copy, .email {
		float:none;
		width: 100%;
		text-align: center;
		padding: 10px;
		font-size: 12px;
	}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 350px) {
	form input.string {
		width: 186px;
	}

		.currentTrack {
		display:none;
	}


}

@media only screen and (max-width : 690px) {
	.currentTrack {
		width: 60%;
	}

}

@media only screen and (max-width : 453px) {
	.currentTrack {
		width: 46%;
	}

}




/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 769px) {

	.genre-top {
		display: block !important;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}