/* Login */

	@media screen and (max-width: 600px){
		body { font-size: 14px; }
	}


/* Login */

	@media screen and (max-width: 1200px){
		.login_container .left .login { width: 75%; }
	}

	@media screen and (max-width: 600px){
		.login_container .left,
		.login_container .right { position: relative; width: auto; top: auto; left: auto; right: auto; bottom: auto; transform: none; padding: 20px; }
		.login_container .left .login,
		.login_container .right .logo { transform: none; top: auto; }
		.login_container .left .login { width: 100%; }
		.login_container .right .logo img { height: 75px; }
	}


/* Forms */

	@media screen and (max-width: 750px){
		.content .form .label { float: none; width: auto; text-align: left; padding: 0; margin-bottom: .5em; }
		.content .form .field { float: none; width: auto; }
	}
	
	@media screen and (max-width: 600px){
		.minicolors-theme-default .minicolors-swatch { width: 21px; height: 21px; }
		.minicolors-theme-default .minicolors-input { padding-left: 33px; }
	}


/* Portal */

	@media screen and (max-width: 700px){
		.user_bar { left: 0; }
		.user_bar .menu_toggle { display: block; font-size: 1.2rem; }
		.sidebar { left: -250px; }
		.content { left: 0; }
	}

	@media screen and (max-width: 500px){
		.content h1 { margin: -25px; margin-bottom: 25px; padding: 15px 25px; font-size: 1.65em; }
		.content { padding: 25px; }
	}


/* Dashboard */

	@media screen and (max-width: 1000px){
		.dashboard .w_25 { width: 50%; }
	}

	@media screen and (max-width: 425px){
		.dashboard .w_25 { width: 100%; }
	}


/* Messages */

	@media screen and (max-width: 500px){
		.threads .thread .message .wrap,
		.replies .reply .message .wrap { max-width: 100%; padding: 10px 15px; }
	}