/*if css3*/
@media screen and (min-width: 0px) {
	.zone {min-width: 0;}
	#header {min-width: 0;}
	#header .zone {width: auto; max-width: 1000px; }
	.content-section { background-size: 110% auto!important; background-position: left top!important;}
	.layout {max-width: 768px;}
}



/*over base size*/

@media screen and (min-width: 1130px) {

	#main-nav > ul > li > a {font-size: 19px;}

}


@media screen and (min-width: 1200px) {

	#side-nav {right: 13px;}
	.side-nav-icon {width: 42px; padding: 42px 0 0; margin: 0 0 0 10px;}
	#side-nav ul li a {font-size: 32px; line-height: 50px;}

}


@media screen and (min-width: 1270px) {


	body {font-size: 16px;}
	
	
	#header .zone {max-width: 1200px; }
	
	
	
	h1 {font-size: 60px;}
	
	#section-timeline .content-header,
	.content-section,
	#nav {padding-left: 30px;}
	
	#impact-wrapper {padding-left: 30px; margin-left: -30px; }

	
	#main-nav > ul > li {margin: 0 15px 0 0;}
	#main-nav > ul > li > a {font-size: 20px;}
	#main-nav > ul > li ul > li a {font-size: 17px;}
	
	#utility {margin-top: -2px;}
	#utility ul li a img {width: 24px;}
	
	.content-section { background-size: 105% auto!important;}
	.content-section.first {padding-top: 175px;}

	.layout {max-width: 908px;}

	#utility-search-form {width: 320px; top: -15px;}
	#utility-search-form input {font-size: 14px; height: 30px; line-height: 30px; width: 250px;}
	#utility-search-form button {font-size: 16px; height: 30px; width: 70px; }
	

	.impact-anchor {top: -175px; }
	
	.impact-bio {padding-top: 240px; top: -240px;}
	
	
	#body-welcome #decor {bottom: 102px;}
	
		.mCSB_horizontal > .mCSB_container {margin-top: 30px!important;}


}

@media screen and (min-width: 1430px) {

	body {font-size: 17px;}

	#header .zone {max-width: 1360px; }
	
	h1 {font-size: 64px;}

	#section-timeline .content-header,
	.content-section,
	#nav {padding-left: 32px;}	
	
	#impact-wrapper {padding-left: 32px; margin-left: -32px;}
	

	#main-nav > ul > li {margin: 0 20px 0 0;}
	#main-nav > ul > li > a {font-size: 22px;}
	#main-nav > ul > li ul > li a {font-size: 18px;}
	#utility {margin-top: -2px;}
	#utility ul li a img {width: 24px;}
	
	.content-section.first {padding-top: 185px;}

	.layout {max-width: 1000px;}
	

	#home-news-header h2 {font-size: 36px;}
	#home-news h3 {font-size: 17px;}
	.articles-short-icon {width: 36px;}
	.articles-short-block {padding-right: 54px; min-height: 40px;}
	

	.impact-anchor {top: -185px; }
	.impact-bio {padding-top: 250px; top: -250px;}
	
	#body-welcome #decor {bottom: 110px;}
	
	.mCSB_horizontal > .mCSB_container {margin-top: 40px!important;}



}

@media screen and (min-width: 1720px) {

	#header .zone {max-width: 1520px; }
	
	h1 {font-size: 68px;}
		
	#main-nav > ul > li {margin: 0 20px 0 0;}
	#main-nav > ul > li > a {font-size: 24px; line-height: 24px;}
	#main-nav > ul > li ul > li a {font-size: 19px;}
	#utility ul li {margin: 0 10px 0 0;}
	#utility ul li a img {width: 28px;}
	
	.content-section.first {padding-top: 215px;}

	.layout {max-width: 1100px;}
	

	#home-news-header h2 {font-size: 38px;}
	#home-news h3 {font-size: 19px;}
	.articles-short-icon {width: 40px;}
	.articles-short-block {padding-right: 56px; min-height: 44px;}
	
	.impact-anchor {ptop: -215px; }
	.impact-bio {padding-top: 280px; top: -280px;}
	
	
	#body-welcome #decor {bottom: 120px;}

	
		.mCSB_horizontal > .mCSB_container {margin-top: 50px!important;}
		

		
		
}

/*under base size*/
@media screen and (max-width: 1000px) {


	#utility {margin-top: 0px;}
	#utility ul li a img {width: 21px;}
	
	#main-nav > ul > li > a {font-size: 15px;}
	
	.content-section {background-attachment: scroll;}

}

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


	#main-nav > ul > li ul > li a {font-size: 14px;}
	#utility {margin-top: 0px;}
	#utility ul li a img {width: 20px;}
	
	.content-section.first {padding-top: 145px;}
	
	.impact-anchor {top: -145px; }
	.impact-bio {padding-top: 210px; top: -210px;}

}

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


	#utility {margin-top: 1px;}
	#utility ul li a img {width: 19px;}

}


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

	#page {min-width: 330px;}
	#header {position: relative; background:url(images/home_bg.jpg) center top no-repeat;}
	#logo {width: 80%; padding: 2% 0 2% 2%; float: left;}
	
	#decor {display: none!important;}
	#shadow {display: none!important;}
	
	#nav {display: none;text-align: center; clear: both;}
	#nav-toggle {display: block; float: right; margin: 1% 2% 0 0; width: 10%; max-width: 62px; cursor: pointer;}
	#nav-toggle img {display: block; width: 100%;}
	
	#main-nav {float: none; margin: 0; }
	#main-nav > ul > li {float: none; margin: 0; border-bottom: 1px solid #666;}
	#main-nav > ul > li a {font-size: 26px; padding: 10px;}

	
	#main-nav > ul > li ul {top: 0; left: 0; margin: 0; position: relative; background: none; width: auto; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; border: 0; padding: 0 0 10px} 
	#main-nav > ul > li ul li {border: 0!important;}
	#main-nav > ul > li ul {display: block;}
	#main-nav > ul > li ul > li:first-child,
	#main-nav > ul > li ul > li:last-child,
	#main-nav > ul > li ul > li a {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; font-size: 18px; padding: 2px;}
	
	#main-nav > ul > li:hover > a {color: inherit;}
	#main-nav > ul > li a:hover,
	#main-nav > ul > li ul > li a:hover {background: none; color: #fff;}
	
	#utility {float: none; margin: 0; padding: 15px;}

	#utility ul li {margin: 0; display: inline-block; float: none; margin: 0 4px;}
	#utility ul li a img {width: 42px;}

	.nav-on #nav {display: block;}
	
	.nav-on #nav-toggle {opacity: .3;}
	
	.no-link > a {color: #666!important; cursor: default}
	
	#utility-search {display: block!important; margin: 0 0 20px!important;}
	#utility-search-form {position: static; display: block!important; overflow: hidden; margin: 0 auto; box-shadow: none; -moz-box-shadow: none;  -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; }
	#utility-search > a {display: none!important;}	
	
	#content {min-height: 0;}
	
	#footer {text-align: center;}
	#copyright {float: none; padding: 25px 0;}
	#footer-meta {float: none; padding: 0 0 25px;}
	
	.scroll-anchor {top: -25px!important;}

	#side-nav {position: static; clear: both; background: #000; margin-top: 0px!important;}
	#side-nav ul {text-align: center;}
	#side-nav ul li {margin: 0; display: inline-block; margin: 10px;}
	#side-nav ul li a { line-height: 1;}


	#side-nav ul li .side-nav-label {opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5; -ms-opacity: .5; text-shadow: 0 0 10px #000;}
	#side-nav ul li.current .side-nav-label {opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -ms-opacity: 1;}

	.side-nav-icon {display: none;}


	
	.content-section {padding: 25px!important; min-height: 0; }
	
	#body-welcome #header {padding-bottom: 0;}
	#body-welcome #footer {display: block;}
	
	#body-welcome #content,
	#body-welcome #content .zone {position: relative; top: auto; left: auto; width: auto; height: auto; }
	
	#body-welcome #content {background:url(images/home_bg.jpg) right top no-repeat; }
	 
	#home-bg {display: none;}
	
	#home-billboard {position: relative; top: 0; right: 0; width: 80%; padding: 0 40px; max-width: 580px; margin: 4% auto;}
	
	#billboard-prev,
	#billboard-next {padding: 0 10px;}
	
	
	
	
	#home-news {position: relative; top: auto; margin-top: 0; padding: 0; right: auto; width: auto; text-align: left; padding: 25px;}
	
	.articles-short-block {padding: 0;}
	.articles-short-block a {display: block; padding: 20px 72px 20px 20px; border: 1px solid #555;}
	.articles-short-icon {right: 20px; top: 20px;}


	.impact-anchor {top: -10px; }
	
	.impact-bio {padding-top: 80px; top: -80px;}
	
	
	#fans-gate {padding: 0; height: auto; background: none; padding-right: 30%;}
	#fans-gate br {display: none;}
	
	#footer-contacts li {width: 50%;}
	
	
	
	
	
	#timeline-content {background: none;}
	#timeline-content > ul {padding: 0;}
	#timeline-content > ul > li {float: none; padding: 0!important; margin: 0!important; text-align: left;}
	.timeline-trigger {display: none;}
	
	#timeline-content > ul > li div {display: block!important;}
	
	.timeline-popup {margin: 0 0 20px; width: auto;}
	
	.timeline-popup-block img {top: 10px; margin: 0; width: 25%;}
	.timeline-popup-body {margin-left: 32%;}
	.timeline-popup .close {display: none!important;}

	.mCSB_horizontal > .mCSB_container {margin: 0!important; width: auto!important; position: static!important;}
	
	.timeline-notes,
	.mCSB_scrollTools {display: none!important;}
	
	
	
	
	
}


@media screen and (max-width: 780px) {
	
	#col-b,
	#col-a {float: none!important; width: auto!important;}
	#col-b {margin: 40px 0 0;}
	
	#impact-list li {width: 22%;}
		
}




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

	.video-list-item {width: 32%;}
	
	#discography-albums-listing li.discography-albums-thumb {width: 47%;}
	
	.general-form {width: auto;}

}

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

	#discography-details-side-col {float: none; clear: both; width: 100%;}
	#discography-details-album-photo {margin: 0 0 20px;}
	#discography-details-album-photo img {display: block; width: 270px; height: 270px; margin: 0 auto;}
	#discography-details-side-col .social-icons {width: 60%; margin: 0 auto 20px; text-align: center;}
	#discography-details-side-col {margin: 0 auto 20px; padding: 0; list-style: none; text-align: center;}
	#discography-details-main-col {margin-left: 0px;}

	#section-timeline .content-header {padding-left: 15px;}
	.content-section {padding: 15px!important;}
	
	#impact-wrapper {padding-left: 15px; margin-left: -15px; margin-right: -15px;}
	
	h1 {font-size: 46px;}
	
	
	#impact-list li {width: 44%;}
	
	.video-list-item {width: 48%;}
	
	#fans-gate p {font-size: 25px}
	
	#footer-contacts li {width:100%;}

}

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


.timeline-popup-block img {margin: 0 0 20px 20px; float: right; position: static; }
	.timeline-popup-body {margin-left: 0;}
	
	.search-radio label span {display: none;}
	
	
	.search-field {padding-right: 0;}
.search-field button {width: 100%; padding: 0; position: relative;}

	

}