/************************************************************************************
smaller than 1200
*************************************************************************************/
@media screen and (max-width: 1200px) {#container {width: 90%; margin: 1% 5%;} }

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
  #container {width: 95%; margin: 1% 2.5%;}
  .listG li { margin-left: 15px; width: 43%;}
  #header, #footer {width: 100%; }
  #sublist ul li {width: 42%;}
  #fullcol {width: 96%; padding: 3% 0% 2% 0%; margin: 0px 10px;}
  
  .lmedcol {width: 63%; padding: 0% 3%; margin: 10px; overflow: hidden;}

  .tocbox {width: 32%; margin: 0px 0px 15px 0px; margin-left: 1.2%;}

  .full_menu {display: none;}


  #header {display: none;}
  #responsive-header {display: block;}
  #responsive-logo {display: block; margin-left: -5px;}
  
  .alist {font-size: 16px; font-size: 100% font-weight: normal; line-height: 33px;}

  #full{ width: 20%;}


	/* content */
	#content-xxxxxxxxxx {
		width: 60%;
		padding: 1% 4%;
	}

	/* sidebar */
	#sidebar {
		width: 30%;
	}
	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}

  .othfw, .hfw {float: left;}
  .othfw {width:29.2%;} .hfw {width:50%;} .fw {width:96%; clear: both;}
/*  
.article {width: calc(100% - 290px); float: left; min-height: 250px;}
  .side-bar {float: left; width: 260px; clear: right;}
*/
}

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

#fullcol {width: 96%;}
#sublist ul li {width: 92%;}
.lmedcol {width: 58%; padding: 0% 2%; margin: 0px 10px; overflow: hidden;}

.tocbox {float: left; width: 48%; margin: 0px 0px 10px 0px; margin-left: 2%;}
.last {margin-right: 20px;}
.intro {margin-left: 10px;}
	/* header */
	#header-xxxxxxxxx {
		height: auto;
	}

	/* search form */
	#searchform {
		position: absolute;
		top: 5px;
		right: 0;
		z-index: 100;
		height: 40px;
	}
	#searchform #s {
		width: 70px;
	}
	#searchform #s:focus {
		width: 150px;
	}

	/* main nav */
	#main-nav {
		position: static;
	}

	/* site logo */
	#site-logo {
		margin: 15px 100px 5px 0;
		position: static;
	}

	/* site description */
	#site-description {
		margin: 0 0 15px;
		position: static;
	}

	/* content */
	#content {
		width: auto;
		float: none;
		margin: 10px 0;

	}

	/* sidebar */
	#sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}
	#sidebar .widget {
		padding: 3% 4%;
		margin: 0 0 10px;
	}

.othfw {width:46%;} .hfw {width:50%;} .fw {width:96%;}
}

/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 800px) {
.othfw, .hfw, .fw {clear: both;}
.othfw {width:96%;} .hfw {width:99%;} .fw {width:96%;}
}

/************************************************************************************
smaller than 750
*************************************************************************************/
@media screen and (max-width: 750px) {
.article {float: none; clear: both; width: 98%; padding:10px 0px; border-right-color: #fff;}
.side-bar {float: none; clear: both; width: 92%; padding:10px; border-left-color: #fff;}
.contentwrap {padding: 0px 8px;}
}


/************************************************************************************
smaller than 700
*************************************************************************************/
@media screen and (max-width: 700px) {
.listG li { width: 41%;}
}

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

/* --------- New addition : You can make it Zero width border 
#container { padding: 0px; margin: 0px; width: 100%; }
#content { padding: 0px; margin: 0px; width: 97%; border: 5px solid #004D59;}
#container {width: 97%; margin: 1.5% 1.5%;}
#fullcol {width: 100%;}
----------------- */

#container {width: 100%; margin: 1% 0%;}
.article {width: 96%; padding:10px 2.5% 10px 1.5%; border-right: 0px;}

.pageheading {width: 97%; margin: 0px 0px 10px 8px; }
.lmedcol {width: 95.5%; padding: 0% 0%; margin: -8px 0px 0px 10px; clear: both; border: 0px; }
.tocbox {width: 96%; height: 100%; margin: 0% 0% 3% 0%;}
#fullcol {width: auto !important;}
#left {padding: 0px; margin: 0px;}
/* --------- ! for no border ----------------- */


.listG li { width: 92%;}
#sublist ul li {width: 42%;}

/* 
.tocbox {width: 100%; height: 100%; margin: 0% 0% 3% 0%;}
.lmedcol {width: 88%; padding: 0% 4%; margin: 0px 10px 10px 10px; overflow: hidden; clear: both; border: 0px;}
*/

.rslimcol {width:90%; margin: 3% 4%;}


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

	/* main nav */
	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
/* Make post image stretch to full width */
post-image {width:100%;}

#navone ul {text-align: center; }
#top-header {text-align: center; padding: 5px;}
#top-header img {width: 200px; margin-top: 5px; margin-left: -6px;}
.page-heading {width: auto!important; margin:0px -6px; overflow: hidden;} /* Newly added. following class omitted */
.pageheading {width: 95%; margin: 0px 0px 10px 7px; overflow: hidden; }
.lmedcol {width: 94%; padding: 0% 0%; margin: -8px 0px 0px 10px;  clear: both; border: 0px; }
.tocbox {width: 99%; height: 100%; margin: 0% 0% 3% 0%;}
#fullcol {width: 100%; padding: 0%;}
.mobfullw {width: calc(100% + 20px); margin: 8px -15px; z-index:1000; padding:0px !important;} /* Full width for Mobile */

p, pre {line-height: 1.7;}


.et_qno, .et_option a {font:Bold 18px Arial;}
/* Smaller font for Mobile
.et_mcq h2, .et_option, .et_optxt, .ans-box, .exp-box {font: 16px Arial;} 
*/

/* #fullcol {width: 94%;} */
.listK li {padding: 8px 1px;} 
.listK li a {padding: 8px 1px; font-size: 18px;}
.listG li { width: 88%;}
#sublist ul li {width: 94%;}
#content .title1 { padding: 0px 0px; border: 0px solid #004D59;}


/*
.tocbox {width: 94%; height: 100%; margin: 0% 3% 3% 3%;}
.lmedcol, .pageheading {width: 90%; padding: 0% 3%; margin: 0px 10px 10px 10px; overflow: hidden;}
*/

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

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

	/* main nav */
	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}

}

/************************************************************************************
smaller than 300
*************************************************************************************/
@media screen and (max-width: 310px) {
#fullcol {width: 99%;}
.listG li { width: 88%;}
#header, #footer, .intro, .slogan {width: 100%; }
.lmedcol, .pageheading {width:92%; padding: 0% 0%; margin: 0px 10px; overflow: auto;}
}
/*
     FILE ARCHIVED ON 15:51:49 Sep 27, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:26:50 Jul 01, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.654
  exclusion.robots: 0.072
  exclusion.robots.policy: 0.057
  esindex: 0.016
  cdx.remote: 5.981
  LoadShardBlock: 58.563 (3)
  PetaboxLoader3.datanode: 50.288 (4)
  PetaboxLoader3.resolve: 72.483 (2)
  load_resource: 83.6
*/