/* DKM Responsive */



/* ================================================================================ */
/* SMALLER DESKTOPS: 992px */
/* ================================================================================ */

@media only screen and (max-width: 992px) {
	
	.wrapper {max-width: 992px;}
	
	footer nav {padding: 4% 10% 0 10%; line-height: 1.5em;}

	}


/* ================================================================================ */
/* TABLET LAYOUT (IPAD, NEXUS): 768px */
/* ================================================================================ */

@media handheld, only screen and (max-width: 768px) {
		
	.wrapper {max-width: 768px;}
	
	html .backstretch {top: 60px !important;}

	header#desktop {background: url(../images/bg_header_ipad.png) repeat-x; padding-top: 6px;}
	
	.pad {padding: 0 15px;}
	
	header#desktop h1 {width: 20%; padding-bottom: 30px;}
	
	header#desktop nav {width: 40%;}
	
	.meat {padding: 15px 0 35px 0;}
	
	#home .meat {padding: 35px 0;}
	
	.meat-lhs {width: 61%;}
	
	aside {width: 34%;}
	
	/* BLOG */
	
	.post-lhs {display: none;}
	
	.post-rhs {width: auto; padding-left: 0}
	
	.post .text-wrap {margin-left: 3%;}
	
	.post a.read-more {margin-top: 3px;}
	
	/* STICKY */
	
	.twitter {width: 55%;}
	
	#tweet-bar {padding-left: 14%;}
	
	.newsletter {width: 42%;}
	
	.newsletter input[type="email"] {width: 68%;}
	
	.newsletter input[type="submit"] {width: 28%;}
	
	
	/* SIDEBAR */

	.side-module.like-box {display: none;}
	
	
	/* MUSIC */
	
	.release .lhs {float: left; width: 45%;}

	.release .rhs {float: right; width: 52%;}
	
	.song h3 {width: 58%}
	
	.related-videos {margin-top: 6%}
	
	
	/* PHOTOS */
	
	body .jfbgallery .imgboxouter {width: 150px !important; height: 260px !important; margin: 0 !important; margin-left: 4% !important;}
	
	body .jfbgallery .imgboxgallery, body .jfbgallery .imgboxblack, body .jfbgallery div.imgboxouter a {width: 150px !important; height: 150px !important}
	
	body .jfbalbum .imgboxouter {height: 140px !important; width: 135px !important; margin-left: 1.4% !important;}

	body .jfbalbum .imgboxouter a {height: 135px !important; width: 135px !important;}

	body .jfbgallery .titlebelow {height: auto !important; font-size: .875em; margin-top: 10px; width: 150px !important; top: 155px !important;}

	body .jfbgallery .titlebelow a {color: #d1b34c}
	
	.jfbalbum {display: block; clear: both; margin: 2% 0 3% 0;}

	body .jfbalbum:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	
	body .jfbalbum .imgboxouter {height: 100px !important; width: 100px !important; margin-left: 4% !important; margin-bottom: 4% !important;}
	
	body .jfbalbum .imgboxouter a {height: 100px !important; width: 100px !important;}
	
	body .jfbalbum .imgboxblack {width: 100px !important; height: 100px !important; border: 5px solid #333 !important;}
	
	body .jfbalbum .imgboxblack:hover {border: 5px solid #d1b34c !important;}
	
	body h2.entry-title {font-size: 1.3em !important;}
	
	
	
	
	/* FOOTER */
	
	footer nav {padding: 4% 0 0 0; line-height: 1.5em;}

	}
	

/* ================================================================================ */
/* MINI TABLET (IPAD MINI, NOOK): 600px */
/* ================================================================================ */

@media handheld, only screen and (max-width: 600px) {

	body {font-size: .9em}

	.wrapper {max-width: 600px;}
	
	#desktop, #stopper {display: none !important;}
	
	#mobile {display: block !important;}
		
	body {background: url(../images/bg_dirt_black.gif);}
	
	body .backstretch {display: none !important;}
	
	/* HEADER */
	
	header#mobile {background: url(../images/bg_header_mobile.png) repeat-x top; height: 240px;}
	
	header#mobile h1 {width: 55%; max-width: 200px; margin: 0 auto; display: block; margin-top: 30px;}

	header#mobile nav {display: block; position: absolute; z-index: 1000; top: 190px; width: 96%}
	
	#toggle {background: url(../images/bg_plaid_green.png); display: block; clear: both; text-align: center; cursor: pointer; height: 40px; line-height: 40px; font-family: 'h74_warriors_blackregular'; -webkit-font-smoothing: antialiased; text-transform: uppercase;}
	
	#toggle.down {background: #444;}
	
	#toggle span {padding-right: 30px; background: url(../images/sprite_ui.png) no-repeat -624px -543px;  }
	
	header#mobile nav .dd-nav {display: none; clear: both; padding: 2% 7%; background: url(../images/bg_plaid.png);}
	
	header#mobile nav .dd-nav a {color: #fff; font-family: 'h74_warriors_blackregular'; -webkit-font-smoothing: antialiased; text-transform: uppercase; font-size: 1em; width: 25%; float: left; text-align: center; padding: 7% 0;}
	
	/* HOME TOUR */
	
	#holder #bit-events tr.bit-header-narrow th {text-align: center; padding: 15px 0;}
	
	#holder aside #bit-events td.bit-date { width: 40%; text-align: right; padding-right: 15px;}
	
	#holder aside #bit-events td.bit-concert {text-align: left;}
	
	
	/* STICKY */
	
	.twitter, .newsletter {width: 90%; float: none; display: block; clear: both; margin: 0 auto;}
	
	#tweet-bar {padding-left: 12%; font-size: 1.2em !important;}
	
	.newsletter {margin-top: 15px; border-top: 1px solid #284000; padding-top: 15px;}
	
	.newsletter input[type="email"] {width: 65%;}
	
	.newsletter input[type="submit"] {width: 28%;}
	
	.newsletter h3 {font-size: 1.2em;}
	
	.more-tab {display: none;}
	
	.sticky-push {margin-top: 0px !important;}
	
	#home .sticky-push, #home .sticky-bot {display: none;}
	
	
	/* MEAT */
	
	.meat-lhs, aside {display: block; clear: both; width: auto; float: none}

	
	/* SIDEBAR */
	
	aside {margin-top: 0px; font-size: 1.4em;}
	
	aside h2 {text-align: center}
	
	aside .side-module {margin-bottom: 8%;}
	
	aside .tour-dates {text-align: center;}
	
	aside .tour-dates ul li:first-child {padding-top: 4%;}
	
	aside .tour-dates time {float: none; width: auto; display: block; clear: both;}
	
	aside .tour-dates .info {float: none; margin-left: 0; width: auto; display: block; clear: both;}
	
	aside .tour-dates a.plaid-btn {margin: 8% 0 10% 0;}
	
	ul.follow {width: 236px; margin: 0 auto;}
	
	ul.follow li {width: auto;}
	
	
	/* NEWS */
	
	.blog .post-block {padding: 0; border-top: 0;}
	
	.blog .post-block .post {float: none; width: auto; display: block; clear: both; margin-left: 0px; border-top: 2px dotted #333; padding: 5% 0;}
	.blog .post-block .post:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	
	.blog .post-block .post a.feat-img {float: left; width: 25%; border: 3px solid #333; margin-bottom: 0}
	
	.blog .post-block .post .text-wrap-mobile {width: 70%; float: right;}
	
	.wp-pagenavi .pages {display: none;}
	
	
	/* MUSIC */
	
	.music .post-block {padding: 0; border-top: 0;}
	
	.music .post-block .post {float: none; width: auto; display: block; clear: both; margin-left: 0px; border-top: 2px dotted #333; padding: 5% 0;}
	.music .post-block .post:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	
	.music .post-block .post a.feat-img {float: left; width: 30%; border: 3px solid #333; margin-bottom: 0}
	
	.music .post-block .post .text-wrap-mobile {width: 65%; float: right;}
	
	.music .post a.clover {display: none;}
	
	.sub-nav {padding: 20px 0}
	
	.sub-nav ul li {margin-left: 15px; padding-left: 15px;}
	
	
	/* TOUR */
	
	.tour #bit-events .bit-rsvp, .tour #bit-events .bit-description-links {display: none;}
	
	.tour #bit-events td.bit-date {width: 17%}
	
	.tour #bit-events td.bit-venue {width: 45%;}
	
	.tour #bit-events td.bit-location {width: 30%}
	
	
	/* PHOTOS */
	
	.set a.plaid-btn {display: none;}
	
	.set .text-wrap {float: none; width: auto; display: block; clear: both}
	
	
	/* CONTACT */
	
	.wpcf7-form label {width: 20%;}

	.wpcf7-form-control-wrap {width: 80%;}
	
	.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {padding: 10px 10px; width: 95%}
	
	.wpcf7-submit {display: block; clear: both; border: 0; width: 100%; font-size: 1em; padding: 2% 0; float: none; margin-left: 0; margin-top: 15px}
	
	
	/* FOOTER */
	
	footer nav {padding: 4% 0 0 0; line-height: 2.4em;}
	
	footer a.ff-link {margin-top: 25px;}

	}	
	
	
/* ================================================================================ */
/* WIDE MOBILE LAYOUT: 480px  */
/* ================================================================================ */


@media handheld, only screen and (max-width: 480px) {
	
	body {font-size: .9em !important;}
	
	.wrapper {max-width: 480px;}
	
	.pad {padding: 0 10px;}
	
	/* STICKY */
	
	.twitter, .newsletter {width: 100%; float: none; display: block; clear: both; margin: 0 auto;}
	
	#tweet-bar {padding-left: 15%;}
	
	.newsletter {margin-top: 15px; border-top: 1px solid #284000; padding-top: 15px;}
	
	
	/* BLOG */
	
	.post.single {margin-top: 20px;}
	
	.post .text-wrap {width: 67%;}
	
	.wp-pagenavi .pages {display: none;}
	
	#home a.feat-thumb {display: none;}
	
	#home .text-wrap {margin-left: 0; width: auto; float: none; display: block; clear: both;}
	
	.tags .col-1, .share-post .col-1 {float: left; width: 14%; font-size: 0.875em; font-weight: bold;}

	.tags .col-2, .share-post .col-2 {float: right; width: 86%;} 
	
	.tags .col-1 span, .share-post .col-1 span {background: none;}
		
	
	/* INNER */
	
	#inner .meat {padding-top: 10px}
	
	.meat h1.page-hd {font-size: 1.7em; padding: 15px 0; line-height: 1.5em}
	
	.wp-pagenavi .extend {display: none;}
	
	.release .lhs, .release .rhs {display: block; clear: both; float: none; width: auto;}
	
	.release .rhs {margin-top: 30px;}
	
	.related-videos {margin-top: 8%;}
	
	.videos h2 {font-size: 1.2em; line-height: 1.4em; text-align: center;}
	
	.videos .post-block {padding: 6% 0;}
	
	.videos .post-block.first {padding-top: 2%;}
	
	#instagram .instagram-placeholder a {border: 3px solid #333;}
	
	#holder #fan-tweets .jta-tweet-list-item {padding: 4% 0;}
	
	
	/* TOUR */
	
	.tour #bit-events .bit-tickets {display: none;}
	
	.tour #bit-events td.bit-date {width: 17%}
	
	.tour #bit-events td.bit-venue {width: 45%;}
	
	.tour #bit-events td.bit-location {width: 30%}
	
	.tour tr.bit-header th, tr.bit-header-narrow {padding-bottom: 15px;}
	
	
	/* MUSIC */
	
	.sub-nav {padding: 0 0 25px 0}
	
	
	/* PHOTOS */
	
	body .jfbgallery .imgboxouter {width: 110px !important; height: 240px !important; margin: 0 !important; margin-left: 6% !important;}
	
	body .jfbgallery .imgboxgallery, body .jfbgallery .imgboxblack, body .jfbgallery div.imgboxouter a {width: 110px !important; height: 110px !important}
	
	body .jfbalbum .imgboxouter {height: 110px !important; width: 110px !important; margin-left: 1.4% !important;}

	body .jfbalbum .imgboxouter a {height: 110px !important; width: 110px !important;}

	body .jfbgallery .titlebelow {height: auto !important; font-size: .875em; margin-top: 10px; width: 110px !important; top: 115px !important;}

	body .jfbgallery .titlebelow a {color: #d1b34c}
	
	body .jfbalbum {display: block; clear: both; margin: 2% 0 10% 0 !important;}

	body .jfbalbum:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	
	body .jfbalbum .imgboxouter {height: 100px !important; width: 100px !important; margin-left: 6.5% !important; margin-bottom: 6% !important;}
	
	body .jfbalbum .imgboxouter a {height: 100px !important; width: 100px !important;}
	
	body .jfbalbum .imgboxblack {width: 100px !important; height: 100px !important; border: 5px solid #333 !important;}
	
	body .jfbalbum .imgboxblack:hover {border: 5px solid #d1b34c !important;}
	
	body h2.entry-title {font-size: 1.3em !important;}
	
	/* PHOTO ARCHIVE */
	
	.p-archive {padding-bottom: 8%}
	
	.p-archive h3 {font-size: 1.125em}
	
	.set h4 {font-size: 1.2em;}
	
	.set small {font-size: .9em; margin-top: 7px}
	
	
	}


/* ================================================================================ */
/* MOBILE LAYOUT: 320px  */
/* ================================================================================ */

@media handheld, only screen and (max-width: 320px) {
	
	.wrapper {max-width: 320px; min-width: 200px}
	
	header#mobile {height: 190px;}

	header#mobile nav {top: 160px; width: 96%}
	
	header#mobile nav .dd-nav {display: none; clear: both; padding: 2% 4%; background: url(../images/bg_plaid.png);}
	
	.share-post a.plaid-btn, .share-post .col-1 {display: none}
	
	#iphone {display: block !important;}
	
	.share-post .col-2 {float: left;}
	
	aside #bit-events .bit-concert {font-size: .775em;}

	
	/* TOUR */
	
	.tour #bit-events td.bit-date {font-size: 1.1em}
	
	.tour #bit-events td.bit-venue {font-size: 1.1em}
	
	.tour #bit-events td.bit-location {font-size: 1.1em}
	
	
	/* MUSIC */
	
	.sub-nav ul li {margin-left: 5px; padding-left: 5px; margin-bottom: 5px}
	
	
	/* PHOTOS */
	
	body .jfbgallery .imgboxouter {width: 110px !important; height: 230px !important; margin: 0 !important; margin-left: 9% !important;}
	
	body .jfbalbum .imgboxouter {height: 100px !important; width: 100px !important; margin-left: 7.5% !important; margin-bottom: 6% !important;}
	
	
	}
	


/* ================================================================================ */
/* IPHONE 5 ONLY  */
/* ================================================================================ */	
	
@media screen and (device-height: 568px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	
	body {font-size: .8em;}
	
	/* HEADER */
	
	header#mobile {height: 220px;}
	
	header#mobile h1 {width: 55%; max-width: 200px; margin-top: 30px;}

	header#mobile nav {top: 180px; width: 96%}
	
	ul.follow {width: 242px; margin: 0 auto;}
	
	#iphone {display: none !important;}
    
}


/* ================================================================================ */
/* IPHONE 4 LANDSCAPE ONLY  */
/* ================================================================================ */

@media screen and (device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

	body {font-size: .8em;}
	
	/* HEADER */
	
	header#mobile {height: 220px;}
	
	header#mobile h1 {width: 55%; max-width: 200px; margin-top: 30px;}

	header#mobile nav {top: 180px; width: 96%}

		
	ul.follow {width: 242px; margin: 0 auto;}
	
	#iphone {display: none !important;}

    
}	



/* ================================================================================ */
/* RETINA IMAGES  */
/* ================================================================================ */


@media only screen and (-webkit-min-device-pixel-ratio: 2) {

.twtr-logo, .newsletter span, ul.follow li a, a.read-more span, .more-tab span, a.ff-link, #toggle span {background-image: url(../images/sprite_ui_2x.png) !important; -webkit-background-size: 800px 800px; background-size: 800px 800px;}
  
  
  }