@charset "utf-8";
/* CSS Document */
h2 {
	font-size:22px;
	line-height:32px;
}
.contener {
	width:960px;
	padding:0px;
	margin:0 auto;
	height:auto;
}
.banner-image-area {
	width:80%;
}
.news-scroll-area {
	width:19%;
}
.news-tab-area h1 {
	font-size:24px;
}
.left-menu-area {
	width:29%;
	padding:0px;
	height:auto;
}
.right-content-area {
	width:66%;
	padding:0px 1%;
}
.gallery-area {
	background-image:url(../images/footer-bg.png);
	background-position:left top;
	background-repeat:repeat;
	padding:20px 0px;
}
.press-area div {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	margin:5px 0px;
}
.press-area div p {
	font-size:12px;
	line-height:18px;
}
.press-area div img {
	float:left;
	width:35%;
	margin:7px;
}
.still-video-gallery-area div {
	width:30.5%;
	float:left;
	height:auto;
	overflow:hidden;
	margin:7px;
	background-color:#CCC;
}
@media screen and ( max-width: 850px ) {
	h2 {
		font-size:26px;
		line-height:36px;
	}
	.contener {
		width:96%;;
	}
	.top-right-content {
		width:80%;
	}
	.logo-area {
		width:104px;
		margin:20px 20px 20px 0px;
	}
	.college-name-area {
		width:500px;
	}
	.banner-image-area {
		width:75%;
	}
	.news-scroll-area {
		width:24%;
	}
	.news-tab-area {
		width:42%;
		float:left;
		padding:2%;
		margin:2%;
	}
	.news-tab-area h1 {
		font-size:30px;
	}
	.left-article-area {
		width:94%;
		float:left;
		padding:2%;
		margin:1%;
	}
	.principal-area {
		width:94%;
		float:right;
		padding:2% 2% 75% 2%;
		margin:1%;
	}
	.principal-area h2 {
		padding:20px 0px;
		color:#FFF;
		margin:0px;
		text-align:center;
	}
	.principal-area p{
		padding:10px;
		color:#FFF;
		margin:0px;
		text-align:center;
	}
	.left-menu-area {
		width:35%;
		padding:0px;
	}
	.right-content-area {
		width:60%;
		padding:0px 1%;
	}
	.footer-content-tab {
		width:46%;
		min-height:310px;
	}
	.bottom-content-tab {
		width:23%;
		float:left;
		height:auto;
		overflow:hidden;
		padding:4% 1%;
		margin:0px;
		text-align:center;
		font-size:16px;
	}
	.still-video-gallery-area div {
		width:30.5%;
		float:left;
		height:auto;
		overflow:hidden;
		margin:7px;
		background-color:#CCC;
	}	
	.still-video-gallery-area {
		width:92%;
		float:left;
		padding:2%;
		margin:10px 2%;
		border:none;
		height:auto;
		overflow:hidden;
		min-height:auto;
	}
	.map {
		float:none;
		width:96%;
		margin: 10px auto;
		padding:0px;
		display:block;
		clear:both;
		height:auto;
		overflow:hidden;
	}
}
@media screen and ( max-width: 670px ) {
	.top-right-content {
		width:100%;
	}
	.logo-area {
		width:104px;
		height:auto;
		overflow:hidden;
		float:none;
		margin:20px auto;
	}
	.college-name-area {
		margin:20px 0px;
		width:100%;
		float:none;
		height:auto;
	}
	.college-name-area h1 {
		text-align:center;
	}
	.college-name-area h3 {
		text-align:center;
	}
	.Maharaja-Srischandra-image-area {
		float:none;
		margin: 10px auto -10px auto;
	}
	.banner-image-area {
		width:100%;
		margin:0px 0px 20px 0px;
	}
	.news-scroll-area {
		width:98%;
		float:right;
		padding:1%;
		margin:0px;
	}
	.news-tab-area {
		width:92%;
		float:none;
		padding:2%;
		margin:2% ;
	}
	.left-menu-area {
		width:100%;
		padding:0px;
		float:none;
		margin:0 auto;
		display:block;
		clear:both;
	}
	.left-menu-area ul li {
		border-right:none;
	}
	.right-content-area {
		width:98%;
		padding:0px 1%;
		float:none;
		margin:0 auto;
	}
	.right-content-area h2 {
		text-align:center;
	}
	.right-content-area h4 {
		text-align:center;
	}
	.left-img-content {
		width:92%;
		float:none;
		height:auto;
		overflow:hidden;
		display:block;
		clear:both;
		margin:10px auto;
	}
	.left-img-content img {
		float:none;
		width:90%;
		height:auto;
		margin:10px 3%;
	}
	.right-img-content {
		width:92%;
		float:none;
		height:auto;
		overflow:hidden;
		display:block;
		clear:both;
		margin:10px auto;
	}
	.right-img-content img {
		float:none;
		width:90%;
		height:auto;
		margin:10px 3%;
	}
	.faculty img {
		float:none;
		width:50%;
		height:auto;
		margin:10px 25%;
	}
	.faculty a {
		float:none;
		margin:10px auto;
		display:block;
		clear:both;
		text-align:center;
	}
	.bottom-content-tab {
		width:96%;
		float:none;
		padding:0px;
		margin:20px 0px;
	}
	.footer-content-tab {
		width:96%;
		height:auto;
		min-height:inherit;
	}
	.still-video-gallery-area div {
		width:96%;
		float:left;
		height:auto;
		overflow:hidden;
		margin:7px;
		background-color:#CCC;
	}	
	.still-video-gallery-area {
		width:92%;
		float:left;
		padding:2%;
		margin:10px 2%;
		border:none;
		height:auto;
		overflow:hidden;
		min-height:auto;
	}
	.exam-area div div {
		width:98%;
		float:left;
	}
	.login-tab {
		width:99%;
		float:left;
		height:auto;
		overflow:hidden;
		padding:0px;
		margin:.5%;
		/* From https://css.glass */
		background: rgba(255, 255, 255, 0.2);
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
}