/* Responsive Design
------------------------------------------------------------ */

@media only screen and (max-width: 1023px) {
	
	body {
		-webkit-text-size-adjust: none;
		width: 100%;
		margin: 0 auto;
	}

	.content-sidebar #content,
	.content-sidebar-sidebar #content,
	/*.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.footer-widgets-4,*/
	.full-width-content #content,
	.full-width-content.outreach #content,
	.full-width-content.outreach-landing #content,
	.menu-primary,
	.menu-secondary,
	.outreach-landing .wrap,
	.sidebar,
	.sidebar-content #content,
	.sidebar-content-sidebar #content,
	.sidebar-sidebar-content #content,
	.sub-footer-left,
	.sub-footer-right,
	/*.wrap,*/
	#content-sidebar-wrap,
	#footer .creds,
	#footer .gototop,
	/*#footer-widgets .wrap,*/
	#header ul.menu,
	#header .widget-area,
	#home-featured,
	#sidebar-alt,
	#title-area,
	#wrap {
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#folds {
		display: none;
	}

	.home-1,
	.home-2,
	.home-3,
	.home-4 {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 50%;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.footer-widgets-4,
	#header .menu,
	#header .searchform,
	#title,
	#wrap {
		margin: 0;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.footer-widgets-4,
	.full-width-content.outreach #content,
	#description,
	#footer-widgets .wrap,
	#title a,
	#title a:hover,
	#header .search-form {
		padding: 0;
	}

	.menu-primary li,
	.menu-secondary li,
	#header ul.menu li {
		display: inline-block;
		float: none;
		margin-left: -4px;
	}

	.menu li.right,
	#footer .gototop a {
		display: none;
	}

	.menu li li {
		text-align: left;
	 }

	#content,
	#inner,
	#sub-footer  {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#content {
		margin: 0 0 20px;
		padding: 15px;
	}

	.full-width-content.outreach #content {
		margin: 0 0 10px;
	}

	.author-box {
		margin: 0 -20px 40px;
	}

	.sidebar .widget {
		padding: 0 15px;
	}

	#sub-footer {
		background-color: #090909;
		padding: 10px;
	}

	#footer .wrap {
		padding: 22px 0 20px;
	}

}

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

	#nav .wrap {
		background: #B22F2C;
		height: auto;
		padding: 0;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.menu-primary,
	.menu-secondary {
		text-align: center;
	}
	
	.menu-primary a, .menu-secondary a, #header .menu a {
		line-height: 40px;
	}
	
	.menu-primary li {
		background: none;
	}
	
	.menu-primary li.home a,
	.menu-primary li.news a,
	.menu-primary li.tourdates a,
	.menu-primary li.showreviews a,
	.menu-primary li.albums a,
	.menu-primary li.photos a,
	.menu-primary li.videos a,
	.menu-primary li.bio a,
	.menu-primary li.store a,
	.menu-primary li.mailinglist a {
		width: auto;
		padding: 0 7px;
	}
	
	.menu-primary li.home a:hover,
	.menu-primary li.news a:hover,
	.menu-primary li.tourdates a:hover,
	.menu-primary li.showreviews a:hover,
	.menu-primary li.albums a:hover,
	.menu-primary li.photos a:hover,
	.menu-primary li.videos a:hover,
	.menu-primary li.bio a:hover,
	.menu-primary li.store a:hover,
	.menu-primary li.mailinglist a:hover {
		background: #901310;
	}
	
	.menu-primary li.mailinglist {
    	float: none;
    	text-indent: 0;
    	width: auto;
	}
	
	.photo-nav,
	#albums-nav {
		margin: -15px 0 15px -15px;
		padding: 0 15px;
		width:100%;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}
	
	.mCustomScrollBox {
		max-width: none!important;
		margin: 0 -15px;
	}

}

@media only screen and (max-width: 950px) {
	
	#nav .wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.footer-widgets-4,
	.wrap,
	#footer-widgets .wrap,
	#home-sections .wrap,
	body #fsi-full-bg img {
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.footer-widgets-1,
	.footer-widgets-3 {
		display: none;
	}
	
	.footer-widgets-2 {
		padding: 0 15px;
	}
	
	body #fsi-full-bg {
		margin-top: 120px;
	}
	
	body #fsi-full-bg img {
		margin:0;
		left:auto;
	}
	
	.menu-primary,
	.menu-secondary,
	#description,
	#footer .creds,
	#footer .gototop,
	#header ul.menu,
	#header .searchform,
	#title,
	#title-area {
		float: none;
	}
	
	#marquee {
		display: none;
	}
	
	.single-tour-dates h1.entry-title,
	.elevated-title h1.entry-title,
	.elevated-title h1.entry-title2 {
		float:left;
		position:relative;
		top: auto;
		margin-bottom: auto;
	}
	
	.elevated-title .st_sharethis,
	.single-tour-dates .st_sharethis,
	.category-social-distortion-news .st_sharethis,
	.single .st_sharethis {
		margin: 0 0 -31px;
		bottom:-15px;
	}
	
	#home-sections .home-1 .featuredpost .post {
		margin: 0 15px 15px -4px;
		width: 130px;
	}
	
	#home-sections .featuredpost img {
		width: 130px;
		height: auto;
	}
	
	.paginate,
	.navigation {
		width:100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#photoloop {
		width:100%;
		margin: 0 auto;
		text-align: center;
	}
	
	#photoloop .alignleft {
		float: none;
	}
	
	.paginate, .navigation {
		width:100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.albums-left,
	.albums-right {
		width: 49%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.single-album-posts ol li {
		width:85%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.tax-photos #review-instruct {
		float: none;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.tax-photos #cred-review-name-wrap, #cred-review-wrap {
		width: 50%;
		margin: 0;
		padding: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
	}
	
	.discog-post {
		margin: 0;
		padding: 0 0 20px 0;
		width: 49%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.discog-cover {
		display: inline-block;
		float: none;
		vertical-align: top;
		width: 24%;
		min-width: 100px;
		margin-bottom: 15px;
	}
	
	.discog-info {
		display: inline-block;
		float: none;
		margin-left: 3%;
		width: 65%;
	}
	
	iframe {
		width: 100%!important;
	}
	
	#review-content {
		width: auto;
	}
	
	.mobile-review {
		background-image: url("/social-distortion-images/write-review.png");
		background-repeat: no-repeat;
		border: medium none;
		display: block;
		float: right;
		font-size: 1px;
		height: 26px;
		margin: -38px 0 0;
		text-indent: -9999px;
		width: 82px;
		padding-right: 20px;
	}
	
	.site-review {
		display: none;
	}
	
}

@media only screen and (max-width: 800px) {
	
	#header #starburst {
		display: none;
	}
	
	#home-sections #wp_views-2 a img {
		width: 100%!important;
		height: auto!important;
		max-width: 400px;
	}
	
	body #fsi-full-bg {
		margin-top: 150px;
	}
	
	.footer-widgets-2 ul.menu,
	#col2 {
		width: 50%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#col2 {
		padding-right: 10px;
	}
	
	h4.mobile-review-title {
		display: block;
		color: #B22F2C;
	}
	
	.iframe-content .wrap,
	.iframe-content #wrap {
		width: 100%;
		min-width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.iframe-content #content {
		margin: 0;
		padding: 8px;
		width: 100% !important;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.page-id-13959 #review-instruct {
		float: none;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.iframe-content #cred-review-form-wrap,
	.iframe-content #cred-review-name-wrap,
	.iframe-content #cred-review-wrap {
		float: none;
		margin: 0;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.note small {
		float: none;
	}
	
	.form-return {
		display: block;
	}
	
	.form-return a {
		display: block;
		font-family: 'Limelight',cursive;
		text-transform: uppercase;
		font-size: 18px;
		text-align: center;
		background-color: #B22F2C;
		padding: 10px;
		color: #fff;
		margin: 15px 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	.form-return a:hover {
		background-color: #8a0c09;
	}
}

@media only screen and (max-width: 690px) {
	
	#home-sections .home-1 .widget:first-child h4, #home-sections .home-2 .widget:first-child h4 {
    	position: relative;
		z-index: 9999;
	}
	
	#content-sidebar-wrap {
		padding-top: 36px;
	}
	
	.tax-photos #content-sidebar-wrap,
	.post-type-archive-music #content-sidebar-wrap,
	.single-music #content-sidebar-wrap {
		padding-top:0;
	}
	
	#review-instruct,
	#cred-review-name-wrap,
	#cred-review-wrap {
		float: none;
		margin-left: 0;
		width: 100%;
	}
	
}

@media only screen and (max-width: 650px) {
	
	.home-1,
	.home-2,
	.home-3,
	.home-4 {
		width: 100%;
	}
	
	#home-sections .home-2 .widget:first-child h4 {
    	margin: 0 0 25px;
	}
	
	td.this {
		background: none;
		width: auto;
	}	
	
	td.this h3 {
		width: auto;
		text-align: left;
		border-bottom: 1px solid #3A3426;
		padding-bottom: 7px;
	}
	
	.write-review td {
		width: 100%;
		display: block;
	}
	
	.trpad td:nth-child(3) {
		display: none;
		border: none;
	}
	
	.border td {
		border-bottom: none;
	}
	
}

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

	.archive-page,
	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		padding: 0;
		width: 100%;
	}
	
	body #fsi-full-bg {
		margin-top: 280px;
	}

	.outreach .slide-excerpt,
	#sub-footer .latest-tweets ul li:before {
		display: none;
	}

	.s {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 75%;
	}

	#sub-footer .latest-tweets {
		background: none;
		font-size: 16px;
		margin: 0 0 20px;
		padding: 0;
	}

	#sub-footer .latest-tweets ul li {
		padding: 10px 20px;
	}
	
	body #fsi-full-bg {
		margin-top: 230px;
	}
	
	.page-id-123 .mobile-review {
		margin-top:-38px;
	}
	
	.mobile-review {
		margin: 15px 0;
	}

}

@media only screen and (max-width: 550px) {
	
	.albums-left,
	.albums-right {
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.home .tour-table {
		width: 100%;
	}
	
}

@media only screen and (max-width: 500px) {
	
	#home-sections {
		margin-top: 200px;
	}
	
	#home-sections .home-1 .featuredpost .post {
		margin: 0 5% 15px -4px;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#home-sections .home-1 .featuredpost .post:nth-child(2n) {
		margin-right: 0;
	}
	
	#home-sections .featuredpost img.alignnone {
		width: 130px;
		height: auto;
		float: left;
		margin: 0 10px 0 0;
	}
	
	#home-sections h2, #home-sections h2 a {
		clear: none;
	}
	
	.single-tour-dates .write-review .wp-spoiler h3,
	.single-tour-dates .write-review .wpui-light .ui-collapsible-header,
	.single-tour-dates .write-review .wpui-light .ui-accordion h3.ui-accordion-header .write-review .wpui-light .ui-collapsible-header:hover,
	.single-tour-dates .write-review .wpui-light .ui-accordion h3.ui-accordion-header:hover,
	.single-tour-dates .write-review .wpui-light h3.ui-collapsible-header.ui-state-active,
	.single-tour-dates .write-review .wpui-light h3.ui-collapsible-header:hover {
		float: none;
	}
	
	.single-tour-dates .write-review .wp-spoiler h3, .single-tour-dates .write-review .wpui-light .ui-collapsible-header, .single-tour-dates .write-review .wpui-light .ui-accordion h3.ui-accordion-header .single-tour-dates .write-review .wpui-light .ui-collapsible-header:hover, .single-tour-dates .write-review .wpui-light .ui-accordion h3.ui-accordion-header:hover, .single-tour-dates .write-review .wpui-light h3.ui-collapsible-header.ui-state-active, .single-tour-dates .write-review .wpui-light h3.ui-collapsible-header:hover {
		margin: 0;
	}
	
	.discog-post {
		width: 100%;
	}
	
}

@media only screen and (max-width: 450px) {
	
	#header {
		height: auto;
	}
	
	#header-logo {
		width: 100%;
		height: auto;
	}
	
	#header-logo a img {
		width: 100%;
		height: auto;
	}
	
	#home-sections {
		margin-top: 150px;
	}
	
	.footer-widgets-2 h4 {
		width: auto;
		pa
	}
	
	body #fsi-full-bg {
		margin-top: 250px;
	}
	
	.discog-info {
		width: 55%;
	}
	
	.single-music .st_sharethis,
	.post-type-archive-music .st_sharethis {
		display: none;
	}
	
	.tax-photos #recaptcha_area, .tax-photos #recaptcha_table {
		width: 100%!important;
	}

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

	#title {
		font-size: 36px;
	}	

}