#menu-mobile, .mobile-call, .conteudo-mobile { display:none;}

/* SMARTPHONES*/
@media (max-width :768px) {
	.mobile-hide { display:none !important; }


	/*MOBILE BOTTON*/
	.mobile-botton{
		z-index: 1;display:block; position:fixed; bottom:10px;
	}
	/* CALL BUTTON */
	/*.mobile-call { z-index: 1;display:block; position:fixed; bottom:10px; left:10px; }*/
	.mobile-botton .mobile-call {display: block;float: left;margin-left: 10px;}
	.mobile-call a {display: inline-block; padding:8px 10px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; }

	/*SOCIAL MIDIAS0*/
	.mobile-social { display: block;float: left;margin-left: 10px; padding:7px 13px;}
	.mobile-social a { font-size:24px !important; color:#FFF !important;}


	/* HEADER & MENU */

	.logo-area{margin-left: 20px;}
	.logo-area .logo img{
		max-width:240px;
	}

	.header { width:100%; }
	.facebook { display:none;}

	#menu-mobile { display:none; width:100%; max-height: 420px; min-height: 220px; position:absolute; top:100px; left:0px; padding:0px 40px; box-sizing:border-box; overflow:hidden;}
	#menu-mobile .inner-mobile { float:left; width:100%; box-sizing:border-box; padding:0px 15px; }
	#menu-mobile.active { display:block;}
	#menu-mobile ul { float:left; width:100%; list-style:none;}
	#menu-mobile ul li { float:left; width:100%; padding:15px 0px; box-sizing:border-box;}
	#menu-mobile ul li a { text-decoration:none; font-size:18px;}

	#menu-mobile .submenu { margin-top:10px; }
	#menu-mobile .submenu li { padding:0px 20px;}
	#menu-mobile .submenu li a { font-size:14px; background-color: transparent !important; }

	header.transparente #menu-mobile { background: rgba(000, 000, 000, 0.8); }
	header.transparente #menu-mobile ul.inner-mobile > li { border-bottom:1px #FFF solid; }
	header.transparente #menu-mobile  li a { color:#FFF; }
	header.transparente .btn-menu-mobile span { background-color:#FFFFFF; }
	header.transparente .btn-menu-mobile span:before { background-color:#FFFFFF; }
	header.transparente .btn-menu-mobile span:after { background-color:#FFFFFF; }

	header.branco #menu-mobile { background: #FFF; }
	header.branco #menu-mobile ul.inner-mobile > li { border-bottom:1px #DDD solid; }
	header.branco #menu-mobile  li a { color:#333; }
	header.branco .btn-menu-mobile span { background-color:#333; }
	header.branco .btn-menu-mobile span:before { background-color:#333; }
	header.branco .btn-menu-mobile span:after { background-color:#333; }

	#menu-mobile > ul > li:last-child { border:none !important;}

	.btn-menu-mobile { position:absolute; top:35px; right:30px; width:30px; height:23px; cursor:pointer; }
	.btn-menu-mobile span { position:absolute; top:10px; right:0px; width:30px; height:4px; -webkit-transition:all 0.5s; transition:all 0.5s;}
	.btn-menu-mobile span:before { position:absolute; content:''; top:-9px; left:0px; width:30px; height:4px; -webkit-transition:all 0.5s; transition:all 0.5s;}
	.btn-menu-mobile span:after { position:absolute; content:''; bottom:-9px; left:0px; width:30px; height:4px; -webkit-transition:all 0.5s; transition:all 0.5s;}

	.btn-menu-mobile.active span { background-color:transparent !important; }
	.btn-menu-mobile.active span:before { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); top:0px;}
	.btn-menu-mobile.active span:after { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); bottom:0px;}

	/* SLIDER */

	.slider ul { width:100%; top:0px; bottom:auto; transition:all 0.3s;}
	.slider li { position:relative; }
	.conteudo-slider { width:100%; top:20px; }
	.conteudo-slider #box { float:left; width:calc(100% - 40px); padding:10px; margin-left:20px; margin-top:120px; box-sizing:border-box; font-size:18px; text-align:center;}
	.conteudo-slider #box p { font-size:15px !important; }

	/* MODAIS */

	.fechar i{ font-size:30px; top:10px; right:13px;}
	.modal-inner, .g-modal-inner, .p-modal-inner, .a-modal-inner { width:100%; top:0px; margin:0px; padding:20px 30px; box-sizing:border-box;}
	.conteudo { width: 100% !important; height:300px; display:table;}
	.contato-inner { width:100%; height:auto; display:table; top:100px; padding:20px 30px; box-sizing:border-box; }
	.contato-inner form { width:100%; }
	.form .inputs-contato, .form .texto-contato { float:left; width:100%; margin:0px; position:relative;}
	.form .inputs-contato input, .form .texto-contato textarea { width:100%; height:40px; box-sizing:border-box;}
	.form .alertas-contato { position:absolute; bottom:-160px; left:0px;}
	.contato-inner .informacoes { display:none; }
	#contato .telefone { float:left; width:100%; margin-top:15px; padding-top:15px; border-top:1px #CCC solid; font-size:14px; }
	#contato .telefone span { display: inline-block;width: 50%;float: left;}
	#contato .telefone span a {text-decoration: none;color: #000;}
	#contato .telefone span .fa-phone { margin-right: 5px;}

	.conteudo-inner img { width:100% !important; max-width:100%;}
	.conteudo-inner iframe { width:100% !important; max-width:100%;}

	/* MAPA */
	#mapa { width:100%; height:300px;}

	/* LOGO SITESTRI */
	.logo-sitestri a img{ width:30px; }

	/* GALERIA */
	.conteudo-mobile { display:table;}
	.galeria-mobile { width:285px; height:160px; float:left; position:relative; overflow:hidden; margin-bottom:20px;}
	.galeria-mobile .thumb { float:left; width:285px; height:160px; top:0px; left:0px; pointer-events:none; z-index:3;}
	.galeria-mobile img { position:absolute; top:0px; left:0px;}
	.galeria-mobile .nomes { position:absolute; left:0px; bottom:0px; width:100%; font-size:18px; padding:10px; pointer-events:none; box-sizing:border-box; background-color:rgba(0, 0, 0, 0.6); color:#FFF; z-index:4;}

	.lb-nav { position:relative; }
	.lb-nav a.lb-next { position:absolute; width:40px !important; height:40px; top:auto !important; left:auto !important; bottom:-44px; right:20px !important; float:none !important; opacity:0.7 !important; background-size:35px !important; }
	.lb-nav a.lb-prev { position:absolute; width:40px !important; height:40px; top:auto !important; left:auto !important; bottom:-44px; right:60px !important; float:none !important; opacity:0.7 !important; background-size:35px !important; }

	/* PRODUTOS */
	.produtos-wrapper { width:100%;}
	.produtos-wrapper .produtos-nav { float:left; width:100%; margin:55px 0px 20px 0px;}
	.produtos-wrapper .produtos-nav .carousel { width:100%; margin:0px; }
	.produtos-wrapper .produtos-nav span.nav { top:-35px;}

	ul.produtos-grid { width:100%; height:auto;}

	.p-modal-inner { height:430px; }
	.produtos-img { float:left; width:100%; height:200px; overflow:hidden;}
	.produtos-wrapper .info-produto { float:left; width:100%; height:auto; margin:20px 0px 30px 0px;}
	.produtos-wrapper .info-produto .desc-produto { height:auto;}
	.produtos-wrapper .info-produto .btn-preco { position:relative; float:left;}
	.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { height:200px; }
	.produtos-img .slick-slider img { width:100%; max-width:100%;}
	.produtos-wrapper .info-produto .social-links img{float: left;}

}

/* SMARTPHONE EXTRA SMALL */
@media (max-width :330px) {
	/* HEADER & MENU */
	.logo-area .logo img{
		max-width:210px;
	}
}


/* TABLETS */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	header {
		zoom: 0.9;
	}
}