/************************************************************************************
smaller than 1300
*************************************************************************************/
@media screen and (max-width: 1300px) {
	
#page {
	width: 90%;

}

#content {
	
	width: calc(100% - 380px);

}


#sidebar {
	margin-right: 0px;
	width: 300px;

}


#header {
	width: 100%;height: 114px;  	
}


#slider {
	max-width: 100%;
margin-top: 0px;

}


.callbacks_container {
  width: 100%;
  height: auto;
  max-height: 585px;
}

.callbacks img {
  width: 100%;
  height: auto;
  max-height: 585px;

}


#block-wide-content {
	width: 90%;
}


#header-content {
	height: 114px;  	
}


img.site-logo {
	margin-left: 5px;
		width: 145px;

	
}
#radio-player {
	width: calc(100% - 540px);
	margin: 6px 30px 0px 170px;
		text-align: center;


}

.nav-slash {
}
	nav {
  margin: 25px 15px 0px 0px;
}

#menu
{
	  margin: -60px 0 0 -250px;


}





img.thumb-news {
	height: 175px;
}


}



/************************************************************************************
smaller than 1160
*************************************************************************************/
@media screen and (max-width: 1160px) {
	
#page {
	width: 90%;

}

#content {
		width: calc(100% - 320px);

}


#sidebar {
	width: 260px;
}

#header {

}


#slider {

}


.callbacks_container {
  max-height: 522px;
}

.callbacks img {
  max-height: 522px;

}




#block-wide-content {
	width: 90%;
}


#radio-player {
	width: calc(100% - 540px);
	margin: 6px 30px 0px 170px;
		text-align: center;

}




}





/************************************************************************************
smaller than 1000

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




#page {
	width: 100%;

}

#content {
	width: 90%;
	float: none;
	margin: 0 auto;
}

  
  	#sidebar {
	margin: 0 auto;
	float: none;
	width: 90%;
}


#header {
  padding: 0;
  margin: 0;
  width: 100%;
  			 
}


#header-content {
	width: calc(100% - 120px);
		padding: 0px;
		float: left;
		

}

#slider {
	width: 100%;
	margin-top: 0;
}

#block-wide-content {
	width: 90%;
}

	

img.site-logo {

}


#radio-player {
	width: calc(100% - 360px);
	margin: 6px 30px 0px 120px;
		text-align: center;


	
}


	nav {
  margin: 25px 15px 0px 0px;
}

#menu {
	  margin: -60px 0 0 -260px;
}


#nav-bar {

}
.nav-bar {
	font-size: 15px;
}

.nav-bar-over {
	font-size: 15px;
}
	
	
	.nav-slash {
		margin: 0 calc(100% / 50);
	font-size: 14px;


}
img.social-button {
	width: 20px;
	margin: 0px 0px 0 20px;
	display: none;
}



.callbacks .caption {
  font-size: 36px;
  line-height: 36px; 
  padding: 10px 20px 20px 20px;

  }
  
  
    .callbacks .annotation {
  font-size: 26px; line-height: 30px;
  }



callbacks_container {
  max-height: 415px;
}

.callbacks img {
  max-height: 415px;

}
  



img.now { 
	width: 100px;
	height: 100px;

}


.podcast {
	width: calc(33.3% - 40px);
	
}



.gap-vertical {
	width: 60px;
}



.podcast-home {
	width: calc(25% - 30px);
}

.gap-vertical-home {
	width: 40px;
}

.artist-right {
	float: none;
	width: 100%;
	margin: 0 0 20px 0px;
}


.gap-ipad {
}

.gap-desktop {
}


img.thumb-news {
	width: 100%;
	height: 56.25%;
}



	
img.now-schedule { 
	width: 120px;
	height: 120px;
	float: right;
	margin: 0 0px 0 15px;
			border: 1px solid #dedede;
}

.now-next-schedule-info {
	width: calc(90% - 145px);
padding: 0px;
float: left;	
}


}


/************************************************************************************
smaller than 660

MOBILE NAV ONLY
*************************************************************************************/
@media screen and (max-width: 660px) {
	


#page {
	margin-top: 0px;
}

#block-wide-content {
	width: 90%;
	padding: 50px 0 0px 0;

}
		
#paypal-box {
	width: calc(100% - 52px);
	margin: 0;
	float: none;
	margin-bottom: 35px;
}

#header {
	height: 105px;
    position: fixed;
    border-bottom: 1px solid #95d0f6; 
    background-color: #ffffff;

    }


#header-content {
	width: calc(100% - 120px);
		height: 105px;

}


img.site-logo {
		margin: 4px 0px 0px 1px;
	width: 125px;
}


#radio-player {
	width: calc(100% - 220px);
	margin: 2px 0px 0 70px;
}


.mobile-display {
	display: none;
}


	nav {
  margin: 20px 10px 0px 0px;
}

#menu {
	  margin: -60px 0 0 -265px;
}


#mobile-nav-box {

}


#nav-bar {
		margin-top: 106px;
		border-top: none;

}
.nav-slash {
			font-size: 13px;
			margin: 0 10px;
			}


.callbacks_container {
height: 297px;  
  }
  
  
  .callbacks img {
  height: 297px;
  width: 660px;
  left: calc(-330px + 50%);
  }
  
  

  
.callbacks .caption {
  font-size: 32px;
  line-height: 28px; 
  padding: 0px 15px 20px 15px;

  }

  
  .callbacks .annotation { 
  font-size: 22px; line-height: 32px;
  }





  .desktop {
	  display: none;
  }
  .mobile {
	  display: inline;
  }
  
  
.podcast {
	width: calc(50% - 20px);
} 

.podcast-home {
	width: calc(50% - 20px);
}


.gap-desktop {
	display: none;
}

.gap-vertical {
	display: none;
}


.gap-vertical-home {
	display: none;
}

.gap-vertical-home-mobile {
	height: 30px;
	overflow: hidden;
	width: 40px;
	float: left;
	display: block;
}

.gap-mobile {
	clear: both;
	height: 30px;
	overflow: hidden;
	width: 100%;
	float: none;
	display: block;
}




.gap-vertical-mobile {
	float: left;
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block
}

img.featured {
	width: 45%;
}





.event-info {
	width: calc(100% - 150px);
	margin-left: 20px;
	padding: 10px 0;
	
}

img.flyer {
	width: 130px;
}



.promoters {
	width: 130px;
}
img.fandango {
	width: 120px;
		margin: 15px 0 10px 10px;

}
img.promoter {
	width: 70px;
	margin: 0px 0 10px 30px;
}


.featured-event {
	margin: 0px 0 40px 0;
	padding: 0px 0 30px 0;
}

img.featured-flyer {
	width: 40%;
	margin: 0 10px 0px 15px;
}
img.featured-fandango {
	width: 25%;
	margin: 0 10px 0px 15px;
}


img.featured-promoter {
}

.time {
	width: calc(100% - 152px);
	text-align: left;
	margin-left: 30px;
}

.on-air {
	width: calc(100% - 152px);
		margin-left: 30px;

}

img.schedule-thumb {
	width: 120px;
	height: 120px;

}




}



/************************************************************************************
smaller than 460
*************************************************************************************/
@media screen and (max-width: 460px) {
	


#header {
	background-color: #ffffff;


}
#header-content {
	width: calc(100% - 85px);
	

}
	nav {
  margin: 20px 0px 0px 0px;
}

#menu {
	  margin: -60px 0 0 -275px;
}
#nav-bar {
	
			margin-top: 106px;
				  line-height: 14px;
}

.nav-slash {
			margin: 0 7px;
				opacity: 0.9;

			}


img.site-logo {
		margin: 10px 0px 0px 0px;
	width: 110px;
}

.tiny-mobile {
	display: none;
}

#tiny-mobile-break {
	display: block;
	height: 1px;
	overflow: hidden;
	width: 100%;
}


#radio-player {
	width: calc(100% - 160px);
	width: 100px;
	margin: 2px auto 0 auto;
	float: none;
	
}


  
.callbacks_container {
		margin-top: 111px;
height: 207px;  
  }
  
  
  .callbacks img {
  height: 207px;
  width: 460px;
  left: calc(-230px + 50%);
  }  
  
.callbacks .caption {
  font-size: 32px;
  line-height: 28px; 
  padding: 0px 10px 40px 10px;

  }

  .callbacks .annotation { 
  display: none;
  }
  
  	.nav-gap {
	margin: 0px 0 5px 0;
}

img.featured {
	
		width: 35%;

	
}









.thumb-left {
	width: 100%; 
	float: none;
	margin: 0 0 40px 0;
}


.thumb-right {
	width: 100%; 
	float: none;
	margin: 0 0 40px 0;
}




.event {
	margin: 20px 0 30px 0;
	padding: 0 0 30px 0;
	border-radius: 0px;
	border: 0;
		border-bottom: 1px solid #dddddd;

}

.event-info {
	width: calc(60% - 15px);
	margin: 0px;
	padding: 0;
}



img.flyer {
	width: 40%;
	margin: 0 0 15px 0px;
}




img.fandango {
	width: 50%;
		margin: 15px 0 10px 10px;
float: left;
}
img.promoter {
	float: left;
	width: 35%;
	margin: 30px 0 10px 10px;
}




img.featured-flyer {
	width: 40%;
	margin: 0 0 15px 15px;
}
img.featured-fandango {
	width: 25%;
	margin: 0 0px 0px 10px;
}


img.featured-promoter {
}


img.advance-tickets {
	width: 50px;
	margin: 0 0px 10px 10px;
}

 img.sold-out {
	width: 40px;
	margin: 0 0px 10px 10px;
}
img.free-entry {
	width: 40px;
	margin: 0 0px 10px 10px;
}

img.fb {
	width: 25px;
	float: right;
	margin: 10px 0px 10px 10px;
}
img.flyers-icon {
	width: 50px;
	float: right;
	margin: 0 0px 10px 10px;
}




}