@media screen and (min-width : 640px) {

	/* topo */
	header { padding: 0 }
	header .central { height: 122px }

	#resultado .link-tpa { flex-direction: row }
}

@media screen and (min-width: 720px) {

	#resultado .header .consulta { width: 100%; display: flex; flex-direction: row }
	#resultado .header .consulta .placa { width: 30%; display: flex; align-items: center; justify-content: flex-start }
	#resultado .header .consulta .classificacao { width: 40%; display: flex; flex-direction: column; align-items: center }
	#resultado .header .consulta .isento { width: 30%; display: flex; align-items: center; justify-content: center }
	#resultado .header .consulta .isento h2 { display: none }
	#resultado .header .consulta .isento > span { font-size: 24px; line-height: 24px; margin-bottom: 20px }

	#resultado .campos .qtd-passagens { width: 100% }

}

@media only screen and (max-width: 730px) {
	#consulta h1 { font-size:30px; line-height:32px }
	#consulta form button[type=button].nacionalidade { flex-direction: row; height: 100px; text-align: left; font-size: 17px; max-width: 350px; }
	#consulta form button[type=button].nacionalidade img { display: inline; width: 35px; height: 35px; margin: 0px; margin-right: 8px; }
	#consulta form .container.nacionalidade { flex-direction: column; align-items: center; }
}

@media only screen and (min-width: 730px) {
	#consulta form { width: 700px }
	#consulta form .cancelar { position: relative; top: 50px; left: -70px; margin: 0 !important; }
	#consulta form input[type=text] { float: left; margin-left: 50px }
	#consulta form input[type=submit] { float: right; margin-right: 50px; margin-top: 16px; height: 60px; }

	#consulta button[type=button].pagamento { margin: 0 }
}

@media screen and (min-width : 768px){

	.central, #retorno { width: 740px }

	#resultado form .central { padding-left: 40px; padding-right: 40px }
}

@media screen and (min-width : 980px) {

	/* consulta */
	#consulta { padding:60px 0 }
	#consulta h1 { margin-bottom:50px }
	#consulta form { margin-bottom:40px }
	#consulta form label { margin-bottom:30px }
	#consulta p { line-height:20px }

	/* rodape */
	footer { padding:33px 0 }
	footer p { margin:5px 0; float:left }
	footer .telmesh { width:auto; margin-left:auto; float:right }

}
@media screen and (min-width : 1024px){

	main .central { height: 460px }

}

@media screen and (min-width : 1200px){

	header .central,
	footer .central { max-width: 1024px; min-width: 1024px; }

}