@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width:1000px){
	.main-menu-wrapper .main-menu .parent > a{
		font-size:14px;
		padding:12px 10px;
	}
}
@media only screen and (max-width:840px){
	.main-menu-wrapper .main-menu .parent > a{
		font-size:12px;
		padding:15px 8px;
	}
}
@media only screen and (max-width:768px){
	.margim_bottom20{
		margin-bottom:15px;
	}
	.xs_center{
		text-align:center;
	}
	#copyright .share{
		text-align:left;
	}
	table.contact tr td{
		width:100%;
		display:block;
	}
	table.contact tr td:nth-child(1){
		height:300px;
	}
	table.contact tr td:nth-child(2){
		background:#f15a2b;
		padding:30px 15px;
	}
	#news .news{
		margin:0 -8px 15px;
	}
	table.media tr td{
		display:block;
		width:100%;
	}
	table.contact tr td h1{
		font-size:30px;
	}
	#form .form-control{
		font-size:15px;
	}
	p.p1{
		font-size:18px;
	}
	a.read-more{
		font-size:16px;
	}
	.navbar-brand > img{
		width:60px;
	}
	.navbar-toggle{
		padding:0;
		margin:15px 15px;
	}
	.navbar.navbar-fixed-top{
		min-height:auto;
		margin-bottom:0;
	}
	.navbar-brand{
		padding:8px 0 5px;
	}
	.navbar-toggle .icon-bar{
		background:#469d46;
	}
	.banner{
		margin-top:48px;
	}
	.banner.other_banner{
		margin-top:48px;
	}
	.blank{
		margin-top:48px;
	}
	header.other .navbar{
		background:#FFF;
	}

	.navbar{
		background:#FFF;
	}
	header.other .navbar-toggle .icon-bar{
		background:#469d46;
	}
	.album_more .title{
		font-size:14px;
	}
	.album_more{
		padding:10px 0;
	}
	.album{
		width:50%;
	}
	#event .employers{
		width:100%;
	}
	table.schedule td{
		display:block;
		width:100%;
	}
	table.schedule tr:nth-child(2n) td{
		background:none;
		border:none;
		
	}
	table.schedule tr td:nth-child(2n){
		background:#f8f8f8;
		border-top:1px solid #d2d2d2;
		border-bottom:1px solid #d2d2d2;
		
	}
	#event h1{
		font-size:32px;
	}
	.schedule .detail .date span{
		font-size:26px;
	}
	#others .navs > li{
		width:100%;
		max-width:300px;
		float:none;
		margin:0 auto 10px;
	}
	#others .navs >li+li{
		margin:0 auto 10px;
	}
	#others .navs > li.btn-group{
		display:block;
	}
	ul.nav_menu{
		position:relative;
		left:0;
		top:0;
		border:none;
		display:block;
		padding-left:15px;
	}
	ul.nav_menu li a{
		font-size: 15px;
    	padding: 15px 10px;
	}
	ul.nav_menu2{
		position:relative;
		left:0;
		top:0;
		border:none;
		display:block;
		padding-left:15px;
	}
	ul.nav_menu2 li a{
		font-size: 15px;
    	padding: 15px 10px;
	}
	.submenu-wrapper > div:hover > a:after{
	 font-family: 'FontAwesome';
	  font-size: 20px;
	  content: "";
	  position:absolute;
	  right:15px;
	  
	}
	/*.main-menu-container{
		margin-top:15px;
	}*/
	.main-menu-wrapper .main-menu{
		padding-top:10px;
	}
	.submenu-wrapper > div:hover >a{

	  color: #ed5e31;
	  border-left:none;
	}
	.submenu-wrapper a.basic:hover{
		border-left: none;
	}
	.submenu-wrapper a.basic:hover:after{
	  content:inherit;
	}
	.main-menu-wrapper .main-menu-mobile{
		font-size:16px;
	}
	.main-menu-wrapper .main-menu .parent{
		padding:0 10px;
		float:none;
		display:block;
		text-align:left;
   }
	.main-menu-wrapper .main-menu{
		margin:0;
	}
	.main-menu-wrapper .main-menu .parent > a{
		color:#469d46;
		font-size:16px;
		margin:0;
		padding:5px;
	}
	.main-menu-wrapper .main-menu .parent > a:hover{
		color:#469d46;
		
	}
	.main-menu-wrapper .main-menu{
		display: none;
		float:none;
		background:#FFF;
	}
	.main-menu-wrapper .main-menu .parent:hover .submenu {
	  top: 100%;
	  visibility: visible;
	  opacity: 1;
	}
	.main-menu-wrapper .main-menu .parent .open-submenu{
		top:0;
		color:#469d46;
	}
	.main-menu-wrapper .submenu{
		padding:0 15px;
		border:none;
	}
	
	.submenu-wrapper a.basic{
		font-size:15px;
		padding:8px 2px;
	}
	ul.nav_menu li a{
		font-size:14px;
		padding:8px 2px;
	}
	ul.nav_menu li a:hover {
		color: #999999;
	}
	.submenu-wrapper a.basic:hover {
		color: #999999;
	}
	.submenu-wrapper > div.next2:hover > a:after{
		content: "";
		color: #999999;
	}
	
	.submenu-wrapper > div:hover > a{
		color: #999999;
	}
	.main-menu-wrapper .main-menu .parent.hover > a {
		color: #469d46;
	}
	.main-menu-wrapper .main-menu .parent:hover > a {
		color: #469d46;
	}
}
@media only screen and (max-width:500px){
	.media_more{
		right:0;
		padding:15px 15px 5px;
	}
	.media_more p{
		font-size:13px;
	}
	.media_more .title{
		font-size:14px;
	}
	.mentors{
		width:100%;
	}
}