@media only screen and (min-width: 40.063em) {

	body
	{
		padding: 0;
	}
	
	h2
	{
		font-size: 2.1rem;
	}
	h3
	{
		font-size: 1.5rem;
	}
	
	h4
	{
		font-size: 1.25rem;
	}
	
	ul#mainNav > li
	{
		font-size: .85rem;
	}
	
	#system-message
	{
		margin-left: 0;
		margin-right: 0;
	}
	#page-wrapper
	{
		margin: 0 auto;
	}
	
	#page-header-logo
	{
		max-width: 150px;
	}
	
	
	img#banner-logo-image
	{
		padding: 1.5rem 0;
		width: 105px;
	}

	#top-nav-wrapper
	{
		float: right;
		width: auto;
		font-size: .9rem;
		font-weight: 600;
	
	}
	
	.toolbar-item span.toolbar-button-text
	{
		display: none;
	}
		
	ul#page-top-nav li#top-nav-menu-button,
	ul#page-top-nav li#top-nav-section-menu-button
	{
		display: none;
	}


	ul#mainNav > li:first-child > span
	{
		border-radius: 0;
	}
	ul#mainNav > li:last-child > span
	{
		border-radius: 0;
	}


	h1#page-banner-title
	{
		max-width: 95%;
		letter-spacing: 0px !important;
		font-size: 2rem;
		font-weight: 400;
	}
	
	#subnav-sticky-wrapper.is-sticky .row#subnav
	{
		display: none;
	}

	.small-black
	{
		background: none;
	}
	
	.small-border
	{
		border: none;
	}
	.medium-border
	{
		border: 1px solid #333;
	}

	
		
	.content-card-title
	{
		font-family: inherit !important;
		font-size: 1.5rem;
	}
	
	.content-card-title span.video-card-title-text
	{
		font-size: 1.5rem;
	}
	
	li.small .content-card-title
	{	
		font-size: 1.2rem;
		line-height: 1.2em;	
	}
	li.small .content-card-title span.video-card-title-text
	{
		font-size: 1.2rem;
	}
	
	#cart-widget span#checkout-text
	{
		display: none;
	}
	
	#cart-widget {
		top: 6.6rem;
	}
	
	.section-label
	{
		font-size: 1.2rem;
		display: block;
		line-height: 1.5em;
	}

	.row.medium-stacking .columns
	{
		padding-bottom: .5rem;
	}
	
	.image-block-wrapper.medium-horizontal
	{
		width: 100%;
		float: left;
		position: relative;
	}
	 
	/* Fav Badge Wrapper */
	.image-block-wrapper.medium-horizontal .image-block-fav-wrapper
	{
		position: absolute;
		top: 50%;
		transform: none;
		transform: translateY(-50%);
		
	}

	.image-block-wrapper.medium-horizontal .image-block-play-icon-wrapper
	{
		position: absolute;
		transform: none;
		top: 50%;
		transform: translateY(-50%);
	}
	
	/* The Image  */
	.image-block-wrapper.medium-horizontal .image-block-image
	{
		float: left;
		margin-left: 2rem;
		width: 10%;
		min-width: 50px;
		max-width: 80px;
		margin-right: 2%;
		border: 1px solid #555;
		position: relative;
	}
	
	.image-block-wrapper .image-block-image img
	{
		width: 100%;
	}
	
	
	/* The Caption */
	.image-block-wrapper.medium-horizontal .image-block-caption-wrapper
	{
		float: left;
		width: 59%;
		margin-right: 2rem;
		text-align: left;
		line-height: 1em
	}
	
	.image-block-wrapper.medium-horizontal .image-block-caption-wrapper .image-block-caption
	{
		font-size: 1rem;
		font-family: Oswald;
		letter-spacing: .03em;
		font-size: .9rem;
		text-transform: uppercase;
		text-align: left;	
		line-height: 1.1em;
		margin-top: 0;
		color: white;
	}
	
	
	/*   Difficulty Icons */
	.image-block-wrapper.medium-horizontal ul.image-block-difficulty-icons
	{
		text-align: left;
	}
				
			
}

@media only screen and (max-width: 64em)
{
	.medium-black
	{
		background: rgba( 0, 0, 0, .55);
		padding-top: 1rem;
		padding-bottom: 1rem;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		margin-bottom: 1rem;
	}
	
}

/*****************************************
*************   Small Styles  ************
*****************************************/
@media only screen and (max-width: 40em) 
{
	
	#system-message
	{
		margin-left: 0;
		margin-right: 0;
	}

	
	h1.huge, h2.huge
	{
		text-transform: uppercase;
		font-size: 3rem;
		line-height: 1.2em;
		font-weight: bold !important;
	}
	
	h2, .h2
	{
		font-size: 1.4rem
	}
	h3, .h3
	{
		font-size: 1.3rem;
	}
	.statement
	{
		font-size: 1.2rem;
	}
	
	.toolbar-item
	{
		font-size: .9rem;
	}
	.toolbar-item span.toolbar-button-text
	{
		display: none;
	}
			
			
	img#banner-logo-image
	{
		padding: 1rem 0;
		width: 90px;
	}
	
	#top-nav-wrapper ul#page-top-nav li
	{
		margin: 0 .25rem 0 0;
		font-size: .9rem;
	}
	
	
	#top-nav-wrapper ul#page-top-nav li#top-nav-store-link,
	#top-nav-wrapper ul#page-top-nav li#top-nav-cart-link,
	#top-nav-wrapper ul#page-top-nav li#top-nav-account-menu-button,
	#top-nav-wrapper ul#page-top-nav li#top-nav-setlist-link,
	#top-nav-wrapper ul#page-top-nav li#top-nav-search-link,
	#top-nav-wrapper ul#page-top-nav li#top-nav-proplayer-link
	
	{
		margin-left: .25rem;
	}

	#mainNav,
	#page-header-wrapper #page-header-logo,
	ul#page-top-nav li#top-nav-setlist-link,
	ul#page-top-nav li#top-nav-store-link,
	ul#page-top-nav li#top-nav-search-link

	{
		display: none !important;
	}

	#page-wrapper
	{
		margin: 0 auto;
	}
	
	
	#page-banner-wrapper
	{	
		border-top: 1px solid #555;;
	}
	
	h1#page-banner-title
	{
		letter-spacing: 0px !important;
		max-width: 95% !important;
		font-size: 1.7rem;
		font-weight: 400;
	}
	
	
	
	/********* Breadcrumbs *************/
	#page-banner-breadcrumbs-wrapper
	{
		clear: both;
		padding: .5rem;
		width: 100%;
	}
	
	#page-banner-crumbs-wrapper
	{
		display: none;
	}
	

	#page-banner-subnav-wrapper
	{
			display: none;
	}

	ul#page-banner-breadcrumbs
	{
		font-size: .73rem;
	}
	
	
	ul#page-banner-breadcrumbs li:after
	{
		content: "/";
		font-weight: 900;
		color: #aaa;
		margin-left: .25em;
		margin-right: .25em;
		
	}

	#media-row-wrapper, #content-row-wrapper
	{
		padding-left: 0rem;
		padding-right: 0rem;
		box-sizing: border-box;
	}	

	
	h1 span.sectionTitle
	{
		font-family: "Nothing You Could Do", inherit;
		font-size: 1.5rem !important;
		letter-spacing: 0px;
	}
	
	.small-border
	{
		border: 1px solid #333;
	}
	
	.small-border-bottom
	{
		border-bottom: 1px solid #777;
	}
	.tabs
	{
		border-bottom: 2px solid white;
	}
	.tabs dd
		{
		 font-family: Oswald;
	   text-transform: none !important;
	   width: 100%;
	   line-height: 1.4em !important;
		   font-size: 1rem !important;
	}
		
	.tabs dd a
	{
			 padding-left: .5rem !important;
		padding-right: .5rem !important;
	}

	.thumbnail_title
	{
		font-size: .9rem !important;
		line-height: 1.1rem !important;
		text-align: left !important;
		padding: 0 !important;
	}
	.small-collapse
	{
		padding-left: 0.5rem !important;
		padding-right: 0.1rem !important;
	}
	.breadcrumbs li
	{
	  letter-spacing: 0;
	  font-family: Oswald !important;
	  font-weight: 700;
	  font-size: .7rem;
	}

	.breadcrumbs li:before
	{
	  margin-left: .5em;
	  margin-right: .5em;
	}
	.breadcrumbs a
	{
	  color: #999;
	  font-family: inherit !important;
	}
	
	.small-black, .medium-black
	{
		background: rgba( 0, 0, 0, .85);
		padding-top: 1rem;
		padding-bottom: 1rem;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		margin-bottom: 2rem;
	}

	ul.f-dropdown
	{
	  max-width: 90% !important;
	}   
	
	
	ul.sidebar-filters li
	{
	   clear: none;
	   width: auto;
	   font-size: .8rem;
	}
	
	ul.tiles li.tile
	{
		width: 50%;
	}

	ul.tiles.courses > li.tile
	{
		
	}

	.content-card-title
	{
		font-family: inherit !important;
		font-size: 1.5rem;
	}
	
	.content-card-title span.video-card-title-text
	{
		font-size: 1.5rem;
	}
	
	li.small .content-card-title
	{	
		font-size: 1.2rem;
		line-height: 1.2em;
	}
	li.small .content-card-title span.video-card-title-text
	{
		font-size: 1.2rem;
		line-height: 1.2em;
	}
	
	.columns.image-hero
	{
		height: 150px;
	}
	.row.checkout_status
	{
		font-size: .75rem;
	}
	#cart-widget span#checkout-text
	{
		display: none;
	}
	.section-label
	{
		font-size: 1.3rem;
		display: block;
		line-height: 1.5em;
	}
	.row.small-stacking .columns,
	.row.medium-stacking .columns
	{
		padding-bottom: .5rem;
	}

	.post-gallery.right-gallery,
	.post-gallery.left-gallery
	{
		clear: both;
		float: none;
		display: block;
		width: 100%;
		margin: 1rem 0;
	}
	
	.right-thumb, .left-thumb, .left-half, .right-half, .post-video.right-thumb, .post-video.left-thumb
	{
		clear: both;
		float: none;
		display: block;
		width: 100%;
		margin: 1rem 0;
	}
	
	
/*****************************************
*************   Badge Button  ************
*****************************************/
	.badge-button.huge
	{
		font-size: 1.2rem !important;
	}
	.badge-button.large
	{
		font-size: .8rem !important;
	}



/*****************************************
*************   CTA Button  ************
*****************************************/


	button.cta-button, a.cta-button
	{
		padding: .75em 1em;
		font-size: .9rem;
	}
	

/*****************************************
*************   Image Block  ************
*****************************************/			
	.image-block-wrapper.small-horizontal
	{
		width: 100%;
		float: left;
		position: relative;
	}
	 
	/* Fav Badge Wrapper */
	.image-block-wrapper.small-horizontal .image-block-fav-wrapper
	{
		position: absolute;
		top: 50%;
		transform: none;
		transform: translateY(-50%);
		
	}

	.image-block-wrapper.small-horizontal .image-block-play-icon-wrapper
	{
		position: absolute;
		transform: none;
		top: 50%;
		transform: translateY(-50%);
	}
	
	/* The Image  */
	.image-block-wrapper.small-horizontal .image-block-image
	{
		float: left;
		margin-left: 2rem;
		width: 10%;
		min-width: 50px;
		max-width: 80px;
		margin-right: 2%;
		border: 1px solid #555;
		position: relative;
	}
	
	.image-block-wrapper .image-block-image img
	{
		width: 100%;
	}
	
	
	/* The Caption */
	.image-block-wrapper.small-horizontal .image-block-caption-wrapper
	{
		float: left;
		width: 59%;
		margin-right: 2rem;
		text-align: left;
		line-height: 1em
	}
	
	.image-block-wrapper.small-horizontal .image-block-caption-wrapper .image-block-caption
	{
		font-size: 1rem;
		font-family: Oswald;
		letter-spacing: .03em;
		font-size: .9rem;
		text-transform: uppercase;
		text-align: left;	
		line-height: 1.1em;
		margin-top: 0;
		color: white;
	}
	
	
	/*   Difficulty Icons */
	.image-block-wrapper.small-horizontal ul.image-block-difficulty-icons
	{
		text-align: left;
	}
				
				
				
/*****************************************
*************   Lined and Block lists  ************
*****************************************/
	.row.lined .column-block
	{
		margin: 0;
		border-top: 1px solid #555;
		padding-top: .5rem !important;
		padding-bottom: .5rem !important;

	}
	.row.lined .column-block:last-child
	{
	}


	.medium-button, .medium-button:visited, .medium-button:hover
	{
		font-size: .8rem;
	}
	.small-button, .small-button:visited, .small-button:hover
	{
		font-size: .7rem;
	}
	
	
	ul.skill-icon-list li:before
	{
		display: none;
	}
}

@media only screen and (min-width: 64.063em) 
{
	
	#page-header-wrapper
	{
		padding-left: 0;
		padding-right: 0;
		margin-top: 2rem;
	}
	
	#page-header-inner-wrapper
	{
		width: 95%;
	}
	#page-content-wrapper
	{
		width: 95%;
	}

	#page-content
	{
		border-left: 1px solid #555;
		border-right: 1px solid #555;
	}

	ul#mainNav > li
	{
		font-size: .95rem;
	}
	
	ul#mainNav > li:first-child > span
	{
		border-radius: .5rem 0 0 0;
		border-left-width: 1px;
		border-left-style: solid;
	}
	ul#mainNav > li:last-child > span
	{
		border-radius: 0 .5rem 0 0;
		border-right-width: 1px;
		border-right-style: solid;
	}
	
	#system-message
	{
		margin-left: -1rem;
		margin-right: -1rem;
	}

	#page-wrapper
	{
		margin: 1rem auto 0 auto;
	}
	#page-header-logo
	{
		max-width: 200px;
	}
	#top-nav-wrapper
	{
		font-size: .8rem;
		font-weight: 600;
	}
	
	.toolbar-item span.toolbar-button-text
	{
		display: inline;
	}
		
	img#banner-logo-image
	{
		padding: 2rem 0;
		width: 125px;
	}

	h1#page-banner-title
	{
		width: 90%;
		max-width: 900px;
		font-size: 3rem;
		font-weight: 300;
		padding: 4rem 0;
	}
	
	#subnav-sticky-wrapper.is-sticky .row#subnav
	{
		display: block;
	}

	/********* Logo & Header *************/
	.row#header
	{
		padding-top: 0 !important; 
	}
	

	#cart-widget 
	{
		top: 3.2rem;
	}
	
	
	#toggle-link
	{
		position: absolute;
		top: .5rem;
		right: .1rem;
		font-size: 1.5rem;
		line-height: 1em;
	}
	#toggle-link:after
	{
		font-family: "FontAwesome";
		content: "\f066";
		color: #555;
		line-height: 1em;
	}
	
	#toggle-link.collapsed:after
	{
		font-family: "FontAwesome";
		content: "\f065";
		color: #555;
	}
	
	.content-card-title
	{
		min-height: 3rem;
		font-size: 2rem;
		line-height: 1.1em;
	}
	
	.content-card-title span.video-card-title-text
	{
		font-size: 2rem;
	}

	li.small .content-card-title
	{	
		font-size: 1.5rem;
		line-height: 1.1em;
	}
	li.small .content-card-title span.video-card-title-text
	{
		font-size: 1.5rem;
		line-height: 1.1em;
	}

	.row.checkout_status
	{
		font-size: .9rem;
	}


	#cart-widget span#checkout-text
	{
		display: inline;		
	}

	.section-label
	{
		font-size: 1rem;
		line-height: 1.5em;
	}

	.row.medium-stacking .columns,
	.row.small-stacking .columns
	{
		padding-bottom: inherit;
	}

.image-block-wrapper.large-horizontal
	{
		width: 100%;
		float: left;
		position: relative;
	}
	 
	/* Fav Badge Wrapper */
	.image-block-wrapper.large-horizontal .image-block-fav-wrapper
	{
		position: absolute;
		top: 50%;
		transform: none;
		transform: translateY(-50%);
		
	}

	.image-block-wrapper.large-horizontal .image-block-play-icon-wrapper
	{
		position: absolute;
		transform: none;
		top: 50%;
		transform: translateY(-50%);
	}
	
	/* The Image  */
	.image-block-wrapper.large-horizontal .image-block-image
	{
		float: left;
		margin-left: 2rem;
		width: 10%;
		min-width: 50px;
		max-width: 80px;
		margin-right: 2%;
		border: 1px solid #555;
		position: relative;
	}
	
	.image-block-wrapper .image-block-image img
	{
		width: 100%;
	}
	
	
	/* The Caption */
	.image-block-wrapper.large-horizontal .image-block-caption-wrapper
	{
		float: left;
		width: 59%;
		margin-right: 2rem;
		text-align: left;
		line-height: 1em
	}
	
	.image-block-wrapper.large-horizontal .image-block-caption-wrapper .image-block-caption
	{
		font-size: 1rem;
		font-family: Oswald;
		letter-spacing: .03em;
		font-size: .9rem;
		text-transform: uppercase;
		text-align: left;	
		line-height: 1.1em;
		margin-top: 0;
		color: white;
	}
	
	
	/*   Difficulty Icons */
	.image-block-wrapper.large-horizontal ul.image-block-difficulty-icons
	{
		text-align: left;
	}
				
			
}

@media only screen and (min-width: 116.454em) 
{
	
	body.stage #banner
	{
		background: #111 url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-Stage-Banner@2x.jpg") bottom center no-repeat;
	}

}