@charset "utf-8";
/* CSS Document */

@-ms-viewport
{
	width:device-width;
}
@-viewport
{
	width:device-width;
}
@media only screen and (max-width:1200px)
{
	img
	{
		max-width:100%;
	}
	.
	{
		width:auto; padding-left:20px; padding-right:20px;
	}
	.nav
	{
		position: absolute;
		top: 0;
		right: 0;
		left:0;
		z-index:999;
		float:none;
		padding: 0 0;
	}
	.nav ul li
	{
		margin: 0;
	}
	.nav ul li a
	{
		background:rgba(0, 0, 0, 0.8);
		padding-top: 12px;
		padding-bottom: 12px;
		color:#fff;
	}
	.isStuck
	{
		display:none;
	}
	.header-inner h1
	{
		position:relative;
		z-index:9999;
	}
	.display
	{
		display:block;
		visibility:visible;
	}
}
@media only screen and (max-width:1024px)
{
	
}
@media only screen and (max-width:960px)
{
	.header-top
	{
		padding: 0 0;
	}
	.header-inner
	{
		padding: 0 0 0 20px;
	}
	.section-home
	{
		padding: 30px 20px;
	}
	.section-tabs
	{
		padding:30px 10px;
	}
	.section-tabs ul li
	{
		border: solid 10px #d60023;
	}
	.career-home
	{
		padding:80px 20px 30px 20px;
	}
	.payonline
	{
		margin: 0 20px;
		padding: 50px;
	}
	.gallery-home h2
	{
		padding: 50px 0;
	}
	.gallery-home ul
	{
		padding: 0 10px 50px 10px;
	}
	.gallery-home ul li a
	{
		margin: 0 10px;
	}
	.gallery-home ul li
	{
		width: 50%;
	}
	.footer_marg
	{
		padding:50px 20px;
	}
	.footer-bottom
	{
		padding: 30px 20px;
	}
	.section-content:before, .services:before, .gallery:before
	{
     	left: 30px;
	}
	.banner-heading
	{
		padding: 70px 30px 120px 30px;
	}
	.banner-heading h2
	{
		font-size: 30px;
	}
	.section-content
	{
		padding: 30px 20px 50px 20px;
	}
	.section-achievement aside img
	{
		padding: 0px 5%;
	}
	.section-achievement aside
	{
		width: 50%;
		padding: 50px 30px;
	}
	.services h2
	{
		padding:30px;
	}
	.group-of-services ul
	{
		display: block;
	}
	.group-of-services ul li
	{
		width: 50%;
		padding: 35px 30px;
	}
	.training-and-projects figcaption
	{
		padding: 0 30px 30px 30px;
	}
	.training-and-projects figcaption:before
	{
		width: 50px;
		left: -50px;
	}
	.for-college
	{
		padding: 30px 20px;
	}
	.tabs-menu
	{
		padding: 0 20px;
	}
	.tabs-menu li
	{
		margin: 10px 10px 10px 10px;
	}
	.photo-gallery
	{
		padding: 10px;
	}
	.bank
	{
		margin: 0 20px 20px 20px;
	}
}
@media only screen and (max-width:768px)
{
	.header-nav
	{
		padding: 0 0;
	}
	.header-buttons
	{
		float:none;
		clear:both;
	}
	.header-nav
	{
		float:none;
		clear:both;
		text-align:center;
	}
	.header-buttons a
	{
		width:50%;
		text-align:center;
     	padding: 12px 0;
	}
	.section-home figcaption, .section-home figure, .section-home aside
	{
		width: auto;
		float:none;
	}
	 .section-home figure
	{
		margin:40px 0;
     	padding: 0 0;
	}
	.section-tabs ul
	{
		display:block;
	}
	.section-tabs ul li
	{
		width: auto;
		float:none;
	}
	.career-home figcaption, .career-home figure
	{
		width: auto;
		float:none;
	}
	.payonline figcaption, .payonline a
	{
		width: auto;
		float:none;
	}
	.payonline a
	{
		margin-top:30px;
	}
	.get h2
	{
		font-size: 6vw;
	}
	.foot_list, .footermap
	{
		width: auto;
		float:none;
		margin-right: 0;
	}
	.footermap h3
	{
		margin-top: 30px;
	}
	.social-icon-footer a
	{
		display:inline-block;
		float:none;
		margin:0 1px;
	}
	.foot
	{
		text-align:center;
	}
	.footer-bottom-inner p
	{
		text-align:center;
		float:none;
	}
	.image, .content
	{
		width: auto;
		float:none;
	}
	.section-achievement
	{
		display: block;
		margin-top:0;
	}
	.section-achievement aside, .section-achievement-text
	{
		width: auto;
		float:none;
	}
	.section-achievement-text:before, .section-achievement-text:after
	{
		display:none;
	}
	.courses
	{
		display: block;
	}
	.courses-inner
	{
		width: auto;
		float:none;
     	padding: 30px;
	}
	.group-of-services ul li
	{
		width: auto;
		float:none;
	}
	.training-and-projects figure, .training-and-projects figcaption
	{
		width: auto;
		float:none;
	}
	.training-and-projects figcaption
	{
		padding: 30px 30px 0 30px;
	}
	.training-and-projects figcaption:before
	{
		content: " ";
		position: absolute;
		top: -50px;
		bottom: auto;
		width: auto;
		height: 50px;
		background: #fff;
		left: 50px;
		right: 0;
	}
	.for-college h2
	{
		margin: 0;
		padding: 0;
	}
	.photo-gallery ul li a img
	{
		height: auto;
	}
	.photo-gallery ul li
	{
		width:50%;
	}
	.contact-top aside
	{
		width: auto;
		float:none;
	}
	.contact-bottom aside, .contact-bottom fieldset, .pay-online aside, .pay-online fieldset
	{
		width: auto;
		float:none;
	}
	.bank img
	{
		width: 50%;
	}
}
@media only screen and (max-width:480px)
{
	.header-nav:before, .header-nav:after
	{
		display:none;
	}
	.header-inner h1 img
	{
		width:220px;
	}
	.section-home:before
	{
		top: -30px;
		height: 30px;
	}
	.gallery-home ul li
	{
		width: auto;
		float:none;
	}
	.career a
	{
		width: auto;
		float:none;
	}
	.placements img
	{
		width: 50%;
	}
}
@media only screen and (max-width:320px)
{
	
}