/*
	CSS TO BE AWARE OF:
	.showOnNetbook - displayed on desktop, hidden @ 1040px
	.hideOnNetbook - hidden on desktop, displayed @ 1040px
	.hideOnMobile - displayed on desktop, hidden @ 767px
	.showOnMobile - hidden on desktop, displayed @ 767px

	.col60, .col40, .col40right, .col60right, .col67right, .col33right - all function like bootstrap 2's scaffolding
	.span6right - like bootstrap's .span6, but floats right instead of left so that on mobile we can show the right one on top

*/
/* Large desktop */
@media (max-width: 1140px) {  
	.navDiv #innerNavigation ul li a{
		font-size: 16px;
		padding: 5px 9px;
	}
	.poplayerTrig{
		right: 40px;
	}
	.poplayerText{
		width: 220px;
	}
}
/* Smaller desktop, collapse nav */
@media (max-width: 991px) { 
	.showOnNetbook{
		display: block !important;
	}
	.hideOnNetbook{
		display: none !important;
	}
	/*.leftMinusPos{
		margin-left: 0;
	}*/
	.pushRightPos{
		left: 0;
	}
	.pushRightPos.pushSm{
		left: 0;
	}
	#innerWrapper{
		max-width: 767px;
	}
	#header{
		max-width: 767px;
	}
	#footer{
		max-width: 767px;
		margin: auto;
	}
	[class*="span"], .uneditable-input[class*="span"], .row [class*="span"] {
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.col60right, .col40right, .col67right, .col33right{
		width: 100%;
	}
	.col60, .col40{
		width: 100%;
	}
	.lBorder{
		left: -15px;
	}
	.midBorder{
		display: none;
	}
	.midBorder2{
		display: none;
	}
	.vertBorder2{
		display: none;
	}
	.midBorder67{
		display: none;
	}

	/*
		OTHER GLOBALS
	*/
	.featCommGroup .commImg{
		float: none;
		width: auto;
		margin:0 auto 20px;
		display: block;
	}
	.carousel-control{
		top: auto !important;
		bottom: -56px !important;
		margin-top: 0 !important;
		width: 26px !important;
		height: 43.875px !important;
		margin-bottom: 0 !important;
	}
	.carousel{
		margin-bottom: 70px !important;
	}
	.carousel.netbookMarginBottom10{
		margin-bottom: 10px !important;
	}
	.carousel-indicators{
		bottom: -45px !important;
	}
	#header .poplayerTrig{
		display: none;
	}
	.mobileMusicSect .poplayerTrig {
		right: auto;
		top:auto;
		position: relative;
	}
	.mobileMusicSectIn{
		padding: 20px;
	}
	.mobileMusicSectIn .poplayerText {
		width: 100%;
		padding-left: 50px;
	}


	/*
		NAVIGATION
	*/
	.navDiv #innerNavigation{
		display: none;
	}
	.navDiv #navBG{
		position: relative;
		margin-bottom: -10px;
	}

	/*
		FOOTER
	*/
	#footer #navBG{
		position: relative;
	}
	.footerTop #allAtOnceLink{
		display: none;
	}
	.footerTop #emailSubmitPanes{
		position: relative;
		margin: 20px auto;
		float: none;
	}
	.siteCredits .footLeft{
		float: none;
		text-align: center;
	}
	.siteCredits .footRight{
		float: none;
		margin-top: 20px;
	}
	/*
		WELCOME PAGE
	*/
	.welcomeContent{
		display: none !important;
	}
	.homeContent{
		display: block !important;
		position: relative !important;
		height: auto !important;
		overflow-y: auto !important;
	}

	/*
		HOME PAGE

	*/
	#headerTweetList{
		height: 60px;
		font-size: 12px;
	}
	.homePage .twitter{
		position: relative;
		padding:20px;
	}
	#latestNews .postBrowseImg{
		float: left;
		max-width: 45%;
		margin-right: 3%;
		margin-top: 8px;
	}
	.homePage #instaDiv{
		padding-bottom: 0;
	}

	/*
		MUSIC DETAILS PAGE
	*/
	.bgAlbum{
		display: none;
	}
	.musicPage .purchaseLinks{
		float: none;
		display: block;
		clear: both;
		padding-top: 20px;
	}

	/*
		FILM DETAILS PAGE
	*/
	.filmPage .filmInfoRight{
		padding-right: 0;
	}
	.filmPage .filmMainImgDiv{
		margin-bottom: 20px;
	}

	/*
		BAND DETAILS PAGE
	*/
	.bandPage .memberInfoPicks{
		max-width: 57%;
	}
	/*
		PHOTOS PAGE
	*/
	.photosPage .rightSide{
		padding: 20px 0px 26px;
	}
	.photosPage .carouselContainer{
		margin-bottom: 70px;
	}
	.photosPage .picDeetIn{
		padding: 20px 0px 20px;
		font-size: 12px;
		border-top: 1px solid #aaa;
		margin: 0 30px;
	}

	/*
		GREENING PAGE
	*/
	.greeningPage #brushfireImg{
		margin-left:auto;
		margin-right: auto;
		display: block;
	}

	/*
		STORE PAGE
	*/
	.storePage .usEuropeBanner{
		font-size: 14px;
		text-align: center;
		margin-top: 5px;
	}
	.storePage .purchaseBtns{
		left: 20px;
	}
	.storePage .bigProduct .purchaseBtns{
		position: relative;
		bottom: auto;
		left: 0;
	}
	.storePage .productBtn{
		margin-left: 0 !important;
		float: none !important;
		width: 100%;
	}
	.storePage .bigProduct .purchaseBtns .productBtn:first-child{
		margin-bottom: 10px;
	}
	.storePage .bigProduct .purchaseBtns .productBtn:last-child{
		float: none;
	}
	.storePage .bigProduct .productBtn.soldout{
		text-align: center;
	}
	.storePage .mediumProduct .productBtn{
		margin-right: 10px;
		width: 100%;
	}
	.storePage .mediumProduct .productBtn:first-child{
		margin-bottom: 10px;
	}
	.storePage .productImg{
		margin-bottom: 20px;
	}
	
	.storePage .productDesc{
		padding-bottom: 20px;
	}
	.storePage .productImgDiv{
		text-align: center;
	}
	.storeFrontPage .storebannerImg{
		margin-bottom: 0;
	}

	/*
		TOUR PAGE
	*/
	.tourPage #instaPics{
		padding: 20px 20px 0;
	}
	.archivesPage .searchArchives{
		clear: left;
		margin-left: 0;
		display: block;
		width: 100%;
	}
	.archivesPage .tourSect h3{
		margin-bottom: 20px;
	}
	.tourPage .archSidebar .scrollArchive{ max-height: 200px; }
	.tourPage .followInsta{
		padding: 20px 20px 0;
	}
	.tourPage .rAdmatDiv{
		padding: 10px 0px 0px;
	}
	.archivesPage .tourReviewLink{
		position: relative;
		right: auto;
		top: auto;
		width: auto;
		text-align: left;
		clear: both;
	}
	.tourPage .tourSect .tourArchiveLink{
		position: absolute;
		right: 20px;
		top: 20px;
	}
	.tourItem{
		padding: 20px;
	}
	.tourItem .tourDate{
		position: relative!important;
		width: auto !important;
		text-align: left !important;
		top:auto;
		left: auto;
		margin-top: 0;
	}
	.tourItem .tourDate:after{
		display: table;
		content: '';
		clear: both;
		width: 100%;
		height: 0;
	}
	.tourItem .tourDate .line1{
		display: inline-block;
		float: left;
		font-size: 14px !important;
	}
	.tourItem .tourDate .line2{
		display: inline-block;
		float: left;
		font-size: 14px !important;
		padding-top: 0!important;
		margin-left: 5px;
	}
	.tourItem .tourDate .line3{
		font-size: 14px !important;
		padding-top: 0;
		margin-left: 5px;
		display: inline-block;
		float: left;
	}
	.tourPage .tourDeets1 a, .tourPage .tourDeets1{
		font-size: 16px;
	}
	.tourItem .tourDetails{
		clear: left;
		padding: 10px 0px 0 0;
	}
	.tourItem .venueMobile{
		font-size: 12px;
		clear: left;
		margin: 10px 0;
		font-weight: bold;
	}
	.tourPage .tourTix{
		position: relative;
		right: auto;
		top: auto;
		width: auto;
		clear: left;
		text-align: left;
		margin-top: 0;
	}
	.tourPage .button.soldOut{
		padding-left: 0;
		padding-right: 0;
	}
	.auctionPage .sharingStore{
		display: none!important;
	}
	.auctionItem{
		padding: 20px;
	}
	.auctionItem .auctionDate{
		position: relative!important;
		width: auto !important;
		text-align: left !important;
		top:auto;
		left: auto;
	}
	.auctionItem .auctionDate:after{
		display: table;
		content: '';
		clear: both;
		width: 100%;
		height: 0;
	}
	.auctionItem .auctionDate .line1{
		display: inline-block;
		float: left;
		font-size: 14px !important;
	}
	.auctionItem .auctionDate .line2{
		display: inline-block;
		float: left;
		font-size: 14px !important;
		padding-top: 0!important;
		margin-left: 5px;
	}
	.auctionItem .auctionDate .line3{
		font-size: 14px !important;
		padding-top: 0;
		margin-left: 5px;
		display: inline-block;
		float: left;
	}
	.auctionItem .festivalInfo{
		clear: left;
		padding: 10px 0px 0 0;
	}
	.auctionItem .festivalInfo .festName{
		margin-bottom: 2px;
		font-size: 18px;
	}
	.auctionItem .festivalInfo .festLoc{
		font-size: 12px;
	}
	.auctionItem .auctionBtns{
		position: relative;
		right: auto;
		top: auto;
		width: auto;
		display: inline-block;
		margin-top: 10px;
	}
	.announcementTour{
		padding: 20px 20px 20px 20px;
	}
	.tourPage #exclaim{
		display: none;
	}
	#showAdmats .defaultYear{
		font-size: 28px;
	}
	#showAdmats .defaultLoc{
		font-size: 22px;
	}

}
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
	.overlayBGDiv{
		left: 10%;
		margin-left: 0;
		top: 10%;
		max-height: 80%;
		height: 80%;
		width: 80%;
	}
	
	.tourPage .buttonContainer {
	    margin-left: 0px;
	    margin-right:20px;
	}
	
	.tourPage .buttonsWidth {
		width:inherit; 
		float:left;
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	/*.row, .row .row {
		margin-right: -15px;
		margin-left: -15px;
	}*/
	/*.col60right, .col40right{
		padding: 0;
	}
	.col60, .col40{
		padding: 0;
	}*/
	.showOnMobile{
		display: block !important;
	}
	.hideOnMobile{
		display: none !important;
	}
	.overlayBGDiv{
		left: 5%;
		top: 5%;
		max-height: 90%;
		height: 90%;
		width: 90%;
	}
	/*
		OTHER GLOBALS
	*/
	.featCommGroup .shareLinks {
		text-align: center;
	}
	.featCommGroup .shareLinks a.donatebtn{
		float: none;
	}
	.fancybox-nav span {
		visibility: visible;
		display: block;
	}
	
	.fancybox-nav {
		top: 100% !important;
		height: 100px!important;
	}
	
	/*
		NAVIGATION
	*/
	.navDiv{
		line-height: 0px !important;
	}
	.navDiv #navBG{
		margin-bottom: -10px;
	}
	.logoArea{
		margin-top: 30px;
	}
	/*
		FOOTER
	*/
	#footer #navBG{
		margin-bottom: 10px;
	}


	/*
		HOME PAGE
	*/
	.homePage #homeslider .homesliderIndicators{
		right: auto;
		width: 94%;
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: calc(100% - 20px);
		text-align: center;
		bottom: -46px;
	}
	#headerTweetList{
		height: 90px;
	}
	.homePage #latestNews{
		padding: 38px 20px 30px;
	}
	.homePage #latestNews a.readMoreBtn.mobile{
		position: absolute;
		right: 20px;
		top: 33px;
	}
	.homePage .tourDiv{
		padding: 38px 0px 40px;
	}
	.homePage .tourImgHover{
		display: none;
	}
	.homePage .tourDiv a.upcomingBtnMobile{
		position: absolute;
		right: 20px;
		top: 33px;
	}
	#homeslider .flex-control-nav{
		display: block;
		right: auto;
		width: 100%;
	}
	.homePage #instaDiv{
		padding-bottom: 0;
	}
	.homePage .instaImg{
		width: 48%;
		margin-left: 4%;
	}
	.homePage .instaImg:nth-child(odd){
		margin-left: 0;
	}
	.homePage .instaImg:nth-child(1), .homePage .instaImg:nth-child(2){
		margin-bottom: 4%;
	}
	/*
		BAND PAGE
	*/
	#memberCarousel .carouselItemIn{
		padding-bottom: 0;
	}
	
	/*
		PRESS PAGE
	*/

	/*
		MUSIC PAGE
	*/
	/*.musicPage .albumTop{
		padding-left: 0;
		padding-right: 0;
	}*/
	.musicPage .albumInfo h3{
		max-width: none !important;
	}
	.musicPage .purchaseLinks .button{
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	.musicPage .purchaseLinks .button:first-child {
		margin-top: 0;
	}
	/*
		FILM PAGE
	*/
	.filmPage .purchaseLinks .button{
		margin-left: 0;
		margin-right: 0;
		margin-top: 10px;
		width: 100%;
		display: block;
	}
	.filmPage .purchaseLinks .button:last-child {
		margin-top: 0;
	}
	/*
		TOURPAGE
	*/
	.tourPage #mainTourCarousel .carouselItemIn{
		padding-bottom: 0;
	}
	.tourPage .rAdmatDiv{
		padding: 10px 0px 0px;
	}
	#showAdmats .defaultYear{
		font-size: 20px;
	}
	#showAdmats .defaultLoc{
		font-size: 18px;
	}
	
	/*
		STORE PAGE
	*/
	.storePage #storeVid{
		display: none;
	}
	.storePage .usEuropeBanner{
		font-size: 12px;
		margin-top: -5px;
		text-align: center;
	}
	.storePage .usEuropeBannerIn{
		padding:10px 10px 10px 70px;
	}
	.preOrderDetails .firstPart{
		font-size: 14px;
	}
	.preOrderDetails .secondPart{
		font-size: 12px;
	}
	.storeFrontPage .storebannerImg{
		margin: -3px auto 0;
		max-width: 100%;
	}
	.storeFrontPage .productPicturr{
		margin-bottom: 20px;
	}
	.storeFrontPage .productTitle{
		font-size: 16px;
	}
	.storeFrontPage .productBtn .rSide{
		top: 16px;
		font-size: 22px;
		line-height: 1em;
	}
	.storeFrontPage .col-xs-6{
		width: 50%;
		float: left;
	}

	/*
	TOUR PAGE
	*/
	.tourPage .followInsta{
		padding: 10px 20px 0;
	}
	.tourPage .tourDate{
		width: 19%;
		float: left;
		font-size: 18px !important;
		padding-top: 3px;
	}
	
	/*.archivesPage .tourDate .line2{
		font-size: 30px!important;
	}
	.archivesPage .tourDate .line3{
		font-size: 15px!important;
	}*/
	.tourPage .tourDeets1{
		float: left;
	}
	.tourPage .tourarchiveDiv{
		text-align: center;
	}
	.tourPage .tourarchive{
		margin:20px auto;
		float: none;
	}
	.archivesPage .searchArchives, .archivesPage .searchArchives #searchArchiveInput{
		width: 100%;
	}


}
 
/* Landscape phones and down */
@media (max-width: 480px) {  
	.showOnTiny{
		display: block!important;
	}
	.hideOnTiny{
		display: none!important;
	}
	.overlayBGDiv{.storeFrontPage .productBtn .rSide
		left: 0%;
		top: 0%;
		max-height: 100%;
		height: 100%;
		width: 100%;
		max-width: 100%;
	}
	.overlayBGDiv .closeOverlay{
		right: 0px;
		top: 0px;
	}
	.lBorder, .rBorder{
		display: none;
	}
	.innerPage{
		width: 100%;
	}
	hr, hr.hr2{
		width: 100%;
		margin-left:0;
		left:0;
	}
	/*
		NAVIGATION
	*/
	.navDiv #navBG{
		margin-bottom: 0px;
	}
	/*
	/*
		FOOTER
	*/
	#footer .footerTop{
		width: 100%;
	}
	/*
		HOME PAGE
	*/
	.homePage #headerTweetList{
		height: 100px !important;
	}
	/*
		STORE PAGE
	*/
	.storePage .faqLinks{
		font-size: 16px;
	}
	.storeFrontPage .storebannerImg{
		margin-top: -5px;
	}
	.storeFrontPage .productTitle{
		min-height: 0;
	}
	.storeFrontPage .col-xs-6{
		width: 100%;
	}
	.storeFrontPage .productBtn .rSide {
		top: 11px;
		font-size: 32px;
	}
	/*
		TOUR PAGE
	*/
	.tourPage .tourDate{
		font-size: 14px !important;
	}
	#showAdmats .defaultHead{
		margin: 11% auto 5%;
	}
	#showAdmats .defaultYear{
		font-size: 16px;
	}
	#showAdmats .defaultLoc{
		font-size: 13px;
	}
	/*.archivesPage .tourDate .line2{
		font-size: 24px!important;
	}
	.archivesPage .tourDate .line3{
		font-size: 12px!important;
	}*/
	

}