.eventmenunew table.event_menu{width:100%; max-width:600px;}
.eventtable{width:100%; max-width:600px; margin:0 auto;}
.eventtop{padding:10px 0px;}
.eventtable .linescoredrawhead{font-size:11px; font-family:Verdana,Arial,Helvetica,sans-serif; text-align:center;}
.tcenter{text-align:center;}
.mtop15{margin-top:15px;}
.eventtable p{font-size:11px; font-family:Verdana,Arial,Helvetica,sans-serif;}
.table-responsive table.linescorebox td{padding:1px;}
.table-responsive img {
   	max-width: 100%;
   	height: auto;
}
.youtube_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.youtube_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/******************************************************************************************
					MEDIA QUERY LAYOUT STRUCTURE
				
@media (max-width: 767px) {XS DEVICE- EXTRA small:  for Mobile and Tablet}				
@media (min-width: 768px) and (max-width: 991px) {SMALL DEVICE- iPad Protlat and old Desktop view}
@media (min-width: 992px) and (max-width: 1199px) {MEDIUM DEVICE- iPad Landscap and large Desktop view}
@media (min-width: 1200px) {LARGE DEVICE- Projector EXTRA large Desktop view}
				
/******************************************************************************************/
@media (min-width: 240px) and (max-width: 480px) {
	
	*::after, *::before {
		box-sizing: border-box;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
		  max-width: 100%;
		width: 100%;
	}
	.table-responsive{
		
		min-height: 0.01%;
		overflow-x: auto;
		border: 1px solid #ddd;
		margin-bottom: 15px;
		overflow-y: hidden;
		width: 100%;
		 
	}
	.table-responsive table {
		margin-bottom: 0;
	 }
	.table-responsive table tr td, .table-responsive table tr th{
		line-height: 1.42857;
		padding: 1px;
		vertical-align: bottom;
	}
	.table-responsive.menu table tr td{
		display:block;
	}
	
	
	.eventmenunew .event_menu tr{width:50%; float:left; display:block;}
	.eventmenunew .event_menu td{display:block;}
	.teamtable .event_team_text > img{width:50px; height:60px;}
	.teamtable .event_player_photo > img{width:50px; height:60px;}
}	


@media (max-width: 767px) {
	.table-responsive{
		
		min-height: 0.01%;
		overflow-x: auto;
		border: 1px solid #ddd;
		margin-bottom: 15px;
		overflow-y: hidden;
		width: 100%;
		 
	}

	
}