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

*{
	margin:0;
	padding:0;
}
body{
	/*font-family: 'ebrima' \9;*/
}
@font-face {
    font-family: 'ebrima';
    src: url('../font/ebrima.eot');
    src: url('../font/ebrima.eot') format('embedded-opentype'),
         url('../font/ebrima.woff2') format('woff2'),
         url('../font/ebrima.woff') format('woff'),
         url('../font/ebrima.ttf') format('truetype'),
         url('../font/ebrima.svg#ebrima') format('svg');
}

@font-face {
    font-family: 'ebrimabd';
    src: url('../font/ebrimabd.eot');
    src: url('../font/ebrimabd.eot') format('embedded-opentype'),
         url('../font/ebrimabd.woff2') format('woff2'),
         url('../font/ebrimabd.woff') format('woff'),
         url('../font/ebrimabd.ttf') format('truetype'),
         url('../font/ebrimabd.svg#ebrimabd') format('svg');
}
@font-face {
   font-family: 'Candara-Italic';
   src: url('../font/Candara-Italic.eot?#iefix') format('embedded-opentype'),  
   url('../font/Candara-Italic.woff') format('woff'),
   url('../font/Candara-Italic.ttf')  format('truetype'), 
   url('../font/Candara-Italic.svg#Candara-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
a img {border:none;}
.top_right{width:450px; position:absolute; right:0; 
z-index: 99; top: 2px; padding: 5px 15px; margin-right: 55px;}

.top_right ul {width:450px; background-image:url(../img/top_right_ul_bg.png); background-repeat:no-repeat; background-size: 330px auto;position:absolute; right:0; 
z-index: 99; top: 14px; padding: 5px 15px;}
.tphno{margin-left: -7px; float: left; margin-top: 2px;}
.tpemail{margin-left:34px; margin-left:53px \9; float: left; margin-top: 0px;}
.tpemail a{color:#fff; text-decoration:none;}
.emLogin{margin-left:15px; margin-left:18px \9; float: left; margin-top: 4px; font-family: 'ebrima'; font-size: 14px !important ; }
.emLogin a{color:#fff; text-decoration:none; padding: 5px 15px 7px; background: #77ab43; border-radius: 5px; }
.emLogin a:hover{ background: #b6753c; }

.top_right ul li{ display:inline; font-size:16px; font-family: 'ebrimabd';  color:#fff;}
#header_wrapper{width:100%; height:76px; position:absolute; float:left; background-color:#224095; z-index: 99; top:62px; border-bottom:5px solid #77ab43;}
/*.headbottom{width:100%; height:10px; float:left; background-color:#77ab43;}*/
#head_inner{width:1000px; height:71px;  margin:0 auto;}
#logo{width:290px; height:97px; float:left;   margin-top: 0px;}
#menu{width:710px; height:50px; float:left; margin-top:6px;}
#menu ul li{ list-style:none; font-size:14px; font-family: 'ebrima'; color:#fff; text-transform:uppercase; }
#menu ul li a{color:#fff; text-decoration:none; padding:30px 11px 27px;}
#menu ul li a:hover{background-color:#77ab43;}
.menuselect{background-color:#77ab43;}
.forenq{ font-family: 'ebrimabd';  font-size:18px; color:#fff; margin-left: -139px;
  margin-top: 10px; font-weight:lighter !important;}
#banner{
	width:100%;
	min-height:200px;
}
#banner img{
	width:100%;
}
.plinks{ display: block; clear:left; padding: 10px 0 0; }

/* Slider
/*-----------------------------------------------------------------------------------*/
.slider_container{ width:100%; margin:auto; clear:both;}
.flex-caption{ position: absolute; right:0px; top:280px;}
.caption_title_line{ width:380px; height:120px; padding:5px 170px 10px 15px; color: #ffffff; }
.flex-caption h2{ color:#ffffff; font-size:94px; padding:5px 0 5px 0; margin:0px;  font-family: 'Candara-Italic'; margin-top: -26px; }
.flex-caption p{ color: #ffffff; font-size:29px; font-family: 'Candara-Italic'; text-transform:uppercase;}
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; }
.flexslider .slides > li {display: none ;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; }
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

/* Direction Nav */
.flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(../img/ban_next_arrow.png) no-repeat center; top:364px;}
.flex-direction-nav li a.prev {background:url(../img/ban_prev_arrow.png) no-repeat center; top:364px; left:10px;}
.flex-direction-nav li a.next:hover {background:url(../img/ban_next_arrow.png) no-repeat center;}
.flex-direction-nav li a.prev:hover {background:url(../img/ban_prev_arrow.png) no-repeat center;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/* Media Queries
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 1000px) {
.slider_container{ width:90%; margin:0 0 0 2%; clear:both; background:none; padding:30px 0 0 0;}
.flexslider {width: 100%; margin: 0; padding:0 0 30px 0;background:none;}
.flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:-10px; cursor: pointer; 
text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(../img/ban_next_arrow.png) no-repeat center; bottom:85px;}
.flex-direction-nav li a.prev {background:url(../img/ban_prev_arrow.png) no-repeat center;bottom:40px;}
.flex-caption { display:none;}
}
/*********** Banner End   ************/

/*hm_about_krisat*/

/*#hm_wrap{width:914px; margin:0 auto; background-color:#fff; margin-top: -161px; position:relative; padding:0px 0 0 23px; padding-bottom: 36px; position:relative; }*/
#hm_wrap{width:914px; height:375px; margin:0 auto; background-color:#fff;  top: -107px; 
 padding:0px 0 0 23px; position: relative;  z-index: 9; }
#hm_about_krisat{width:640px;  height:375px;  float:left; padding-top:10px;  }
#hm_about_krisat h2{ font-size:18px; font-family: 'ebrimabd'; color:#b6753c; font-weight:lighter;}
#hm_about_krisat ul li{list-style:none;}
.infrastrct{width:195px; float:left; height:332px;  margin-top:10px; margin-right:18px;}
.inf_image{width:196px; height:109px; float:left;}
.img_bottomtitle {font-size:16px !important; font-weight:normal; float:left; padding:5px 10px; font-family: 'ebrima' !important;  background-color:#77ab43; color:#fff !important; width:175px; height:26px; margin-top:-1px; }
.inf_text{width:186px; height:129px; float:left; margin-top:10px;}
.inf_text p{font-family: 'ebrimabd'; font-family: 'ebrima' \9; color:#000000; font-size:12px; padding-bottom:5px;}
.inf_text .bold{font-size:14px !important; color:#b6753c; font-family: 'ebrimabd';}
.clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block;
 height: 0; clear: both;}
.infreadmore{width:93px; height:24px; font-family: 'ebrima'; font-size:14px; text-align:center; color:#ffffff; float:left; position:absolute;
 background-image:url(../img/inf_readmore_bg.png); background-repeat:no-repeat; text-decoration:none; margin-top:20px; padding:1px 0px;}
 .hm_fac_list{width:200px !important;}
.hm_fac_list li{color:#000000; float:left !important; font-size:12px; font-weight:bold; list-style:none; font-family: 'ebrima'; padding:2px;}
.hmprospect{color:#77ab43; font-size:14px; font-family: 'ebrimabd'; }
.downFileBtn{color:#77ab43;}
#news{width:274px; float:left; height:370px; float:left;}
.news_head{width:258px; height:27px; font-family: 'ebrimabd';  font-size:18px; padding:7px 5px 7px 11px;  font-weight:lighter;  color:#fff; float:left; background-image:url(../img/news_h2bg.png); background-repeat:no-repeat;}
#news h2{width:127px; height:27px; font-family: 'ebrimabd';  font-size:18px; padding:4px 5px 2px 11px;  font-weight:lighter;  color:#fff; float:left;}
.newsprev{width:37px; float:left;   margin-left: 61px; margin-top: 4px;}
#news ul li{list-style:none;}
#news ul li h3{font-family: 'ebrimabd';  font-size:16px; color:#fff; }
#news ul li p{font-family: 'ebrima';  font-size:13px; color:#fff; }
#news ul li a{text-decoration:none; color:#fff;}
.newsfirst{width:234px; background-color:#224095 !important; float:left; padding:16px 18px 15px 23px;}
.newssecond{width:234px; background-color:#a0632d !important;  float:left; padding:16px 18px 15px 23px;}
.accDwnAppForm{color:#77ab43;}
/*hm_about_krisat*/

/*green_wrapper*/
.green_wrapper{width:100%; height:392px; float:left; background-color:#77ab43; margin-top: -48px;}
#green_inner{width:960px; height:372px; margin:0 auto; padding-top:22px;}
#noticeboard{width:320px; height:347px; float:left; background-image:url(../img/noticeboardbg.png); background-repeat:no-repeat;}
#noticeboard h2{font-size:30px; color:#224095; font-family: 'ebrimabd';  font-weight:lighter; padding: 40px 51px; }
.notice_cont{width:222px; float:left; height:289px; padding:5px 58px;  margin-top: -30px;}
.notice_cont ul li{padding-bottom:0px; list-style:none;}
.notice_cont ul li p{font-size:17px; color:#000000; padding-bottom:5px;}
.notice_cont ul li a{color:#000000 !important; text-decoration:none !important;}
.notice_cont ul li h4 {font-size:18px; color:#77ab43; font-weight:lighter; padding-bottom:10px;}
.noticeb{font-size:18px; font-family: 'ebrimabd';  color:#b6753c !important; margin-top:-5px;}
#hm_activities{width:277px; height:313px; float:left; margin-left:40px;}
.hm_act_title{width:274px; float:left; background-image:url(../img/hm_act/act_title_bg.jpg); background-repeat:no-repeat;}
.hm_act_title h2{float:left; width:144px; color:#fff; font-size:18px; font-family: 'ebrimabd'; font-weight:normal; padding:11px 16px;}
.hm_act_title p{float:left; color:#fff; font-size:14px; font-family: 'ebrima'; font-weight:normal; padding:11px 22px;}

.hm_actgallery{width:272px; float:left; height:251px; padding:18px 9px;}
.hm_actgallery ul li{list-style:none;}
.hm_actgallery ul li h3{font-size:16px; font-family: 'ebrimabd';  color:#fff; font-weight:normal; text-decoration:underline;}
.hm_actgallery ul li p{font-family: 'ebrimabd';  font-size:12px; color:#fff }
.hm_actgallery ul li img{margin-top:20px;}
.act_bottom_img{width:205px; height:32px; float:left; margin-top:19px;}
.agri_bottom_img{width:205px; height:32px; float:left; margin-top:27px;}
#latest{width:300px;float:left;margin-bottom:18px; margin-left:20px;}
.agridate{font-size:16px !important; padding:5px 10px;  color:#FFF !important; background-image:url(../img/agribold_bg.jpg); background-repeat:no-repeat;}
#slides2 li h4{font-size:16px;padding:5px 0;color:#FFF}
#agri_new_cont{width:100%;float:left;margin-top:20px;}
#agri_new_cont ul li{list-style:none; width:285px !important; font-size:16px; font-family: 'ebrima';  }
#agri_new_cont ul li p{color:#fff;margin-top:5px;text-align:left;overflow:hidden;float:left;width:100%;}
.agriread{font-size:14px !important; color:#fff;}
.readtext{font-size:12px !important; color:#fff;}
.readtext a{font-size:14px;float:left;width:200px !important; color:#fff;margin-top:15px;}


div#slideShowItems{
	  	height:236px;
		overflow:hidden;
		position:relative;
	}
	
	div#slideShowItems div{
		width:500px;
	}
	
div#slideShowItems div p{float:left; width:271px; margin:0 auto; font-size:16px; font-family: 'ebrimabd'; 
text-decoration:underline; color:#fff; font-weight:lighter; text-decoration:none;}
	div#slideShowItems div h2{float:left; width:271px; margin:0 auto; font-size:12px; font-family: 'ebrimabd';  
text-decoration:underline; color:#fff; font-weight:lighter; margin-bottom:10px;}

div#slideShowItems img {
	margin-right:13px;
	width:252px;
	height:151px;
	margin:0 auto;
	border:5px solid #d6e6c7;
}

ul#slideShowCount{
	margin:0px;
	padding:0px;
	width:82px;
}
ul#slideShowCount li.slide{
	float:right;
	cursor:pointer;
	width:19px;
	height:19px;
	display:block;
	background:url(../img/slideimg.png);
	margin-left: 2px;
}

ul#slideShowCount li.slide span{
	padding: 7px;
	color:white;
	font-weight:bold;
	font-size:12px;
}
ul#slideShowCount li.slide:hover{
	background-position:left -18px;
}

ul#slideShowCount li.slide.selectedTab{
	background:url(../img/slide_select.png);
   margin-top: -6px;
  width: 19px;
  height: 19px;
  padding-top: 6px;
}
div#slideShow{
	width:262px;
	 margin-bottom: 9px;
}
/*green_wrapper*/


/*blue_wrapper*/
#blue_wrapper{width:100%;  float:left; background-color:#224095;}
#footer_area{width:1000px; height:200px; margin:0 auto;}
#foot_left{width:590px; height:175px; float:left; margin-top:20px;}
.foot_menu{width:118px; height:auto; float:left; margin-right:5px; margin-top: 15px;}
/*.fmenu2{margin-left:-16px !important;}*/
.foot_menu ul li{ list-style:none; color:#fff; font-size:13px; font-family: 'ebrima';}
.foot_menu ul li a{text-decoration:none; line-height:25px; color:#fff;}
.copy_right{width:254px; float:left;   margin-top: 10px;}
.copy_right p{font-size:12px; color:#fff; text-decoration:underline; font-family: 'ebrima';}
.copy_right p a{color:#ffffff;}

.foot_right{width:385px; float:right; margin-top: 32px;}
.socialmedia{width:191px; height:63px; float:right;}
.socialmedia ul li{list-style:none; display:inline;}
.foot_address{float:left;}
.foot_address p{font-size:16px; color:#ffffff; font-family: 'ebrima'; text-align:center; line-height:24px; }
.foot_address p a{color:#ffffff; text-decoration:none;}
#bootom_area{width:100%; height:12px; float:left; background-color:#a0632d;}
/*blue_wrapper*/


/*krista_gallery*/

/*carousel*/
#wrapper {
	width: 532px;
	height: 220px;
	margin: 6px 0 0 32px;
	float:left;
	position: absolute;
	
}

.caroufredsel_wrapper{
	width:638px!important;
	height:375px   !important;
}

#carousel {
	width: 532px;
	position:relative;
	margin-left: -41px;
}
#carousel ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#carousel li {
	background: transparent url(../img/carousel_polaroid.png) no-repeat 0 0;
	display: block;
	height: 178px;	
	padding: 0;
	margin: 6px;
	float: left;
	position: relative;
}
/*#carousel li h2 {
	color:#3b3b3b;
	font-size:18px;
	color:#343434;
	font-size:24px;
	font-weight:lighter;
	font-family: 'robotolight';
}
#carousel li p {
	color:#3b3b3b;
	font-size:13px;
	color:#343434;
	font-size:24px;
	font-family: 'robotolight';
}*/
.clearfix {
	float: none;
	clear: both;
}
#carousel .prev, #carousel .next {
	background: transparent url(../img/abt_krisat_next.png) no-repeat 0 0;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	margin-right: 27px;
	position: absolute;
	top: 352px;		
	top: 339px\9;		
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#carousel .prev, #carousel .next {
	background: transparent url(../img/abt_krisat_next.png) no-repeat 0 0;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	margin-right: 27px;
	position: absolute;
	top: 334px;
	}

}

#carousel .prev {
	background: transparent url(../img/abt_krisat_prev.png) no-repeat 0 0;
	right: -92px;
}

#carousel .next {
	background: transparent url(../img/abt_krisat_next.png) no-repeat 0 0;
	right: -133px;
}
		
#carousel .pager {
	text-align: center;
	margin: 0 auto;
}
#carousel .pager a {
	background: transparent url(../img/carousel_control1.png) no-repeat -2px -32px;
	text-decoration: none;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
	width: 8px;
	height: 8px;
	margin: 0 5px 0 0;
}
#carousel .pager a.selected {
	background: transparent url(../img/carousel_control1.png) no-repeat -12px -32px;
	text-decoration: underline;				
}
/*krisat_gallery*/

/*inner_title*/
.inner_title{width:500px;height:50px;float:left;position:absolute; *position:inherit; z-index:9; background-color:#fff; opacity:0.80; margin-top:-50px;}
#about_wrap{width:1000px; margin:0 auto; }
.abth2{float:left; color:#224095; font-size:30px; font-family: 'ebrimabd'; font-family: 'ebrima' \9;  margin:6px 15px;}
.breadcrum{width:131px; float:right; margin-top:16px;}
.breadcrum ul li{ color:#2e2d2c; float:left; list-style:none; font-family: 'ebrima'; font-size:14px;}
.breadcrum ul li a{ display:block; text-decoration:none; color:#2e2d2c;   }

#about_area{width:1000px; float:left; margin-top:20px; padding-bottom: 35px;  }
#about_menu{width:225px; float:left !important;padding-right:25px; }
#about_menu ul li{ font-family: 'ebrima'; list-style:none; font-size:20px; color:#2e2d2c;  }
#about_menu ul li a{text-decoration:none;border-bottom:1px solid #d6d6d6;padding:6px 6px 6px 13px;display:block;cursor:pointer;color:#2e2d2c;}
#about_menu ul li a:first-child{ border-top:1px solid #d6d6d6;}
#about_menu ul{margin-top:3px;}
#about_menu ul li.vmactive {background-image:url(../img/abt_menu_select.png); background-repeat:no-repeat; color:#fff !important; }
#about_menu ul li a.vmactive{color:#fff !important;}
#about_content{width:700px;float:left;margin-bottom:30px;padding-left: 20px;border-left:1px solid #cacaca;}
#about_content h2{font-size:24px; color:#b6753c; font-family: 'ebrima'; font-weight:normal; margin-bottom:10px;}
#about_content h3{font-size:16px; color:#b6753c; font-family: 'ebrima'; margin:20px 0 5px;}
#about_content p{font-size:14px; font-family: 'ebrima';  color:#2e2d2c;  padding-bottom:10px;}
#about_content p a{ color:#2e2d2c; }
#about_content p a:hover{ color: #77ab43; }
.contTab{display:none;}
.vision{margin-left:0px; margin-bottom:10px;}
.vision li{color:#2e2d2c; font-size:14px; font-family: 'ebrima'; background:url(../img/vi_lsit_img.png) scroll left;  
list-style:none; background-position:2px 10px; background-repeat:no-repeat; padding:5px 22px;}
.board_img{width:180px; height:160px; float:left; background-color:#b3b3b3;}
.board_content{width:492px; float:right;}
.board_content p{color:#2e2d2c; font-size:14px; font-family: 'ebrima'; }
/*inner_title*/


#vertical-ticker{
	height:372px;
	overflow:hidden;
	float:left;
	margin-left:-11px;
}

#vertical-ticker li{
	display:block;
	padding:15px 20px;
}

/*address*/
#address{width:320px; height:200px; float:left;   margin-top: 11px;}
#address h2{font-family: 'ebrimabd'; font-family: 'ebrima' \9; font-size:18px; color:#b6753c; margin-bottom:10px;}
#address p{font-family: 'ebrima';  font-size:14px; color:#2e2d2c; }
#cont_enq_form{width:336px; padding-left: 21px; float:left; height:374px;   margin-top: 11px;  border-left:1px solid #ccc;  border-right:1px solid #ccc; margin-bottom: 27px; }
#cont_enq_form h2{float:left; font-family: 'ebrimabd'; font-family: 'ebrima' \9; font-size:18px; color:#b6753c; margin-bottom:10px;}
#cont_enq_form form table{float:left; clear:both;}
#cont_enq_form form table tr td input{width:300px; color:#3b3b3b; padding-left:5px; height:37px; float:left; border:1px solid #dcdcdc; margin-bottom:5px;}
#cont_enq_form form table tr td textarea{width:300px; overflow:hidden; color:#3b3b3b;   padding-left:5px; height:97px; float:left; border:1px solid #dcdcdc; resize:none;}
#cont_enq_form  .enqbutton{width:100px!important; font-size:18px; font-family: 'ebrima';  color:#fff;  height:40px; background-color:#b6753c; float:right !important; margin-top:10px; padding:7px 4px 5px 5px; cursor:pointer;}
#cont_enq_form .enqbutton:hover{background-color:#77ab43; color:#fff;}
.enqbutton:hover{background-color:#77ab43; color:#fff;}
#google_image{width:299px;  float:left;   margin-top: 11px; margin-bottom:10px; padding-left: 22px;}
#google_image h2{font-family: 'ebrimabd';  font-size:18px; color:#b6753c; margin-bottom:10px;}
.tel{margin-left:18px;}
.email{margin-left:3px;}
.email a{color:#2e2d2c; text-decoration:none;}
.tnau_logo{width:144px; height:123px; float:left; margin-left:6px;}
/*address*/


/*innerfacilities_gallery*/


#inhostelgal{Width:500px; float:left;}
#inhostelgal ul li{float:left; list-style:none; margin-right:20px;}
#inLabgal{Width:500px; float:left;}
#inLabgal ul li{float:left; list-style:none; margin-right:20px;}
#inFieldgal{Width:510px; float:left;}
#inFieldgal ul li{float:left; list-style:none; margin: 0 20px 15px 0;}


/*inner_banner*/
#inner_banner{
	width:100%;
}
#inner_banner img{
	width:100%;
}
/*inner_banner*/
/*Faculty*/
.fclty_Ul{ width: 100%; margin: 0; padding:0; list-style: none; }
.fclty_Ul li.fclDisp{ float: left; width: 160px; height: 250px; margin: 10px 20px 0px 0; text-align: center; }
.fclty_Ul li.fclDisp h4{ font-family: 'ebrimabd'; font-size:16px; color:#464646; font-weight:100; }
.fclty_Ul li.fclDisp p{ font-family: 'ebrima'; font-size:14px; color:#464646; }
.deanImg{ float: left; width: 200px; height: auto; }
.deanMes{ float: left; height: auto; width: auto; padding: 0 0 15px;/*width: 470px;*/ }

/**Responsive Start**/

/**800**/
@media only screen and (max-width : 1023px) and (min-width : 800px){
#mobile-nav{display:block !important;  margin-right: 9px !important; margin-top: 95px !important;}
.mobilemenu{display:none;  width: 315px; background-color: #eee; z-index: 99;
 right: 2px; position:absolute; top: 16px; background-image: none;}
.mobilemenu ul li{ float: none; margin-bottom:5px; list-style:none; font-family: 'ebrima';}
.mobilemenu ul li a{ display: block; text-decoration:none; font-size:14px; width: 97%; color:#464646; }
.mobilemenu ul{margin-top:0px !important;}
	
.mobilemenu li a {display: block;color: #4e4a4a;text-align: center;padding:8px 10px 6px;text-decoration: none;font-size:16px;text-transform:uppercase;
-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	 -o-transition: all 0.2s linear;
		transition: all 0.2s linear;}
.mobilemenu li:last-child a{}
.mobilemenu li a.active{color:#fff; background-color: #77ab43; border-radius:3px 3px 0 0; }
.mobilemenu li{ width: 100%;}
.mobilemenu li{width: 100%; text-align: center;}
.mobilemenu li a{ padding: 5px 10px 7px 0; text-align:center;}
.mobilemenu ul li a:hover{color: #fff; background-color: #77ab43;}
.mobilemenu ul li ul{display:none;  z-index: 999;}
.mobilemenu ul li:hover ul{display:block;}
.mobilemenu li a > .dropmenu li a:hover{ color:#289961; }
.mobilemenu ul li ul{width:100%;}
.mobilemenu .dropmenu li a{color:#fff !important;}
#banner img{width:100%; }
.slider_container{padding-top:0px; width:100%; margin:0;}
.flex-direction-nav li a.next{ top: 237px;}
.flex-direction-nav li a.prev{  top: 237px;}
.flex-direction-nav li a{ right: 1px;}
#head_inner{width:100%;}
#menu{display:none;}
#hm_wrap{width:83%; padding:0 0 0 20px;}
#hm_about_krisat{width:100%;}
#news{margin-top:8%; width:95%; height:auto;}
.news_head{background-color:#77ab43; background-image:inherit; width:99%;}
.newsprev{display:none;}
.newsfirst{width:95%;}
.newssecond{width:95%;}
.green_wrapper{height:auto;}
#green_inner{width:90%; height:auto;}
#latest{clear:both; margin-top:5%;}
#footer_area{width:87%;}
.foot_right{margin-right: 32%;}
#foot_left{margin-left:13px;}
.socialmedia{margin-right: 22%;}
#about_wrap{width:760px;}
#about_area{width:760px;}
#about_content{ width: 490px;}
#about_menu{padding-right: 24px;}
.accordion{width:490px !important;}
.accordion div{height:406px !important; padding:10px 0px 20px 0px !important;}
.board_img{margin-bottom: 12px;}
#infragal ul{ width: 460px !important;}
#infragal{width: 460px !important;}
.actgal ul{ width: 460px !important;}
.actgal{width: 460px !important;}

#inhostelgal {width: 460px !important;}
#inhostelgal ul {width: 460px !important;}
#inLabgal{ width: 460px !important;}
#inLabgal ul{ width: 460px !important;}
#inFieldgal{width: 460px !important;}
#inFieldgal ul{width: 460px !important;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{height: 30% !important;width: 41%;}
#lightbox-container-image-box{width: 460px !important;height: 100% !important;}
#lightbox-container-image-data-box{width: 440px!important;}
#lightbox-image{width:100% !important;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{height:100%!important;}
.deanImg{ width: 100%; text-align: center; }
.deanMes{ float: left; width: 100%; padding: 15px 0 0 0; }

}
/**800**/
/** 640px**/ 
@media only screen and (max-width : 799px) and (min-width : 640px) {
#mobile-nav{display:block !important;  margin-right: 9px !important; margin-top: 95px !important;}
.mobilemenu{display:none;  width: 315px; background-color: #eee; z-index: 99;
 right: 2px; position:absolute; top: 16px; background-image: none;}
.mobilemenu ul li{ float: none; margin-bottom:5px; list-style:none; font-family: 'ebrima';}
.mobilemenu ul li a{ display: block; text-decoration:none; font-size:14px; width: 97%; color:#464646; }
.mobilemenu ul{margin-top:0px !important;}
	
.mobilemenu li a {display: block;color: #4e4a4a;text-align: center;padding:8px 10px 6px;text-decoration: none;font-size:16px;text-transform:uppercase;
-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	 -o-transition: all 0.2s linear;
		transition: all 0.2s linear;}
.mobilemenu li:last-child a{}
.mobilemenu li a.active{color:#fff; background-color: #77ab43; border-radius:3px 3px 0 0; }
.mobilemenu li{ width: 100%;}
.mobilemenu li{width: 100%; text-align: center;}
.mobilemenu li a{ padding: 5px 10px 7px 0; text-align:center;}
.mobilemenu ul li a:hover{color: #fff; background-color: #77ab43;}
.mobilemenu ul li ul{display:none;  z-index: 999;}
.mobilemenu ul li:hover ul{display:block;}
.mobilemenu li a > .dropmenu li a:hover{ color:#289961; }
.mobilemenu ul li ul{width:100%;}
.mobilemenu .dropmenu li a{color:#fff !important;}
#banner img{width:100%; }
.slider_container{padding-top:0px; width:100%; margin:0;}
.flex-direction-nav li a.next{ top: 237px;}
.flex-direction-nav li a.prev{  top: 237px;}
.flex-direction-nav li a{ right: 1px;}
#head_inner{width:100%;}
#menu{display:none;}
#hm_wrap{width:83%; padding:24px 0 0 20px;  height: 501px;}
#hm_about_krisat{width:100%; height:auto;}
.infrastrct{height: 366px;}
#news{margin-top:8%; width:95%; height:auto;}
.news_head{background-color:#77ab43; background-image:inherit; width:99%;}
.newsprev{display:none;}
.newsfirst{width:95%;}
.newssecond{width:95%;}
.green_wrapper{height:auto;}
#green_inner{width:98%; height:auto;}
#latest{clear:both; margin-top:5%;}
#footer_area{width:87%;}
.foot_right{margin-right: 20%; margin-bottom:10px;}
#foot_left{margin-left:-8px;}
.socialmedia{margin-right: 22%;}
#hm_activities{ margin-left: 7px;}
.top_right{ margin-right: 4px;}
#about_wrap{width:595px; }
#about_area{width:595px;}
#about_content{ width: 564px; margin-left: 5px;}
#about_menu{padding-right: 24px; width:100%; padding-right: 13px;border-right:none;}
#about_menu ul li a{width:97%; text-align:center; }
#about_menu ul li.vmactive{background-color:#77ab43; background-image:inherit;}
.accordion{width:588px !important;}
.accordion div{height:406px !important; padding:10px 0px 20px 0px !important;}
.accordion h3{background:#e7e7e7 url("../img/arrow-square1.png") no-repeat scroll right -36px;  padding: 6px 17px;}
.board_img{margin-bottom: 12px;}
.board_content{float:left;}
#address{  width: 280px;}
#cont_enq_form{width: 270px;  height: 326px; padding-left: 20px;  float: left; border-right:inherit;}
#cont_enq_form form table tr td input{ width: 245px;}
#cont_enq_form form table tr td textarea{ width: 245px;}
#infragal ul{ width: 584px  !important;}
#infragal{width: 584px  !important;}

.actgal ul{ width: 584px  !important;}
.actgal{width: 584px  !important;}

#inhostelgal {width: 590px !important;}
#inhostelgal ul {width: 590px !important;}
#inLabgal{ width: 590px !important;}
#inLabgal ul{ width: 460px !important;}
#inFieldgal{width: 590px  !important;}
#inFieldgal ul{width: 590px  !important;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{height: 30% !important;width: 41%;}
#lightbox-container-image-box{width: 460px !important;height: 100% !important;}
#lightbox-container-image-data-box{width: 440px!important;}
#lightbox-image{width:100% !important;}
.breadcrum ul li{margin-right: 5px;}
.deanImg{ width: 100%; text-align: center; }
.deanMes{ float: left; width: 100%; padding: 15px 0 0 0; }
}

/**640**/

/**480**/
@media only screen and (max-width : 639px) and (min-width : 480px) {
#mobile-nav{display:block !important;  margin-right: 9px !important; margin-top: 38px !important;}
.mobilemenu{display:none;  width: 315px; background-color: #eee; z-index: 99;
 right: 2px; position:absolute; top: 16px; background-image: none;}
.mobilemenu ul li{ float: none; margin-bottom:5px; list-style:none; font-family: 'ebrima';}
.mobilemenu ul li a{ display: block; text-decoration:none; font-size:14px; width: 97%; color:#464646; }
.mobilemenu ul{margin-top:0px !important;}
	
.mobilemenu li a {display: block;color: #4e4a4a;text-align: center;padding:8px 10px 6px;text-decoration: none;font-size:16px;text-transform:uppercase;
-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	 -o-transition: all 0.2s linear;
		transition: all 0.2s linear;}
.mobilemenu li:last-child a{}
.mobilemenu li a.active{color:#fff; background-color: #77ab43; border-radius:3px 3px 0 0; }
.mobilemenu li{ width: 100%;}
.mobilemenu li{width: 100%; text-align: center;}
.mobilemenu li a{ padding: 5px 10px 7px 0; text-align:center;}
.mobilemenu ul li a:hover{color: #fff; background-color: #77ab43;}
.mobilemenu ul li ul{display:none;  z-index: 999;}
.mobilemenu ul li:hover ul{display:block;}
.mobilemenu li a > .dropmenu li a:hover{ color:#289961; }
.mobilemenu ul li ul{width:100%;}
.mobilemenu .dropmenu li a{color:#fff !important;}

#banner img{width:100%; }
.slider_container{padding-top:0px; width:100%; margin:0;}
.flex-direction-nav li a.next{ top: 125px;}
.flex-direction-nav li a.prev{  top: 125px;}
.flex-direction-nav li a{ right: 1px;}
#head_inner{width:100%;  height: 46px;}
.inner_title{width: 430px;}
.abth2{font-size: 25px;}
#logo{width:140px; height: 46px;}
#logo img{width:100%;}
#header_wrapper{top: 21px; height: 46px;}
#menu{display:none;}
#hm_wrap{width:50%; padding:24px 0 0 20px;  height: 501px;}
#hm_about_krisat{width:100%; height:auto;}
.infrastrct{height: 366px;}
#news{margin-top:8%; width:95%; height:auto;}
.news_head{background-color:#77ab43; background-image:inherit; width:99%;}
.newsprev{display:none;}
.newsfirst{width:88%;}
.newssecond{width:88%;}
.green_wrapper{height:auto;}
#noticeboard{height: 368px;}
#green_inner{width:70%; height:auto;}
#hm_activities{ height: 339px;}
#hm_about_krisat ul{margin-left:2%;}
#latest{clear:both; margin-top:5%;}
#footer_area{width:87%;}
.foot_right{margin-right: 8%; margin-bottom:10px;}
#foot_left{margin-left:-8px; width: 430px;}
.tnau_logo{float:right;  margin-right: 34px; width: 102px; height:auto;   margin-top: 14px;}
.tnau_logo img{width:100%; }
.copy_right{ margin-top: 29px;}
.socialmedia{margin-right: 22%;}
#hm_activities{ margin-left: 7px;}
.top_right{ margin-right: 4px;}
#about_wrap{width:450px; }
#about_area{width:450px;}
#about_content{ width: 450px; margin-left: 5px; margin-top: 4%;}
#about_menu{padding-right: 5px; width:100%; border-right:none;}
#about_menu ul li{ font-size: 17px;}
#about_menu ul li a{width:96%; text-align:center; }
#about_menu ul li.vmactive{background-color:#77ab43; background-image:inherit;}
.accordion{width:440px!important;}
.accordion div{height:406px !important; padding:10px 0px 20px 0px !important;}
.accordion h3{background:#e7e7e7 url("../img/arrow-square1.png") no-repeat scroll right -36px;  padding: 6px 17px; font-size:15px !important;}
.board_img{margin-bottom: 12px;}
.board_content{float:left; width:447px;}
#about_content h2{font-size:20px;}
#address{margin-left: 10%; width: 380px;}
#cont_enq_form{width: 330px;  height: 326px; padding-left: 20px;  float: left; border-right:inherit; border-left:inherit;}
#cont_enq_form form table tr td input{ width: 330px;}
#cont_enq_form form table tr td textarea{ width: 330px; }
#infragal ul{ width: 430px !important;}
#infragal{width: 430px !important;}
.actgal ul{ width: 430px !important;}
.actgal{width: 430px !important;}
#inhostelgal {width: 430px !important;}
#inhostelgal ul {width: 430px !important;}
#inLabgal{ width: 430px !important;}
#inLabgal ul{ width: 430px !important;}
#inFieldgal{width: 430px !important;}
#inFieldgal ul{width: 430px !important;}	
.foot_address{ margin-left: 6%;}
.foot_address p{ font-size: 15px;}
#google_image{width: 330px;}
#library{width: 430px;}
#library ul{width: 430px;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{height:100%!important;}
#lightbox-container-image-box{width: 430px !important;height: 100% !important;}
#lightbox-container-image-data-box{width: 410px   !important;}
#lightbox-image{width:100% !important;}
.deanImg{ width: 100%; text-align: center; }
.deanMes{ float: left; width: 100%; padding: 15px 0 0 0; }
}
/**480**/
/**320**/
@media only screen and (max-width : 479px){
#mobile-nav{display:block !important;  margin-right: 9px !important; margin-top: 20px !important;}
.mobilemenu{display:none;  width: 315px; background-color: #eee; z-index: 99;
 right: 2px; position:absolute; top: 16px; background-image: none;}
.mobilemenu ul li{ float: none; margin-bottom:5px; list-style:none; font-family: 'ebrima';}
.mobilemenu ul li a{ display: block; text-decoration:none; font-size:14px; width: 97%; color:#464646; }
.mobilemenu ul{margin-top:9px !important;}
	
.mobilemenu li a {display: block;color: #4e4a4a;text-align: center;padding:8px 10px 6px;text-decoration: none;font-size:16px;text-transform:uppercase;
-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	 -o-transition: all 0.2s linear;
		transition: all 0.2s linear;}
.mobilemenu li:last-child a{}
.mobilemenu li a.active{color:#fff; background-color: #77ab43; border-radius:3px 3px 0 0; }
.mobilemenu li{ width: 100%;}
.mobilemenu li{width: 100%; text-align: center;}
.mobilemenu li a{ padding: 5px 10px 7px 0; text-align:center;}
.mobilemenu ul li a:hover{color: #fff; background-color: #77ab43;}
.mobilemenu ul li ul{display:none;  z-index: 999;}
.mobilemenu ul li:hover ul{display:block;}
.mobilemenu li a > .dropmenu li a:hover{ color:#289961; }
.mobilemenu ul li ul{width:100%;}
.mobilemenu .dropmenu li a{color:#fff !important;}

#banner img{width:100%; }
.slider_container{padding-top:0px; width:100%; margin:0;}
.flex-direction-nav li a.next{ top: 80px;}
.flex-direction-nav li a.prev{  top: 80px;}
.flex-direction-nav li a{ right: 1px;}
#head_inner{width:100%;  height: 46px;}
.inner_title{width: 300px;  margin-top: -35px;}
.abth2{font-size: 22px;}
#logo{width:140px; height: 46px;}
#logo img{width:100%;}
#header_wrapper{top: 0px; height: 46px;}
#menu{display:none;}
#hm_wrap{width:80%; padding:24px 0 0 20px;  height: 501px;  margin-top: 12%;}
#hm_about_krisat{width:100%; height:auto;}
.infrastrct{height: 366px;}
#news{margin-top:8%; width:95%; height:auto;}
.news_head{background-color:#77ab43; background-image:inherit; width:99%;}
.newsprev{display:none;}
.newsfirst{width:88%;}
.newssecond{width:88%;}
.green_wrapper{height:auto;}
#noticeboard{height: 330px;float:none; margin:0 auto; width: 250px;  background-color:#f7ff70; background-image:inherit;}
#noticeboard h2{padding: 40px 28px;}
.notice_cont{padding:5px 25px; width:200px; height:190px;}
#green_inner{width:100%; height:auto;}
#hm_about_krisat ul{margin-left:2%;}
#latest{clear:both; margin-top:5%; width: 240px; margin-left:20px; height:274px;}
#footer_area{width:78%;}
.foot_right{margin-right: 3%; margin-bottom:10px; width:245px;}
#foot_left{margin-left:0; width: 270px;}
.tnau_logo{float:right;  margin-right: 34px; width: 102px; height:auto;   margin-top: 14px;}
.tnau_logo img{width:100%; }
.copy_right{ margin-top: 29px;}
.socialmedia{ margin-right: 10%;margin-top: 15%;}
#hm_activities{ margin-left: 28px !important;  margin-top: 9%; height: 360px; width:250px !important;}
.hm_act_title h2{width:130px;}
.top_right{ margin-right: 4px; width: 295px; display:none;}
#about_area{margin-top:25px;}
#about_wrap{width:300px; }
#about_area{width:297px;}
#about_content{ width: 289px; margin-left: 11px; margin-top: 4%;}
#about_menu{padding-right: 5px; width:100%; border-right:none;}
#about_menu ul li{ font-size: 15px;}
#about_menu ul li a{width:93%; text-align:center; }
#about_menu ul li.vmactive{background-color:#77ab43; background-image:inherit;}
.accordion{width:274px !important;}
.accordion div{height:563px !important; padding:10px 0px 20px 0px !important;}
.accordion h3{background:#e7e7e7 url("../img/arrow-square1.png") no-repeat scroll right -36px;  padding: 6px 17px; font-size:13px !important;}
.board_img{margin-bottom: 12px;}
.board_content{float:left; width:280px;}
#about_content h2{font-size:20px;}
#address{ margin-left:5%; width: 284px; height: 146px;}
#cont_enq_form{width: 280px;  height: 326px; padding-left: 12px;  float: left; border-right:inherit; border-left:inherit;}
#cont_enq_form form table tr td input{width: 257px;}
#cont_enq_form form table tr td textarea{ width: 257px; }
#infragal ul{ width: 270px !important;}
#infragal{width: 270px!important;}

.actgal ul{ width: 270px !important;}
.actgal{width: 270px!important;}
#inhostelgal {width: 270px !important;}
#inhostelgal ul {width: 270px!important;}
#inLabgal{ width: 270px!important;}
#inLabgal ul{ width: 270px!important;}
#inFieldgal{width: 270px !important;}
#inFieldgal ul{width: 270px !important;}	
.foot_address{ margin-left: 6%;}
.foot_address p{ font-size: 15px;}
#google_image{width: 264px;  padding-left: 13px;}
.hm_act_title{width: 250px;}
#Alert{margin:-31px 0 1px -3px;}
#address h2{font-size:16px;}
#cont_enq_form .enqbutton{ margin-top: 10px; padding: 5px 4px 5px 5px;}
#lightbox-container-image-box{width: 253px !important;height: 100% !important;}
#lightbox-container-image-data-box{width: 233px  !important;}
#lightbox-image{width:100% !important;}
#slides1{height: 185px;}
.slides1_wrap .prev{  top: 202px;}
.slides1_wrap .next {top: 205px;  right: -10px;}
.hm_act_title p{padding:11px 20px;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{height:100%!important;}
.deanImg{ width: 100%; text-align: center; }
.deanImg img{ width: 100%; }
.deanMes{ float: left; width: 100%; padding: 15px 0 0 0; }

#inner_banner img{height:150px;}
#library{width:200px;}
#library ul{width:200px;}
div#slideShowItems div p{width:250px;}
.hm_actgallery{padding: 18px 1px;}
div#slideShowItems img{ width: 235px;}
#agri_new_cont{width: 250px;   margin-left: 3px;}
.slides1_wrap .bxslider_container{width: 213px !important;}

}
/**320**/
/**Responsive End**/

#mobile-nav {
	float: right; 
    margin-top: 43px;
    margin-right: 14px;
    position: absolute;
    z-index: 100;
    right: 0px !important;
	display:none;
}
.menu-nav {
	background:url(../img/menu-mobile.png) 0 0 no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	margin: 22px 0 0 0;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		 -o-transform: rotate(0deg);
			transform: rotate(0deg);
	-webkit-transition: -webkit-transform 250ms ease-out 0s;	
	   -moz-transition: -moz-transform 250ms ease-out 0s;
		 -o-transition: -o-transform 250ms ease-out 0s;
		    transition: transform 250ms ease-out 0s;
}

.menu-nav.open {
	background-position: 0 -16px;
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		 -o-transform: rotate(-180deg);
			transform: rotate(-180deg);
	-webkit-transition: -webkit-transform 250ms ease-out 0s;
	   -moz-transition: -moz-transform 250ms ease-out 0s;
		 -o-transition: -o-transform 250ms ease-out 0s;
		    transition: transform 250ms ease-out 0s;
}

#navigation-mobile {
	display: none;
	text-align: center;
	width: 100%;
	background: #26292E;	
	border-bottom: 1px solid #2F3238;
	position: relative;
	float: left;
	z-index: 9999;
}

#navigation-mobile li {
	list-style: none;
	border-top: 1px solid #2F3238;
}

#navigation-mobile li a{
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	padding: 20px 0;
}
.mobilemenu{display:none;}