@font-face {
 font-family: "Univers Condensed";
 src: url("unvr57w.eot") /* EOT file for IE */
}
@font-face {
 font-family: "Univers Condensed";
 src: url("unvr57w.ttf") /* TTF file for CSS3 browsers */
}



@media only screen and (max-width: 980px){
.main{
	width:100% !important;
	overflow:hidden;
}

.top_main{ width:100% !important;  
	  padding:0px;
	  margin:0px auto;	  
	  height:100% auto;	
	  position:fixed;
	  top:0;
	  z-index:1000;
}
	
.topbg{ width:100% !important;  
	  padding:0px;
	  margin:0px auto;
	  background: #1556a6;
	   height:100% auto;	
	  background-position:center top; 
	  background-repeat:repeat-x;
	
	}
	
	
.top{ width:100% !important;  
	  padding:0px;
	  margin:0px auto;
	
	}
	
.logo{ width:40% !important;  
	  padding:0px;
	  margin:7px 0px 0px 0px;
	  float:left;
	 
	}	
.logo img{ width:100% !important;  
	  padding:0px;
	  margin:0px;
	  
	 
	}
	
.top_right{ width:40% !important;    
	  padding:0px;
	  margin:0px auto;
	  float:right;
	
	}	
	
.iso{  font-family: "Univers Condensed"; font-size:23px; color:#FFF; text-align:right; font-weight:normal; margin:12px 0px 0px 0px; font-size:120% !important;}	


.iso span{  font-size:120% !important; font-weight:normal;}

.content_area{ width:100% !important;  
	  padding:0px;
	  margin:0px auto;
	  margin-top:211px;
	
	}	
.banner{ width:94% !important;  
	  padding:0px;
	  margin:0px 0px 0px 3%;	
	}
	
.banner img{ width:100% !important; 	  
	}	
	
.welcome{  
	  width:90% !important;  
	  padding:0px 2% 0px 2%;
	  margin:3% 0px 0px 3%;	  
	}


.news{ width:30% !important;  
	  padding:0px;
	  margin:0px 15px 0px 3%;
	  float:left;	
	}

.downloads{  width:30% !important;  
	  padding:0px;
	  margin:0px 0px 0px 0px;
	  float:left;	
	}

.calander{  width:30% !important;  
	  padding:0px;
	  margin:0px 3% 0px 0px;
	  float: right;	
	}	

.content_left{ width:60% !important;  
	  padding:0px;
	  margin:0px 0px 0px 3%;	   
	  float:left;
	  
	}	

.content_left im{ width:100% !important;  
	  padding:0px;
	  margin:0px 0px 1px 0px;	   
	   
	  
	}
	
.header_bg{ width:100% !important;  
	  padding:0px 0px 0px 0px;
	  margin:40px 0px 20px 0px;
	  background-color:#ededed;
	  
	}

	
.header_bg h1{  font-family: "Univers Condensed"; 
	font-size:22px; 
	color:#000; 
	text-align: left; 
	font-weight:normal; 
	margin:0px;
	padding:0px 20px 5px 0px; 
	text-transform:uppercase;
	background-color: #FFF;
	float:left;
	
	
	}	


.photogallry{ margin:0px; padding:0px; width:100% !important; }
		
.photogallry ul{ 
    padding:0px;
	margin:15px 0px 0px 0px; 
	 
}
.photogallry ul li{ 
    padding:0px;
	margin:0px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#505050; 	 
	padding:0px; 
	margin:1px 1px 0px 0px;
	line-height:19px;
	background-position:0px 6px;
	list-style:none;
	float:left;
	width:33% !important;
		 
}

.photogallry ul li img{ 
    padding:0px;
	margin:0px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#505050; 	 
	padding:0px; 
	margin:1px 1px 0px 0px;
	line-height:19px;
	background-position:0px 6px;
	list-style:none;
	float:left;
	width:100%;
		 
}

.content_right{ width:30% !important;  
	  padding:0px;
	  margin:0px 3% 0px 0px;	   
	  float: right;

}

.content_right img{ width:100% !important;  
	  padding:0px;
	  margin:0px;	   
	   

}

.students_forumbg{ width:100% !important;  
	  padding:0px;
	  margin:0px;	   	  
	  background-image:url(../images/students_forumbg.jpg);
	  background-repeat:no-repeat;
	  background-color: #29a6ff;
	  height:118px;  
	  
	}	

.students_forumimg{ width:30% !important;  
	  padding:0px;
	  margin:0px;
	  float:left;	  
	}
	
.students_forumimg img{ width:100% !important;  
	  padding:0px;
	  margin:0px;
	 
	}

.students_forumcon{  font-family: Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#fff; 
	text-align: justify; 
	font-weight:normal; 
	margin:0px 0px 0px 3%;
	padding:25px 20px 5px 0px; 
	float:left;
	width:57% !important;
	line-height:18px;
	 
	
	}

.bottombg{ width:100% !important;
	  background-image: url(../images/bottombg.jpg);
	  background-repeat: repeat;
	  margin:30px 0px 0px 0px;	 
	  padding:35px 0px 35px 0px;
	}
	
.bottom{ width:100% !important;
	  padding:0px;
	  margin:0px auto;	
	}
	
.bottomlink {padding:0px ;
	margin:0px 0px 0px 40px;
	float:left;
	
    }	
	
.bottomlink1 {padding:0px ;
	margin:0px 0px 0px 40px;
	float:left;
	
    }
.copyright{ width:100% !important;
      
	  margin:0px 0px 0px 0px;	 
	  padding:15px 0px 10px 0px;
	}
	
.copyright_div{ width:100% !important;
	  padding:0px;
	  margin:0px auto;
	
	}			
#slider-wrapper {
   
    border: 0px solid #E1E1DC;
   
    margin: 0 auto 0px;
    padding: 0px 0px 0px 0px;
    width: 653px;
}
#slider {
    
    margin: 0 auto;
    position: relative;
    width: 653px;
}
#slider img {
    display: none;
    left: 0;
    position: absolute;
    top: 0px;
	width: 100% !important;
}
.nivoSlider a.nivo-imageLink {
    border: 0px solid #FFFFFF;
    display: none;
    height: 366px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    width: 100% !important;
    z-index: 6;
}

/*----------------Sub Start--------------*/
.subcontent_left{ width:60% !important;  
	  padding:0px;
	  margin:0px 0px 0px 3%;	   
	  float:left;
	  
	}
.subbanner{ width:100% !important;
	  padding:0px;
	  margin:0px;	
	}	

.subbanner img{ width:100% !important;
	  padding:0px;
	  margin:0px;	
	}	
.sub_admission{ margin:0px 0px 0px 0px; 
	 width:100% !important; 
	 }
}



@media only screen and (max-width: 768px){
.main{
	width:100% !important;
	overflow:hidden;
}

.top_main{ width:100% !important;  
	  padding:0px;
	  margin:0px auto;	  
	  height:100% auto;
	  position:absolute;		 
 
}


.content_area{ width:100% !important;  
	  padding:0px;
	  margin:0px auto;
	  margin-top:211px;	
	}	

.welcome{  
	  width:90% !important;  
	  padding:0px 2% 0px 2%;
	  margin:3% 0px 0px 3%;
	  min-height:335px !important;	  
	}	
.shadow{ display:none; 
	 width:100% !important; margin:0px auto; 
	 }	
}


@media only screen and (max-width: 360px){
.main{
	width:100% !important;
	overflow:hidden;
}

.top_main{ width:100% !important;  
	  padding:0px;
	  margin:0px auto;	  
	  height:100% auto;
	  position:absolute;		 
 
}

	
.topbg{ width:100% !important;  
	  padding:0px;
	  margin:0px auto;
	  background: #1556a6;	 
	  background-position:center top; 
	  background-repeat:repeat-x;
	   height:140px !important;	
	
	}
	
	
.top{ width:100% !important;  
	  padding:0px;
	  margin:0px auto;
	    
	  
	
	}
	
.logo{ width:70% !important;  
	  padding:0px;
	  margin:10px 0px 0px 45px;
	 
	 
	}	
.logo img{ width:100% !important;  
	  padding:0px;
	  margin:0px auto;
	 
	 
	}
	
.top_right{ width:130% !important;    
	  padding:0px;
	  margin:0px 0px 0px 0px;
	  
	
	}	
	
	
.search { display:none;
	  padding:0px;
	  margin:12px 0px 0px 0px;
	  
	
	}
	
.iso{  font-family: "Univers Condensed"; font-size:23px; color:#FFF; text-align:right; font-weight:normal; margin:12px 0px 0px 0px; font-size:100% !important;
 padding: 0px 45px 0px 0px;}	


.iso span{  font-size:100% !important; font-weight:normal;}



.content_area{ width:100% !important;  
	  padding:0px;
	  margin:0px auto;
	  margin-top:220px;
	
	}	

.welcome{  
	  width:86% !important;  
	  padding:0px 4% 15px 4%;
	  margin:3% 0px 0px 3%;
	  min-height: 430px !important;
	  
	}
	
.news{ width:91% !important;  
	  padding:0px 3% 0px 3%;
	  margin:0px;
	  
	
	}

.downloads{  width:91% !important;  
	   padding:0px 3% 0px 3%;
	  margin:0px;
	 
	
	}

.calander{  width:91% !important;  
	   padding:0px 3% 0px 3%;
	  margin:0px;
	  float:left;
	  
	
	}	
	

.content_left{ width:91% !important;  
	  padding:0px;
	  margin:0px 0px 0px 3%;	   
	  float:left;
	  
	}	

.content_left im{ width:100% !important;  
	  padding:0px;
	  margin:0px 0px 1px 0px;	   
	   
	  
	}
	
.header_bg{ width:100% !important;  
	  padding:0px 0px 0px 0px;
	  margin:40px 0px 20px 0px;
	  background-color:#ededed;
	  
	}

	
.header_bg h1{  font-family: "Univers Condensed"; 
	font-size:22px; 
	color:#000; 
	text-align: left; 
	font-weight:normal; 
	margin:0px;
	padding:0px 20px 5px 0px; 
	text-transform:uppercase;
	background-color: #FFF;
	float:left;
	
	
	}	


.photogallry{ margin:0px; padding:0px; width:100% !important; }
		
.photogallry ul{ 
    padding:0px;
	margin:15px 0px 0px 0px; 
	 
}
.photogallry ul li{ 
    padding:0px;
	margin:0px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#505050; 	 
	padding:0px; 
	margin:1px 1px 0px 0px;
	line-height:19px;
	background-position:0px 6px;
	list-style:none;
	float:left;
	width:49% !important;
		 
}

.photogallry ul li img{ 
    padding:0px;
	margin:0px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#505050; 	 
	padding:0px; 
	margin:1px 1px 0px 0px;
	line-height:19px;
	background-position:0px 6px;
	list-style:none;
	float:left;
	width:100%;
		 
}

.content_right{ width:90% !important;  
	  padding:0px;
	  margin:0px 5% 0px 0px;	   
	   

}

.content_right img{ width:100% !important;  
	  padding:0px;
	  margin:0px;	   
	   

}	
		
.bottombg{ width:100% !important;
	  background-image: url(../images/bottombg.jpg);
	  background-repeat: repeat;
	  margin:30px 0px 0px 0px;	 
	  padding:35px 0px 35px 0px;
	}
	
.bottom{ width:100% !important;
	  padding:0px;
	  margin:0px auto;	
	}
	
.bottomlink {padding:0px ;
	margin:0px 0px 0px 25px; width:89% !important;
	 
	
    }	
	
.bottomlink1 {padding:0px ;
	margin:0px 0px 0px 15px; width:92% !important;
	
    }	

	
.copyright{ width:100% !important;
      
	  margin:0px 0px 0px 0px;	 
	  padding:15px 0px 10px 0px;
	}
	
.copyright_div{ width:100% !important;
	  padding:0px;
	  margin:0px auto;
	
	}		
	
.copyright_con { 
    list-style: none;		
	font-weight: normal;	
	font-size:12px;		
	padding: 6px 0px 8px 15px;	
	font-family:Arial, Helvetica, sans-serif;
	background-position:0px 4px;
	color: #000000;	
	
    }

.copyright_con1 { 
    list-style: none;		
	font-weight: normal;		 
	font-size:12px;		
	padding: 6px 0px 8px 15px;	
	font-family:Arial, Helvetica, sans-serif;
	background-position:0px 4px;
	color: #000000;
	margin:0px 0px 0px 15px;
	float: left;
	
    }

.social_icon {    
	color: #000;
	float: left;
	margin:0px 20px 0px 0px;
	padding:0px;	
	


}

.subcontent_left{ width:94% !important;  
	  padding:0px;
	  margin:0px 3% 0px 3%;	   
	  float:left;
	  
	}
.subbanner{ width:100% !important;
	  padding:0px;
	  margin:0px;	
	}	

.subbanner img{ width:100% !important;
	  padding:0px;
	  margin:0px;	
	}	


}