/* -- HD RESOLUTION DISPLAY -- */

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

	#logo a {
		background-image: url(../images/common/logo@2x.png);
	}
	
	#nav .trigger {
		background-image: url(../images/common/menu@2x.png);
	}
	
	#search .trigger {
		background-image: url(../images/common/search@2x.png);
	}
	
	#footer .social a.facebook {
		background-image: url(../images/common/social-facebook@2x.png);
	}
	
	#footer .social a.twitter {
		background-image: url(../images/common/social-twitter@2x.png);
	}

	.select {
		background-image: url(../images/common/arrow-down@2x.png);
	}
	
	.select .trigger:hover,
	#subnav .trigger a:hover {
		background-image: url(../images/common/arrow-down-white@2x.png);
	}
	
	#calendar-nav #calendar-nav-prev,
	#calendar-nav #calendar-nav-next {
		background-image: url(../images/common/arrow-lr@2x.png);
	}

	#discography .shops a.amazon {
		background-image: url(../images/common/shop-amazon@2x.png);
	}
	
	#discography .shops a.itunes {
		background-image: url(../images/common/shop-itunes@2x.png);
	}
	
	#discography .shops a.spotify {
		background-image: url(../images/common/shop-spotify@2x.png);
	}

	#discography .shops a.apple {
		background-image: url(../images/common/shop-apple@2x.png);
	}
	
	#discography .shops a.other {
		background-image: url(../images/common/shop-other@2x.png);
	}
	
	.video-thumbnail:after {
		background-image: url(../images/common/video-thumbnail@2x.png);	
	}
	
	.audio a:before {
		background-image: url(../images/common/audio-play@2x.png);
	}
	
	.audio a.playing:before {
		background-image: url(../images/common/audio-pause@2x.png);
	}

	#shop-title .return {
		background-image: url(../images/common/arrow-back@2x.png);
	}

	#shop #layout-toggle a.toggle-grid {
		background-image: url(../images/common/toggle-grid@2x.png);
	}
	
	#shop #layout-toggle a.toggle-list {
		background-image: url(../images/common/toggle-list@2x.png);
	}
	

}


/* -- TABLET -- */

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

	blockquote {
		float: none;
		width: auto;
		padding: 10px 30px;
		margin: 10px 0;
		border-left: 0;
	}
	
	#header {
		height: 93px;
	}
	
	#header-pad {
		width: auto;
		max-width: 710px;
		padding: 15px 10px 0;
	}	

	#nav .trigger {
		right: 20px;
		display: block;
	}
	
	#nav {
		position: initial;	
	}

	#nav ul {
		display: none;
		height: auto;
		z-index: 100;
		position: absolute;
		left: 0;
		top: 101px;
		width: 100%;
		padding: 10px 0;
		background: #FFF;
		border-bottom: 1px solid #000;
	}	

	#nav ul li {
		width: 50%;
		padding: 5px 0;
		font-size: 14px;
		line-height: 20px;
	}	

	#nav ul li a {
		width: auto;
		margin-left: 23px;
		height: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}	
	
	#nav ul li a span {
		display: inline;
	}	
	
	#nav ul li a.selected:before {
		display: none;
	}


	#nav ul li ul {
		left: initial;
		top: initial;
	}
		
	#search {
		right: 76px;
		top: 31px;
		bottom: initial;
	}

	.shop-header #search {
		right: 10px;
		bottom: -55px;
		top: initial;
	}
			
	#content {
		padding-bottom: 120px;
	}
	
	#content .page {
		width: auto;
		max-width: 710px;
	}		

	.cols .col3 h3,
	.cols .col3 p {
		width: auto;	
	}
	
	.text-2col {
		-webkit-column-count: 1; 
	    -moz-column-count: 1; 
	    column-count: 1;
	   	-webkit-column-gap: 0; 
	    -moz-column-gap: 0; 
	    column-gap: 0;
	}

	#subnav ul li a {
		width: 148px;
	}

	.feature-text {
		position: absolute;
		z-index: 80;
		height: 273px;
	}
	
	.feature-text a {
		color: #000;
	}
		
	.feature-text .tickets {
		padding-top: 0;
	}
	
	.feature-image {
		width: 470px;
	}
	
	.feature-image img {
		width: 470px;
		height: 313px;
	}

	#gallery-carousel,
	#gallery-carousel ul li,
	#gallery-carousel ul {
		width: 470px;
		height: 313px;
	}

	.grid .item {
		width: 213px;
	}

	.hero img {
		width: 100%;
		height: auto;	
	}	
		
	#footer-pad {
		width: auto;
	}	
		
	#footer {
		height: 110px;
		overflow: hidden;
	}
	
	#footer-pad {
		width: auto;
		height: auto;
		padding: 20px;
		text-align: center;
	}
	
	#footer .copyright {
		float: none;
	}
	
	#footer .social {
		float: none;
		width: 100%;
		height: 30px;
		margin: auto;
		padding-left: 0;
		text-align: center;
	}
	
	#footer .social a {
		float: none;
		display: inline-block;
	}
	
	#footer .links {
		display: block;
		float: none;
		padding-bottom: 5px;
	}
		
	#at100 .cols {
		display: block;
	}
	
	#at100 .col2 {
		float: none;
		display: block;
		width: auto;
		border-bottom: 1px solid #000;
	}
	
	#at100 #events .date {
		font-size: 9px;
		text-transform: uppercase;
	}
	
	#at100 #events .event {
		margin-top: 20px;
	}
	
	#at100 #sponsors img {
		width: 100%;
		height: auto;
	}
	
	#at100 .col2 p img {
		display: block;
		margin: auto;
	}
		
	#at100 .col {
		display: block;
		float: left;
		border-left: 0;
		margin-left: 115px;
	}

	#at100 .col:last-child {
		margin-left: 0;
		border-left: 1px solid #000;
	}

	
	#calendar-list .day .date {
		float: none;
		margin-bottom: 15px;
	}
	
	#calendar-list .day .event {
		float: none;
		width: auto;
		margin-top: 0;
		padding-right: 0;
		padding-left: 10px;
	}
	
	#discography-filters {
		margin: auto;
	}

	#discography .grid {
		max-width: 469px;
		margin: auto;
	}
	
	#discography .col {
		border-bottom: 0;
	}
		
	#discography .grid .item img {
		width: 100%;
		height: auto;
	}
	
	#discography .line-cover {
		max-width: 469px;
	}

	#memories-list {
		text-align: center;	
	}

	#memories .grid {
		max-width: 710px;
		margin: auto;
		text-align: left;
	}
	
	#memories .grid .item img {
		width: 100%;
		height: auto;
	}

	#memories .memory {
		width: 100%;
		height: auto;
	}	

	#memories .memory .overlay {
		left: 16px;
		top: 16px;
	}	
				
	#home #main {
		float: none;
		width: auto;
		border: 0;
		padding-right: 0;
	}

	#home #features  ul li span {
		padding: 20px 15px;
		font-size: 18px;
	}
		
	#home #side {
		float: none;
		width: 100%;
		padding: 0 0 20px;
		overflow: hidden;
		border-top: 1px solid #000;
	}	
	
	#home #side h3 {
		padding-left: 10px;
		margin-bottom: 0;
	}	
	
	#home #side div img {
		width: 100%;
		height: auto;
	}	
		
	#home #side-events {
		float: left;
		width: 219px;
		padding: 0 10px;
	}
	
	#home #side-news {
		float: left;
		width: 219px;
		padding: 0 10px 0 11px;
	}

	#blog .list li {
		width: auto;
		float: none;
	}
	
	#blog .list li a {
		border-right: 0 !important;
		border-left: 0 !important;
	}

	#blog .list li .title,
	#blog .list li .summary {
		max-width: 500px;
	}
	
	#shop-list .item,
	#shop-list .purchase {
		width: 214px;
	}
	
	#shop .cols {
		text-align: center;	
	}

	#shop-list {
		max-width: 468px;
		margin: auto;
		text-align: left;
	}
		
	#shop .line-cover {
		width: 468px;
	}
	
	#shop .ProductAside {
		float: none;
		width: auto;	
	}
		
	#shop .ProductMain {
		float: none;
		width: auto;	
	}


	
	#shop .CreateAccount,
	#shop .AccountLogin {
		float: none;
		width: auto;	
		border: 0;
		padding-left: 0;
		padding-bottom: 20px;
	}
	
	#shop .AccountLogin .Submit {
		margin-left: 0;
	}
	
	#shop .NarrowFormContainer dt {
		width: 80px;	
	}
	
	#shop .NarrowFormContainer dd {
		margin-left: 90px;	
	}
	
	#works-nav h5 {
		width: 225px;
	}
	
	#works .grid .item {
		width: 214px;	
	}
	
	#works .grid .item img {
		width: 214px;	
	}
		
	
}


/* -- LARGE PHONE -- */

@media screen and (max-width: 750px) {
	
	
	#lightbox img {
		width: 90%;
		height: auto;	
	}

	#nav ul li ul {
		display: none;
		position: relative;
		top: 0;
		width: auto;
		margin-top: 0;
		padding: 0 0 10px 9px;
		border-top: 0;
		border-left: 0;
		border-right: 0;
	}

		
	#subnav {
		border-bottom: 1px solid #000;
	}	
	
	#subnav ul li {
		display: none;
		float: none;
		margin: 0;
		margin-top: -1px;
		background: #FFF;
	}
		
	#subnav ul li.selected {
		display: block;
	}
	
	#subnav ul li a {
		width: auto;
	}
	
	#subnav ul li.selected a {
		background-image: url(../images/common/arrow-down-white@2x.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 28px 11px;
	}
	
	.cols {
		display: block;
	}
	
	.cols .col,
	.cols .col2,
	.cols .col3 {
		display: block;
		width: auto;
		min-height: auto;
		float: none;
		overflow: hidden;
		padding: 10px 0 !important;
		margin-bottom: 6px;
		border-left: 0;
		border-bottom: 1px solid #000;
	}

	.cols .col:last-child,
	.cols .col2:last-child,
	.cols .col3:last-child {
		display: block;
		float: none;
		border-left: 0;
		padding: 10px 0 !important;
	}	

	.cols p {
		width: auto !important;
	}
	
	.cols p img {
		display: block;
		width: 100%;
		height: auto;
	}	


	#home #features {
		width: 100%;
		height: auto;
		margin-bottom: 6px;
	}
	
	#home #features  ul {
		width: auto;
		height: auto;
	}
	
	#home #features  ul li {
		width: auto;
		height: auto;
	}

	#home #features  ul li img {
		width: 100%;
		height: auto;
	}
	
	#discography .grid {
		max-width: 468px;
	}
	
	#discography h2 {
		width: 85%;
	}
	
	#info-popup {
		width: 450px;
	}

	#memories-list .grid {
		max-width: 468px;
	}

	#at100 .col2 img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	#at100 #sponsors {
		border-top: 0;
	}
	
	#at100 .col:last-child {
		text-align: center;
	}
	
	#at100 .col:last-child #calendar-nav,
	#at100 .col:last-child #events {
		text-align: left;
		margin: auto;
	}
	
	#at100 .col:last-child #events {
		margin-bottom: 20px;
	}

	#at100 .col {
		float: none;
		margin-left: 0;
	}

	#at100 .col:last-child {
		border-left: 0;
	}
	
	#home #side {
		width: auto;
		border-top: 0;
		padding: 10px;
	}	
	
	#home #side h3,
	#home #side-events {
		padding-left: 0;
		margin-top: 0;	
	}

	#home #features  ul li span {
		padding: 20px 10px;
		font-size: 17px;
	}	

	.hero img {
		width: 100%;
		height: auto;	
	}			


	#calendar .cols .col:first-child {
		text-align: center;
		border-bottom: 0;
	}
	
	#calendar #calendar-nav {
		text-align: left;
		margin: auto;
	}
	
	#calendar #filters {
		text-align: left;
		margin: 0 auto 20px;
	}
	
	#calendar-submit {
		margin-bottom: 0;
	}

	#calendar .cols .col2 {
		padding-right: 0;
	}

	#calendar-list .day .event {
		max-width: 500px;
	}	

	#shop #subnav {
		border-bottom: 0;
	}
				
	#shop-title {
		display: none;	
	}
	
	#blog .list li a {
		border-top: 10px solid #FFF;
	}	

	#timeline ul {
		width: 80%;
		padding: 30px 10%;
		background: none;
	}
	
	#timeline ul li,
	#timeline ul li:nth-child(even) {
		float: none;
		width: 97%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 2%;
		border-left: 1px solid #000;
	}
	
	#timeline ul li .text,
	#timeline ul li:nth-child(even) .text {
		padding: 30px 30px 0;
	}
	
	#timeline ul li .date,
	#timeline ul li:nth-child(even) .date {
		text-align: left;
		background-image: url(../images/pages/timeline-arrow-left@2x.png);
		background-position: left center;
	}
	
	#timeline ul li .image,
	#timeline ul li:nth-child(even) .image {
		float: left;
		margin-left: 0;
		margin-right: 15px;
	}

	
	#works-nav {
		height: auto;	
	}
	
	#works-nav h5 {
		float: none;
		width: auto;
		text-align: center;
	}
	
	#works-filters {
		float: none;	
		height: 50px;
		text-align: center;
	}
	
	#works-filters .filter {
		float: none;
		display: inline-block;
		text-align: left;
	}

	#works-list .grid {
		max-width: 468px;
		margin: auto;
		text-align: left;
	}
	
	#works-list .grid .item img {
		width: 100%;
		height: auto;
	}
	
	#works-list .line-cover {
		width: 100%;
		left: 0;
		max-width: 468px;
	}	
}



/* -- SMALL PHONE -- */

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

	.grid .item {
		width: auto;
		height: auto;	
		padding-top: 20px;
		padding-bottom: 20px;
	}
		
	.grid .item .more {
		position: relative;
		width: auto;
		padding: 20px 0 0;
		bottom: initial;
	}

	.video-thumbnail:after {
		margin-top: -38%;
		margin-left: 44%;
	}
	
	.video-thumbnail img {
		width: 100%;
		height: auto;
	}
	
	.image img {
		width: 100%;
		height: auto;
	}
	
	.feature-text {
		position: relative;
		float: none;
		width: auto;
		height: auto;
	}

	.feature-image {
		float: none;
		width: auto;
	}

	.feature-image img {
		width: 100%;
		height: auto;
	}
		
	#nav ul li {
		width: auto;
		float: none;
	}	

	
	#footer-pad {
		padding: 12px 0 0;
	}
	
	#footer .links {
		padding-bottom: 0;
	}
			
	#footer .links .address {
		display: block;
	}

	#footer .copyright a {
		padding: 0;
	}

	#calendar #filter-date .left,
	#calendar #filter-date .right {
		position: initial !important;
	}
	
	div.datepick {
	    left: 0;
	}	
		
	#discography .grid .item {
		width: auto;
		height: auto;	
	}	

	#discography .line-cover {
		display: none;
	}
	
	#info-popup {
		width: auto;
	}


	#memories .grid .item {
		width: auto;
		height: auto;	
	}	

	#memories .grid .item .memory {
		width: auto;
		height: auto;	
	}	
	
	#memories-list .memory .overlay {
		width: 100%;
		height: 100px;
		top: inherit;
		left: 0;
		bottom: 0;
		margin-top: 0;
		transition: none;
		line-height: 100px;
	}

	#memories-list .memory .title {
		max-height: 40px;
	
	}			

	#memories .line-cover {
		display: none;
	}

	 
	
	#info-popup.memories-popup img.img-lg {
		width: 100%;
		height: auto;
	}

	
	#home #side h3,
	#home #side-news,
	#home #side-events {
		float: none;
		padding: 0;
		width: 100%;
		margin: 0;
	}	

	#home #features  ul li span {
		font-size: 15px;
	}
	
	#shop-list .item {
		width: auto;
		height: auto;	
		padding-top: 10px;
	}
	
	#shop-list .purchase {
		position: relative;
		width: auto;
		bottom: initial;
		text-align: center;	
	}
	
	#shop-list .purchase a {
		max-width: 200px;
		margin: auto;	
	}
	
	#shop .line-cover {
		display: none;
	}

	#works-filters {	
		height: 96px;
	}


	#timeline ul {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
		
	#works-filters .filter {
		display: block;
		margin: 0 auto 10px;
	}
	
	#works .grid .item {
		float: none;
		width: auto;
		height: auto;	
	}	
	
	#works .line-cover {
		display: none;	
	}					
}