@media only screen and (max-width: 800px) {
	.logo_table_td img {
		width: 100% !important;
		//height: 89% !important;	
	}
	
	
	
	.main_layout #m_column {
		clear:both;
		width: 91%;
		position: relative;	
		margin: 1%;
	}
	.main_layout #l_column {
		width: 50%;
		border-right: #FFAE21 solid 2px;
	}
	.main_layout #r_column {
		width: 46%;
	}	

	    .adslot_1 {
		    width: 250px; 
		    height: 150px;
	     }	
	.a_add {
		font-size: 16px;
	}
	
}
@media only screen and (max-width: 768px) {

}

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

	.logo_table_td img {
		width: auto !important;
		height: auto !important;	
	}
	

	/* Force table to not be like tables anymore */
	#header table, 
	#header thead, 
	#header tbody, 
	#header th, 
	#header td, 
	#header tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#header thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#header tr { 
		//border: 1px solid #ccc; 
	}
 
	#header td { 
		/* Behave  like a "row" */
		border: none;
		//border-bottom: 1px solid #eee; 
		position: relative;
		//padding-left: 50%; 
		white-space: normal;
		text-align:center;
		margin: auto;
	}
 
	#header td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#header td:before { content: attr(data-title); }
	
	
	
	/* second table from the header, where ad starts --- STARTS */ 	
	#sub_header table, 
	#sub_header thead, 
	#sub_header tbody, 
	#sub_header th, 
	#sub_header td, 
	#sub_header tr { 
		display: block; 
	}
	#sub_header td { 		
		border: none;		
		position: relative;		
		white-space: normal;
		text-align:center;
		margin: auto;
		width: 98%;
	}
	#sub_header table td:nth-child(2){
		display: none;
	}
	/* second table from the header, where ad starts --- END */
	
	
	/* For Content Table --- STARTS */
	#m_column table, 
	#m_column thead, 
	#m_column tbody, 
	#m_column th, 
	#m_column td, 
	#m_column tr { 
		display: block; 
	}
	#m_column td { 		
		border: none;		
		position: relative;		
		white-space: normal;
		text-align:center;
		margin: auto;
		width: 98%;
	}
	/* For Content Table --- ENDS */	
	
	
	
	.main_layout #m_column {
	 	border:0px;
	}
	
	.main_layout #m_column img{
	 	width:91%;
	}	
	.main_layout #l_column {
		height:2150px !important;
	}
	.main_layout #r_column {
		height:2150px !important;
	}	
}


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

	.logo_table_td img {
		width: 100% !important;
		height: auto !important;	
	}	
	.main_layout #l_column img{
		width: 90%;			
	}	
	.main_layout #m_column {
		border:0px;
	}
	.main_layout #l_column {
		
	}
	.main_layout #r_column {

	}	
	#cse-search-box input[type="text"] {
		width: 80%;
	}
}


@media only screen and (max-width: 350px) {	
	
	.main_layout #l_column {
		clear:both;		
		border:0px;
		width:95%;
	}
	.main_layout #r_column {
		clear:both;	
		width:95%;
	}
}