/*----------------------------------------------*/
/* ----------- MEDIA QUERY 1024 --------------- */
/*----------------------------------------------*/

@media (max-width: 1199px) {



	header .nav-top .navbar {
		float: left;
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}

	header .nav-top .form-rastreio {
		float: left;
	}

	section#banner .slider .item .texto h2 {
		font-size: 50px;
	}

	.interna .titulo h1 {
		font-size: 45px;
	}

	.interna .titulo h1 > span {
		font-size: 25px;
	}

	h4.title {
		font-size: 25px;
	}

	h2.title {
		font-size: 45px;
	}

	h2.title >span {
		font-size: 25px;
	}

	section#servicos .lista-servicos .item-servico .texto-servico h4.title {
		font-size: 35px;
	}

	section#vantagens .vantagem-lista .vantagem-item .desc-vantagem h4 {
		font-size: 18px;
	}

	.entry-content h2 {
		font-size: 45px;
	}

	section#unidades.interna .lista-unidades .item-unidade a {
		font-size: 13px;
	}

	section#unidades.interna .view-unidade .unidade span.endereco-unidade {
		margin-bottom: 15px;
	}

	section#unidades.interna .view-unidade .unidade span.telefone-unidade, section#unidades.interna .view-unidade .unidade span.whatsapp-unidade {
		margin-right: 30px;
	}

	section#formularios.home .rastrear .topo-title h4, section#formularios.home .comprar .topo-title h4 {
		font-size: 32px;
	}

	section#formularios.home .rastrear .topo-title h4 > span, section#formularios.home .comprar .topo-title h4 > span {
		font-size: 18px;
	}

	section#formularios.home .rastrear .topo-title:after {
		width: 146px;
		height: 39px;
		right: -10px;
	}

	section#formularios.home .comprar .topo-title:after {
		right: -30px;
		width: 136px;
		height: 39px;
	}

	#transporte.interna .conteudo .texto h2 {
		font-size: 25px;
	}

	#transporte.interna .conteudo .texto a.botao {
		font-size: 13px;
	}

	#consultas .texto h2 {
		font-size: 25px;
	}

	#consultas .texto a.botao {
		font-size: 13px;
	}

	#galeria .control-galeria .bx-controls a.bx-prev {
		left: -20px;
	}

	#galeria .control-galeria .bx-controls a.bx-next {
		right: -20px;
	}

	#galeria .control-galeria .bx-controls a {
		margin-top: 22px;
	}

	#turismo.interna .conteudo .texto a.botao, #vantagens.interna .texto-vantagens a.botao {
		font-size: 13px;
	}

	#compre.interna .passos-lista .passos-item .desc-passos h4 {
		font-size: 16px;
	}

	#compre.interna ul.passos-de-compra li.ativo > span:before {
		left: -80px;
	}

	#compre.interna ul.passos-de-compra li {
		font-size: 16px;
	}

	#compre.interna h2 {
		font-size: 20px;
	}

	#compre.interna .tabela-horarios .dias-da-semana > div span {
		font-size: 13px;
	}

	#compre.interna .tabela-horarios .detalhes label.checkbox {
		display: block;
		width: 100%;
	}

	#compre.interna .tabela-horarios .detalhes label.checkbox + label.checkbox {
		margin-left: 0;
	}

	#sidebar .total .box-total .linha > div {
		font-size: 16px;
	}

	#sidebar .resumo .detalhes .linha p > strong {
		display: block;
	}

	#compre.interna .passageiro h4 {
		font-size: 16px;
	}

	#compre.interna .selecionar-poltronas h3 {
		font-size: 20px;
	}

	#compre.interna .selecionar-poltronas ul.legenda {
		height: 80px;
	}

	#compre.interna .selecionar-poltronas ul.legenda li {
		margin-bottom: 4px;
		float: none;
	}

	#compre.interna .selecionar-poltronas ul.legenda li + li {
		margin-left: 0px;
	}

	#compre.interna .botoes button {
		padding: 9px 10px;
		font-size: 14px;
	}

	#compre.interna .botoes a {
		padding: 18px 10px;
		font-size: 14px;
	}

	#compre.interna .box-conclusao .linha > div span {
		display: block;
	}
	
}


/*----------------------------------------------*/
/* ----------- MEDIA QUERY 768 --------------- */
/*----------------------------------------------*/

@media (max-width: 1023px) {

	header .top .logo {
		margin: 18px auto;
		display: block;
	}

	header .top .links-topo {
		margin: 10px auto;
		width: 576px;
		float: none;
	}

	header .nav-top .navbar {
		background: #32338e;
		text-align: center;
	}

	.navbar-toggle {
		float: none;
		display: block;
		width: 100%;
		color: #fff;
		margin: 0;
	}
	.navbar-toggle:hover {
		color: #abacff;
	}

	header .nav-top #menu-principal ul li {
		float: none;
	}

	header .nav-top #menu-principal ul li > a {
		color: #abacff;
		display: block;
	}
	header .nav-top #menu-principal ul li > a:hover {
		background: #2b2c84;
		color: #fff;
	}

	header .nav-top #menu-principal ul li.active > a {
		background: #24257c;
		color: #fff;
	}

	section#banner .control-banner .number-control {
		bottom: 70px;
	}

	section#banner .slider .item .texto h2 {
		font-size: 42px;
	}

	section#servicos .lista-servicos .item-servico .texto-servico h4.title {font-size: 30px;}

	section#vantagens .texto-vantagens {margin-bottom: 80px;}

	h2.title {font-size: 32px;}
	h2.title > span {font-size: 18px;}

	#institucional .bg-banner {padding-top: 50px;}
	#institucional.home .lista-institucional .item-institucional .texto p {font-size: 14px;}

	section#formularios.home .rastrear .topo-title h4, section#formularios.home .comprar .topo-title h4 {font-size: 28px;}

	section#formularios.home .rastrear .topo-title::after,
	section#formularios.home .comprar .topo-title::after {width: 110px; height: 30px; top: 35px;}

	section#formularios.home a.link-util {font-size: 12px;}
	section#formularios.home .rastrear .btn-rastrear {font-size: 12px;}

	footer .navegar .logo {max-width: 90%; display: inline-block;}
	footer .navegar .menu-rodape {padding-left: 0;}

	footer #newsletter input.email {float: none; width: 100%;}
	footer #newsletter button.enviar-news {float: none;}

	footer #copyright {text-align: center;}

	#transporte.interna .conteudo .imagem {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}

	#transporte.interna .conteudo .texto {
		width: 100%;
		float: none;
		padding-left: 0;
	}

	#consultas .texto {
		width: 100%;
		float: none; 
		padding-right: 0; 
		margin-bottom: 20px;
	}

	#consultas .imagem {
		width: 100%;
		float: none;
		text-align: center;
	}

	#veiculos .texto {
		width: 100%;
		margin-bottom: 20px;
		padding-right: 0;
	}

	#veiculos .imagem {
		width: 100%;
	}

	#veiculos .control-veiculos {padding-left: 0;}

	#veiculos .control-veiculos-wrapper {
		bottom: 20px;
		top: inherit;
	}

	#galeria .titulo {
		width: 100%;
		margin-bottom: 20px;
	}

	#galeria .fotos {
		width: 100%;
		padding: 0;
		float: none;
	}

	#galeria .fotos .lista-fotos {
		text-align: center;
	}

	#galeria .fotos .img-responsive {
		display: inline-block;
	}

	#turismo.interna .conteudo .imagem {
		width: 100%;
		margin-bottom: 20px;
		text-align: center
	}

	#turismo.interna .conteudo .imagem > img {
		display: inline-block;
	}

	#turismo.interna .conteudo .texto {
		width: 100%;
	}

	section#contato.interna #maps {
		width: 100%;
	}

	#compre.interna .titulo .formulario {
		top: 200px;
		left: 50%;
		margin-left: -250px;
	}

	#compre.interna .texto {
		width: 100%;
		margin-bottom: 50px;
	}

	#compre.interna .lista-passos {
		width: 100%;
	}

	#compre.interna ul.passos-de-compra li.ativo > span:before {
		display: none;
	}

	#compre.interna ul.passos-de-compra li > b {
		display: none;
	}

	.borda-right {
		border: 0;
	}

	.borda-left {
		border: 0;
	}

	#sidebar {
		margin-top: 50px;
	}

}

/*----------------------------------------------*/
/* ----------- MEDIA QUERY 480 --------------- */
/*----------------------------------------------*/

@media (max-width: 767px) {

	header .top .links-topo {
		width: 100%;
		text-align: center;
	}

	header .top .links-topo .links-uteis {
		margin-right: 0;
		margin-bottom: 20px;
		display: inline-block;
	}

	header .nav-top .form-rastreio {
		text-align: center;
	}

	section#banner .slider .item {
		background-size: cover;
	}

	section#servicos .lista-servicos .item-servico {
		margin-bottom: 20px;
	}

	#institucional .bg-banner {
		background: #eef5fb;
		min-height: 400px;
		height: inherit;
	}

	#institucional h2.title {
		text-align: center;
	}

	#institucional h2.title:after {
		left: 50%;
		margin-left: -30px;
	}

	#institucional.home .bx-wrapper {
		text-align: center;
		margin-right: 0;
	}

	#institucional.home .control-banner .number-control {
		display: inline-block;
		text-align: center;
		width: 100%;
	}

	#institucional.home .control-banner .number-control .pager-link {
		display: inline-block;
		float: none;
	}

	.rastrear {
		margin-bottom: 20px;
	}

	section#formularios.home {
		margin-bottom: 50px;
	}

	footer .navegar {
		text-align: center;
	}

	footer .navegar .logo {
		margin-bottom: 60px;
	}

	footer .navegar .menu-rodape {
		margin-bottom: 60px;
	}

	footer .localizacoes .sociais {
		float: none;
		text-align: center;
		width: 100%;
		display: inline-block;
		margin-top: 0px;
	}

	footer .localizacoes .sociais > a {
		float: none;
		display: inline-block;
	}

	footer .localizacoes .conteudo {
		text-align: center;
	}

	footer .localizacoes .telefone {
		display: inline-block;
	}

	footer .localizacoes .whatsapp {
		display: inline-block;
	}

	footer #copyright .copy {
		display: inline-block;
		margin-bottom: 30px;
		text-align: center;
	}

	footer #copyright .assinatura {
		text-align: center;
	}

	section#unidades.interna .view-unidade {text-align: center;}

	section#unidades.interna .view-unidade .unidade span.endereco-unidade {
		width: 100%;
	}

	section#unidades.interna .view-unidade .unidade span.telefone-unidade, section#unidades.interna .view-unidade .unidade span.whatsapp-unidade {
		float: none;
		display: inline-block;
		margin-right: 10px;
	}

	section#unidades.interna .view-unidade .unidade .contato-unidade {
		float: none;
		margin-bottom: 50px;
	}

	#veiculos .texto {
		padding-right: 0;
	}

	#galeria .control-galeria .bx-controls a.bx-next {
		right: -15px;
	}

	#galeria .control-galeria .bx-controls a.bx-prev {
		left: -15px;
	}

	#turismo.interna .conteudo .texto {
		padding-left: 0;
	}

	.responsive-button {
		margin: 30px auto 0;
		width: auto;
		text-align: center;
		display: inline-block;
	}

	#compre.interna .tabela-horarios .dias-da-semana > div {width: 19.4%; padding: 12px 0;}

	#compre.interna .selecionar-poltronas .links {
		width: 100%;
		position: relative;
	}

	#compre.interna .selecionar-poltronas .ilustracao {
		width: 100%;
		float: none;
		display: inline-block;
		margin: 15px 0 55px;
	}

	#compre.interna .selecionar-poltronas .ilustracao > div {
		width: 400px;
		margin: 0 auto;
	}

	#compre.interna .selecionar-poltronas .botoes,
	#compre.interna .selecionar-poltronas .descricao {
		padding-left: 0;
	}

	#compre.interna .resumo-poltronas ul.passageiros li {margin-bottom: 15px;}

}



/*----------------------------------------------*/
/* ----------- MEDIA QUERY 480 --------------- */
/*----------------------------------------------*/

@media (max-width: 479px) {

	header .top .links-topo .links-uteis > a {
		float: left;
		display: block;
		margin-bottom: 20px;
		padding-left: 25px;
		letter-spacing: -0.4px;
	}


	header .top .links-topo .links-uteis > a + a {margin-left: 20px;}
	header .nav-top .form-rastreio .campo {width: 100% !important;} 
	
	section#banner .slider .item .texto {
		width: 100%;
		text-align: center;
		margin-left: 0;
	}

	header .top .links-topo .links-uteis form#form-link-encomendas {
		left: -10px;
		top: -15px;
	}

	header .top .links-topo .links-uteis form#form-link-passagens {
		right: -12px;
		top: -15px;
	}

	section#banner .slider .item .texto h2:before {
		left: 50%;
		margin-left: -30px;
	}


	section#banner .control-banner {display: none;}
	section#banner .slider .item a {display: inline-block;}


	section#servicos .lista-servicos .item-servico {text-align: center;}
	section#servicos .lista-servicos .item-servico .texto-servico {padding: 60px 10px;}

	section#vantagens .texto-vantagens {text-align: center;}

	h2.title:after {
		left: 50%;
		margin-left: -30px;
	}

	section#vantagens .vantagem-lista .vantagem-item {text-align: center;}
	section#vantagens .vantagem-lista .vantagem-item .imagem {
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -42px;
	}

	section#vantagens .vantagem-lista .vantagem-item .desc-vantagem {
		padding: 110px 5px 50px;
	}

	section#vantagens .texto-vantagens p {padding-right: 0;}

	section#formularios.home .rastrear .topo-title h4, section#formularios.home .comprar .topo-title h4 {font-size: 20px;}
	section#formularios.home .rastrear .topo-title h4 > span, section#formularios.home .comprar .topo-title h4 > span {font-size: 14px}
	#institucional.home .bx-wrapper {margin-bottom: 60px}

	#clientes .owl-controls .owl-dots .owl-dot {width: 20px;}

	section#formularios.home a.link-util {margin-bottom: 15px; float: none; display: inline-block;}

	form#rastreio, form#compre {text-align: center;}
	section#formularios.home .rastrear .btn-rastrear, section#formularios.home .comprar .btn-comprar {float: none;}
	.entry-content {text-align: center }

	.interna .titulo h1 {font-size: 35px;}
	.interna .titulo h1 > span {font-size: 20px;}

	.interna .conteudo {text-align: center;}
	#consultas .texto {text-align: center;}
	#veiculos .texto {text-align: center;}
	h2.title {text-align: center;}
	#galeria .titulo {text-align: center;}

	#compre.interna .titulo .formulario{
		width: 100%;
		right: 0;
		left: 0;
		margin-left: 0;
	}

	#compre.interna .titulo {margin-bottom: 350px}

	#compre.interna .titulo .formulario .campo.terco.input {
		float: left;
		width: 48%;
	}

	#compre.interna .titulo .formulario .campo.terco.input + .campo.terco.input {
		margin-left: 4%;
	}

	#compre.interna .titulo .formulario .campo.terco.select {
		width: 100%;
		float: left;
	}

	#compre.interna .titulo .formulario .campo.terco + .campo.terco {margin-left: 0;}

	.combo-dropdown {z-index: 99999;}

	#compre.interna h2 {margin-bottom: 50px;}

	#compre.interna .passos-lista .passos-item .imagem {
		position: relative;
		text-align: center;
		display: inline-block; 
		margin-bottom: 30px;
	}

	#compre.interna .passos-lista .passos-item .desc-passos {padding-left: 0;}

	#compre.interna .tabela-horarios .dias-da-semana > div { display: none;}
	#compre.interna .tabela-horarios .dias-da-semana > div.ativo { display: block; width: 100%;}

	#compre.interna ul.passos-de-compra li > span {
		width: 40px;
		height: 40px;
		line-height: 40px;
		display: inline-block;
		margin: 0 4px;
	}

	#compre.interna ul.passos-de-compra li { font-size: 14px; }

	#compre.interna ul.passos-de-compra {
		width: 100%;
		display: inline-block;
		margin: 0 auto 50px;
		padding: 0;
	}

	#compre.interna ul.passos-de-compra li:before, #compre.interna ul.passos-de-compra li:after {top: 20px;}

	#compre.interna .tabela-horarios .linha .col-3 {
		margin-bottom: 5px;
		width: 100%;
	}

	#compre.interna label.checkbox {text-align: left;}

	#compre.interna .tabela-horarios .opcoes .item p {text-align: left; line-height: 20px;}
	#compre.interna .tabela-horarios .opcoes .item p b {display: block; width: 100%;}

	#compre.interna .tabela-horarios .opcoes .item {padding: 30px 10px;}

	#compre.interna .tabela-horarios .opcoes .item p.valor {height: inherit;}

	#compre.interna .selecionar-poltronas .ilustracao {overflow-x: scroll; }

	#compre.interna .box-conclusao .box-resumo .detalhes .linha {
		width: 100%;
		text-align: left;
	}

}
