@-ms-viewport
{
	width:device-width;
}
@-viewport
{
	width:device-width;
}
@media only screen and (max-width:1200px)
{
	img
	{
		max-width:100%;
	}
	.nav
	{
		z-index: 99999999;
	}
	.header-top h1
	{
		position:relative;
		z-index:9999999999;
	}
}
@media only screen and (max-width:1024px)
{
	
}
@media only screen and (max-width:960px)
{
	.container
	{
		padding: 20px;
	}
	.footer article, .footer-bottom
	{
		padding: 20px;
	}
	.photo-gallery ul li, .gallerylink ul li
	{
		width: 33.333333%;
	}
}
@media only screen and (max-width:768px)
{
	.header-top, .header-middle, .split, .alignmiddle
	{
		display: block;
	}
	.header-top nav ul li, .header-middle nav ul li
	{
		display: inline-block !important;
	}
	.contactus
	{
		text-align: center;
	}
	.contactus p
	{
		margin: 0 10px;
	}
	.header-top nav
	{
		margin: 15px 0;
	}
	.newsletter, .header-middle nav, .flashnews h3, .flashnews marquee, .academic-calendar, .current-news, .administration, .programme-offered aside, .university-rank-holders, .placements, .vision-mission article .sidebar, .vision-mission article .content, .vision-mission .split figure, .vision-mission .split .content, .image-boxed-two aside, .programmes-offered .content, .sidenav, .contact fieldset, .contact aside
	{
		width: auto;
		float: none;
	}
	.flashnews
	{
		display: block;, 
		position: static;
		margin-top: 0;
    	top: 41px;
	}
	.current-news
	{
		padding: 20px 0;
	}
	.container h2
	{
		font-size: 1.50rem;
	}
	.container h3
	{
		font-size: 18px;
		line-height: 24px;
	}
	.container h6
	{
		font-size: 15px;
	}
	.campuslife ul, .patrician-institutions ul, .box-link ul, .pdflinks ul, .staffs ul, .image-boxed ul
	{
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	.footer article aside
	{
		margin-right: 0;
		width: 50%;
		padding: 0 10px;
	}
	.banner-heading h2
	{
		font-size: 1.6rem;
	}
	.banner-heading nav
	{
		bottom: 5px;
	}
	.banner-heading nav ul li, .banner-heading nav ul li a
	{
		font-size: 13px;
	}
	.tabs ul li
	{
		margin: 0 0px;
	}
	.tabs ul li a
	{
		font-size: 14px;
		padding: 8px 5px;
	}
	.table-content
	{
		overflow: auto;
	}
	.table-content table
	{
		width: 700px;
	}
	.vision-mission article
	{
		padding: 20px;
	}
	.image-box-link ul li
	{
		width: 50%;
		flex: 0 0 calc(50% - 15px);
	}
	.photo-gallery ul li, .image-boxed-center ul li, .image-boxed-two ul li, .gallerylink ul li
	{
		width: 50%;
	}
	.admission-timeline:before
	{
		left: 37.5px;
		right: auto;
		margin: 0;
	}
	.admission-timeline aside
	{
		width: auto;
		text-align: left;
		padding-right: 0;
		padding-left: 100px;
		float: none;
	}
	.admission-timeline aside:nth-of-type(even)
	{
		float: none;
	}
	.admission-timeline aside p
	{
		text-align: left;
	}
	.admission-timeline aside figure
	{
		top: 0;
		left: 0;
		right: auto;
	}
	.pdflinks-center ul li, .pdflinks-two ul li
	{		
		width: 50%;
		flex: 0 0 calc(50% - 20px);
	}
	#my-welcome-message, .modal-content
	{ 

		width: 90%;
	} 
	.image-boxed-four ul
	{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.video-gallery ul
	{
		grid-template-columns: 1fr 1fr;
	}
	.announcement h3, .announcement ul li p
	{
		width: 64%;
	}
	.announcement h3:nth-of-type(2), .announcement h3:nth-of-type(3), .announcement ul li h4
	{
		width: 18%;
	}
}
@media only screen and (max-width:480px)
{
	.programme-offered-list, .gallerylink ul li
	{
		width: 100%;
	}
	.campuslife ul, .patrician-institutions ul, .box-link ul, .pdflinks ul, .staffs ul, .image-boxed ul
	{
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.footer article aside
	{
		width: 100%;
		padding: 0 0px;
		text-align: center;
	}
	.footer p
	{
		text-align: center;
	}
	.social-icon-footer a
	{
		display: inline-block;
		float: none;
		margin: 0 2px;
	}
	.sidebar, .content
	{
		width: auto;
		float: none;
	}
	.image-box-link ul li
	{
		width: 100%;
		flex: 0 0 calc(100% - 15px);
	}
	.pdflinks-center ul li, .pdflinks-two ul li, .placement-contact ul li
	{		
		width: 100%;
		flex: 0 0 calc(100% - 20px);
	}
	.programmes-offered .content
	{
		display: block;
	}
	.programmes-offered-content
	{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.image-boxed-four ul
	{
		grid-template-columns: 1fr 1fr;
	}
	.video-gallery ul
	{
		grid-template-columns: 1fr;
	}
}
@media only screen and (max-width:320px)
{
	.photo-gallery ul li, .image-boxed-center ul li, .image-boxed-two ul li
	{
		width: 100%;
	}
	.image-boxed-four ul
	{
		grid-template-columns: 1fr;
	}
}