/* @group all mobile devices
================================================================================= */

@media all and (max-width: 1024px) {

	html {
		-webkit-text-size-adjust: none;
	}

}

/* @end */

/* @group > 1250px
================================================================================= */

@media all and (min-width: 1250px) {

	#home-instagram ul li:nth-of-type(4),
	#home-instagram ul li:nth-of-type(5),
	#home-instagram ul li:nth-of-type(6) {
		margin-bottom: 0;
	}

}

/* @end */

/* @group < 1250px
================================================================================= */

@media all and (max-width: 1250px) {

	.device-tablet {
		display: block;
	}

	.container .inner,
	header[role="banner"] .inner,
	#footer .inner {
		width: 920px;
	}

	.container .inner {
		padding-top: 40px;
	}

	#content {
		width: 690px;
	}

	#sidebar {
		width: 200px;
	}

	.third {
		width: 280px;
		margin: 0 40px 40px 0;
	}

	.third:nth-of-type(3n) {
		margin-right: 0;
	}

	.quarter {
		width: 200px;
		margin: 0 40px 40px 0;
	}

	.quarter:nth-of-type(4n) {
		margin-right: 0;
	}

	.sixth {
		width: 120px;
		margin: 0 40px 40px 0;
	}

	.sixth:nth-of-type(6n) {
		margin-right: 0;
	}

	#social {
		margin-bottom: 40px;
	}

	nav {
		padding-top: 20px;
	}

	nav li {
		margin-left: 40px;
		font-size: 1.8em;
	}

	nav li:first-of-type {
		margin-left: 0;
	}

	#slider {
		margin-bottom: 40px;
	}

	#home-news {
		margin-bottom: 40px;
	}

	#home-news .post-tnail {
		width: 120px;
	}

	#home-news .post-content {
		width: 140px;
	}

	#home-news .post-content h3 {
		margin-bottom: 3px;
		font-size: 1.2em;
		line-height: 1.5em;
	}

	#home-video {
		width: 480px;
		margin: 0 40px 30px 0;
	}

	#home-merch {
		width: 160px;
		margin-right: 40px;
	}

	#home-soundcloud {
		width: 200px;
		margin-bottom: 40px;
	}

	#home-instagram ul li {
		width: 80px;
		height: 80px;
		margin: 0 17px 17px 0;
	}

	#home-instagram ul li:nth-of-type(3n) {
		margin-right: 0;
	}

	#home-instagram ul li:nth-of-type(7),
	#home-instagram ul li:nth-of-type(8),
	#home-instagram ul li:nth-of-type(9) {
		display: inline-block;
		margin-bottom: 0;
	}

	#home-facebook .fb-like-box iframe {
		width: 278px !important;
	}

	#home-facebook #fb-like-box {
		height: 276px;
	}

	#artists {
		padding-bottom: 20px;
	}

	#artist-photo {
		height: 300px;
	}

	#artist-header {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}

	#artist-header h1 {
		font-size: 3em;
	}

	#artist-bio {
		width: 440px;
		margin: 0 40px 20px 0;
	}

	#artist-contact {
		width: 200px;
		margin: 0 40px 20px 0;
	}

	#artist-tour {
		width: 200px;
		margin-bottom: 20px;
	}

	.artist-release,
	.artist-release-overlay {
		width: 120px;
		height: 120px;
	}

	.content .artist-release-overlay h6 {
		width: 100px;
		height: 120px;
		font-size: 1.3em;
	}

	.content .artist img,
	.video-tnail img,
	#releases .release img {
		margin-bottom: 10px;
	}

	.content .artist h3 {
		font-size: 1.4em;
	}

	#news article {
		margin-bottom: 40px;
		padding-bottom: 10px;
	}

	#release-cover {
		width: 440px;
		margin: 0 40px 40px 0;
	}

	#release-details {
		width: 200px;
		margin: 0 40px 40px 0;
	}

	#release-purchase {
		width: 200px;
	}

	#featured-video-embed {
		width: 680px;
	}

	.contact-button-icon {
		width: 80px;
		height: 80px;
		font-size: .8em;
	}

	.contact-button-text {
		font-size: 1.4em;
	}

	.content .merch {
		float: left;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.content .merch a img {
		float: left;
		width: 60px;
		height: 60px;
		margin-bottom: 0;
	}

	.content .merch a p {
		float: right;
		width: 90px;
		line-height: 1.4em;
	}

	.content #sidebar .merch a p {
		width: 130px;
	}

	#home-soundcloud iframe {
		height: 310px !important;
	}

	#footer {
		padding: 40px 0;
	}

	#footer-releases {
		width: 680px;
		margin: 0 40px 40px 0;
	}

	#footer-releases .release {
		width: 200px;
		margin-right: 20px;
	}

	#footer-releases .release:nth-of-type(3) {
		margin-right: 0;
	}

	#footer-releases .release:nth-of-type(4) {
		display: none;
	}

	#footer ul {
		width: 80px;
		margin-bottom: 40px;
	}

	#footer ul:first-of-type {
		margin-right: 40px;
	}

	#footer p {
		padding-top: 40px;
	}

	.content hr,
	hr {
		margin: 40px 0;
	}

}

@media all and (min-width: 1024px) {

	.content .merch:nth-of-type(2n) {
		margin-right: 0;
	}

	.content .merch:nth-of-type(2n+1) {
		clear: left;
	}

}

/* @end */

/* @group < 1024px
================================================================================= */

@media all and (max-width: 1023px) {

	.device-tablet {
		display: none;
	}

	.container .inner,
	header[role="banner"] .inner,
	#footer .inner {
		width: 690px;
	}

	.container .inner {
		padding-top: 30px;
	}

	#content {
		width: 450px;
	}

	#sidebar {
		width: 210px;
	}

	.third {
		width: 210px;
		margin: 0 30px 30px 0;
	}

	.third:nth-of-type(3n) {
		margin-right: 0;
	}

	.quarter {
		width: 150px;
		margin: 0 30px 30px 0;
	}

	.quarter:nth-of-type(4n) {
		margin-right: 0;
	}

	.sixth {
		width: 90px;
		margin: 0 30px 30px 0;
	}

	.sixth:nth-of-type(6n) {
		margin-right: 0;
	}

	#social {
		margin-bottom: 30px;
	}

	nav {
		padding-top: 20px;
	}

	nav li {
		margin-left: 28px;
		font-size: 1.5em;
	}

	nav li:first-of-type {
		margin-left: 0;
	}

	#slider {
		margin-bottom: 30px;
	}

	#home-news {
		margin-bottom: 10px;
		background: transparent;
	}

	#home-news .post-tnail {
		display: none;
	}

	#home-news .post-content {
		width: 100%;
	}

	#home-news .post-content h3 {
		margin-bottom: 3px;
		font-size: 1.2em;
		line-height: 1.5em;
	}

	#home-player {
		margin-bottom: 25px;
	}

	#home-player img {
		max-width: 100%;
		width: auto;
		height: auto;
	}

	#home-video {
		width: 450px;
		margin: 0 30px 30px 0;
	}

	#home-merch {
		float: left;
		width: 100%;
		margin-right: 0;
	}

	.content .merch {
		float: left;
		width: 210px;
		margin: 0 30px 30px 0;
	}

	.content .merch a p,
	.content #sidebar .merch a p {
		width: 140px;
		line-height: 1.5em;
	}

	#home-soundcloud {
		float: right;
		width: 210px;
		margin-bottom: 0;
	}

	#home-instagram ul li {
		width: 65px;
		height: 65px;
		margin: 0 4px 4px 0;
	}

	#home-instagram ul li:nth-of-type(3n) {
		margin-right: 0;
	}

	#home-instagram ul li:nth-of-type(7),
	#home-instagram ul li:nth-of-type(8),
	#home-instagram ul li:nth-of-type(9) {
		margin-bottom: 0;
	}

	#home-facebook .fb-like-box iframe {
		width: 206px !important;
	}

	#home-facebook #fb-like-box {
		height: 206px;
	}

	#home-twitter ul li:last-of-type {
		display: none;
	}

	#artists {
		padding-bottom: 20px;
	}

	#artists ul li {
		font-size: 1.2em;
	}

	#artist-photo {
		height: 300px;
	}

	#artist-header {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	#artist-header h1 {
		font-size: 2.4em;
	}

	#artist-bio {
		width: 330px;
		margin: 0 30px 20px 0;
	}

	#artist-contact {
		width: 150px;
		margin: 0 30px 20px 0;
	}

	#artist-tour {
		width: 150px;
		margin-bottom: 20px;
	}

	#artist-contact p,
	#artist-tour p {
		font-size: 1.2em;
	}

	.artist-release,
	.artist-release-overlay {
		width: 90px;
		height: 90px;
	}

	.content .artist-release-overlay h6 {
		width: 70px;
		height: 90px;
		font-size: 1.1em;
	}

	.content .artist img,
	.video-tnail img,
	#releases .release img {
		margin-bottom: 10px;
	}

	.content .artist h3 {
		font-size: 1.4em;
	}

	#news article {
		margin-bottom: 30px;
		padding-bottom: 10px;
	}

	#news article .post-details {
		width: 290px;
	}

	#news article .post-details h1 {
		font-size: 1.6em;
	}

	#releases .release h3,
	#releases .release h4,
	#releases .release h5 {
		font-size: 1.2em;
	}

	#releases .release h5 {
		font-size: 1.1em;
	}

	#release-cover {
		width: 330px;
		margin: 0 30px 30px 0;
	}

	#release-details {
		width: 150px;
		margin: 0 30px 30px 0;
	}

	#release-purchase {
		width: 150px;
	}

	#release-artist {
		font-size: 1.4em;
	}

	#release-title {
		font-size: 1.4em;
	}

	#release-number {
		font-size: 1.1em;
	}

	#release-date {
		margin-bottom: 20px;
		font-size: 1.1em;
	}

	#release-details ol li {
		font-size: 1.2em;
	}

	#release-purchase ul li {
		font-size: 1.2em;
	}

	#featured-video-embed {
		width: 450px;
	}

	#featured-video-details {
		padding: 0 30px;
	}

	#featured-video-artist {
		margin-bottom: 8px;
		font-size: 1.6em;
	}

	#featured-video-title {
		margin-bottom: 30px;
		font-size: 1.3em;
	}

	#featured-video-details p:first-of-type {
		padding-top: 15px;
	}

	#featured-video-details p {
		margin-bottom: 15px;
		padding-bottom: 15px;
		font-size: 1.2em;
	}

	.contact-button-icon {
		width: 60px;
		height: 60px;
		font-size: .6em;
	}

	.contact-button-text {
		font-size: 1.2em;
	}

	#footer {
		padding: 30px 0;
	}

	#footer-releases {
		width: 100%;
		margin: 0 30px 30px 0;
	}

	#footer-releases .release {
		width: 210px;
		margin-right: 30px;
	}

	#footer-releases .release:nth-of-type(3) {
		margin-right: 0;
	}

	#footer-releases .release:nth-of-type(4) {
		display: none;
	}

	#footer ul.menu {
		display: inline-block;
		width: 100%;
		margin: 0 0 20px !important;
		text-align: center;
	}

	#footer ul.menu:nth-of-type(2) {
		display: none;
	}

	#footer ul.menu li {
		display: inline-block;
		margin: 0 5px 10px;
	}

	#footer ul#footer-social {
		display: block;
		width: 100%;
		margin: 0 0 30px;
		text-align: center;
	}

	#footer ul#footer-social li {
		display: inline;
		font-size: 1.8em;
		margin-right: 20px;
	}

	#footer ul#footer-social li a {
		color: #f0efeb;
	}

	#footer ul#footer-social li a:hover,
	#footer ul#footer-social li a:focus {
		color: #87d0eb;
	}

	#footer ul#footer-social li:last-of-type {
		margin-right: 0;
	}

	#footer p {
		padding-top: 30px;
	}

	.content hr,
	hr {
		margin: 30px 0;
	}

}

@media all and (min-width: 768px) and (max-width: 1023px) {

	.content .merch:nth-of-type(3) {
		margin-right: 0;
	}

	.content .merch:nth-of-type(4) {
		display: none;
	}

}

/* @end */

/* @group < 847px
================================================================================= */

@media all and (max-width: 767px) {

	.device-desktop,
	.device-tablet {
		display: none;
	}

	.device-phone {
		display: block;
	}

	body {
		padding-top: 110px;
	}

	#wpadminbar {
		position: fixed;
		top: 0;
	}

	.container .inner,
	header[role="banner"] .inner,
	#footer .inner {
		width: 92.42957746%; /* 525 / 568 */
	}

	.container .inner {
		padding-top: 20px;
	}

	#content {
		width: 100%;
	}

	#sidebar {
		display: none;
	}

	.third {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.quarter {
		width: 22%;
		margin: 0 3.6% 30px 0;
	}

	.quarter:nth-of-type(4n) {
		margin-right: 0;
	}

	.sixth {
		width: 30.85714286%;
		margin: 0 3.6% 20px 0;
	}

	.sixth:nth-of-type(3n) {
		margin-right: 0;
	}

	#header-full {
		display: none;
	}

	#header-mobile {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		height: 40px;
		padding: 32px 0 37px;
		background: #464743 url('../images/header-mobile.jpg') no-repeat 50% 0;
		z-index: 100;
	}

	.admin-bar #header-mobile {
		top: 46px;
	}

	#logo {
		margin-top: -5px;
		width: 62px;
		height: 60px;
	}

	#mobile-menu {
		position: absolute;
		top: -500px;
		left: 0;
		width: 100%;
		padding-top: 40px;
		background: #484944 url('../images/header-mobile.jpg') no-repeat 50% 0;
		z-index: 1000;
		-moz-transition: top 0.4s ease-in-out;
		-webkit-transition: top 0.4s ease-in-out;
		transition: top 0.4s ease-in-out;
	}

	#mobile-menu.show {
		top: 0;
	}

	#mobile-nav {
		margin: 0 40px 40px;
	}

	#mobile-nav li {
		font-size: 2em;
		font-weight: 700;
		margin-bottom: 23px;
	}

	#mobile-nav li:last-of-type {
		margin-bottom: 0;
	}

	#mobile-nav li a:link,
	#mobile-nav li a:visited,
	#mobile-nav li a:active {
		text-decoration: none;
		color: #fff;
		-moz-transition: color 0.2s ease-out;
		-webkit-transition: color 0.2s ease-out;
		transition: color 0.2s ease-out;
	}

	#mobile-nav li a:hover,
	#mobile-nav li a:focus {
		color: #8cafba;
	}

	#mobile-nav li.current-menu-item a:link,
	#mobile-nav li.current-menu-item a:visited,
	#mobile-nav li.current-menu-item a:active,
	#mobile-nav li.current-menu-item a:hover,
	#mobile-nav li.current-menu-item a:focus {
		color: #aaa593;
		cursor: default;
	}

	#mobile-social {
		text-align: center;
		background: #2e302c;
	}

	#mobile-social li {
		display: inline-block;
		font-size: 1.8em;
	}

	#mobile-social a {
		display: inline-block;
		padding: 25px 10px;
		text-decoration: none;
		color: #f0efeb;
		-moz-transition: color 0.2s ease-out;
		-webkit-transition: color 0.2s ease-out;
		transition: color 0.2s ease-out;
	}

	#mobile-social a:hover,
	#mobile-social a:focus {
		color: #a5aa94;
	}

	#mobile-menu-open {
		float: right;
		margin-top: 5px;
		color: #e0e0cf;
		-moz-transition: color 0.2s ease-out;
		-webkit-transition: color 0.2s ease-out;
		transition: color 0.2s ease-out;
		cursor: pointer;
	}

	#mobile-menu-open:hover,
	#mobile-menu-open:focus {
		color: #a5aa94;
	}

	#mobile-menu-close {
		position: absolute;
		top: 35px;
		right: 35px;
		color: #e0e0cf;
		-moz-transition: color 0.2s ease-out;
		-webkit-transition: color 0.2s ease-out;
		transition: color 0.2s ease-out;
		cursor: pointer;
	}

	#mobile-menu-close:hover,
	#mobile-menu-close:focus {
		color: #a5aa94;
	}

	#slider .soliloquy-controls {
		display: none !important;
	}

	#home-news .post-tnail {
		display: block;
		float: left;
		width: 130px;
		margin-right: 20px;
	}

	#home-news .post-content {
		float: left;
		width: 60%;
	}

	#home-video {
		float: left;
		width: 46.0952381%; /* 242 / 525 */
		margin: 0 0 20px 0;
	}

	#home-merch {
		float: right;
		width: 46.0952381%; /* 242 / 525 */
		margin: 0 0 20px 0;
	}

	#home-video iframe,
	#home-video .fluid-width-video-wrapper {
		margin-bottom: 10px;
	}

	#home-soundcloud {
		display: none;
	}

	.content .merch {
		margin-bottom: 15px;
	}

	#home-instagram,
	#home-facebook,
	#home-twitter {
		display: none;
	}

	#page-title {
		width: 110%;
		margin: -20px 0 20px -5%;
		text-align: center;
	}

	#page-title h2.heading,
	#artist-name {
		position: relative;
		margin-bottom: -1px;
		padding: 15px;
		font: 2em/1em "ChunkFive", "Arial Black", sans-serif;
		text-transform: uppercase;
		color: #fff;
		background: #a8a7a0;
	}

	#artist-header {
		padding-bottom: 20px;
		text-align: center;
	}

	#artist-social {
		float: none;
	}

	#artist-social ul li:first-of-type {
		margin-left: 0;
	}

	#artist-bio,
	#artist-contact {
		float: left;
		width: 100%;
		margin: 0;
	}

	#artist-members {
		margin-bottom: 0;
	}

	#artist-contact {
		margin-bottom: 0;
	}

	#artist-contact p {
		float: left;
		width: 30%;
		margin: 0 3.6% 20px 0;
	}

	#artist-contact p:nth-of-type(3n) {
		margin-right: 0;
	}

	#artist-contact p:nth-of-type(3n+1) {
		clear: left;
	}

	#artist-tour {
		float: left;
		width: 100%;
		margin-bottom: 0;
	}

	#news article {
		margin-bottom: 30px;
		padding-bottom: 0;
	}

	#news article .post-details {
		width: 60%;
	}

	#release-cover {
		float: left;
		width: 50%;
		margin: 0 0 30px 0;
	}

	#release-details {
		float: right;
		width: 46.5%;
		margin: 0 0 30px 0;
	}

	#release-purchase {
		clear: right;
		float: right;
		width: 46.5%;
	}

	#release-purchase ul li:last-of-type a {
		border-bottom: none;
	}

	#featured-video-embed {
		width: 70%;
	}

	#featured-video-details {
		padding: 0 20px;
	}

	#featured-video-artist {
		margin-bottom: 5px;
		font-size: 1.5em;
	}

	#featured-video-title {
		margin-bottom: 15px;
		font-size: 1.2em;
	}

	#featured-video-details p {
		margin-bottom: 15px;
		padding-bottom: 15px;
		font-size: 1.1em;
	}

	#contact-street-team {
		float: left;
		width: 47.5%;
	}

	#contact-mailing-list {
		float: right;
		width: 47.5%;
	}

	.dropdown#tour-artists {
		margin-bottom: 30px;
	}

	#footer {
		padding: 30px 0;
	}

	#footer-releases {
		display: none;
	}

	#footer p {
		width: 92.42957746%;
		margin: 0 auto;
		line-height: 1.8em;
	}

	#footer br {
		display: block;
	}

}

@media all and (min-width: 568px) and (max-width: 767px) {

	.content .merch:nth-of-type(3) {
		margin-bottom: 0;
	}

	.content .merch:nth-of-type(4) {
		display: none;
	}

}

/* @end */

/* @group < 567px
================================================================================= */

@media all and (max-width: 567px) {

	.quarter {
		width: 100%;
		margin: 0 0 20px;
	}

	#slider {
		margin-bottom: 20px;
	}

	#home-news .post-tnail {
		width: 130px;
	}

	#home-news .post-content {
		float: left;
		width: 49%;
	}

	#home-video,
	#home-merch {
		float: left;
		width: 100%;
	}

	#home-video {
		text-align: center;
		margin-bottom: 30px;
		padding-bottom: 15px;
		background: url('../images/divider-beige.jpg') no-repeat 0 100%;
	}

	.content .merch {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}

	.content .merch a img {
		float: left;
		width: 90px;
		height: auto;
		margin-right: 20px;
	}

	.content .merch a p {
		float: none;
		width: auto;
		padding-top: 20px;
		font-size: 1.2em;
	}

	.content .artist {
		float: none;
		width: 75%;
		margin: 0 auto 30px;
		text-align: center;
	}

	#artists h2.heading {
		text-align: center;
	}

	#artists ul.plain li {
		float: left;
		width: 47.5%;
	}

	#artists ul.plain li:nth-of-type(even) {
		float: right;
	}

	#artists ul.plain li:nth-of-type(odd) {
		clear: left;
	}

	#artist-photo {
		height: 200px;
	}

	#news article .post-tnail {
		display: none;
	}

	#news article .post-details {
		float: none;
		width: 100%;
		margin: 0 0 30px;
		padding: 0;
	}

	#news article .post-details h1 {
		font-size: 1.5em;
	}

	#releases .release {
		float: left;
		width: 47.5%;
		margin: 0 5% 30px 0;
		text-align: center;
	}

	#releases .release:nth-of-type(even) {
		margin-right: 0;
	}

	#releases .release:nth-of-type(odd) {
		clear: left;
	}

	#releases .release img {
		max-width: 150px;
		max-height: 150px;
		margin: 0 auto 10px;
	}

	#release-cover,
	#release-details,
	#release-purchase {
		float: left;
		width: 100%;
		margin: 0 0 30px 0;
	}

	#contact-street-team {
		float: left;
		width: 100%;
	}

	#contact-mailing-list {
		float: right;
		width: 100%;
		margin-bottom: 30px;
	}

	#featured-video-embed {
		width: 100%;
	}

	#featured-video-details {
		display: none;
	}

	.content h2.heading,
	h2.heading {
		font-size: 1.8em;
	}

	.bit-events tr {
		border-bottom: 1px solid #c7c9c0 !important;
	}

	.bit-header {
		display: none !important;
	}

	th.bit-description-links,
	th.bit-date,
	th.bit-venue,
	th.bit-location,
	th.bit-artist-event-link,
	th.bit-tickets,
	th.bit-rsvp,
	td.bit-description-links,
	td.bit-artist-event-link,
	td.bit-rsvp {
		display: none !important;
	}

	td.bit-date,
	td.bit-venue,
	td.bit-location,
	td.bit-tickets {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		padding: 10px 0 0 !important;
		border: 0 !important;
	}

	td.bit-tickets {
		padding: 10px 0 !important;
	}

	td.bit-tickets a {
		float: none !important;
	}

	td.bit-venue .lineup {
		padding-top: 10px !important;
	}

	.bit-bottom td,
	.no-dates td {
		padding: 10px 0 !important;
	}

}

/* @end */