/* MD */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.wrapper { width: 96% }
}

/* XS */
@media screen and (max-width: 991px) {
	.wrapper { width: 100% }

	#header { z-index: 2; position: relative; border: 0; height: 55px; padding: 0; background: #ffffff }
	#header #menu_nav { color: #000000; position: absolute; right: 20px; top: 0; display: block; height: 55px; line-height: 55px; cursor: pointer }
	#header #menu_nav .fa { color: #000000; font-size: 1.5em }

	#header #logo { position: absolute; top: 5px; left: 5px; float: none; width: 100px }
	#header #logo img { width: auto; height: 45px }

	#header #menu { z-index: 99; display: none; float: none; position: absolute; top: 55px; right: 0; padding-top: 20px; width: 60% }
	#header .fl.p10l { float: none; padding: 0 } 
	#header .fl.p10l a.button { display: block; background-color: #188db3; padding: 10px; text-align: right }
	#header .fr.p10t { z-index: 99; float: none; padding: 0; position: absolute; top: 0; right: 5px; font-size: 80% } 

	#content { padding: 10px } 

	.tile { width: 100%; height: 80px; float: none; padding-top: 0; margin-right: 0; margin-bottom: 2px }
	.tile .box_tile { background-position: 10px center; background-size: 40px auto }
	.tile .box_tile .output { top: 1px; left: auto; right: 31%; font-size: 80% }
	.tile .box_tile .name { left: 60px; top: 0; height: 80px; line-height: 80px; right: auto }
	.tile .box_tile .buttons { position: absolute; bottom: 0; right: 0; width: 30%; height: 80px; line-height: 80px; border-top: 0 }
	.tile .box_tile .btn.on:hover,
	.tile .box_tile.status_0 .btn.on { border-right: 0 }
	.tile .box_tile .btn.off:hover,
	.tile .box_tile.status_1 .btn.off { border-left: 0 }

	.t_header { font-size: 90% }

	.t_row a.button, .t_row a.button.mini { width: 30px }
	.t_row a.button .fa { margin-right: 0 }

	select { max-width: 90% }
	input { max-width: 90% }  

	#footer { position: relative; bottom: auto }

	.login .wrapper,
	.lostpassword .wrapper,
	.register .wrapper { width: 90% }

	.login .wrapper select,
	.lostpassword .wrapper select,
	.register .wrapper select { max-width: 100% }

	.login .wrapper input,
	.lostpassword .wrapper input,
	.register .wrapper input { max-width: 100% }


	
}