@media screen and (max-width: 900px) {


	body {
		font-size: 1em;
	}



	#side {
		display: none;
	}


	#content {
		width: 100%;
	}
	#content #header,
	#content #header .body {
		height: 80px;
	}	
	#content #header .body .logo {
		width: 100px;
	}
	#content #header .body .logo a {
		background-size: 100px auto;
	}
	#content #header .body .welcome {
		width: calc(100% - 130px);
		line-height: 1;
		min-width: auto;
		margin-top: 0;
	}
	#content #header .body .welcome .mobile-login {
		display: block;
		width: 55px;
		height: 30px;
		background: #026734;
		border-radius: 3px;
		background-image: url('../images/icons/login-w.png');
		background-size: 16px 16px;
		background-position: 10px 50%;
		background-repeat: no-repeat;
		float: right;
		margin-top: 25px;
		line-height: 30px;
		color: #fff;
		font-weight: bold;
		padding-left: 35px;
	}
	#content #header .body .welcome form {
		padding-top: 0;
		position: fixed;
		right: 0;
		top: 80px;
		z-index: 9;
		background: #eee;
		padding: 20px 20px;
		width: 100%;
		box-sizing: border-box;
		transition: all 300ms;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);	
		border-top: 2px solid #d5d5d5;
	}
	#content #header .body .welcome form.active {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	#content #header .body .welcome input {
		width: 100%;
		display: block;
		box-sizing: border-box;
		margin: 5px 0;
		font-size: 0.8em;
	}
	#content #header .body .welcome .tag {
		font-size: 0.8em;
		padding-right: 30px;
		line-height: 1.2;
		margin-top: 25px;
	}
	#content #header .body .welcome .tag span {
		display: block;
	}


	/* Page content */
	#page-body #page-body-content {
		padding: 2em 0;
	}
	#page-body #page-body-content #left,
	#page-body #page-body-content #right {
		width: 100%;
		margin-bottom: 2em;
		min-height: 0;
	}

	/* Page content > Left */
	#page-body #page-body-content #left #search .label {
		display: block;
		float: none;
		width: 100%;
	}
	#page-body #page-body-content #left #search input {
		width: 100%;
	}
	#page-body #page-body-content #left #search input[type=submit] {
		margin-left: 0;
		margin-top: 0.5em;
	}
	#page-body #page-body-content #left #details .set,
	#page-body #page-body-content #left #details .set.left {
		width: 100%;
		margin-top: 2em;
	}
	#page-body #page-body-content #left #details .set ul li span,
	#page-body #page-body-content #left #details .set ul li select,
	#page-body #page-body-content #left #details .set ul li input,
	#page-body #page-body-content #left #details .set ul li textarea {
		float: none;
		display: block;
		box-sizing: border-box;
		width: 100%;
	}
	#page-body #page-body-content #left #contacts.top select {
		position: static;
		right: auto;
		top: auto;	
		margin-bottom: 2em;
	}
	#page-body #page-body-content #left #actions a.toplantlist {
		display: block;
		padding-left: 0;
		padding-top: 20px;
	}

	/* Page content > Right */
	#page-body #page-body-content #right .panel {
		min-height: 0;
	}	


	/* Table responsive actions */
	.table-overflow {
		border: 3px solid #ccc;
		box-sizing: border-box;
		overflow: scroll;
		max-width: 100%;
		max-height: 400px;
		-webkit-overflow-scrolling: touch;
	}
	#content .page_content table  {
		margin-top: 0;
	}


	/* Footer */
	.footer .sub {
		padding: 20px;
		font-size: 0.9em;
	}
	.footer .sub .social {
		width: 100%; margin-top: 10px;
	}
	.footer .sub .copy {
		background-position: top right; 
		margin-top: 60px; padding-left: 0; padding-right: 60px;
	}
	.footer .sub .social span {
	    position: relative; float: left; right: auto;
	    margin-right: 15px;
	}




}