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

	.js #menu{

		display: none !important;
	}

	.espacamento-banner{

		padding-top: 13px;
	}

}

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

	html,body{

		font-size: 12px;
		display:grid;
	}

	#banner{

		height:110px;
	}

	.espacamento-banner{

		padding-top: 13px;
	}

	.util{

		max-width: 90%;
	}
	
	.btn{

		padding:5% 0% 5% 0%;
		width:99%;
	}

	.sumir{

		display: none !important;

	}

	input[type=text]{

		width:94%;
	}

	select{

		width:98% !important;
	}
	
	.js .slicknav_menu{
		
		top:73px;
	}

	.slicknav_menu .slicknav_no-text{

		position:relative;
		z-index: 1;
	    margin:0px;
	    left:5px;
	    top:7px;
	}

	/* TOPO */

	#topo{
		
		border-bottom:2px solid #D71E3A;
		height:110px !important;
		background: #222C87;
	}
		
		#topo > li{
			
			margin:-19px auto;
		}

		#topo > li #logo{
			
			transition:all 1.0s ease-in-out;
	    	content:url(parts/logo2.png);
	    	margin:4% 30%;
		}

		#topo li:last-child ul li:first-child{

			margin:-30px 0px 0px 0%;
	    	width:auto;
		}

	/* FIM TOPO */

	/* NIVOSLIDER */

	.theme-default .nivoSlider{
	
		margin-top:100px;
		min-height:100%;
    	max-height:100%;
	}

	.theme-default .nivo-caption{

		display:none !important;
	}

	/* FIM NIVOSLIDER */

	/* INTERNA */

	/* COMODIDADE */
	
	#comodidade{

		margin:0% auto 0px;
		padding-bottom:0px;
	}

		#comodidade div span.titulo{
			
			padding-top:30%;
		}
		
	#comodidade li.util ul#busca{
			
		margin:4% 0%;
		width:100%;
	}

		#comodidade li.util ul#busca li{
			
			margin-left:0%;
			display:table;
			width:100%;
		}

	#comodidade li.util ul#busca li input{

		width:91%;
	}

		#comodidade li.util ul li{

			margin-bottom:5%;
		    margin-left:20%;
		    width:61%;
		}

		#comodidade li.util ul li img{

			width:auto;
		}

		#comodidade li.util ul li button{

			width:60%;
		}

	#comodidade > li.util ul li.full{

		width:61%;
	}
	
	/* FIM COMODIDADE */

	/* PROMOÇÃO */

	#promocao{

	    padding-bottom:7%;
	    padding-top:2%;
	    height:100%;
	}

		#promocao li .bx-controls-direction a{

			top:65%;
		}

		#promocao li .bx-prev{
			
			left:130px;
		}

		#promocao li .bx-next{

			right:60px;
		}

	/* FIM PROMOÇÃO */

	/* MARCAS */

	#marcas{
		
		padding-bottom:1%;
		padding-top:7%;
		height:100%;
	}
	
		#marcas li .bx-next{

			right:-65px;
		}

	#marcas li ul li.full button{

		width:60%;
	}

	/* FIM MARCAS */

	/* INFORMATIVOS */
	
	#informativos{
		
		background:url(parts/bg_informativo.jpg) repeat top center;
		padding-bottom:10%;
		padding-top:10%;
	}

	#informativos li.util > ul li{
		
		margin:10% 4% 0% 5%;
		width:90%;
	}

		#informativos li.util > ul li:first-child{

			margin:0% 0% 0% 0%;
		}

		#informativos li.util > ul li img{

			width:auto;
		}

		#informativos > li.util ul li div#hover{
			
			margin:-20% 5% 0% 5%;
			width:auto;
		}

		#informativos > li.util ul li span.titulo2{
			
			text-align:justify;
			font-size:18px;
		}

		#informativos > li.util ul li div.desc{
			
			letter-spacing:-1px;
			width:120%;
		}
	
	#informativos li.util ul li.full{
		
		margin:15% 0% 5% 0%;
	}

	#informativos li.util ul li.full button{

		width:60%;
	}

	/* FIM INFORMATIVOS */

	/* CONTATO */
	
	#contato{
		
		background:#2b2b2b;
		height:100%;
	}
		
	#contato > li ul li.titulo span.titulo{
		
		padding-bottom:10%;
		padding-top:10%;
	}

		#contato > li ul li.meio li{

			width:100%;
		}

		#contato > li ul li.meio li:nth-child(2n+2){

			margin-left:0%;
		}

		#contato > li ul li.meio li span.subtitulo{

			padding-bottom:2%;
		}

		#contato > li ul li.meio li input{
			
			background:#ffffff url(parts/seta_search.png) no-repeat 98%;
			background-size:5%;
			width:87%;
		}
	
	#contato > li ul li.meio li.full{
		
		margin-top:10%;
		width:100%;
	}

		#contato > li ul li.meio li.full button{
			
			width:50%;
		}

	/* FIM CONTATO */
	
	#sobre div span.titulo{

		padding-top:22%;
	}

	#sobre > li.util ul li{

		margin-top:10%;
	}

		#sobre > li.util ul li p.desc{

			margin-left:0%;
			width:98%;
		}
	
	#sobre > li.util ul li:last-child{
		
		margin-bottom:5%;
		margin-top:0%;
	}
		
		#sobre > li.util ul li:last-child table tr td{
		
		 	display:table-header-group;
		}

		#sobre > li.util ul li:last-child table tr td img{

			width:50%;
		}

		#sobre > li.util ul li:last-child img{

			width:100%;
		}

		#sobre > li.util ul li:last-child a button{
			
			margin: 5% 0% 15% 0% !important;
    		width: 100% !important;
		}

/************************************************/
	
	#sobre_historia{

		margin:-25% auto 0px;
	}

/************************************************/
	
	#sobre_tematizacao{

		background:url(parts/interna_sobre_tematizacao.jpg) repeat center center;
		padding-bottom:4%;
		height:100%;
	}

	#sobre_tematizacao li.util ul li{
		
		margin-bottom:10%;
	    margin-left:20%;
	    width:auto;
	}

		#sobre_tematizacao li.util ul li:first-child{

    		margin-bottom:17%;
    		margin-left:0%;
    		margin-top:7%;
		}
		
		#sobre_tematizacao li.util ul li img{

			width:100%;
		}

		#sobre_historia > li.util ul li p.desc{
			
			margin-left:0%;
			width:98%;
		}

	#sobre_tematizacao li.util ul li.full{

		margin:5% 7% 5% 5%;
		width:88%;
	}

/************************************************/

	#linha_tempo > div span.titulo{
		
		padding-top:30%;

	}

/************************************************/

	#rodape > li{
	
		width:94% !important;
		padding:50px 0px 0px;
	}

		#rodape > li:first-child > ul > li{
			
			text-align:center;
			margin-bottom:5%;
			font-size:16px;
			margin-left:0%;
			width:98%;
		}

		#rodape > li:first-child > ul > li.full ul li{

			width:91% !important;
			margin-bottom:4%;
		}
		#rodape > li:first-child > ul > li:nth-child(1),
		#rodape > li:first-child > ul > li:nth-child(2){
		
			margin:88px 0% 0%;
			height:auto;
		}

		#rodape > li:first-child > ul > li:nth-child(3){
			
		    display:block;
		}

		#rodape > li:last-child{

			padding:30px 0px 0px !important;
			width:80% !important;
		}

		#rodape > li:last-child > .logok2{
			
			margin-top:2%;
			float:none;
		}

/************************************************/
	
	#listarunidades{

		padding-bottom:10%;
	}

	#listarunidades div span.titulo{

		padding-top:25%;
	}
	
	#listarunidades > li.util ul li{
		
		margin:10% 0% 0% 6%;
		width:96%;
	}
			
		#listarunidades > li.util ul li img{

			margin:0% 5% 5% 0%;
		}	

		#listarunidades > li.util ul li div.desc{
				
			margin:0% 0% 0% 0%;
			width:94%;
		}

		#listarunidades > li.util ul li div.desc span.titulo{

			letter-spacing:-1px;
			margin-bottom:5%;
			font-size: 20px;
			width: 90%;
		}

		#listarunidades > li.util ul li div.desc div{

			width:96%;
		}

		#listarunidades > li.util ul li div#unidades{

			margin-left:5%;
			width:94%;
		}

		#listarunidades > li.util ul li button{
				
			font-size:15px;
			width:67%;
		}

		#listarunidades > li.util ul li:last-child div#map{
			
			/*width:92% !important;*/
		}
	
	#listarunidades > li.util ul li.full{
		
		margin:0% 0% 0% 6%;
	}

		#listarunidades > li.util ul li.full ul#busca li{
			
			margin:0% 0% 5% 0%;
			width:96%;
		}

/************************************************/

	#unidade{
		
		height:100%;
		width:100%;
		top:80%;
	}
		
		#unidade > a#fechar-x{

			margin-right:5%;
		}
		
		#unidade > .titulo{

			margin-left:20px;
		}

		#unidade > .titulo2,#unidade > .titulowaze{
		
			margin-left:20px;
			display:block;
		}

		#unidade > #servicos2{
			
			margin-left:20px;
			width:82%;
		}

		#unidade > button.btn{
			
			padding:3% 0% 3% 0%;
			margin:30px 20px;
		}

}

@media screen and (max-width: 505px) {
	
	#topo,#banner{

		height:100px !important;
	}

	#topo > li a{
		position: absolute;
		margin-top:2%;
	    width: 100%;
	    display: flex;
	    justify-content: center;
	}

	.espacamento-banner{

		padding-top:1px;
	}

	input[type=text]{

		width:92%;
	}

	/* POPUP UNIDADE */

	#popupunidade{
	  
	  left:0%;
	  top:30%;
	  width: 88%;
      display: flex;
      transform:none;
      align-items: flex-end;
      padding:15px 0px 15px 5px;
	}

	#popupunidade > a > img{

		width:100%;
	}

	#popupunidade .container{
		padding:20px 15px 20px 15px;
	}

	#popupunidade .container iframe{
		width: 100%;
    	height: 180px;
	}

	/* FIM POPUP UNIDADE */

	/* NivoSlider */

	.nivoSlider a img#desktop{
		
		display:none !important;
	}

	.nivoSlider a img#mobile{
		
		display:block;
	}

/************************************************/

	#comodidade li.util ul li{
		
		margin-bottom:10%;
		margin-left:0%;
		width:100%;
	}
	
	#comodidade li.util ul#busca li{
		
		margin-bottom:0%;
		margin-left:0%;
		width:93%;
	}

	#comodidade li.util ul#busca li:first-child{

		margin-bottom:5%;
	}

		#comodidade li.util ul#busca li input{

			width:100%;
		}

		#comodidade li.util ul#busca li select{

			width:108% !important;
		}

		#comodidade li.util ul li img{

			width:100%;
		}

		#comodidade li.util ul li button{

			width:99%;
		}

	#comodidade > li.util ul li.full{

		width:100%;
	}

/************************************************/
		
	#promocao{
		
		padding-bottom:14%;
		padding-top:7%;
		height:100%;
	}

		#promocao li .bx-controls-direction a{

			top:72%;
		}

/************************************************/
	
	#marcas{
		
		padding-bottom:10%;
		padding-top:7%;
		height:100%;
	}

		#marcas li ul li.full button{

			width:99%;
		}

/************************************************/
	
	#informativos li.util > ul li{
		
		margin:10% 4% 0% 0%;
		width:100%;
	}

		#informativos li.util > ul li img{

			width:100%;
		}

/************************************************/

	#sobre div span.titulo{

		padding-top:35%;
	}

/************************************************/

	#sobre_tematizacao li.util ul li{
		
		margin-bottom:10%;
		margin-left:0%;
		width:100%;
	}

		#sobre_tematizacao li.util ul li{
		
			margin-bottom:10%;
		    margin-left:6%;
		    width:auto;
		}	

/************************************************/
	
	#unidade{

		top:70%;
	}	

		#unidade > #localizacao_waze{
			
			background:#93c4d3 url(parts/seta_select.jpg) no-repeat 96%;
			border:1px solid #93c4d3;
			margin-bottom:5%;
			display:block;
		}

		#unidade > button.btn{

			display:none;
		}

		#unidade > #servicos_popup,#unidade > #localizacao_waze{
			
			width:90% !important;
			margin-left:5%;
		}

/************************************************/

	#listarunidades div span.titulo{

		padding-top:35%;
	}

		#listarunidades > li.util ul li button{
			
			width:94%;
		}

/**************** CONTATO VARIOS ****************/

	select#assunto.sel_contato {

		margin-bottom: 20px;

	}

	#contato-varios > li ul li.meio form li {
	    margin-bottom:2%;
	    margin-right:0%;
	    height:auto; 
	    width:100%;
	}

	#contato-varios > li ul li.meio form li.full button {
	    border: 4px solid #fedb31;
	    background: #fedb31;
	    color: #ffffff;
	    padding: 20px;
	    width: 43%;
	}

	#contato-varios > li ul li.meio form li.espaco {

		width: 97%; 
		margin-right: 0%;

	}

	#contato-varios textarea {

		border:1px solid #dbdbdb;
	    font-family:'Quicksand';
	    border-radius:5px;
	    margin-left:-1px;
	    font-size:16px;
	    height:100px;
	    padding:23px;
	    width:85%;
	}

}