@media only screen and (min-width: 440px) and (max-width: 667px) {
	.container {
		width: 480px !important;
	}
	.container .row {
		margin: 0;
		width: inherit !important;
	}
	.width-min-mobile{
		width: 480px !important;
	}
}

/* Ticket #20260526044 - portal de matricula em portrait (<= 576px) */
@media only screen and (max-width: 576px) {

	/* 1) Container e secao do template ocupam 100% no portrait */
	body#home section.container.mainSection,
	body#home section.container.mainSection > .row,
	body#home #content,
	body#home #panelInitial {
		width: 100% !important;
	}

	/* 2) Empilhamento: qualquer elemento do form com float inline vira 100% */
	#matriculationRequestForm [style*="float: left"],
	#matriculationRequestForm [style*="float:left"],
	#matriculationRequestForm [style*="float: right"],
	#matriculationRequestForm [style*="float:right"] {
		float: none !important;
		width: 100% !important;
		margin: 0 0 12px 0 !important;
	}

	/* 3) Inputs/selects/textareas full-width (sobrescreve width:825px inline e width-min-mobile) */
	#matriculationRequestForm .form-control,
	#matriculationRequestForm input[type="text"],
	#matriculationRequestForm input[type="password"],
	#matriculationRequestForm select,
	#matriculationRequestForm textarea {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	/* 4) Tap targets dos radios Sim/Nao e Tipo de Residencia (horizontal mantido) */
	#matriculationRequestForm input[type="radio"] {
		transform: scale(1.15);
		margin: 0 6px 0 0 !important;
	}
	#matriculationRequestForm table td {
		padding: 6px 10px !important;
	}
	#matriculationRequestForm label {
		padding: 6px 8px;
		line-height: 1.6;
	}

	/* 5) Botoes do topo (Enviar, Consultar, Limpar) empilhados full-width */
	#matriculationRequestForm > div[style*="float: right"] .btn,
	#matriculationRequestForm > div[style*="float:right"] .btn {
		display: block !important;
		width: 100% !important;
		margin: 6px 0 !important;
	}

	/* 6) dataGrid de irmaos: nome e instituicao em linhas separadas */
	#matriculationRequestForm .rich-datagrid > tbody > tr > td > div {
		display: block !important;
	}
	#matriculationRequestForm .rich-datagrid > tbody > tr > td > div > div {
		float: none !important;
		width: 100% !important;
		margin: 0 0 12px 0 !important;
	}
}