/* =============================================================================
	= Mobile Styles
   ============================================================================= */

@media only screen and (max-device-width: 699px) {

	/* • Below for "concerts.html" List view 
	=============================================== */	
		.list-container { margin-top:30px}

		.list-item-row  { width:100%; margin-bottom:30px; background-color:#e6e6e6; padding-bottom:5px;}

		.list-item-row .item-col1 { width:70%; float:left; display:inline-block;}
		.list-item-row .item-col2 { width:29%; float:right; display:inline-block; margin-right:-10px}
		.list-item-row .item-col3 { width:100%; clear:both; background-color:#e6e6e6;}
		.list-item-row .item-col3 .col3-pos .item-title { padding-top:50px}

		.list-item-row .item-col3 .col3-pos .col3-info-blk .table-blk .table-row .t-leftcol  { width:100%; float:none; margin-top:30px; font-weight:bold}
		.list-item-row .item-col3 .col3-pos .col3-info-blk .table-blk .table-row .t-rightcol { width:100%; float:none;}
		.list-item-row a:hover .item-col3 .more { display:none; visibility:hidden;}
		.list-item-row .item-col1 .item-date-blk .item-month { font-size:25px;} 	
		.list-item-row .item-col1 .item-venue 	 { padding:20px; font-size:23px; max-height:999999px}


	    /* • Columns of same height styles for "3 gray box"
	    ---------------------------------------------------- */
	    .row-full-height-list { height:auto; }
	    .col-full-height-list { height:auto; vertical-align:top;}
	    .row-same-height-list { display:block; width:100%; table-layout: auto; }
	    .col-xs-height-list   { display:block; float:none !important;}


	/* • Below for "press-release.html" List view 
	=============================================== */	
		.pr-blk		  	 { min-height:auto}
		.pr-blk	.pr-col1 { width:100%;}
		.pr-blk	.pr-col2 { width:100%;}
		.pr-blk	.pr-col2 .pr-info-blk { padding:20px 40px}
		.pr-blk	.pr-col1 .pr-date-blk .pr-month { font-size:25px;} 

	 	html body.en .pr-blk .pr-col2 .pr-info-blk .pr-title   { font-size:40px; max-height:999999px}
		html body.tc .pr-blk .pr-col2 .pr-info-blk .pr-title   { font-size:40px; max-height:999999px}
		html body.sc .pr-blk .pr-col2 .pr-info-blk .pr-title   { font-size:40px; max-height:999999px}
		.pr-blk	.pr-col1 .pr-date-blk .pr-date  { padding-left:35px; max-height:999999px}

		.view-ph-blk	{ padding:30px 0 20px 0; margin-left:35px;}
		a:hover .pr-info-blk .more { display:none;}





}