* {
  box-sizing: border-box;
}
@font-face {
  font-family: AbrilFatface;
  src: local("AbrilFatface-Regular"),
       local("AbrilFatface-Regular"),
       url(../fonts/AbrilFatface-Regular.ttf);
  font-weight: Italic;
}
.AbrilFatface {
  font-family: AbrilFatface;
}

@font-face {
  font-family: Philosopher;
  src: local("Philosopher-Regular"),
       local("JPhilosopher-Regular"),
       url(../fonts/Philosopher/Philosopher-Regular.ttf);
}
@font-face {
	font-family: Heebo;
	src: local("Heebo-Regular"),
		 local("JHeebo-Regular"),
		 url(../fonts/Heebo/Heebo-Regular.ttf);
  }
@font-face {
  font-family: Philosopher;
  src: local("Philosopher-Regular"),
       local("JPhilosopher-Regular"),
       url(../fonts/Philosopher/Philosopher-Regular.ttf);
}
.Philosopher{
	font-family: Philosopher;
	
}
.Heebo{
	font-family: Heebo;
	
}
.Philosopher_heading{
	font-family: Philosopher;
	font-weight:bold;
	font-size:1.6rem;
}
.Heebo_heading{
	font-family: Heebo;
	font-weight:bold;
	font-size:1.6rem;
}
body{
	font-family:Heebo;
	
}
.date_prop{
	line-height:10px;
	font-size:12px;
}
.viewMoreBtn{
	
	padding:12px 15px ;
	
	box-shadow: 2px 2px 0px #505050;
	text-shadow:1px 1px 2px #4271a4;
	
}
.hover-shadow:hover{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    cursor: grab;
    
}
.blue{
	background:#2195f2;
}
.red{
	background:#ff6b6b;
	color:#fff;
}
.viewMoreBtn:hover{
	
	box-shadow: 0px 0px 2px #505050;
}
/****************************************************
     Navigation

 ********************************************************/
 


a { text-decoration: none; }

.img_shadow{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


.nav-fostrap{
	position:fixed;
	height:80px;
	z-index:99999999;
	width:100%;
   display: block;
   top:0px;
   text-align:center;
  margin-bottom: 15px 0;
  background: #eaeaea;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  
}

.nav-fostrap ul {
  z-index:99999999;
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-right:20px;
  padding-top:20px;
  display: block;
  background: #eaeaea;
}

.nav-fostrap li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  font-size: 14;
  color: #def1f0;
}

.nav-fostrap li a {
  padding: 10px 15px;
  font-size: 14;
  color: black;
  display: inline-block;
  outline: 0;
  font-weight: 400;
  z-index:99999999;
}
.nav-fostrap li:hover ul.dropdown { display: block; background: #eaeaea; }

.nav-fostrap li ul.dropdown {
  z-index:99999999;
  position: absolute;
  display: none;
  width: 180px;
  text-align:left;
  background: #eaeaea;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  padding-top: 0;
}

.nav-fostrap li ul.dropdown li {
  border-bottom:1px solid silver;
  display: block;
  list-style-type: none;
  width:180px;
  
}

.nav-fostrap li ul.dropdown li a {
  padding: 15px 20px;
  font-size: 15px;
  color: #fff;
  display: block;
  font-weight: 400;
  background: #eaeaea;
  color:black;
}
.dropdown li a {
	color:black;
}
.nav-fostrap li ul.dropdown li:last-child a { border-bottom: none; }

.nav-fostrap li:hover a { 
    background: #3a3737;
    color: #fff ;
	transition:0.75s;
}
li ul li a{
	background: #3a3737;
    color: black !important;
	transition:0.75s;
}
.nav-fostrap li:first-child:hover a { border-radius: 3px 0 0 3px; }

.nav-fostrap li ul.dropdown li:hover a { background:#3a3737;color:#fff !important; }

.nav-fostrap li ul.dropdown li:first-child:hover a { border-radius: 0; }

.nav-fostrap li:hover .arrow-down { border-top: 5px solid #fff; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #def1f0;
  position: relative;
  top: 15px;
  right: -5px;
  content: '';
}
.title-mobile {
  display: none;
}
 @media only screen and (max-width:900px) {

.nav-fostrap {
  background: #eaeaea;
  width: 250px;
  height: 100%;
  height:80px;
  display: block;
  position: fixed;
  left: -250px;
  z-index:99999;
  text-align:left;
  top: 40px;
  height:80px;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -ms-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  z-index:99999999;
  margin-right:80px;
  
}
.navi_mobile{
	margin-right:20px;
}
.title-mobile {
	height:80px;
    position: fixed;
    display: block;
    top: 10px;
    font-size: 20px;
    left: 100px;
    right: 100px;
    text-align: center;
    color: #FFF;
	z-index:99999999;
}
.nav-fostrap.visible {
  left: 0px;
  margin-right:-80px;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -ms-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
  z-index:99999999;
}
.clg_logo{
	display:none;
}
.nav-bg-fostrap {
	
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 80px;
  margin: 0;
  text-align:left;
  position: fixed;
  top: 0px;
  left: 0px;
   background: #eaeaea;
  z-index:99999999;
  padding: 12px 0 0 10px;
  padding-top:20px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.navbar-fostrap {
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  cursor: pointer;
  margin: 0;
    position: absolute;
    top: 0;
    left: 0;
	z-index:99999;
    padding: 12px;
	z-index:99999999;
}

.navbar-fostrap span {
  height: 2px;
  background: #fff;
  margin: 5px;
  display: block;
  width: 20px;
}

.navbar-fostrap span:nth-child(2) { width: 20px; }

.navbar-fostrap span:nth-child(3) { width: 20px; }

.nav-fostrap ul { padding-top: 50px; }

.nav-fostrap li { display: block; }

.nav-fostrap li a {
  display: block;
  color: #505050;
  font-weight: 600;
  font-size:17px;
}

.nav-fostrap li:first-child:hover a { border-radius: 0; }

.nav-fostrap li ul.dropdown { position: relative; }

.nav-fostrap li ul.dropdown li a {
  background: #eaeaea ;
  border-bottom: none;
  color: #fff ;
}

.nav-fostrap li:hover a {
  background: #3a3737;
  color: #fff ;
  transition:0.75s;
}

.nav-fostrap li ul.dropdown li:hover a {
   background:black;
   color:#fff !important;
}
.nav-fostrap li ul.dropdown li a { padding: 10px 10px 10px 30px; }

.nav-fostrap li:hover .arrow-down { border-top: 5px solid #fff; }

.arrow-down {
  border-top: 5px solid #505050;
  position: absolute;
  top: 20px;
  right: 10px;
}

.cover-bg {
  background: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
}
 @media only screen and (max-width:1199px) {


}
.dropdown li a {
	color:black;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
/****************************************************
     End of navigation

 ********************************************************/
/****************************************************
     Banner styles

 ********************************************************/
 .shadow-style{
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
 }
 .noti_alert{
	width:650px;
	height:350px;
	position:fixed;
	top:50%;
	bottom:50%;
	left:50%;
	margin-left:-320px;
	z-index:99999999;
	margin-top:-110px;
	background:#fff;
}
.noti_header{
	padding:10px;
	color:white;
	background:#ff6b6b;
	font-family: Heebo;
}
.noti_body{
	padding:5px;
}
.close_div{
	position:absolute;
	color:white;
	font-size:2.5rem;
	right:0px;
	margin-right:10px;
	cursor:pointer;
}
.close_div:hover{
	color:black;
	transition:0.75s;
}

#cover{
	position:fixed;
	background:black;
	width:100%;
	top:0px;
	bottom:0px;
	height:100%;
	opacity:0.6;
	left:0px;
	right:0px;
	z-index:99999;
}

/* .container{*/
	
/*	margin-left:220px;*/
/*	margin-top:280px;*/
	
/*}*/

.pogoSlider{
	height:620px;
}
.container h3{
	font-family: Heebo;
	font-size:3rem;
	color:#fff;
}
.about_body{
	height:250px;
}
.container p{
	font-family: Heebo;
	
	font-size:1.5rem;
	color:#fff;
}
.container ul li{
	display:inline;
	margin-left:10px;
}
 #banner{
	height:625px;
    width:100%;	
}
.mobile_logo{
	display:none;
}
.clg_logo{
	z-index:999899999;
	position:fixed;
	top:5px;
	margin-left:8px;
}
.logo{
	position:fixed;
	z-index:99999;
}
.logo span{
	padding-left:20px;
	color:red;
	position:absolute;
}
.navi{
	
	z-index:99999;
	background:silver;
	cursor:pointer;
	color:black;
	border:2px solid white;
	position:absolute;
	right:20px;
	padding:10px;
	opacity:0.8;
	top:40px;
	opacity:0;
}
.progm_list{
	text-decoration:none;
	padding:10px 80px ;
	border:1px solid silver;
}
.progm_list:hover{
	background:blue;
	color:white;
	border-radius:5px;
	transition:0.75s;
}
.show i{display:none;}

.cycle-slideshow{
	margin-top:70px;
	position:fixed;
	width:100%;
	z-index:-99999 !important;
}

.slider_img{
	z-index:-99999 !important;
	width:100%;
	height:625px;
	height:555px;
	min-height:200px;
	opacity:0.8;
}
.about_div{
	
	
	padding:5px;
	border-radius:5px;
	
}

.about_row{
	background:#eeeeee;
	padding:5px;
}
.about_content{
	padding-left:20px;
}
.about_content p{
	line-height:25px;
}
.new_program{
	background:white;
	
}
 .btn_detail{
	 padding:15px 20px;
	 background:#6fc4d9;
	 text-align:center;
	 text-decoration:none;
	 border-bottom:5px solid #2ea9c7;
	 color:white;
	 text-shadow:0px 0px 5px black;
	 border-radius:3px;
 }
 .toggle_btn i{
	opacity:0;
}
 .progrme_div{
	 height:100%;
	 margin-top:10px;
	 width:80%;
	 margin-bottom:30px;
	 background:#fff;
	box-shadow: 0px 1px 3px #c3bdbd;
 }
 
 
 .program_img{
	 
	 transition:0.75s;
	 opacity:1;
	 background:#607d8b;	
	 padding:15px;
	
	 
 }
.progm_head{
	margin-left:20px;
	color:#fefefe;
	text-shadow:0px 0px 15px black;
}
 .progrme_detail{
	 transition:0.75s;
	 margin-top:-5px;
	 padding:5px;
	
 }
 /*  */
 .count_div{
	 background-image:url("../images/count_banner.jpg");
	 background-attachment:fixed;
 }
 .count_detail{
	 border:1px solid silver;
	 background:white;
	 height:220px;
	 width:80%;
	 margin-top:40px;
	 border-radius:5px;
 }
 .count{
	 transform:scale(1);
	 transition:0.75s;
 }
 .count_detail:hover .count{
	 transform:scale(2);
	 transition:0.75s;
 }
 .count_icon i{
	 width:70px;
	 height:70px;
	 border-radius:50%;
	 border:1px solid #2a9dd6;
	 background:#2a9dd6;
	 font-size:2rem;
	 color:white;
	 margin-top:-30px;
	 margin-left:150px;
	 padding-left:16px;
	 padding-top:21px;
 }
 /*  */
 .event_row{
	  background:#eee;
 }
 .event_div
 {
	 width:80%;
     margin-top:20px;
	 height:350px;
	 background:#fff;
	 box-shadow: 1px 1px 5px #ded4d4;
	
 }
 .event_date{
	position:absolute;
	width:60px;
	height:70px;
	background:#495052;
	color:white;
	text-align:center;
	font-family: Heebo;
	padding-bottom:5px;
	opacity:0.8;
 }
 
 .event_detail{
	transform:scale(1);
	transition:0.75s;
	font-family: Heebo; 
	background:white;
    border-top:1px solid silver;
    margin-top:-3px;
    padding:5px;	
 }
 
 /*  */
 .msg_row{
	 
	 font-family: Heebo;
	 background-image:url("../images/count_banner.jpg");
	 background-attachment:fixed;
     background-repeat:no-repeat;
     background-size:cover;	
     
     font-size:17px;
     
 }
 .principal_img{
	 height:370px;
	 width:35%;
	 float:left;
 }
 .msg_div{
	 border: 1px solid #3a3f42;
    padding: 20px;
    line-height: 20px;
    width: 65%;
    float: left;
    margin-bottom: 60px;
    box-shadow: -2px 1px 5px #382a2a;
    background: #3d4142;
    color: #fff;
 }
 /*  */
 .content_container{
	 padding:20px;
	
 }
 
 .content_container p{
	 line-height:20px;
	
 }
 .new_row{
	 background:#eeeeee;
	 color:black;
 }
 .news_div{
	width:90%;
	border:1px solid silver;
 	margin-top:10px;
	margin-bottom:40px;
	overflow:hidden;
 }
 .news_img{
	 transform:scale(1);
	 transition:0.75s;
	 opacity:0.8;
	 
	 overflow:hidden;
 }
 .news_div:hover .news_img{
	 transform:scale(1.2);
	 opacity:1;
	 transition:0.75s;
	 border-radius:5px;
	 -webkit-filter: grayscale(10%);
 }
 .m-p-g__fullscreen active{
	 z-index:999999;
 }
 .news_detail{
	 height: 200px;
	 font-family: Heebo;
	 padding:10px;
	 background:#fff;
 }
 .view_more_bnt{
	 text-decoration:none;
	 padding:20px 25px;
	 background: #207faf;
     border-bottom: 5px solid #36a2d8;
	 color:white;
	 text-shadow:0px 0px 5px black;
	 border-radius:2px;
	 transition:0.75s;
 }
 .view_more_bnt:hover{
	 border-top:5px solid #36a2d8;
	 background:#66bde8;
	 color:black;
	 border-radius:5px;
	 transition:0.75s;
 }
 /*  */
 
 .copy_wirght{
	 padding:5px;
	 background:#3a3333;
	 color:white;
	 margin-bottom:-5px;
 }
    /*                               Faculty Page                                */
.facullty_banner{
	 margin-top:78px;
	 width:100%;
	
}									 
.heading_row{
	 text-align:center;
	 font-family: Heebo;
	 background:#f5f5f5;
}
.heading_row h1{
	margin-top:px;
}
.faculty_row{
	background:#f5f5f5;
}
.faculty_head{
	padding:30px;
	
}
.faculty_div{
	text-align:center;
	height:320px;
	background:#f4efef;
	width:80%;
	margin-bottom:10px;
	box-shadow:0px 0px 5px silver;
}
.facult_div{
	text-align:center;
	margin-top:20px;
	padding:20px;
	margin-left:10px;
	
}
.faculty_image{
	width:120px;
	height:120px;
	border-radius:50%;
	border:5px solid silver;
}
.tabs{
	width:50%;
	box-shadow:none;
}
.f_detail_table{
	padding:10px;
	background:#eeeeee;
	height:390px;
}
.f_detail_table tr{
	height:50px;
	text-align:justify;
	padding-left:60px;
	
}
.f_detail_table th{
	
}

.faculty_detail{
	padding:10px;
	background:#f4f1f1;
	
}
.faculty_detail table tr{
	height:50px;
}
.faculty_quli_div{
	background:#eeeeee;
	color:black;
	padding:10px;
	height:390px;
}
.faculty_quli_div table tr{
	height:50px;
	border-bottom:1px solid silver;
}
.faculty_quli_div table tr td{
	
}
.facult_img_div{
	border-right:1px solid silver;
	background:#607D8B;
}
.faculty_img_div{
	height:130px;
	text-align:center;
	background-image:url("../images/faculty_back.jpg");
	background-size:cover;
}
.faculty_img{
	width:120px;
	height:120px;
	border-radius:50%;
	margin-top:25px;
	border:5px solid white;
}


.faculty_table th{
	margin-top: 50px;
	height:40px;
	border-bottom:1px solid #f5f5f5;
	font-family: Heebo;
	
}
.faculty_table td{
	 border-bottom:1px solid #f5f5f5;
	 font-family: Heebo;
	 padding-left:10px;
}
.page_control{
	font-family: Heebo;
	text-align:center;
	font-size:1.2rem;
}
.page_control a{
	padding:5px 10px;
	border:1px solid silver;
	text-decoration:none;
	margin-top:10px;
}
.page_control span{
	padding:8px 14px;
	border:none;
	box-shadow:0px 0px 5px silver;
	cursor:not-allowed;
	
}
.student_row{
	background:#f5f5f5;
	padding:20px;
}
.student_row ol li{
	line-height:20px;
	list-style-type:decimal;
}
.student_row ul li{
	line-height:18px;
	list-style-type:disc;
	font-size:17px;
}
.faculty_profile_banner{
	height:350px;
	background-image:url("../images/faculty_back.jpg");
	text-align:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
}
.faculty_about_header{
	background:#2f3332;
	text-align:center;
	padding:2px;
	color:#eee;
}
.faculty_quli_header{
	background:#e65757;
	text-align:center;
	padding:2px;
	color:#eee;
}
.student_affair_banner{
	height:250px;
	background-image:url("images/slider/main_building.jpg");
	text-align:center;
	background-attachment:fixed;
	background-size:cover;
}
.student_affair_banner h1{
	left:50%;
	margin-left:-280px;
	position:absolute;
	top:0px;
	margin-top:180px;
	z-index:999;
	word-spacing:8px;
	letter-spacing:8px;
	font-size:3.5rem;
	text-shadow:0px 0px 1px black;
}
.scholership_row{
	text-align:center;
	margin-top:20px;
	padding:60px;
}
.scholership_banner{
	height:30px;
	background-image:url("../images/student_affair.gif");
	text-align:center;
	background-attachment:fixed;
	background-size:cover;
}
.scholership_banner h1{
	left:50%;
	margin-left:-310px;
	position:absolute;
	top:0px;
	margin-top:180px;
	z-index:99;
	word-spacing:8px;
	letter-spacing:8px;
	font-size:3.5rem;
	text-shadow:0px 0px 1px black;
}
.photo_gallery_row{
	background:#f5f5f5;
	
}
.photo_gallery_row img{
	transform:scale(1);
}
.photo_gallery_row img:hover{
	opacity:0.5px;
	box-shadow:0px 0px 10px black;
	border-radius:5px;
	transform:scale(1.1);
	opacity:0.75s;
	border:5px solid silver;
}
.m-p-g__controls-close{
	z-index:999999;
	margin-top:90px;
}
.notification_row{
	background:#f5f5f5;
	padding:20px;
}

.noti_link{
	text-decoration:none;
	padding-left:30px;
    font-family: Heebo;
	font-size:1.2rem;
	color:black;
	padding:5px 30px;
	border:1px solid silver;
}
.noti_link:hover{
	text-decoration:underline;
	transition:0.75s;
	background:silver;
}
.next_control{
	background:#f5f5f5;
}
.download_btn{
	padding:15px 20px;
	border:1px solid black;
	text-decoration:none;
	
}
.text_input{
	width:90%;
	height:40px;
	margin-top:10px;
	padding-left:10px;
	outline:none;
	border:none;
	border:1px solid silver;
	font-size:15px;
	font-family: Heebo;
}
.text_area{
	width:90%;
	height:190px;
	margin-top:10px;
	padding-left:10px;
	outline:none;
	border:none;
	border:1px solid silver;
	font-family: Heebo;
	font-size:15px;
}
.text_area:hover{
	box-shadow:0px 0px 5px silver;
}
.text_input:hover{
	box-shadow:0px 0px 5px silver;
}
.contact_info_div{
	
	background:#fff;
	border-bottom:3px solid #2a9dd6;
}
.map_div{
	margin-top:20px;
	height:450px;
	background:#fff;
	border-bottom:5px solid #2a9dd6;
}
.map_head{
	background: #2a9dd6;
	padding:3px;
	padding-left:20px;
	color:white;
}
.contact_header{
	background: #2a9dd6;
	padding:1px;
	padding-left:20px;
	color:white;
}
.contact_body{
	font-family: Philosopher;
	padding:20px;
}
.contact_form_div{
	
	margin-right:10px;
	background:#fff;
	border-bottom:5px solid #2a9dd6;
}
.contact_form_head{
	
	background: #2a9dd6;
	padding:1px;
	padding-left:20px;
	color:white;
}
.contact_form_body{
	font-family: Heebo;
	padding:20px;
}
.mail_btn{
	font-family: Heebo;
	width:120px;
	height:45px;
	font-size:1.4rem;
	color:#fff;
	background:#2a9dd6;
	border:none;
	border-bottom:4px solid #47b8f1;
	cursor:pointer;
	transition:0.75s;
	border-radius:5px;
}
.mail_btn:hover{
	background:#47b8f1;
	transition:0.75s;
}
.program_detail_div{
	border:1px solid silver;
	background:#fff;
	padding:20px;
	padding-bottom:30px;
}
.pro_short_detail{
	padding:20px;
}
.pro_detail{
	font-family: Heebo;
	padding-left:20px;
	height:400px;
}
.side_event_div{
	background:#fff;
	width:80%;
	margin-left:40px;
	margin-top:10px;
	box-shadow:0px 0px 5px silver;
}
.link_text{
	font-family: Heebo;
	text-decoration:none;
}
.side_event_detail{
	padding:5px;
}
.select_div{
	padding-left:20px;
	padding-top:20px;
	font-size:1.2rem;
	text-align:center;
}
.fee_table_div{
	text-align:center;
	width:80%;
	margin-left:80px;
}
.fee_table_div table{
	border:1px solid #e8e6e6;
	border-bottom:5px solid #cdd4d8;
	border-top:5px solid #cdd4d8;
}
.fee_table_div th{
	height:50px;
	background:#cdd4d8;
}
.fee_table_div td{
	height:40px;
}
.fee_table_div table tr:nth-child(odd){
	border-bottom:3px solid #cdd4d8;
	background:#f3f4f5;
}

.dept_div{
	
	background:#fff;
	margin-top:20px;
	height:260px;
	margin-left:5px;
	box-shadow:1px 1px 5px silver;
	margin-right:5px;
	 
}
.dept_head{
	background:#607d8b;
	padding:6px;
	color:#fff;
	text-shadow:1px 1px 3px black;
	font-style:bold;
}
.dept_body{
	padding:5px;
}
.course_div{
	padding:20px;
	border:1px solid silver;
	background:#fff;
	width:80%;
	margin-bottom:10px;
	margin-left:5px;
	border-radius:5px;
}
.dept_faculty_div{
	width:80%;
	height:300px;
	border:1px solid silver;
	margin-bottom:10px;
	margin-left:5px;
	text-align:center;
}
.dept_faculty_detail{
	padding:5px;
	text-align:center;
}
.facult_btn{
	
	text-decoration:none;
	padding:10px 15px;
	
	transition:0.75s;
	background:#ff6b6b;
	box-shadow:1px 1px 5px silver;
	color:#fff;
	margin-top:5px;
}
.facult_btn:hover{
	transition:0.75s;
	background:#4271a4;
	border:1px solid #4271a4;
	color:white;
}


.quli_div{
	width:80%;
	border:1px solid #efefef;
	margin-bottom:10px;
	background:#efefef;
	border-radius:5px;
}

/* Web Responsive Queries */
@media screen and (max-width:360px){
	.principal_img{
	  height:400px;
	  width:100%;
	 float:none;
    }
	.msg_div{
		width:100%;
	 float:none;
	}
	
	/*.container{*/
	/*margin-left:60px;*/
	/*margin-top:150px;*/
	/*}*/
	
	.pogoSlider{
		height:430px;
	}
	.container h3{
		font-family: Heebo;
		font-size:1.5rem;
	}
 .noti_alert{
	width:290px;
	height:480px;
	margin-top:-190px;
	margin-left:-140px;
	padding:0px;
	}
	.container p{
	font-family: Heebo;
	font-weight:italic;
	font-size:0.5rem;
	color:#fff;
     }
	.noti_header{
	padding:2px;
	color:white;
	font-size:0.5rem;
	background:#ff6b6b;
	font-family: Heebo;
	}
	.noti_body{
		padding:2px;
	}
	.container ul li{
	display:inline;
	margin-left:10px;
	font-size:0.2rem;
   }
 #banner{height:350px; width:100%;	}

.logo{
	display:none;
}
.mobile_logo{
	position:absolute;
	left:50%;
	display:block;
	margin-top:-10px;
	margin-left:-70px;
	height:50px;
	width:160px;
	z-index:99999999999999999;
	border-radius:5px;
}
.mobile_nav{
	width:100%;
	background:#fff;
	height:80px;
	position:fixed;
	z-index:99999;
	top:-1px;
}

#banner h1{
	font-size:1.5rem;
	top:190px;
	margin-left:-120px;
	line-height:40px;
}
.cycle-slideshow{
	margin-top:0px;
}

.slider_img{
	z-index:-99999 !important;
	width:100%;
	height:400;
	min-height:200px;
	opacity:0.8;
}
.about_content{
	
	padding-left:10px;
}
.about_content p{
	line-height:20px;
}
.count_detail{
	padding:5px;
	 border:1px solid silver;
	 background:white;
	 height:220px;
	 width:100%;
	 margin-left:0px;
	 margin-top:40px;
	 border-radius:5px;
 }
 
 .event_div
 {
	 width:100%;
     margin-left:0px;	
	 margin-top:20px;
 }
 .progrme_div{
	 
	 width:95%;
	 margin-bottom:30px;
 }
  .count_icon i{
	
	 margin-top:-30px;
	 margin-left:120px;
	 padding-left:16px;
	 padding-top:21px;
 }
 .msg_div{
	 padding:2px;
	 font-size:14px;
 }
 .student_affair_banner h1{
    margin-left: -110px;
    top: 0px;
    margin-top: 100px;
    z-index: 99;
    word-spacing: 8px;
    letter-spacing: 8px;
    font-size: 1.8rem;
 }
 .student_affair_banner{
	 height: 240px;
 }
 .fee_table_div {
    text-align: center;
    width: 100%;
    margin-left: 2px;
}
.faculty_div{
	height: 390px;
    background: #ffffff;
    width: 100%;
    margin-right:0px;
    margin-bottom: 40px;
    box-shadow: 0px 0px 5px silver;
  }
  .scholership_banner h1{
    margin-left: -110px;
    top: 0px;
    margin-top: 140px;
    z-index: 99;
    word-spacing: 2px;
    letter-spacing: 3px;
    font-size: 1.3rem;
    text-shadow: 0px 0px 1px black;
}
.scholership_banner{
	height:250px;
}
.progm_img{
	height:120px;
}
}

.social_link li{
	
	display:inline;
	color:white;
}
.social_link li a{
	margin-top:5px;
	padding:10px 15px;
	background:#0b0b11;
	text-shadow:0px -5px 20px black;
	color:white;
	border-bottom:3px solid black;
	transition:0.75s;
}
.social_link li a:hover{
	transition:0.75s;
	background:#2196F3;
	color:red;
	border-bottom:3px solid #03A9F4;
}

@media screen and (min-width:361px) and (max-width:450px){
 
 /*.container{*/
	/*margin-left:80px;*/
	/*margin-top:150px;*/
	/*}*/
	
	.pogoSlider{
		height:430px;
	}
	.container h3{
		font-family: Heebo;
		font-size:1.2rem;
	}
 .noti_alert{
	width:390px;
	height:380px;
	margin-left:-190px;
	padding:0px;
	}
	.noti_header{
	padding:2px;
	color:white;
	font-size:0.5rem;
	background:#ff6b6b;
	font-family: Heebo;
	}
	.noti_body{
		padding:2px;
	}
 #banner{height:350px; width:100%;	}

.logo{
	display:none;
}
.mobile_logo{
	position:absolute;
	left:50%;
	display:block;
	margin-top:-50px;
	margin-left:-10px;
	height:60px;
	width:180px;
	z-index:99999999999999999;
	border-radius:5px;
}
.mobile_nav{
	width:100%;
	background:#fff;
	height:80px;
	position:fixed;
	z-index:99999;
	top:-1px;
}

#banner h1{
	font-size:1.5rem;
	top:190px;
	margin-left:-180px;
	line-height:40px;
}
.cycle-slideshow{
	margin-top:60px;
}

.slider_img{
	z-index:-99999 !important;
	width:100%;
	height:360px;
	min-height:200px;
	opacity:0.8;
}
.about_content{
	padding-left:10px;
}
.about_content p{
	line-height:20px;
}
.count_detail{
	 border:1px solid silver;
	 background:white;
	 height:220px;
	 width:95%;
	 margin-left:5px;
	 margin-top:40px;
	 border-radius:5px;
 }
 .event_div
 {
	 width:95%;
     margin-top:20px;
 }
 .progrme_div{
	 
	 width:95%;
	 margin-bottom:30px;
 }
  .count_icon i{
	
	 margin-top:-30px;
	 margin-left:240px;
	 padding-left:16px;
	 padding-top:21px;
 }
 .student_affair_banner h1{
    margin-left: -140px;
    top: 0px;
    margin-top: 100px;
    z-index: 99;
    word-spacing: 8px;
    letter-spacing: 8px;
    font-size: 2.5rem;
 }
 .student_affair_banner{
	 height: 260px;
 }
 .fee_table_div {
    text-align: center;
    width: 100%;
    margin-left: 2px;
}
.scholership_banner h1{
    margin-left: -180px;
    top: 0px;
    margin-top: 180px;
    z-index: 99;
    word-spacing: 8px;
    letter-spacing: 8px;
    font-size: 1.8rem;
    text-shadow: 0px 0px 1px black;
}
.scholership_banner{
	height:300px;
}
.progm_img{
	height:140px;
}
.principal_img{
	  height:400px;
	  width:100%;
	 float:none;
    }
	.msg_div{
		width:100%;
	 float:none;
	}
}
@media screen and (min-width:451px) and (max-width:600px){
    
	/*.container{*/
	/*margin-left:100px;*/
	/*margin-top:180px;*/
	/*}*/
	
	.pogoSlider{
		height:450px;
	}
	.container h3{
		font-family: Heebo;
		font-size:1.5rem;
	}
 .noti_alert{
	width:490px;
	height:380px;
	margin-left:-250px;
	padding:0px;
	}
 #banner{height:400px; width:100%;	}

.logo{
	display:none;
}
.mobile_logo{
	position:absolute;
	left:50%;
	display:block;
	margin-top:-30px;
	margin-left:-110px;
	height:60px;
	width:180px;
	z-index:99999999999999999;
	border-radius:5px;
}

#banner h1{
	font-size:2rem;
	top:190px;
	margin-left:-210px;
	line-height:40px;
}
.cycle-slideshow{
	margin-top:60px;
}

.slider_img{
	z-index:-99999 !important;
	width:100%;
	height:400px;
	min-height:200px;
	opacity:0.8;
}
.about_content{
	padding-left:10px;
}
.about_content p{
	line-height:20px;
}
.count_detail{
	 border:1px solid silver;
	 background:white;
	 height:220px;
	 width:95%;
	 margin-left:5px;
	 margin-top:40px;
	 border-radius:5px;
 }
 .event_div
 {
	 width:95%;
     margin-top:20px;
 }
 .progrme_div{
	 
	 width:95%;
	 margin-bottom:30px;
 }
  .count_icon i{
	
	 margin-top:-30px;
	 margin-left:240px;
	 padding-left:16px;
	 padding-top:21px;
 }	
 .student_affair_banner h1{
    margin-left: -140px;
    top: 0px;
    margin-top: 180px;
    z-index: 99;
    word-spacing: 8px;
    letter-spacing: 8px;
    font-size: 3rem;
 }
 .student_affair_banner{
	 height: 300px;
 }
 .fee_table_div {
    text-align: center;
    width: 100%;
    margin-left: 2px;
}
.scholership_banner h1{
    margin-left: -210px;
    position: absolute;
    top: 0px;
    margin-top: 180px;
    z-index: 99;
    word-spacing: 8px;
    letter-spacing: 8px;
    font-size: 2.5rem;
    text-shadow: 0px 0px 1px black;
}
.scholership_banner{
	height:350px;
}
.student_affair_banner h1{
	font-size:2.5rem;
	margin-left:-220px;
	margin-top:130px;
}
.progm_img{
	height:180px;
}
.principal_img{
	  height:400px;
	  width:100%;
	 float:none;
    }
	.msg_div{
		width:100%;
	 float:none;
	}
}
@media screen and (min-width:601px) and (max-width:760px){
	
	/*.container{*/
	/*margin-left:140px;*/
	/*margin-top:200px;*/
	/*}*/
	
	.principal_img{
	  height:400px;
	  width:100%;
	 float:none;
    }
	.msg_div{
		width:100%;
	 float:none;
	}
	.pogoSlider{
		height:480px;
	}
	.container h3{
		font-family: Heebo;
		font-size:2rem;
	}
	.noti_alert{
	width:550px;
	height:350px;
	margin-left:-280px;
   }
 #banner{height:400px; width:100%;	}

.logo{
	display:none;
}
.mobile_logo{
	position:absolute;
	left:50%;
	display:block;
	margin-top:-50px;
	margin-left:-120px;
	height:80px;
	width:210px;
	z-index:99999999999999999;
	border-radius:5px;
}
.mobile_nav{
	width:100%;
	background:#fff;
	height:80px;
	position:fixed;
	z-index:99999;
	top:-1px;
}

#banner h1{
	font-size:2rem;
	top:190px;
	margin-left:-210px;
	line-height:40px;
}
.cycle-slideshow{
	margin-top:60px;
}

.slider_img{
	z-index:-99999 !important;
	width:100%;
	height:400px;
	min-height:200px;
	opacity:0.8;
}

.about_content p{
	line-height:20px;
}
.count_detail{
	 border:1px solid silver;
	 background:white;
	 height:220px;
	 width:95%;
	 margin-left:5px;
	 margin-top:40px;
	 border-radius:5px;
 }
 .event_div
 {
	 width:95%;
     margin-top:20px;
 }
 .progrme_div{
	 
	 width:95%;
	 margin-bottom:30px;
 }
  .count_icon i{
	
	 margin-top:-30px;
	 margin-left:240px;
	 padding-left:16px;
	 padding-top:21px;
 }
 .faculty_div{
	height: 390px;
    background: #ffffff;
    width: 98%;
     margin-bottom: 40px;
    box-shadow: 0px 0px 5px silver;
  }
}
@media screen and (min-width:761px) and (max-width:955px){
	
	.about_body{
		height:410px;
	}
	.principal_img{
	  height:400px;
	  margin-top:30px;
    }
	.clg_logo{
	display:none;
    }
}
@media screen and (min-width:956px) and (max-width:1100px){
 #banner{height:400px; width:100%;	}
.clg_logo{
	display:none;
}
.logo{
	display:none;
}
.principal_img{
	height:430px;
	margin-top:10px;
}
.mobile_logo{
	position:absolute;
	left:50%;
	display:block;
	margin-top:-60px;
	margin-left:-120px;
	height:90px;
	width:250px;
	z-index:99999999999999999;
	border-radius:5px;
}
.mobile_nav{
	width:100%;
	background:#fff;
	height:80px;
	position:fixed;
	z-index:99999;
	top:-1px;
}

#banner h1{
	font-size:2.5rem;
	top:120px;
	margin-left:-270px;
	line-height:80px;
}
.cycle-slideshow{
	margin-top:60px;
}

.slider_img{
	z-index:-99999 !important;
	width:100%;
	height:400px;
	min-height:200px;
	opacity:0.8;
}
.about_content{
	padding-left:10px;
}
.about_content p{
	line-height:20px;
}
.count_detail{
	 border:1px solid silver;
	 background:white;
	 height:220px;
	 width:95%;
	 margin-left:0px;
	 margin-top:40px;
	 border-radius:5px;
 }
 .student_affair_banner h1{
    margin-left: -200px;
    top: 0px;
    margin-top: 180px;
    z-index: 99;
    word-spacing: 8px;
    letter-spacing: 8px;
    font-size: 3.5rem;
 }

}
@media screen and (min-width:1100px) and (max-width:1250px){
	.principal_img{
	height:425px;
}
	.nav-fostrap ul {
		float:right;
	}
  .faculty_div{
	height: 390px;
    background: #ffffff;
    width: 90%;
    margin-bottom: 40px;
    box-shadow: 0px 0px 5px silver;
  }
 
}
@media screen and (min-width:1460px){


}