@media (max-width: 999px){
	
	/* MENU MOBILE E TABLET */
	.logo-header{
		width: 120px;
		margin-top: 15px;
	}
	.logo-header img{
		display: block;
		width: 100%;
	}
	.suporte-header,
	.fundo-verde-suporte{
		display: none;
	}

	/* MENUS RESPONSIVO */
	.total-menu-responsivo-topo {
	    display: block;
	    position: absolute;
	    top: 50px;
	    right: 15px;
	    z-index: 9999;
	}
	.contorno-icone-menu-mobile {
	    width: 48px;
	    display: block;
	    cursor: pointer;
	}
	.linha-verde-menu {
	    width: 100%;
	    height: 5px;
	    background: #8ccb45;
	}
	.linha-verde-menu + .linha-verde-menu {
	    margin-top: 7px;
	}
	.contorno-menu-responsivo-topo {
	    background: #FFF;
	    height: 100%;
	    width: 230px;
	    position: fixed;
	    right: -245px;
	    top: 30px;
	    margin-top: 0px;
	    float: none;
	    padding-top: 30px;
	    padding-left: 30px;
	    z-index: 9;
	}
	.titulo-menu-mobile {
	    font-size: 30px;
	    color: #000000;
	    display: block;
	    font-weight: bold;
	    font-family: 'Raleway', sans-serif;
	    margin-bottom: 25px;
	}
	.contorno-menu-responsivo-topo a {
	    color: #000;
	    float: none;
	    width: 100%;
	    padding-right: 0px;
	    padding-left: 0px;
	    font-size: 16px;
	    font-family: 'Raleway', sans-serif;
	}
	.contorno-menu-responsivo-topo a:hover .borda-menu{
		opacity: 10;
	}
	.contorno-menu-responsivo-topo a:hover{
		font-weight: bold;
		color: #8ccb45;
	}
	.contorno-menu-responsivo-topo a + a {
	    margin-top: 20px;
	}
	.borda-menu {
		width: 80%;
	    height: 2px;
	    margin-left: -3px;
	    margin-right: -3px;
	    background: #8ccb45;
	    margin-top: 3px;
	    opacity: 0;
	}
	.close-menu-mobile {
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    background: #8ccb45;
	    position: absolute;
	    top: -15px;
	    left: -15px;
	    text-align: center;
	    color: #FFF;
	    display: block;
	    cursor: pointer;
	}
	.fundo-tela-open-menu {
	    width: 100%;
	    height: 100%;
	    background: #000;
	    top: 0px;
	    left: 0px;
	    display: none;
	    z-index: 999;
	    position: fixed;
	    background: url(../imagens/fundo-transparente-open-menu.png);
	}
	.menu-header{
		display: none;
	}
}

/* MOBILE */
@media (max-width: 767px){

	/* HEADER */	
	.contorno-informacoes-banner{
		top: 140px;
	}
	.foto-banner{
		height: 500px;
		background: #FFF !important;
	}
	.frase-banner{
		line-height: 32px;
		font-size: 28px;
		height: 127px;
	}
	.texto-banner{
		font-size: 16px;
		height: 57px;
	}
	.borda-frase-banner{
		margin-bottom: 20px;
	}
	.btt-banner{
		font-size: 11px;
	}
	.contorno-paginacao-banner{
		display: none;
	}

	/* SOLUÇÕES */
	.total-solucoes-home{
		min-height: 10px;
		height: auto;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.total-solucoes-home h1{
		font-size: 25px;
	}
	.total-solucoes-home h1 span{
		font-size: 27px;
	}
	.total-campos-solucoes{
		margin-top: 35px;
	}

	/* PRODUTOS */
	.total-produtos-home{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.total-produtos-home h1{
		font-size: 25px;
	}
	.total-produtos-home h1 span{
		font-size: 27px;
	}
	.contorno-campo-produtos{
		width: 100%;
		float: none;
		height: auto;
		margin-bottom: 20px;
	}
	.titulo-campo-produto{
		font-size: 25px;
	}
	.total-contorno-listagem-produtos{
		margin-top: 35px;
	}

	/* REPRESENTANTES */
	.total-representantes-autorizados{
		padding-top: 60px;
		padding-bottom: 60px;
		min-height: 10px;
		height: auto;
	}
	.total-representantes-autorizados h1{
		font-size: 25px;
	}
	.total-representantes-autorizados h1 span{
		font-size: 27px;
	}
	.contorno-campo-representantes{
		width: 100%;
		float: none;
		margin-bottom: 25px;
	}

	/* RODAPE */
	.campo-logo{
		display: table;
		margin:0 auto;
		float: none;
	}
	.campo-contatos-rodape{
		width: 100%;
		float: none;
		padding-left: 0px;
		padding-top: 35px;
	}
	.titulo-padrao-rodape{
		width: 100%;
		text-align: center;
	}
	.icone-telefone, .icone-email, .icone-endereco{
		float: none;
		display: table;
		margin:0 auto;
	}
	.campo-conteudo-contato{
		width: 100%;
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.caixa-facebook{
		width: 100%;
		float: none;
		padding-top: 35px;
	}
	.contorno-caixa-facebook{
		max-width: 500px;
		display: table;
		margin:0 auto;
		margin-top: 25px;
	}
	.total-baixo-rodape{
		width: 100%;
		font-size: 13px;
		padding-top: 23px;
	}
	.total-baixo-rodape span,
	.total-baixo-rodape a{
		float: none;
		width: 100%;
		text-align: center;
	}
	.total-baixo-rodape a{
		margin-top: 5px;
	}

}

/* TABLET */
@media (max-width: 999px) and (min-width: 768px){

	/* BANNER */
	.contorno-informacoes-banner{
		top: 180px;
	}
	.texto-banner{
		height: 63px;
	}

	/* PRODUTOS */
	.titulo-campo-produto{
		font-size: 25px;
	}
	.contorno-campo-produtos{
		width: 50%;
	}

	/* REPRESENTANTES */
	.total-representantes-autorizados{
		min-height: 10px;
		height: auto;
		padding-bottom: 123px;
	}
	.contorno-informacoes-postagem-representantes{
		padding-right: 15px;
		padding-left: 15px;
	}
	.btt-ler-mais-representantes{
		padding-right: 10px;
		padding-left: 10px;
	}

	/* RODAPE */
	.campo-logo{
		display: table;
		margin:0 auto;
		float: none;
	}
	.campo-contatos-rodape{
		width: 100%;
		float: none;
		padding-left: 0px;
		padding-top: 35px;
	}
	.titulo-padrao-rodape{
		width: 100%;
		text-align: center;
	}
	.icone-telefone, .icone-email, .icone-endereco{
		float: none;
		display: table;
		margin:0 auto;
	}
	.campo-conteudo-contato{
		width: 100%;
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.caixa-facebook{
		width: 100%;
		float: none;
		padding-top: 35px;
	}
	.contorno-caixa-facebook{
		max-width: 500px;
		display: table;
		margin:0 auto;
		margin-top: 25px;
	}
	.total-baixo-rodape{
		width: 100%;
		font-size: 13px;
		padding-top: 23px;
	}
	.total-baixo-rodape span,
	.total-baixo-rodape a{
		float: none;
		width: 100%;
		text-align: center;
	}
	.total-baixo-rodape a{
		margin-top: 5px;
	}

}