/* CSS Document */
	@font-face {
		font-family: AdorshoLipi;
		src: url("AdorshoLipi") /* EOT file for IE */
		font-display: swap;
	}
	@font-face {
		font-family: AdorshoLipi;
		src: url("AdorshoLipi.woff") format("woff") /* TTF file for CSS3 browsers*/
		font-display: swap;
	}
	@font-face {
		font-family: AdorshoLipi;
		src: url("AdorshoLipi.ttf") format("truetype") /* TTF file for CSS3 browsers */
		font-display: swap;
	}
	* {
		padding: 0;
		margin: 0;
	}
	html, body {
		font-family: AdorshoLipi;
		font-size: 16px;
		padding: 0;
		margin: 0;
		border: 0;
		height: 100%;
		border-box: 0;
		background-color: #ffffff;
	}
	html {
		overflow-y: scroll;
	}
	.video {
		z-index: -100;
		margin: 0 0;
	}
	#moa:before, #accts:before, #team:before, #csopri:before, #csrpri:before, #edu:before, #csd:before, #srijangan:before, #partners:before {
		display: block;
		content: " ";
		margin-top: -140px;
		height: 140px;
		visibility: hidden;
	}
	.fancy {
		background-color: #016a9b;
		/*CSS3*/
		/* IE10 Consumer Preview */
		background-image: -ms-linear-gradient(top, #0272A7 0%, #015a78 100%);
		/* Mozilla Firefox */
		background-image: -moz-linear-gradient(top, #0272A7 0%, #015a78 100%);
		/* Opera */
		background-image: -o-linear-gradient(top, #0272A7 0%, #015a78 100%);
		/* Webkit (Safari/Chrome 10) */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0272A7), color-stop(1, #015a78));
		/* Webkit (Chrome 11+) */
		background-image: -webkit-linear-gradient(top, #0272A7 0%, #015a78 100%);
		/* W3C Markup, IE10 Release Preview */
		background-image: linear-gradient(to bottom, #0272A7 0%, #015a78 100%);
		/*HEIGHT: auto;*/
        vertical-align: bottom
	}
	.logobar {
		/* The image used */
		background-image: url("../img/aheadwl.jpg");
		min-height: 100px;
		/* Center and scale the image nicely */
		background-position: left;
		background-repeat: no-repeat;
		background-color: #ffffff;
		overflow: visible;
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
		z-index: 100; /* Stay on top */
		position: fixed; /* Setthe navbar to fixed position */
		top: 0; /* Position the navbar at the top of the page */
	}
	.bull {
		display: block;
		float: right;
		padding-right: 100px;
	}
	/* The side navigation menu */
	.sidebar {
		margin: 0;
		padding: 0;
		width: 180px;
		background-color: #ffffff;
		position: fixed;
		top: 130px;
		left: 10%;
		height: 100%;
		overflow: hidden;
	}
	div.content {
		max-height:100%;
		padding-left: 10%;
		margin-left: 200px;
		margin-right: 10%;
		padding-top: 140px;
		z-index: -99;
		background-color: #FFF;
	}
	.footer {
		position: fixed;
		padding-bottom: 0px;
		padding-top: 3px;
		bottom: 0;
		font-size: 14px;
		font-weight: 100;
		color: white;
		text-align: center;
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
		height: 18px;
		z-index: 5; /* Stay on top */
		
	}
	/* Add a black background color to the top navigation */
	.topnav {
		background-color: #016a9b;
		/*CSS3*/
		/* IE10 Consumer Preview */
		background-image: -ms-linear-gradient(top, #0272A7 0%, #015a78 100%);
		/* Mozilla Firefox */
		background-image: -moz-linear-gradient(top, #0272A7 0%, #015a78 100%);
		/* Opera */
		background-image: -o-linear-gradient(top, #0272A7 0%, #015a78 100%);
		/* Webkit (Safari/Chrome 10) */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0272A7), color-stop(1, #015a78));
		/* Webkit (Chrome 11+) */
		background-image: -webkit-linear-gradient(top, #0272A7 0%, #015a78 100%);
		/* W3C Markup, IE10 Release Preview */
		background-image: linear-gradient(to bottom, #0272A7 0%, #015a78 100%);
		overflow: visible;
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
		height: 26px;
		z-index: 100; /* Stay on top */
		position: fixed; /* Setthe navbar to fixed position */
		top: 100px; /* Position the navbar at the top of the page */
	}
	/* Style the links inside the navigation bar */
	.topnav a {
		float: left;
		display: block;
		color: #ffffff;
		text-align: center;
		padding: 0px 10px 0px;/* t r b l or t r&l b or t&b r&l*/
		text-decoration: none;
	}
	/* Add an active class to highlight the current page 
	.active {
		background-color: #fff;
		color: #000000;
	}*/
	/* Hide the link that should open and close the topnav on small screens */
	.topnav .icon {
		display: none;
	}
	/* Dropdown container - needed to position the dropdown content */
	.dropdown {
		float: left;
		overflow: hidden;
		min-width: 150px;
		z-index: 100;
		background-color: #016a9b;
	}
	/* Style the dropdown button to fit inside the topnav */
	.dropdown .dropbtn {
		font-size: 16px;
		border: none;
		outline: none;
		color: white;
		padding: 0px 6px 0px;
		background-color: inherit;
		font-family: inherit;
		margin: 0px;
	}
	/* Style the dropdown content (hidden by default) */
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #e7edf2;
		min-width: 160px;
		border: 1px solid #025082;
		box-shadow: 6px 8px 16px 0px rgba(0, 0, 0, 0.2);
		z-index: 100;
		margin-top: 0px;
	}
	hr.solid {
		height: 1px;
		background-color: #025082;
		border: none;
		padding: 0px;
	}
	/* Style the links inside the dropdown */
	.dropdown-content a {
		float: none;
		color: black;
		padding: 10px 16px 10px;
		text-decoration: none;
		display: block;
		text-align: left;
		background-color: inherit;
	}
	/* background color and link color of topnav links on hover */
	.topnav a:hover, .dropdown:hover .dropbtn {
		background-color: inherit;
		color: #D6D6D6;
	}
	/* Add a darker shade of blue background to dropdown links on hover (deeper) */
	.dropdown-content a:hover {
		background-color: #c8e9ef;
		color: black;
	}
	/* Show the dropdown menu when the user moves the mouse over the dropdown button */
	.dropdown:hover .dropdown-content {
		display: block;
	}
	.flexrow {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.flextab {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	/* Create two unequal columns that sits next to each other */
	.threetenths {
		-webkit-box-flex: 30%;
		-ms-flex: 30%;
		flex: 30%;
	}
	.seventenths {
		-webkit-box-flex: 70%;
		-ms-flex: 70%;
		flex: 70%;
	}
	.fourtenths {
		-webkit-box-flex: 40%;
		    -ms-flex: 40%;
		        flex: 40%;
	}
	.sixtenths {
		-webkit-box-flex: 60%;
		    -ms-flex: 60%;
		        flex: 60%;
	}
	.half {
		-webkit-box-flex: 50%;
		-ms-flex: 50%;
		flex: 50%;
		float: left;
	}
	.auto {
		-webkit-box-flex: auto;
		-ms-flex: auto;
		flex: auto;
	}
	/*.videogrid {
		border: #0000ff solid 1px;
		display: grid;
		grid-gap: 15px;
		grid-template-columns: 1fr 1fr;
		align-items: start;
		grid-template-areas: "v s";
	}
	.videoplayer {
		grid-area: v;
	}
	.scroller {
		grid-area: s;
	}*/
	.videogrid {
		border-top: #0000ff solid 1px;
		display: -ms-grid;
		display: grid;
		grid-gap: 15px;
		-ms-grid-columns: 1fr 15px 1fr;
		grid-template-columns: 1fr 1fr;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		grid-template-areas: "v s";
	}
	.videoplayer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: v;
	}
	.scroller {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
		grid-area: s;
	}
	p {
		display: block;
		margin-top: 0em;
		margin-bottom: 0em;
		margin-left: 0;
		margin-right: 0;
	}
	.heading {
		font-family: AdorshoLipi;
		font-size: 138%;
		text-align: left;
		font-weight: bold;
		font-style: normal;
		line-height: normal;
		text-decoration: none;
		color: #bb3d40;
		padding-top: 0px;
		padding-bottom: 4px;
	}
	.avheading {
		font-family: AdorshoLipi;
		font-size: 120%;
		text-align: left;
		font-weight: bold;
		font-style: normal;
		line-height: normal;
		text-decoration: none;
		color: #bb3d40;
		padding-top: 0px;
		padding-bottom: 8px;
	}
	.subheading {
		font-style: normal;
		line-height: 150%;
		font-weight: 600;
		text-decoration: none;
		text-indent: 0px;
		word-spacing: normal;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.para {
		font-style: normal;
		line-height: 1.6em;
		text-align: justify;
		padding-bottom: 10px;
	}
	.ipara {
		font-family: AdorshoLipi;
		font-size: 100%;
		font-style: italic;
		line-height: 1.4em;
		text-align: justify;
		padding-bottom: 10px;
	}
	.subpara {
		font-style: normal;
		line-height: 1.4em;
		text-align: left;
		margin-left: 15px;
		padding-bottom: 10px;
	}
	.avpara {
		font-style: normal;
		line-height: 1.4em;
		text-align: left;
		padding-bottom: 8px;
	}
	.avpara a {

		color: #0000bb;
	}
	.avcontent {
		border: #990000 solid 2px;
		border-bottom: none;
		border-right: none;
		border-left: none;
		clear: left;
		padding: 0px;
	}
	div.scroll {
		max-height: 420px;
		overflow: auto;
		font-style: normal;
		text-shadow: #000;
		text-decoration: none;
		line-height: normal;
		padding-bottom: 0px;
		padding-top: 4px;
		padding-right: 0px;
		padding-left: 0px;
		scrollbar-width: thin;
		scrollbar-color: #00578f #F5F5F5;
	}
	/* Works on Chrome/Edge/Safari */
	div.scroll::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color: #F5F5F5;
		/*background: #e4f3f4;*/
	}
	div.scroll::-webkit-scrollbar {
		width: 6px;
		background-color: #F5F5F5;
	}
	div.scroll::-webkit-scrollbar-thumb {
		border: 1px solid #e4f3f4;
		border-radius: 10px;
		background-color: #00578f;
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122, 153, 217)), color-stop(0.72, rgb(73, 125, 189)), color-stop(0.86, rgb(28, 58, 148)));
	}
	div.scrollp {
		border: #000099 solid 1px;
		width: auto;
		height: auto;
		border-bottom: none;
		border-right: none;
		border-left: none;
		padding: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-left: 0px;
		clear: left;
		overflow: auto;
		overflow-y: auto;
		font-style: normal;
		text-shadow: #000;
		text-decoration: none;
		line-height: normal;
		scrollbar-width: none;
		z-index: -100;
	}
	div.scrollg {
		border: #000099 solid 1px;
		width: 100%;
		max-height: 420px;
		border-bottom: none;
		border-right: none;
		border-left: none;
		padding: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-left: 0px;
		clear: left;
		overflow: auto;
		overflow-y: auto;
		font-style: normal;
		text-shadow: #000;
		text-decoration: none;
		line-height: normal;
		/*scrollbar-width: none ;*/
		scrollbar-width: thin;
		scrollbar-color: #00578f #F5F5F5;
	}
	/* Works on Chrome/Edge/Safari */
	div.scrollg::webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color: #F5F5F5;
		/*background: #e4f3f4;*/
	}
	div.scrollg::-webkit-scrollbar {
		width: 6px;
		background-color: #F5F5F5;
	}
	div.scrollg::-webkit-scrollbar-thumb {
		border: 1px solid #e4f3f4;
		border-radius: 10px;
		background-color: #00578f;
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122, 153, 217)), color-stop(0.72, rgb(73, 125, 189)), color-stop(0.86, rgb(28, 58, 148)));
	}
	/*div.scrollg::-webkit-scrollbar {
		width: 0 !important;
	}
	div.scrollg {
		overflow: -moz-scrollbars-none;
	}
	div.scrollg {
		-ms-overflow-style: none;
	}*/
	.list {
		list-style-position: outside;
		list-style-type: square;
		font-style: normal;
		line-height: 1.4em;
		text-align: justify;
		margin-left: 40px;
		visibility: visible;
		color: #000;
		padding-top: 4px;
	}
	ol#toc {
		height: auto;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ol#toc a {
		background: #bdf url(../img/tabs.gif);
		color: #008;
		display: block;
		float: left;
		height: 2em;
		padding-left: 10px;
		text-decoration: none;
	}
	ol#toc a:hover {
		background-color: #3af;
		background-position: 0 -120px;
	}
	ol#toc a:hover span {
		background-position: 100% -120px;
	}
	ol#toc li {
		float: left;
		margin: 0 1px 0 0;
	}
	ol#toc li.current a {
		background-color: #48f;
		background-position: 0 -60px;
		color: #fff;
	}
	ol#toc li.current span {
		background-position: 100% -60px;
	}
	ol#toc span {
		background: url(../img/tabs.gif) 100% 0;
		display: block;
		line-height: 2em;
		text-align: center;
		padding-right: 10px;
	}
	a.red:link {
		color: #0000ff;
		text-decoration: none;
	}
	a.red:active {
		color: #0000ff;
		text-decoration: none;
	}
	a.red:visited {
		color: #0000ff;
		text-decoration: none;
	}
	a.red:hover {
		color: #0000ff;
		font-weight: normal;
		text-decoration: none;
	}
	a.white:link {
		color: #ffffff;
		text-decoration: none;
	}
	a.white:active {
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
	}
	a.white:visited {
		color: #ffffff;
		text-decoration: none;
	}
	a.white:hover {
		color: #e7edf2;
		line-height: 1.4em;
		font-weight: normal;
		text-decoration: none;
	}
	a.black:link {
		color: #000000;
		line-height: 1.4em;
		text-decoration: none;
		padding-bottom: 0px;
		padding-top: 0px;
	}
	a.black:active {
		color: #000000;
		line-height: 1.4em;
		text-decoration: none;
		padding-bottom: 0px;
		padding-top: 0px;
	}
	a.black:visited {
		color: #000000;
		line-height: 1.4em;
		text-decoration: none;
		padding-bottom: 0px;
		padding-top: 0px;
	}
	a.black:hover {
		color: #0000ff;
		line-height: 1.4em;
		font-weight: normal;
		text-decoration: none;
		padding-bottom: 0px;
		padding-top: 0px;
	}
	a.blue:link {
		color: #0000ff;
		text-decoration: none;
		font-style: normal;
	}
	a.blue:active {
		color: #00000ff;
		text-decoration: none;
		font-style: normal;
	}
	a.blue:visited {
		color: #0000ff;
		text-decoration: none;
		font-style: normal;
	}
	a.blue:hover {
		color: #000066;
		text-decoration: none;
		font-style: normal;
	}
	img {
		border: 0px solid #fff;
		padding: 0px;
		max-width: 100%;
	}
	.monk {
		background-color: #fff;
		width: 16%;
		padding: 0px;
		float: right;
		shape-outside: polygon(45% 0%, 35% 8%, 30% 16%, 37% 28%, 15% 40%, 8% 60%, 0% 75%, 0% 100%);
		shape-margin: 1%;
	}
	img.round {
		float: right;
		width: 35%;
		shape-outside: circle();
		shape-image-threshold: 1;
		shape-margin: 1%;
		padding: 0px;
	}
	img.tri {
		float: left;
		width: 35%;
		shape-outside: polygon(68% 0, 86% 8%, 99% 21%, 100% 37%, 97% 54%, 84% 66%, 80% 85%, 65% 99%, 0 100%, 0 0);
		shape-margin: 1%;
		padding: 0px;
	}
	img.gandhi {
		float: right;
		width: 15%;
		shape-outside: polygon(54% 0, 100% 100%, 35% 99%, 51% 67%, 0 68%, 2% 53%, 22% 50%, 34% 20%, 47% 13%, 37% 5%);
		shape-margin: 1%;
		padding: 0px;
	}
	img.robi {
		float: left;
		width: 15%;
		shape-outside: polygon(64% 0, 71% 9%, 100% 26%, 95% 38%, 100% 100%, 50% 100%, 0 100%, 0 71%, 0% 35%, 2% 0);
		shape-margin: 1%;
		padding: 0px;
	}
	img.srijangan {
		float: right;
		width: 38%;
		shape-outside: polygon(49% 0, 80% 17%, 100% 51%, 100% 100%, 0 99%, 13% 78%, 13% 66%, 0 49%, 16% 26%, 32% 7%);
		shape-margin: 1%;
		padding: 0px;
	}
	.partner {
		width: 60%;
		margin: 1% 30% 2% 10%;
	}
	.padding {
		border: 0px solid #fff;
		border-radius: 0%;
		padding: 5px;
	}
	.book {
		border: 1px solid #ddd;
		border-radius: 4px;
		padding: 5px;
		max-width: 150px;
		margin: 5px;
	}
	.book:hover {
		box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
	}
	iframe.map {
		float: right;
		width: 50%;
		padding: 0% 0% 1% 2%;
	}
	/*contact form*/
	input[type=text], select, textarea, option {
		width: 100%;
		font-size: 100%;
		line-height: 1.8em;
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		margin-top: 6px;
		margin-bottom: 16px;
		resize: vertical;
	}
	input[type=submit], [type=reset], [type=button] {
		background-color: #025082;
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
	}
	input[type=submit]:hover {
		background-color: #025082;
		background-image: none;
	}
	input[type=reset]:hover {
		background-color: #025082;
		background-image: none;
	}
	input[type=button]:hover {
		background-color: #025082;
		background-image: none;
	}
	.container {
		width: 70%;
		border-radius: 5px;
		background-color: #f2f2f2;
		padding: 20px;
	}
	/*tooltip text*/
	.tooltip {
		position: relative;
		display: inline-block;
		border-bottom: 1px dotted black;
	}
	.tooltip .tooltiptext {
		visibility: hidden;
		width: 120px;
		background-color: black;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		/* Position the tooltip */
		position: absolute;
		z-index: 1;
	}
	.tooltip:hover .tooltiptext {
		visibility: visible;
	}
	/*<div class="tooltip">Image or the text over which hovering will trigger the tooltip<span class="tooltiptext">Tooltip text</span></div>*/
	.read-more-state {
		display: none;
	}
	.read-more-target {
		opacity: 0;
		max-height: 0;
		font-size: 0;
		transition: .25s ease;
	}
	.read-more-state:checked ~ .read-more-wrap .read-more-target {
		opacity: 1;
		font-size: inherit;
		max-height: 999em;
	}
	.read-more-state ~ .read-more-trigger:before {
		content: 'আরও পড়ুন';
	}
	.read-more-state:checked ~ .read-more-trigger:before {
		content: 'কমিয়ে দিন';
	}
	.read-more-trigger {
		cursor: pointer;
		display: inline-block;
		padding: 0 .5em;
		color: #900000;
		font-size: .9em;
		line-height: 2;
		border: 1px solid #ddd;
		border-radius: .25em;
	}
	@media screen and (min-width: 1250px) {
		.dropdown {
			min-width: 190px;
		}
		.bull {
			padding-right: 15px;
		}
		.fa-home:before {
			margin-right: 150px;
		}
	}
	@media screen and (min-width: 1440px) {
		.bull {
			padding-right: 60px;
		}
	}
	@media screen and (max-width: 1250px) {
		.dropdown {
			min-width: 160px;
		}
		.fa-home:before {
			margin-right: 100px;
		}
	}
	@media screen and (max-width: 1000px) {
		.logobar {
			/* The image used */
			background-image: url("../img/aheadwm.jpg");
			min-height: 60px;
			top: 0; /* Position the navbar at the top of the page */
		}
		div.content {
			padding-top: 100px;
			margin-left: 2%;
			margin-right: 2%;
			padding-left: 0px;
		}
		.topnav {
			/*CSS3*/
			top: 60px; /* Position the navbar at the top of the page */
		}
		.topnav a {
			font-size: 16px;
		}
		.bull {
			max-height: 60px;
			padding-right: 10px;
		}
		.dropdown {
			min-width: 140px;
		}
		.fa-home:before {
			margin-right: 10px;
		}
		.sidebar {
			display: none;
		}
		.sidebar a {
			display: none;
		}
		.topnav, .footer, .logobar {
			margin-left: 2%;
			margin-right: 2%;
			width: 96%;
		}
		#moa:before, #accts:before, #team:before, #csopri:before, #csrpri:before, #edu:before, #csd:before, #srijangan:before, #partners:before {
			margin-top: -100px;
			height: 100px;
		}
	}
	/* When the screen is less than 700 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon). The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
	@media screen and (max-width: 700px) {
		html, body {
			font-family: Avenir, Heveltica, Arial, san-serif;
			font-size: 14px;
		}
		.topnav a {
			font-size: 16px;
		}
		.topnav a:not(:first-child), .dropdown .dropbtn {
			display: none;
		}
		.topnav a.icon {
			float: right;
			display: block;
		}
		.topnav.responsive {
			position: fixed; /* Setthe navbar to fixed position */
			top: 60px; /* Position the navbar at the top of the page */
		}
		.topnav.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-size: 16px;
		}
		.topnav.responsive a.icon {
			position: absolute;
			right: 0;
			top: 0;
		}
		.topnav.responsive .dropdown {
			float: none;
		}
		.topnav.responsive .dropdown-content {
			position: relative;
		}
		.topnav.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
		}
		.dropdown .dropbtn {
			font-size: 16px;
			line-height: 1.9em;
			padding: 0px 6px 0px;
		}
		img.gandhi {
			width: 30%;
		}
		img.robi {
			width: 30%;
		}
		.fancy {
			background-color: #016a9b;
		}
	}
@media screen and (max-width: 508px) {
		.container {
			width: 90%;
			margin: auto;
		}
		.flexrow {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-ms-flex-line-pack: center;
			    align-content: center;
		}
		.flextab {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-ms-flex-line-pack: center;
			    align-content: center;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}
		ol#toc span {
			line-height: 1em;
			padding-top: 8px;
			width: 40vw;
		}
		.videogrid {
			grid-template-areas: "v v" "s s";
			position: fixed;
			grid-gap: 0px;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-ms-flex-line-pack: center;
			align-content: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			width: 96%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}	
		.videoplayer {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
			width: 100%;
			grid-area: v;
		}
		.scroller {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
			width: 100%;
			grid-area: s;
		}
		div.scroll {
			max-height: 35vh;
		}
		div.scrollg {
			max-height: 75vh;
		}
		.bull {
			max-height: 60px;
			padding-right: 0px;
			margin-right: -5px;
		}
		.partner {
			width: 90%;
			margin: 1% 7% 2% 3%;
		}
		.monk {
		width: 25%;
		}
		img.tri {
			shape-outside: none;
			width: 80%;
			margin-left: 10%;
			margin-right: 10%;
		}
		img.round {
			shape-outside: none;
			width: 80%;
			margin-left: 10%;
			margin-right: 10%;
		}
		img.srijangan {
			shape-outside: none;
			width: 80%;
			margin-left: 10%;
			margin-right: 10%;
		}
		iframe.map {
			width: 96%;
			height: 40%;
			padding: 0% 2% 3% 2%;
		}
	}
	@media screen and (max-width: 360px) {
		.bull {
			display: none;
		}
	}
	@media screen and (max-width: 360px) and (max-height: 570px) {
		div.content {
			padding-top: 90px;
		}
		.videogrid {
			border: #fff solid 0px;
		}
		.videoplayer {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
			max-width: 80%;
			padding-left: 10%;
			padding-right: 10%;
			grid-area: v;
		}
	}
	@media (orientation: landscape) and (max-height: 420px), (orientation: portrait) and (max-height: 550px) {
		.logobar {
			display: none;
		}
		.bull {
			display: none;
		}
		.fa-home:before {
			font-size: 140%;
			margin: 10px 0px 0px 0px;
		}
		.fa-bars:before {
			font-size: 140%;
			margin: 10px 0px -5px -5px;
		}
		div.content {
			padding-top: 45px;
			margin-left: 2%;
			margin-right: 2%;
			padding-left: 0px;
		}
		/*width of the primary menu in resposive mode when clicked */
		.dropdown {
			min-width: 140px;
		}
		.dropdown .dropbtn {
			font-size: 16px;
			line-height: 1.7em;
			z-index: 99;
		}
		.topnav {
			background-color: #016a9b;
			background-image: url("../img/ahead35.png");
			background-position: left;
			background-repeat: no-repeat;
			min-height: 32px;
			top: 0px;
		}
		.topnav a {
			font-size: 16px;
		}
		.topnav, .footer, .logobar {
			margin-left: 2%;
			margin-right: 2%;
			width: 96%;
		}
		.topnav a:not(:first-child), .dropdown .dropbtn {
			display: none;
		}
		.topnav a.icon {
			float: right;
			display: block;
		}
		.topnav.responsive {
			position: fixed;
			top: 0px;
		}
		.topnav.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-size: 16px;
		}
		.topnav.responsive a.icon {
			position: absolute;
			right: 0;
			top: 0px;
		}
		.topnav.responsive .dropdown {
			float: none;
		}
		.topnav.responsive .dropdown-content {
			position: relative;
		}
		.topnav.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
		}
		#moa:before, #accts:before, #team:before, #csopri:before, #csrpri:before, #edu:before, #csd:before, #srijangan:before, #partners:before {
			margin-top: -40px;
			height: 40px;
		}
	}
	@media screen and (min-width: 1920px) and (min-height: 1080px) {
		div.scroll {
			max-height: 550px;
		}
		.bull {
			padding-right: 200px;
		}
	}
/*@media screen and (min-height: 1250px) {
		div.scrollg {
			height: 1100px;
		}
}
@media screen and (min-height: 700px) {
		div.scrollg {
			height: 800px;
		}
		div.scroll {
			max-height: 700px;
		}
}
@media screen and (max-width: 700px), screen and (max-height: 640px) {
		content: 100%;
}}*/