/*html {
    -webkit-filter: grayscale(90%);
    -moz-filter: grayscale(90%);
    filter: grayscale(90%);
} */

/* ------------------- Mobile ---------------------------- */
@media (max-width: 769px) {
	/* temp */
	.box-campus{
		line-height: 50px !important;
	}
	
	.lang{
		line-height: 50px;
	    margin-right: 10px;
	    border-top: 0px;
	}
	
	.lang .web-lang {
	    color: #444;
	}
	/* end temp*/

	.this-pc{
		display: none;
	}

	.this-mobile{
		display: block;
	}

	.navbar-default .navbar-nav > li > a {
	    color: #9C7749;
	}
	
	.navbar-default .navbar-nav > li > a:hover, 
	.navbar-default .navbar-nav > li > a:focus {
	    color: #9C7749;
	    background-color: #E6E6E6;
	   	border: none !important;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	    color: #9C7749;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	   color: #9C7749;
	   background-color: #cac0b4;
	}


	.navbar-brand img{
	   	width: 200px;
    	margin-top: 8px;
	}

	.toggle{
		margin-top: 50px;
	}

	.toggle-search{
		margin-left: 5px;
	}
	
	.toggle-search-icon{
		display: inline-block;
	    font-size: 20px;
	    color: #9C7749;
	}
	
	.toggle-search-text{
		display: inline-block;
		font-size: 13px;
		color: #fff;
	}
	
	.toggle-search input:FOCUS{
		border: 1px solid #9C7749;
	}
	
	.toggle-search .form-control{
		height: 35px;
		width: 85%;
		display: inline-block;
		margin-right: 10px;
		padding: 10px 10px;
		border-radius: 10px;
	}
	
	.box-campus{
		float: right;
	    line-height: 50px;
	    margin-right: 10px;
	}
	
	
	.course-box{ 
		display: block;
		width:auto;
		border: 1px solid #9c7749;
  		background-color: #9c7749;
  		color: #fff;
		border-radius: 5px;
   		text-align: center;
    	font-size: 16px;
   		margin: 5px 0px 5px 0px;
		font-weight:30;
		padding: 10px;
	}

	.course-box:hover{
		border: 1px solid #9c7749;
		background-color: #9c7749;
		color: #fff;
	}

	.campus-box { 
		display: block;
		border: 1px solid #9c7749;
		background-color: #FFFFFF;
		color: #9c7749;
		border-radius: 5px;
		text-align: center;
		font-size: 15px;
		margin-top: 20px;
		margin: 5px 0px 5px 0px;
		font-weight:300;
	/*	padding: 20px;*/
	}

	.campus-box:hover {
		border: 1px solid #9c7749;
		background: #9c7749;
		color: #FFFFFF;
	}

/* ***** END HOME ***** */


/* ***** HOME SLIDE ***** */
	#owl-slide-mobile{
		margin-top: 100px;
	} 
/* ***** HOME END ***** */


/* ***** HOME NEWS ***** */
	.media-object{
		width: 90px;
		height: 90px;
		overflow: hidden;
	}
	
	.news .media-left{
	    vertical-align: top;
	}
/* ***** END HOME NEWS ***** */


/* ***** HOME ACTIVITIES ***** */

/* ***** END HOME ACTIVITIES ***** */


/* ***** VDO ***** */

/* ***** END VDO ***** */


/* ***** HOME FOOTER ***** */

/* ***** END FOOTER ***** */
	.navbar-nav .open .dropdown-menu {
	    position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}


	footer .footer-box .social {
	    float: left;
	}
	
	footer {
	    padding: 0px 0px 10px 0px;
	}
	
	footer .list-link-on-mobile{
	    background: #E6E6E6;
	}
	
	footer .footer-header-text {
	    font-size: 13px;
	    border-bottom: 1px solid #9c7749;
	    margin-bottom: 5px;
		font-weight: bold;
		color: #9c7749;
		font-size: 14px;
	}
	
	footer ul.list-link a.link {
	    color: #888;
	    text-decoration: none;
	    line-height: 35px;
		font-size: 14px;
	}
	
	
	/* ============================================================================================================== */
	/* ***** INSIDE ***** */
	.inside h4{
	    font-size: 16px;
		margin-top: 0;
	}
	
	.container.inside {
		margin-top: 0px;
	}
	
	#map_mobile{
		margin-top: 50px;
		width: 100%;
		height: 150px;	
	}
	
	.container.inside{
		margin-top: 52px;
		min-height: 200px;
	}
	/* ***** END CONTACT US ***** */
	
	/* ***** INSIDE ABOUTUS US ***** */
	#box_detail_board{
		margin: 0px 10px;
	}
	
	#box_detail_board i{
		color: #808080;
	}
	
	#box_detail_board .board-tab{
		background-color: #e6e6e6;
	    margin: 5px 0px;
	    padding: 10px 5px;
	    border-radius: 4px;
	}
	
	#box_detail_board .board-tab-box{
		margin-bottom: 20px;
	}
	
	#box_detail_board .board-tab-box .head{
		font-weight: bold;
		color: #9C7749;
		margin-top: 10px;
	}
	
	#box_detail_board .board-tab-box .position{
		color: #656565;
	    font-size: 11px;
	    margin-left: 22px;
	}
	
	.aboutus.report ul{
		list-style: none;
		margin-left: -40px;
	}
	/* ***** END ABOUTUS US ***** */
	
	/* ***** INSIDE FACULTY ***** */
	.faculty-box .row div{
		padding-bottom: 10px;
	}
	/* ***** END FACULTY ***** */
	
	/* ***** INSIDE NEWS ***** */
	.news div.news-detail-box img{
		max-width: 100% !important;
	}
	
	h4.media-heading{
		font-weight: normal;
	}
	/* ***** END INSIDE NEWS ***** */
	
	
	/* ***** INSIDE ACTIVITIES ***** */
	.activities.mobile .activities-date{
		border: 1px solid #ccc;
	    padding: 10px;
	    border-radius: 10px;
	}
	
	.activities .media-left{
		vertical-align: top;
		padding-top: 8px;
	}
	
	.activities.mobile .activities-date {
	    width: 70px;
	}
	
	.activities.mobile .media .media-body .group-activities-detail .co {
	    float: left;
	    margin: 0px 2px;
	}
	/* ***** END INSIDE ACTIVITIES ***** */
	
	
	/* ***** INSIDE USR ***** */
	.buuusr .buuusr-pr0{
		padding-right: 0px;
	}
	/* ***** END INSIDE USR ***** */
	
	
	/* ***** INSIDE ALUMNI ***** */
	.alumni .alumni-box .position {
	    color: #656565;
	    font-size: 11px;
	    margin-left: 22px;
	}
	/* ***** END INSIDE USR ***** */
	
	/* ***** INSIDE PERSON ***** */
	.person .panel-body ol{
		margin-left: -25px;
	}
	/* ***** END INSIDE PERSON ***** */
}

@media screen and (max-width: 767px){}
	.table-responsive {
	    border: none;
	}
}