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

/* --------- New addition : You can make it Zero width border ----------------- */
.lmedcol {width: 95.5%; padding: 0% 0%; margin: -8px 0px 0px 10px; clear: both; border: 0px; }

#left {padding: 0px; margin: 0px;}



}

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

.lmedcol {width: 94%; padding: 0% 0%; margin: -8px 0px 0px 10px;  clear: both; border: 0px; }


p, pre {line-height: 1.7;}
.et_mcq h2, .et_qno, .et_option a {font:Bold 16px Arial;}
.et_option, .et_optxt, .ans-box, .exp-box {font: 16px Arial;} 


.et_option { width: 90%; margin 2% 0%;}

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}



}

/************************************************************************************
smaller than 300
*************************************************************************************/
@media screen and (max-width: 310px) {
.lmedcol, .pageheading {width:92%; padding: 0% 0%; margin: 0px 10px; overflow: auto;}
}

.lmedcol .et_mcq {
	border-bottom: 1px solid gray;
}
.lmedcol .et_qno {
	width: 25px;
	color: blue;
}
.lmedcol .ans-box {
	display:none;
}

.lmedcol .exp-box {
	display: none;
}

.lmedcol .et_option {
	font: bold;
	font-size: 18px;
}

.lmedcol span {
	color: color-grn;
}