a 
	{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}

a:hover 
	{
	color: #ff8000;
	}
header 
	{
	background: #DDD;
	width: 100%;
	height: 76px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	}

nav 
	{
	float: right;
	padding: 5px;
	margin-top:10px;
	}

#logo
	{
	margin:0 auto;
	margin-left:5px;
	margin-top:11px;	
	float: left;
	width: 172px;
	height: 54px;
	background: url(logo.svg) no-repeat center;
	display: block;
	}

#menu-icon
	{
	display: hidden;
	width: 40px;
	height: 40px;
	background: #4C8FEC url(menu-icon.png) center;
	}

a:hover#menu-icon 
	{
	background-color: #444;
	border-radius: 4px 4px 0 0;
	}

ul 
	{
	list-style: none;
	}

li 
	{
	display: inline-block;
	float: left;
	padding: 10px;
	}
.current
	{
	color: #ff8000;
	}


/*320x 480 resolution **/
@media only screen and (min-width : 320px) and (max-width : 480px) 
	{

	header 
		{
		position: fixed;
		}
	#menu-icon 
		{
		display:inline-block;
		}

	nav ul, nav:active ul 
		{ 
		display: none;
		position: absolute;
		padding: 20px;
		right: 20px;
		top: 60px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
		}

	nav li 
		{
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		margin-bottom:5px;
		border-radius:2px;
		background:#ff8000;
		}
	nav li a
		{
		color:#000;
		}
	nav li:hover
		{
		background-color:#fff;
		border:2px solid #ff8000;
		color:#000;
		}
	.current
		{
		border:2px solid #fff;
		color: #ff8000;
		}
	.current:hover
		{
		border:2px solid #ff8000;
		background: #fff;
		}
	nav:hover ul 
		{
		display: block;
		}
	.content
		{
		margin-top:0px;
		}
	
	}
/** 481x640 resolution **/	
@media only screen and (max-width : 640px) 
	{

	header 
		{
		position: fixed;
		}
	#logo
		{
		
		}
	#menu-icon 
		{
		display:inline-block;
		margin-top:10px;
		}

	nav ul, nav:active ul 
		{ 
		display: none;
		position: absolute;
		padding: 20px;
		right: 20px;
		top: 60px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
		}

	nav li 
		{
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		margin-bottom:5px;
		border-radius:2px;
		background:#ff8000;
		}
	nav li a
		{
		color:#000;
		}
	nav li:hover
		{
		background-color:#fff;
		border:2px solid #ff8000;
		color:#000;
		}
	.current
		{
		border:2px solid #fff;
		color: #ff8000;
		}
	.current:hover
		{
		border:2px solid #ff8000;
		background: #fff;
		}
	nav:hover ul 
		{
		display: block;
		}
	
	.second-header-services h1
		{
		font-size:25px;
		}
	.second-header-services p
		{
		font-size:16px;
		}
	.second-header-services a
		{
		font-size:15px;
		padding:4px 8px;
		}
	.content
		{
		margin-top:0px;
		}
	.left-padd
		{
		font-size:15px;
		margin:0 auto;
		margin-left:-20px;
		text-align:justify;
		}
	.java-course
		{
		clear:both;
		width:280px;
		min-height:200px;
		height:auto;
		}
	.java-1
		{
		clear:both;
		width:280px;
		min-height:200px;
		height:auto;
		}
	.java-1 table
		{
		width:280px;
		}
	.java-1 table th
		{
		font-size:15px;
		}
	.java-1 table td
		{
		font-size:15px;
		}
	.java-2
		{
		clear:both;
		width:280px;
		min-height:200px;
		height:auto;
		}
	.core-java-1, .adv-java-1
		{
		clear:both;
		width:280px;
		min-height:200px;
		height:auto;
		}
	.core-java-1 table, .adv-java-1 table
		{
		width:270px;
		}
	.core-java-1
		{
		border-right:1px solid #fff;
		border-bottom:1px dashed #333;
		}
	.adv-java-1
		{
		margin:0 auto;
		}
	.core-java-1 table th, .adv-java-1 table th
		{
		font-size:15px;
		}
	.core-java-1 table td, .adv-java-1 table td
		{
		font-size:13px;
		width:60px;
		}
	.child tr td
		{
		font-size:13px;
		}
	}
	/** 641x768 resolution **/	
@media only screen and (min-width : 641px) and (max-width : 767px) 
	{

	header 
		{
		position: fixed;
		}
	
	#menu-icon 
		{
		display:inline-block;
		}

	nav ul, nav:active ul 
		{ 
		display: none;
		position: absolute;
		padding: 20px;
		right: 20px;
		top: 60px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
		}

	nav li 
		{
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		margin-bottom:5px;
		border-radius:2px;
		background:#ff8000;
		}
	nav li a
		{
		color:#000;
		}
	nav li:hover
		{
		background-color:#fff;
		border:2px solid #ff8000;
		color:#000;
		}
	.current
		{
		border:2px solid #fff;
		color: #ff8000;
		}
	.current:hover
		{
		border:2px solid #ff8000;
		background: #fff;
		}
	nav:hover ul 
		{
		display: block;
		}
	.content
		{
		margin-top:0px;
		}
	.second-header-services h1
		{
		font-size:25px;
		}
	.second-header-services p
		{
		font-size:16px;
		}
	.second-header-services a
		{
		font-size:15px;
		padding:4px 8px;
		}
		.left-padd
		{
		font-size:15px;
		margin:0 auto;
		margin-left:-20px;
		text-align:justify;
		}
	.java-course
		{
		clear:both;
		width:300px;
		min-height:200px;
		height:auto;
		}
	.java-1
		{
		clear:both;
		width:295px;
		min-height:200px;
		height:auto;
		}
	.java-1 table
		{
		width:290px;
		}
	.java-1 table th
		{
		font-size:20px;
		}
	.java-1 table td
		{
		font-size:20px;
		}
	.java-2
		{
		clear:both;
		width:290px;
		min-height:200px;
		height:auto;
		}
	.core-java-1, .adv-java-1
		{
		clear:both;
		width:290px;
		min-height:200px;
		height:auto;
		}
	.core-java-1 table, .adv-java-1 table
		{
		width:290px;
		}
	.core-java-1
		{
		border-right:1px solid #fff;
		border-bottom:1px dashed #333;
		}
	.adv-java-1
		{
		margin:0 auto;
		}
	.core-java-1 table th, .adv-java-1 table th
		{
		font-size:20px;
		}
	.core-java-1 table td, .adv-java-1 table td
		{
		font-size:18px;
		width:100px;
		}
	.child tr td
		{
		font-size:18px;
		}
	
	}
	/** 769x1024 resolution **/	
@media only screen and (min-width : 768px) and (max-width : 1024px) 
	{

	header 
		{
		position: fixed;
		}
	.current a
		{
		color:#ff8000;
		}
	nav
		{
		margin-top:10px;
		}		
	nav:hover ul 
		{
		display: block;
		}
	.content
		{
		margin-top:0px;
		}
		.second-header-services h1
		{
		font-size:35px;
		}
	.second-header-services p
		{
		font-size:25px;
		}
	.second-header-services a
		{
		font-size:20px;
		padding:4px 8px;
		}
	.left-padd
		{
		font-size:20px;
		margin:0 auto;
		margin-left:-20px;
		text-align:justify;
		}
	.java-course
		{
		clear:both;
		width:730px;
		min-height:200px;
		height:auto;
		}
	.java-1
		{
		clear:both;
		width:700px;
		min-height:200px;
		height:auto;
		}
	.java-1 table
		{
		width:700px;
		}
	.java-1 table th
		{
		font-size:20px;
		}
	.java-1 table td
		{
		font-size:20px;
		}
	.java-2
		{
		clear:both;
		width:700px;
		min-height:200px;
		height:auto;
		}
	.java-2 table
		{
		width:700px;
		}
	.core-java-1 
		{
		width:355px;
		}
	.adv-java-1 
		{
		width:300px;
		}
	.core-java-1 table
		{
		width:350px;
		}
	.adv-java-1 table
		{
		width:300px;
		}
	.core-java-1 table th, .adv-java-1 table th
		{
		font-size:20px;
		}
	.core-java-1 table td
		{
		font-size:13px;
		width:30px;
		}
	.adv-java-1 table td
		{
		font-size:13px;
		width:60px;
		}
	}
	/** 1024x1980 resolution **/	
@media only screen and (min-width : 1025px) and (max-width : 1980px) 
	{

	header 
		{
		position: fixed;
		}
	.current a
		{
		color:#ff8000;
		}
	nav
		{
		margin-top:10px;
		}		
	nav:hover ul 
		{
		display: block;
		}
	.content
		{
		margin-top:0px;
		}
	.left-padd
		{
		font-size:20px;
		margin:0 auto;
		margin-left:-20px;
		text-align:justify;
		}
	.java-course
		{
		clear:both;
		width:930px;
		min-height:200px;
		height:auto;
		}
	.java-1
		{
		clear:both;
		width:900px;
		min-height:200px;
		height:auto;
		}
	.java-1 table
		{
		width:800px;
		}
	.java-1 table th
		{
		font-size:20px;
		}
	.java-1 table td
		{
		font-size:20px;
		}
	.java-2
		{
		clear:both;
		width:900px;
		min-height:200px;
		height:auto;
		}
	.java-2 table
		{
		width:800px;
		}
	.core-java-1 
		{
		width:400px;
		}
	.adv-java-1 
		{
		width:400px;
		}
	.core-java-1 table
		{
		width:400px;
		}
	.adv-java-1 table
		{
		width:400px;
		}
	.core-java-1 table th, .adv-java-1 table th
		{
		font-size:20px;
		}
	.core-java-1 table td
		{
		font-size:15px;
		width:30px;
		}
	.adv-java-1 table td
		{
		font-size:15px;
		width:60px;
		}
	}
	/** 1366 resolution **/	
@media only screen and (min-width : 1366px)
	{

	header 
		{
		position: fixed;
		}
	.current a
		{
		color:#ff8000;
		}
	nav
		{
		margin-top:10px;
		}		
	nav:hover ul 
		{
		display: block;
		}
	
	.content
		{
		margin-top:0px;
		}
	
	
	}
@media only screen and (min-width : 1040px)
	{
	header 
		{
		position: fixed;
		}
	.current a
		{
		color:#ff8000;
		}
	}
@media only screen and (min-width : 1000px)
	{
	header 
		{
		position: fixed;
		}
	.current a
		{
		color:#ff8000;
		}
	}
	
@media only screen and (min-width : 1280px) and (max-width: 1365px)
	{

	header 
		{
		position: fixed;
		}
	.current a
		{
		color:#ff8000;
		}
	nav
		{
		margin-top:10px;
		}		
	nav:hover ul 
		{
		display: block;
		}
	.content
		{
		margin-top:0px;
		}
	
	
	}