/*||||||||||||||||||||||||||||||||||||||*/
/*||||||||   RESOLUÇÃO MOBILE   ||||||||*/
/*||||||||||||||||||||||||||||||||||||||*/
@media (min-width: 0px) and (max-width: 959px){

/*
=========
==TOOLS==
=========
*/
.container, .container-banner, #clientes-owl-carousel{width: 100%; text-align: center; display: block;}
.header-topo, .desktop{display: none;}
.mg-index, .mg-pg{height: 40px !important;}

/*
================
==MENU MOBLILE==
=================
*/
.menu-mob{display: block; width: 100%; float: left; background: #2e2d2b; text-align: center; position: fixed; z-index: 1000;}
.logo-mob{width: 130px; float: left; position: absolute; margin: 0 0 0 10px;}
	.logo-mob a{width: 100%; float: left; padding: 5px 0 0;}
		.logo-mob a img{}
#open-menu-mob{}
#open-menu-mob img{float: right; margin: 0 5px 0 0; clear: both;}
#close-menu-mob{display: none;}
#close-menu-mob img{float: right; margin: 0 5px 0 0; clear: both;}
    .menu-open{width: 100%; float: right; display: none; background: rgba(255,255,255,0.1);}
        .menu-open a{width: 100%; float: left; color: #fff; line-height: 24px; border-bottom: 1px solid rgba(0,0,0,0.6); border-top: 1px solid rgba(255,255,255,0.2); padding: 5px 0; box-sizing:border-box; text-align: center; font-size: 20px;} 
        	.menu-open a:hover{color: #000; background: #eee;} 
        .submenu-mob{display: none; height: 300px; overflow: auto; position: relative; width: 100%;}
			.submenu-mob a{background: #e9e4da; color: #000; font-size: 14px;}
}
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||   RESOLUÇÃO 0px até 499px   ||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
@media (min-width: 0px) and (max-width: 499px){	
	.banner-item{background-size: 200% !important; min-height: 230px;}
	.txt-banner {width: 100%; margin: 0 0%; padding: 20px 20px 0;}
	.txt-banner h1 {text-align: center; font-size: 35px; line-height: 35px;}		
	.txt-banner h2 {text-align: center; padding: 5px 0; font-size: 20px; line-height: 20px;}
	.txt-banner h3 {text-align: center;}
	.txt-banner a{display: inline-block; float: none;}
	.container-banner .badge2015 {top: 230px; left: 50%; margin-left: -58px;}
	.informativo .container{background: none; padding: 10px 0;}
	.informativo .col-50{width: 100%; text-align: center;}
	.informativo h1 {margin: 10px 0 0; text-align: center;}
	.informativo h3{padding: 0 20px;}
	.informativo a {float: none; display: inline-block;}
	.bt-servicos{margin: 0 5px 20px;}
	.clientes{padding: 20px 0;}
	.clientes .txt{padding: 10px 0;}
	.clientes .txt p.p1 {font-size: 25px; line-height: 25px;}
	.clientes .txt p.p2 {font-size: 40px; line-height: 40px;}
	.clientes .txt p.p3 {font-size: 25px; line-height: 25px;}
	.footer .top{padding: 20px 0;}
	.footer p{text-align: center; padding: 0 20px;}
	.footer h1{padding: 0; width: 100%;}
	.footer h2, .footer .col-35 p{text-align: center;}
	.footer a{padding: 0; margin: 0 auto; width: 100%;}
	.footer a.fone:before {content: url(../img/fone.png); width: 0px; height: 0px; position: relative; padding: 0 10px; top: 7px;}
	.footer a.whatsapp:before {content: url(../img/whatsapp.png); width: 0px; height: 0px; position: relative; padding: 0 10px; top: 7px;}
	.conteudo-empresa {background: url(../img/bg-empresa.png) no-repeat center top; padding: 20px 0;}
	.txt-empresa .col-60, .txt-empresa .col-40, .txt-missao-visao .col-45, .txt-missao-visao .col-55,.footer .top > div, .footer .bottom > div,  .informativo-empresa .col-50{width: 100%;}
	.conteudo-empresa h3{text-align: justify; padding: 0 20px;}
	.conteudo-empresa .badges{margin: 20px 10px 0;}
	.missao, .visao {width: 95%; margin: 10px 2.5%; padding: 20px;}
	.visao{margin: 10px 2.5% 220px;}
	.conteudo-empresa {padding: 20px 0 0px;}
	.img-informativo {position: relative; margin: -230px 0 0; }
	.informativo-empresa .col-50{min-height: 0px;}
	.informativo-empresa h1 {margin: 0px 0 20px;}
	.contato form {width: 95%;margin: 20px 2.5% 0px;}
	.info-mapa, .info-mapa2 {display: none;}
	.foto{width: 100%;}	
	.servicos .informativo-empresa .col-50{padding: 50px 0 0;}
	.conheca .col-50{width: 100%;}
}
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||   RESOLUÇÃO 500px até 749px   ||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
@media (min-width: 500px) and (max-width: 749px){
	.banner-item{background-size: 200% !important; min-height: 350px;}
	.txt-banner {width: 100%; margin: 0 0%; padding: 20px 20px 0;}
	.txt-banner h1 {text-align: center; font-size: 35px; line-height: 35px;}	
	.txt-banner h2 {text-align: center; padding: 5px 0; font-size: 20px; line-height: 20px;}
	.txt-banner h3 {text-align: center;}
	.txt-banner a{display: inline-block; float: none;}
	.container-banner .badge2015 {top: 230px; left: 50%; margin-left: -58px;}
	.informativo .container{background: none; padding: 10px 0;}
	.informativo .col-50{width: 100%; text-align: center;}
	.informativo h1 {margin: 10px 0 0; text-align: center;}
	.informativo h3{padding: 0 20px;}
	.informativo a {float: none; display: inline-block;}
	.bt-servicos{margin: 0 5px 20px;}
	.clientes{padding: 20px 0;}
	.clientes .txt{padding: 10px 0;}
	.clientes .txt p.p1 {font-size: 25px; line-height: 25px;}
	.clientes .txt p.p2 {font-size: 40px; line-height: 40px;}
	.clientes .txt p.p3 {font-size: 25px; line-height: 25px;}
	.footer .top{padding: 20px 0;}
	.footer p{text-align: center; padding: 0 20px;}
	.footer h1{padding: 0; width: 100%;}
	.footer h2, .footer .col-35 p{text-align: center;}
	.footer a{padding: 0; margin: 0 auto; float: none;}
	.footer a.fone:before {content: url(../img/fone.png); width: 0px; height: 0px; position: relative; padding: 0 10px; top: 7px;}
	.footer a.whatsapp:before {content: url(../img/whatsapp.png); width: 0px; height: 0px; position: relative; padding: 0 10px; top: 7px;}
	.conteudo-empresa {background: url(../img/bg-empresa.png) no-repeat center top; padding: 20px 0;}
	.txt-empresa .col-60, .txt-empresa .col-40, .txt-missao-visao .col-45, .txt-missao-visao .col-55,.footer .top > div, .footer .bottom > div,  .informativo-empresa .col-50{width: 100%;}
	.conteudo-empresa h3{text-align: justify; padding: 0 20px;}
	.conteudo-empresa .badges{margin: 20px 10px 0;}
	.missao, .visao {width: 95%; margin: 10px 2.5%; padding: 20px;}
	.visao{margin: 10px 2.5% 220px;}
	.conteudo-empresa {padding: 20px 0 0px;}
	.img-informativo {position: relative; margin: -230px 0 0; }
	.informativo-empresa .col-50{min-height: 0px;}
	.informativo-empresa h1 {margin: 0px 0 20px;}
	.contato form {width: 80%;margin: 20px 10% 0px;}
	.foto{width: 100%;}
	.servicos .informativo-empresa .col-50{padding: 50px 0 0;}
	.info-mapa, .info-mapa2 {display: none;}
	.conheca .col-50{width: 100%;}
}
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||   RESOLUÇÃO 750px até 959px   ||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
@media (min-width: 750px) and (max-width: 959px){
	.txt-banner{padding: 100px 0 0;}
	.conteudo-empresa h3 {text-align: justify; padding: 0 20px 0;}
	.informativo .container{float: left;}	
	.conteudo-empresa { background: url(../img/bg-empresa.png) no-repeat center top; padding: 50px 0;}
	.footer p {padding: 0 10px;}
	.foto{width: 50%;}
	.conheca .col-50{width: 100%;}
	
}

/*|||||||||||||||||||||||||||||||||||||||||||||||*/
/*|||||||   RESOLUÇÃO 960px até 1920px   |||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
@media (min-width: 960px) and (max-width: 1920px){
	
}