/************************** GENERAL **************************/

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

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

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

}

 @media screen and (max-width:1080px){
 	h1{ font-size:2em; } 
 	h2{ font-size: 1.3em; }

 	.nav{ text-align: left;}
 	.nav .sub-menu{text-align: center; bottom:55px;}
 	.nav li a{ padding:12px 4px; font-size: 1em;}
 	.snsContainer{ bottom:15px; }
}

@media screen and (max-width:920px){
	.ih-logo{position: relative; padding:40px 40px 10px 40px; left:auto; top:auto;}
	.ih-logo img{width: 100%; height:auto;}
	.ih-title{ position: absolute; padding:0px; right:40px; left:40px; top:auto; bottom:40px;}
	.ih-title img{width: 100%; height:auto;}

}

@media screen and (max-width:764px){
	.news-left{padding:0px 0px 0px 90px  ;}
	.news-right{ padding-left:90px; position: relative; padding-right:0px; position: relative; }
	.n_dateblock{width:70px;}

	.news-left .n_dateblock{left:0px; border-right:5px solid #bca3b0; padding-right:0px; }
	.news-right .n_dateblock{left:0px; right:auto; border-left:0px solid transparent; border-right:5px solid #9f8392; padding-left:0px; padding-right:10px; }

	.n_day{font-size: 2.5em; line-height: 1em; }
	.n_month{ font-size: 0.7em;}

	.share-links-container{ margin-top:10px; }

	.hp-tour{ padding-top:40px; padding-bottom:30px;}
	
	.nav-icon-container{display: block;}
	.team-biffy-container{ background-attachment:scroll; }
	.team-biffy-container #signup input { font-size: 1.1em; }
	.team-biffy-container #signup select { font-size: 1.1em; }
	.storeList .item{padding:3px;}
	.store-container .title{ position: relative; bottom:auto; left:auto; transform:rotate(0deg); text-align: center; padding-bottom:30px;}

	h1{ font-size: 2em;
		line-height: 1.1em;
	}
	h1.large {font-size: 2em;}


	h2{ font-size: 1em; }
	p{font-size: 1em;}

	header{ position:relative; bottom:auto; top:auto; background-color: #FFFFFF;
		background-image:url('../img/logo-mob.png');
		background-position: 55% 50% ;
		background-repeat: no-repeat;
		background-size:50%;
		height:60px;

	}

	.page-home header{ position:absolute; background-color: transparent; background-image: none;}
	.nav{ width:100%; display: none;}
	.navOpen .nav{ display: block;}
	.snsContainer{top:-100%;}
	.navOpen .snsContainer{ top:17px; bottom:auto;}
	.additional-links{text-align: left;}
	.nav li a{font-size:2.5em; line-height: 1em;  padding:6px 4px;}
	.nav .menu-menu-container{padding-top:30px;}
	.nav li:hover .sub-menu{ display: none !important; }

	.bannerContainer .outerCell{
		width:  100%;
	}

	.nav .sub-menu{
		position: relative; left:auto; right:auto; bottom:auto;
	}
	.nav .sub-menu li{display: inline-block; width:auto;}
	.nav .sub-menu li a{ font-size: 1em; padding:4px 4px;}


	.live-container-banner{ background-position: top center; padding-top:52%; }
	.date-item{width:100%; padding-bottom:30px !important;}
	h1{font-size: 1.5em;}
	.tour-section .date-item:nth-child(even) .s_dateblock{ float:left; }
	.tour-section .date-item:nth-child(even) .s_details{ text-align: right;}
	.liveContainer li:nth-child(odd){margin-top: 0px;}
	.liveContainer li:nth-child(even){ margin-top:0px;}

	#sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item{
		width:50% !important;
	}

	.mob-sub-menu{display: block;}

	.album, .live, .compilation{ font-size: 1.2em !important;}
	.releaseArtwork{border:0px solid transparent !important;}
	.release-disc li{width: 100%;}

	.quote-by{padding-left:0px; color: #777777; padding-top:15px;}

	footer {padding-bottom:10px;}
	footer .footer-legal{border-top:0px solid #333333 !important; margin-top:0px; padding-top:5px;}
	footer{ padding-top:20px;}
	footer .copyright span{display: block; padding-bottom: 10px;}
	footer .footer-links{ font-size: 0.8em;}
}

@media only screen and (max-device-width : 667px) and (orientation : landscape) {
}

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



}

@media screen and (max-width:580px){
	
	header{ background-size:60%; }
	p{font-size: 0.9em;}

	.liveContainer .s_item{ padding-left:0px; padding-right:0px;}
	.s_dateblock{ width:70px; padding:5px 0px;}


	.s_day.s_multi_day{ font-size: 1.3em;}	
	.s_venue{ padding-top:0px; padding-bottom:0px;}
	.s_ticket_container{  display:block; border-left: 0px solid transparent; margin-left:0px; padding-left:0px;}

}

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

	
}

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







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

	.nav-icon-container{
		border-right:  0px solid #000;
	}
		

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

		
}



/************************** HOME BANNER **************************/


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

	.innerBannerContainer{ left: 0%; padding-left:20px; padding-right:20px; position:relative; width:100%;}

	.innerBannerContainer .albumPreOrder {
	  font-size: 1.2em;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  text-transform: uppercase;
	}

	.bannerContainer .scrollDown {
	  bottom: 10px;
	  background-image: none;
	  padding-bottom: 10px;
	}

}







/************************** NEWS HOMEPAGE **************************/


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

}



/************************** NEWS HOMEPAGE **************************/


@media screen and (max-width:720px){
	.storyContainer {text-align:left;}
	
	.storyContainer .col-1-2{width:100%;}
	.storyContainer .newsContentContainer{padding-left:0px; padding-top:10px;}
	
	.subjectTitle h1{
		font-size: 1.6em;
	}

	.newsContentContainer {
	  padding: 0px 15px 0px 15px;
	}	
	
	
	.shortStoryContainer .newsContentContainer .read-more-news{
		display: none;
	}
}

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

	.shortStoryContainer .mainImageContainer { border: 0px solid transparent;}
	.dateText{ font-size: 1em; }

	.shortStoryContainer{ padding-top: 15px;}

	.shortStoryContainer .newsContentContainer .contentText{ display: none; }

	.shortStoryContainer .subjectTitle h1{ padding-top:15px; }

}

@media screen and (max-width:480px){
	.shortStoryContainer .subjectTitle h1{
		font-size: 1.3em;
	}

	.storyContainer .subjectTitle h1{
		font-size: 2em;
	}

	.newsContentContainer {
	  padding: 0px 0px 0px 0px;
	}
}





/************************** VIDEOS **************************/

.videoPlayerText .col-1-4{
	padding-left: 15px;
	padding-top: 20px;
}

.videoPlayerText .col-3-4{
	padding-bottom: 20px;
	padding-top: 20px;
}

.moreVideos{
	display: none;
}

@media screen and (min-width:1400px){
	
.videoContainer .width2 {
  width: 33.3%;
}
	
}

@media screen and (max-width:1400px){
	
.videoContainer .width2 {
  width: 50%;
}
	
}

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

.touch .videoPlayerList .overlay-inner-container{opacity: 1; }

.videoPlayerText .col-1-4{
	width: 100%;
	position: relative;
	text-align: left;
	display: block;
	padding-left: 0%;
	padding-top: 0px;
	padding-bottom: 30px;
}

.videoPlayerText .col-3-4{
	width: 100%;
	padding-bottom: 0px;
display: block;
}

.videoPlayerShare{
	right: auto;
	top: 5px;
}
	
}

@media screen and (max-width:575px){
		.videoPlayerList h2{ font-size:1.4em;}
	.videoPlayerList .cur-video .rectImage{    padding-top: 45%;}
}		

@media screen and (max-width:450px){
	
	.videoContainer .width2 {
	  width: 100%;
	}
	
}


/************************** MUSIC/ALBUMS **************************/

@media screen and (min-width:1400px){
	#albumsContainer .width2{ width: 33.3%;}
}

@media screen and (max-width:1400px){
	#albumsContainer .width2{ width: 50%;}
}


@media screen and (max-width:875px){
	
	.releases-extra-section {
	  padding-top: 15px;
	  padding-bottom: 15px;
	}

	.releaseMainContainer .lPad30{
		padding-left: 0px;
	}

	.releaseDetailsContainerLeft{
	  width: 35%;
	}

	.releaseDetailsContainerRight{
	  width: 65%;
	}

}


@media screen and (max-width:767px){
	.nav-tabs li{
	    background-color: #535353;
	    margin-bottom: 3px;
	    margin-right: 1px;
	    margin-left: 1px;
	    display: inline-block;
	    float: none;
	    text-align: center;
	}
}

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

	.numCol {padding-left:0px !important;}
	.releases-extra-section span{ display: none; }
	.releases-extra-section a span{ display: block; }
	.related-releases li{ padding-left:2px; padding-right:2px; width:33%; max-width:200px;}
	.release-description-container{font-size: 1em;}
}



@media screen and (max-width:450px){
	
	.subContainer li{ padding:3px 2px; font-size:0.8em;}


	.releases-extra-section a {
	  margin: 0px 2px;
	  display: inline-block;
	}

	.releaseMainContainer .col-1-2{ width: 100%; }
}



/************************** LYRICS **************************/



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

	.audio-player-container{padding-right: 0px; display: block;}
	.touch .mediPlayer .listenFullBut{ 
		position: relative;
		top: auto;
		width: 200px;
		margin-left: -100px;
		margin-bottom:10px;
	}
	.touch .mediPlayer .listenFullBut:before{
		border-top: solid 10px #FFFFFF;
		border-bottom: solid 0px #FFFFFF;
		top:auto;
		bottom:-10px;
	}
}

@media screen and (max-width:575px){
	.lyrics-list-text{text-align: center;}

}

/************************** SIGN UP **************************/
@media screen and (max-width:575px){
	#signupForm { padding: 0px 0px;}
	#signupForm input, #signupForm select{  font-size: 1.2em !important;}
}
/************************** SMALLER BACKGROUND IMAGES **************************/