
/* -------------|
/* - MEDIA QUERIES
/* ----- */

@media screen and (min-width: 1021px) {
	.modal {
		margin-left: -510.5px;
	}
}

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

	header > span,
	footer .informacoes {
		margin-left: 10px;
	}

	header > ul,
	footer > ul {
		margin-right: 10px;
	}

	header .logo-sebrae {
		display: none;
	}

	.rota{
		position: relative;
	}
	.rota .mapa{

	}
	.rota .coordenadas{
		position: absolute;
		right: 0;
	}


	.bloco-abas > div {
		background: url(../img/bkg/abas_sidebar.jpg) repeat-y 50% 0;
		overflow: hidden;
	}


	.bloco-abas nav {
		float: left;
		width: 50%;
	}

	.bloco-abas ul li {
		border-bottom: 1px solid #CCC;
		margin: 0;
		width: 100%;
	}

	.bloco-abas ul li a {
		padding: 0;
		width: 100%;
	}

	.bloco-abas .conteudo-abas {
		float: left;
		width: 50%;
		clear: none;
		border-left: 1px solid #CCC;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

}

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

	/* -------------|
	/* - CABECALHO
	/* ----- */

	h1 {
		margin-bottom: 15px;
	}

	.rota{
		
	}
	.rota .mapa{
		height: 100% !important;
		width: 100% !important;
	}
	.rota .mapa .mapas{
		width: 100% !important;
	}
	.rota .coordenadas{
		height: 100%;
		left: 0;
		right: auto;
		width: 0px;
	}
	.rota .coordenadas address{
		display: none;
	}
	.rota .coordenadas .tipos{
		left: 5px;
		position: absolute;
		top: 10px;
		width: 400px;
	}
	.rota .coordenadas .tipos h4{
		background-color: #ffb600;
		color: #fff;
		display: inline-block;
		float: left;
		font-style: 2.2em;
		font-weight: 100;
		padding: 13px 10px 12px;
	}
	.rota .coordenadas .tipos ul{
		float: left;
		margin:0 0 0 2px;
	}
	.rota .coordenadas .tipos ul li{
		background-color: #ffb600;
		margin-right: 3px;
	}
	.rota .coordenadas .tipos ul li:hover
	, .rota .coordenadas .tipos ul li.ativo{
			background-color: #e4a404;
			position: relative;
			top: 0;
			-moz-transition: background-color .4s ease-in-out;
			-ms-transition: background-color .4s ease-in-out;
			-o-transition: background-color .4s ease-in-out;
			-webkit-transition: background-color .4s ease-in-out;
			transition: background-color .4s ease-in-out;
		}
	.rota .coordenadas .tipos ul li:hover a
	, .rota .coordenadas .tipos ul li.ativo a{
		height: 53px;
		opacity: 1;
	}
	.rota .coordenadas .tipos ul li a{
		height: 53px;
		opacity: 0.6;
		width: 53px;
	}
	.rota .coordenadas .tipos ul li .onibus
	, .rota .coordenadas .tipos ul li:hover .onibus
	, .rota .coordenadas .tipos ul li.ativo .onibus{
		background-position: center -46px;
	}
	.rota .coordenadas .tipos ul li .carro
	, .rota .coordenadas .tipos ul li:hover .carro
	, .rota .coordenadas .tipos ul li.ativo .carro{
		background-position: center 5px;
	}
	.rota .coordenadas .tipos ul li .andar
	, .rota .coordenadas .tipos ul li:hover .andar
	, .rota .coordenadas .tipos ul li.ativo .andar{
		background-position: center -94px;
	}
	.rota .coordenadas .tipos ul li .bicicleta
	, .rota .coordenadas .tipos ul li:hover .bicicleta
	, .rota .coordenadas .tipos ul li.ativo .bicicleta{
		background-position: center -144px;
	}

	.rota .localizacao{
		bottom: 43px;
		left: 6px;
		position: absolute;
		width: 400px;
	}
	.rota .localizacao label{
		display: none;
	}
	.rota .localizacao span{
		background-color: #42a0f7;
		border: none;
		border-radius: 0;
		box-shadow: none;
		color: #fff;
		font-size: 3.2em;
		font-weight: 300;
		height: 44px;
		margin-right: 5px;
		top: 0;
		width: 44px;
	}
	.rota .localizacao input[type=text]{
		background-color: #42a0f7;
		border: none;
		color: #fff;
		font-size: 1.8em;
		font-weight: 300;
		padding: 10px 5px;
		width: 250px;
	}

	.rota .botao-a{
		background-color: #42a0f7;
		bottom: 5px;
		left: 5px;
		position: absolute;
		width: 310px;
	}
	.rota .mapa .bt-passos{
		top: 20px;
	}
}

@media screen and (max-width: 950px) {
	.edicoes-anteriores .destaque-corpo h2 { top: 204px; }
}

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

	/* -------------|
	/* - CABECALHO
	/* ----- */

	.logo-sebrae {
		display: none;
	}

	header .botao-menu {
		display: block;
	}
	header > div{
		display: none;
	}
	#menu,
	header > span,
	header > ul {
		display: none !important;
	}

	header {
		padding: 0;
	}

	header h1 {
		border: none;
		display: block;
		float: none;
		margin: 0 auto 15px;
		min-width: 91px;
		padding: 0;
		width: 23.94%;
	}

	header h1 img {
		width: 100%;
	}

	header > section {
		background: url(../img/bkg/barra_colorida.jpg) repeat-x center bottom #FFF;
		margin: 0;
		padding: 12px 0;
	}

	/* -------------|
	/* - HOME
	/* ----- */

	/*
	- CARROSSEL DE DESTAQUE DA HOME
	*/

	.carrossel-destaques .item-informacoes{
		padding: 8px 18px;
	}

	.carrossel-destaques .item-informacoes strong{
		font-size: 1.6em;
	}
	.carrossel-destaques .item-informacoes strong span{
		font-size: 20px;
	}
	.carrossel-destaques .item-informacoes p{
		font-size: 1.6em;
	}

	.carrossel-destaques > ul > li > .destaque-topo {
		top: 20px;
	}

	.carrossel-destaques > ul > li > .destaque-rodape {
		bottom: 10px;
	}

	.carrossel-destaques > ul > li > .destaque-topo strong {
		font-size: 1.8em;
	}

	.carrossel-destaques > ul > li h2 {
		font-size: 2.6em;
	}

	.carrossel-destaques > ul > li > .destaque-rodape strong {
		font-size: 2.4em;
	}

/*
- ÁREA DO CONTEÚDO PRINCIPAL
*/

	.principal {
		padding: 30px 6.56% 30px 9.4%;
	}

/*
 Links de acesso ao conteúdo interno
*/

	.principal .botoes {
		margin-bottom: 30px;
		width: 100%;
	}

	.principal .botoes .botao-a + .botao-a {
		margin-top: 2px;
	}

/*
 Lista de links
*/

	.agenda {
		clear: both;
		float: left;
		width: 100%;
	}

/*
- CARROSSEL DE DEPOIMENTOS
*/

	.carrossel-depoimentos blockquote {
		font-size: 1.8em;
		padding-bottom: 45px;
	}

	.depoimentos-pager {
		bottom: 40px;
	}

	.carrossel-depoimentos cite {
		font-size: 1.8em;
	}

/* -------------|
/* - PÁGINA NOTÍCIAS
/* ----- */

	.destaque .caption,
	section.noticias .agenda li a {
		font-size: 1.8em;
	}

/* -------------|
/* - PÁGINA FEIRA
/* ----- */

	main[data-page="feira"] .bloco-a,
	main[data-page="feira"] .bloco-b {
		margin-bottom: 30px;
	}

	main[data-page="feira"] .bloco-a img,
	main[data-page="feira"] .bloco-b img,
	main[data-page="feira"] .texto,
	main[data-page="feira"] .feira .mapa {
		width: 100%;
		display: block;
		float: none;
		margin-bottom: 30px;
	}

	main[data-page="feira"] .botao-b {
		min-height: 50px;
		margin-bottom: 20px;
	}

	main[data-page="feira"] .lista-informacoes li {
		float: none;
		padding-left: 45px;
		width: auto;
	}

	main[data-page="feira"] .aviso {
		padding-top: 0;
	}

}

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

	/* -------------|
	/* - GERAL
	/* ----- */

	#box-facebook { display: none; }

	/* -------------|
	/* - PÁGINA EDIÇÕES
	/* ----- */

	main[data-page=edicoes] .edicoes-anteriores .destaque-corpo h2 { top: 154px; }
	main[data-page=edicoes] .edicoes-anteriores .controle { display: none; }

	/* -------------|
	/* - PÁGINA CALENDÁRIO DE EVENTOS
	/* ----- */

	main[data-page=eventos] .calendario-eventos ul { background-color: #fff; }
	main[data-page=eventos] .calendario-eventos ul li {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 20px;
		float: none;
	}

	/* -------------|
	/* - PÁGINA INFORMAÇÕES
	/* ----- */

	main[data-page=informacoes] .embrulho .coluna-2 {
		width: 100%;
		margin: 0;
		float: none;
	}
	main[data-page=informacoes] .embrulho .coluna-2:nth-child(2n) { margin-top: 57px; }
	main[data-page=informacoes] .embrulho .box-cinza { width: 88.41%; }

	/* -------------|
	/* - PÁGINA REGULAMENTO
	/* ----- */

	main[data-page=regulamento] .principal { display: block; }

	/* -------------|
	/* - FORMULÁRIOS
	/* ----- */

	main[data-page=expositor] .box,
	main[data-page=visitante] .box,
	main[data-page=imprensa] .box { background-color: #fff !important; }
	form .linha { margin-bottom: 0; }
	form .linha.lista-respostas-3 .coluna,
	form .linha.lista-respostas-4 .coluna,
	form .linha.lista-respostas-5 .coluna,
	form .linha.lista-respostas-6 .coluna {
		width: 100%;
		overflow: hidden;
	}
	form .coluna,
	form .coluna.tipo-a1,
	form .coluna.tipo-a2 {
		width: 100%;
		margin-bottom: 29px;
		float: none;
	}
	form .coluna + .coluna { margin-left: 0; }
	form .coluna.tipo-a1 select { padding: 10px 2.15%; }
	form .lista-opcoes,
	form .linha.opcao,
	form textarea,
	form .lado-a-lado,
	form .multipla-escolha { margin-bottom: 29px; }
	form div.error,
	form label.error,
	form .coluna .coluna div.error { width: 80%; }
	form .btn-tipo-b { font-size: 1.3em; }
	#imprensa-form .bt-register { font-size: 1.5em; }

	/* -------------|
	/* - PÁGINA 404
	/* ----- */

	main[data-page="404"] .erro-404 h2 {
		font-size: 16.1em;
	}
	main[data-page="404"] .botoes a {
		height: 35px;
		font-size: 1.9em;
	}

	/* -------------|
	/* - PÁGINA COMO CHEGAR
	/* ----- */

	main[data-page=comochegar] .lista-informacoes li,
	main[data-page=comochegar] .embrulho .coluna-2 {
		width: 80%;
		margin: 0 auto;
		padding: 0 0 46px 10%;
		float: none;
	}

	/* -------------|
	/* - PÁGINA COMO CHEGAR
	/* ----- */

	main[data-page=noticias] .destaque .caption { font-size: 1.3em; }
	main[data-page=noticias] .coluna-2 {
		width: 90%;
		margin: 0 auto;
		padding: 0 0 46px;
		float: none;
	}
	footer .visite-sp, footer .aguas {
		margin: 40px auto 0;
		display: block;
		float: none;
	}

	footer .radio { 
		text-align: center;
		margin: 0 auto;
		float: none;
		display: block;
		width: 50px; 
	}
	footer .aguas { 
		text-align: center;
		margin: 0 auto;
		float: none;
		display: block;
		width: 50px; 
	}

	footer .visite-sp { width: 257px; }
}

@media screen and (max-width: 770px) {
	#aviso.fechado { margin: -182px auto 40px; }
}

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

	/* -------------|
	/* - PÁGINA PROGRAMAÇÃO
	/* ----- */

	main[data-page=programacao] .eventos-lista,
	main[data-page=programacao] .meus-eventos {
		width: 100%;
		float: none;
		position: relative;
		top: auto;
		right: auto;
	}
	main[data-page=programacao] .eventos-lista { margin-bottom: 10px; }

	/* -------------|
	/* - PÁGINA EDIÇÕES
	/* ----- */

	main[data-page=edicoes] .edicoes-anteriores .cycle-pager { bottom: -92px; }
}

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

	/* -------------|
	/* - PÁGINA EDIÇÕES
	/* ----- */

	main[data-page=edicoes] .edicoes-anteriores .destaque-corpo h2 { top: 70px; }
}

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

	/* -------------|
	/* - PÁGINA PATROCINADORES
	/* ----- */

	.iframe { height: 440px; }
}

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

	/* -------------|
	/* - PÁGINA EDIÇÕES
	/* ----- */

	main[data-page=edicoes] .edicoes-anteriores .destaque-corpo h2 {
		font-size: 2.0em;
	}
}

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

	footer .anhembi {
		width: 200px;
		margin: 0 auto;
		display: block;
		float: none;
	}

	.box {
		/*background: #f5f3ea;*/
		background-color: #fff;
		padding-bottom: 10px;
	}

	.principal,
	.carrossel-depoimentos,
	footer > section,
	footer > ul,
	footer .informacoes span,
	footer .informacoes br,
	#box-facebook {
		display: none;
	}

	header > div{
		display: none;
	}

	/* -------------|
	/* - PÁGINA EDIÇÕES
	/* ----- */

	main[data-page=feira] .edicoes-anteriores { margin-bottom: 30px; }
	main[data-page=feira] .edicoes-anteriores .destaque-corpo h2 {
		font-size: 1.1em;
		top: 60px;
	}

	/* -------------|
	/* - FORMULÁRIOS
	/* ----- */

	.cadastro .form-navegacao ul li button { font-size: 1.1em; }

	/* -------------|
	/* - HOME
	/* ----- */ 

	/*
	- CARROSSEL DE DESTAQUE DA HOME
	*/

	main[data-page="home"] .carrossel-destaques { height: 265px; }

	main[data-page="home"] .carrossel-destaques > ul { margin-bottom: 10px; }

	main[data-page="home"] .carrossel-destaques .cycle-pager {
		display: none;
	}

	.carrossel-destaques .item-informacoes{
		padding: 3px 12px;
	}

	.carrossel-destaques .item-informacoes strong{
		font-size: 1.2em;
	}
	.carrossel-destaques .item-informacoes strong span{
		font-size: 16px;
	}
	.carrossel-destaques .item-informacoes p{
		font-size: 1.2em;
	}

	main[data-page="home"] .carrossel-destaques > ul > li > .destaque-topo,
	main[data-page="home"] .carrossel-destaques > ul > li > .destaque-rodape {
		clear: both;
		display: block;
		margin: 0 auto;
		overflow: hidden;
		position: static;
		width: 89.47%;
	}

	main[data-page="home"] .carrossel-destaques > ul > li > .destaque-topo {
		margin-top: 15px;
	}

	main[data-page="home"] .carrossel-destaques > ul > li > .destaque-rodape {
		margin-bottom: 15px;
	}

	main[data-page="home"] .carrossel-destaques > ul > li > .destaque-topo h2,
	main[data-page="home"] .carrossel-destaques > ul > li > .destaque-topo > a strong,
	main[data-page="home"] .carrossel-destaques > ul > li > .destaque-rodape strong {
		background: none;
		clear: both;
		display: inline-block;
		float: none;
		font-size: 20px;
		margin: 0;
		padding: 0;
	}

	main[data-page="home"] .carrossel-destaques > ul > li > .destaque-topo h2 {
		margin: 10px 0;
	}


	main[data-page="home"] .carrossel-destaques > ul > li > .destaque-topo h2 a,
	main[data-page="home"] .carrossel-destaques > ul > li > .destaque-topo > a strong,
	main[data-page="home"] .carrossel-destaques > ul > li > .destaque-topo > a strong span,
	main[data-page="home"] .carrossel-destaques > ul > li > .destaque-rodape strong,
	main[data-page="home"] .carrossel-destaques > ul > li > .destaque-rodape strong span {
		color: #303030;
		font-family: 'Roboto';
		font-size: 20px;
		font-style: normal;
		font-weight: 300;
		margin: 0;
		text-align: left;
	}

	main[data-page="home"] .carrossel-destaques > ul > li > .destaque-rodape strong span {
		display: inline;
	}

	main[data-page="home"] .carrossel-destaques > ul > li > img {
		min-width: 380px;
	}

	main[data-page="home"] .carrossel-destaques .botao-programacao {
		display: block;
	}

	main[data-page="home"] .carrossel-destaques .botoes a {
		display: block;
	}

	main[data-page="home"] .carrossel-destaques .botoes {
		float: none;
		margin: 0 auto;
		width: 89.47%;
	}

	main[data-page="home"] .carrossel-destaques .botoes .botao-a + .botao-a {
		margin-top: 2px;
	}

	/*
	- HOME INFORMAÇÕES
	*/

	main[data-page="home"] .informacao{
		float: none;
		padding: 10px 5%;
		width: 100%;
	}

	/* -------------|
	/* - RODAPE
	/* ----- */

	footer {
		background: #f5f3ea;
		display: block;
		padding: 10px 5.26%;
		width: auto;
	}

	footer .informacoes {
		margin-bottom: 25px;
		width: 100%;
	}

	footer .informacoes span.exclusivo {
		display: block;
		font-size: 1.9em;
		font-style: italic;
		font-weight: 400;
		margin: 0;
		text-align: center;
	}

	footer .informacoes span.exclusivo span {
		display: none;
	}

	/* -------------|
	/* - PÁGINA NOTÍCIAS
	/* ----- */

	main[data-page="noticias-lista"] .titulo h2 {
		margin-bottom: 23px;
	}

	main[data-page="noticias-lista"] .titulo ul {
		clear: both;
		float: none;
		margin: 0 auto;
		width: 92.36%;
	}

	main[data-page="noticias-lista"] .titulo ul li {
		margin-left: 1.42%;
		width: 49.28%;
	}

	main[data-page="noticias-lista"] .titulo ul li:first-child {
		margin: 0;
	}


	.destaque .caption:hover { opacity: 0.7; }

	main[data-page="noticias-lista"] .titulo ul li a {
		background: #42a0f7;
		color: #FFF;
		display: block;
		float: left;
		font-size: 1.8em;
		height: 45px;
		line-height: 45px;
		text-align: center;
		-moz-transition: opacity .4s ease-in-out;
		-ms-transition: opacity .4s ease-in-out;
		-o-transition: opacity .4s ease-in-out;

		-webkit-transition: opacity .4s ease-in-out;
		transition: opacity .4s ease-in-out;
		width: 100%;
	}

	main[data-page="noticias-lista"] .titulo ul li a:hover {
		opacity: 0.7;
		text-decoration: none;
	}

	main[data-page="noticias-lista"] .titulo ul li a span {
		display: block;
	}

	main[data-page="noticias-lista"] .destaque,
	main[data-page="noticias-lista"] .agenda li a span,
	main[data-page="noticias-lista"] .embrulho,
	main[data-page="noticias-lista"] .titulo ul li a img,
	main[data-page="noticias-lista"] .lista-agenda .mais {
		display: none;
	}

	main[data-page="noticias-lista"] .agenda {
		margin-bottom: 30px;
	}

	main[data-page="noticias-lista"] .agenda li a {
		font-family: 'Roboto';
		font-weight: 400;
	}

	/*
	- PAGINAÇÃO
	*/

	main[data-page="noticias-lista"] .paginacao { margin: 0 auto; }
	main[data-page="noticias-lista"] .paginacao a,
	main[data-page="noticias-lista"] .paginacao span {
		height: 45px;
		margin-bottom: 2px;
		padding: 0 15px;
		line-height: 45px;
		display: inline-block;
		color: #FFF;
		font-size: 1.8em;
		text-align: center;
		background: #cac9c2;
	}
	main[data-page="noticias-lista"] .paginacao a:hover { text-decoration: none; }
	main[data-page="noticias-lista"] .paginacao a.ativo {
		font-weight: 400;
		background: #42a0f7;
	}
	main[data-page="noticias-lista"] .paginacao a + a {
		padding: 0 15px;
		border: none;
	}

	/* -------------|
	/* - PÁGINA COMO CHEGAR
	/* ----- */

	.rota .mapa
	, .rota .mapa .mapas{
		height: 530px !important;
	}
	.rota .coordenadas .tipos{
		left: 0;
		top: 20px;
		width: 300px;
	}
	.como-chegar .titulo
	, .como-chegar .lista-informacoes
	, .como-chegar .embrulho{
		
	}
	.como-chegar .informacoes-principal{
		padding: 0;
	}
	.rota .botao-a:active{
		border: 1px solid red !important;
		position: absolute !important;
		top: auto !important;
	}
	.rota div.mobile{
		bottom: 0px;
		display: block;
		height: 40px;
		position: absolute;
		width: 100%;
		z-index: 50;
	}

/* -------------|
/* - MODAIS
/* ----- */

	.modal .alinhamento {
		padding-top: 30px;
	}

	.modal .alinhamento > strong {
		margin-bottom: 30px;
	}

	.modal .alinhamento > strong,
	.mdl-cep ul li {
		font-size: 2em;
	}

	.mdl-cep ul li {
		margin-bottom: 35px;
	}

	.mdl-cep .passo {
		font-size: 20px;
	}

	.modal .alinhamento > strong,
	.modal .botao-e {
		height: 40px;
		line-height: 40px;
	}

	.link-lista {
		margin-top: 20px;
		text-align: center;
		display: block;
		position: static;
	}
}

@media screen and (max-height: 524px) {
	#menu-lateral nav {
		min-height: 10px;
		overflow-y: scroll;
		width: 301px;
	}
}

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

	/* -------------|
	/* - PÁGINA PATROCINADORES
	/* ----- */

	.iframe { height: 320px; }

	/* -------------|
	/* - PÁGINA EDIÇÕES
	/* ----- */

	main[data-page=edicoes] .edicoes-anteriores { display: none; }
	main[data-page=edicoes] .texto img { display: none; }

	/* -------------|
	/* - PÁGINA COMO CHEGAR
	/* ----- */

	main[data-page=noticias] .destaque {
		width: 100%;
		height: 90px;
	}
	main[data-page=noticias] .destaque img { display: none; }
	main[data-page=noticias] .destaque .caption {
		width: 95.8%;
		bottom: 0;
	}

	form .btn-tipo-b { font-size: 1.8em; }
}

@media screen and (max-width: 481px) {
	main[data-page="visitante"] .botao-e,
	main[data-page="expositor"] .botao-e { width: 100%; }
	main[data-page="visitante"] .cadastro .navegacao + .anterior { margin: 3px 0 0; }

	/* -------------|
	/* - PÁGINA IMPRENSA
	/* ----- */

	main[data-page="imprensa"] #imprensa-form .bt-register { width: 100%; }

	/* -------------|
	/* - PÁGINA PROGRAMAÇÃO
	/* ----- */

	main[data-page=programacao] .eventos-lista table tr.titulo td { font-size: 1.1em; }
	main[data-page=programacao] .eventos-lista table tr.titulo td.coluna-3 { font-size: 0.8em; }
}

@media screen and (max-width: 462px) {
	#aviso.fechado { margin: -221px auto 40px; }
}

@media screen and (max-width: 340px) {
	.iframe { height: 230px; }
	main[data-page="404"] .erro-404 h2 { font-size: 11.0em; }
	main[data-page="expositor"] form .linha.lista-respostas-3 .coluna label { width: 90.35%; }
	main[data-page="expositor"] .cadastro .form-navegacao ul li { width: 33% !important; }
	main[data-page="feira"] .botao-a,
	main[data-page="feira"] .botao-b {
		width: 100% !important;
		margin-bottom: 3px !important;
		position: static !important;
		left: auto !important;
		bottom: auto !important;
	}
	main[data-page="feira"] .bloco-abas ul li a { font-size: 1.3em; }
	main[data-page="feira"] .texto p { margin: 0 0 1.0em; }
}

@media screen and (max-width: 300px) {
	/* -------------|
	/* - PÁGINA PROGRAMAÇÃO
	/* ----- */

	main[data-page=programacao] .eventos-lista table tr.titulo { display: none; }
	main[data-page=programacao] .eventos-lista table tr td { font-size: 0.9em; }
}

@media screen and (max-width: 642px) {
	main[data-page=espacos-especiais] .box .grade-inova {
		width: 90%;
		display: block;
	}

	main[data-page=espacos-especiais] .box .grade-inova .box-inova {
		width: 90%;
	}
}