@media only screen and (min-width : 320px) and (max-width : 640px) {
	body {
	  font-size: 12px;
	  min-width: 240px;
	}
	
	.wrap {
	  width: 100%;
	}
	
	.main-login {
	  width: 100%;
	  max-width: 100%;
	}
	.main-header #biomedical_logo{
		width:100%;
	}
	
	.main-login.no-logo {
	  margin: auto;
	}
	
	.main-content {
	  margin: 0 auto;
	  padding: 130px 0 80px 0;
	  min-height: 100vh;
	}

	.main-infos .slide-holder {
	  position: absolute;
	  left: 20%;
	  width: 100%;
	  margin-left: -10%;
	  top: 0;
	}
	
	.main-infos .carousel-caption {
	  top: 0;
	  left: 0;
	  width: 33%;
	  font-size: 0.6em;
	  text-align: left;
	  color: #ffffff;
	}
	
	.main-infos .carousel-caption h2 {
	  font-size: 1.2em;
	}
	
	.main-infos .carousel-inner > .item > img {
	  min-width: 100%;
	  min-height: 200px;
	}
	
	.home-intro {
	  min-height: 220px;
	  margin-bottom: 10px;
	}
	
	.home-intro .action {
      bottom: 15px;
	}
	.navbar-inverse .navbar-collapse {
	  width: 110%;
	}
	
	.navbar-inverse .navbar-collapse .navbar-right .btn {
	  width: 100% !important;
	  margin-bottom: 5px;
	}
	
	#userHeader, #langNavbar, #regNavbar, #formWrap {
	  display: none;
	}
	
	.main-menu .navbar-default .navbar-nav > li {
	text-align: left;
	}
	
	.main-menu .navbar-default .navbar-nav > li > a {
	  line-height: 40px;
  	  padding: 0 15px;
	}
	
	.btn {
	  min-width: 40px;
	}
	
	.panel, .alert {
	  width: 98%;
	}
	
	.main-panel .panel-body {
  	  padding: 5px 5px;
	}
	
	.panel .alert {
	  width: 100%;
	  margin: 5px auto;
	}
	
	.breadcrumb {
	  width: 98%;
	  margin-top: auto;
	}
	
	.main-login {
	  width: 95%;
	}
	
	.user-flag {
	  margin-bottom: 0;
	}
	
	.user-flag img {
	  max-height: 18px;
	  margin: 0;
	}
	
	.main-panel .form-group {
  	  min-height: 0px;
	}
	
	.message-modal .modal-dialog {
  	  width: 250px;
	}
}
}