@media (max-width: 735px) {
	
	.box-cookies {
			flex-direction: column;
		}

	.cookieNew .msg-cookies { display:block }
	.cookieNew .botoes { display:block; width: 100%; padding: 0 30px; }
	.cookieNew .btnAbreCookies { margin: 0 0 30px; width: 100%; }
	.cookieNew .btn-cookies { margin: 0 0 30px; width: 100%; }
	
	
	
	/*=== home - geral ===*/
		body .header { float: left; position: relative; width: 100%; height: 70px; padding: 0; }

		body .header .logo { margin: 10px 15px; width: 125px; height: 48px; position: relative; left: auto; top: 0; }
		body .header .logo a {}
		body .header .logo a svg { width: auto; height: 100%; float: left; }

		body .header .menu { background:#007cc6; position: fixed; z-index: 10; height: 100%; margin: 0; width: 80%; transition:all ease .2s; left:-100%; top:0 }
		body .header .menu.active { left:0 }
		body .header .menu ul { float: left; width: 100%; }
		body .header .menu ul li { float: left; width: 100%; margin: 0; padding: 10px 15px; }
		body .header .menu ul li a { font-size:14px; color: #fff; }
		body .header .menu ul li:hover { background:none }
		body .header .menu ul li b { background-image: linear-gradient(to right, #3e261b, #5a3b2d); width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; }
		body .header .fechaMenu { z-index: 10; display: block !important; left: -100%; width: 20%; bottom: 0; height: 100%; position: fixed; transition: ease all .2s; background: rgba(0, 0, 0, 0.2); box-shadow: none; border: none; }
		body .header .fechaMenu.open { left: 80%; }
		body .header .fechaMenu svg { position: absolute; bottom: 15px; left: 50%; margin-left: -11.5px; }
		body .header .fechaMenu svg rect { fill:#cf0400 }

		.hideMob { display:none }

		body .header .redes { display:none }

		body .header .menuBtn { display: block !important; background: none; border: none; padding: 0; right: 15px; position: absolute; top: 28px; }
		body .header .menuBtn svg rect { fill:#007cc6 }
		
		.banners .titlePageBanner h2 {font-size: 20px;}
		
		.header .tels { display:none }
		.header .orcamento { display:none }
		
		.buttonTel { display: block !important; position: absolute; top: 25px; right: 70px; height: 25px; }
		.buttonTel a { width:100%; float:left; height: 100% }
		.buttonTel a svg { height: 100% }

		.header .menu .tels { display: block !important; float: right; margin: 29px 0 0; padding: 15px 15px 100px; position: absolute; bottom: 0; background: #cf0400; width:100%; }
 		.header .menu .tels p { float: left; font-size: 19px; font-family: lato; color: #fff; margin: 0; line-height: 26px; height: 30px; }
		.header .menu .tels p span { font-size: 15px; margin-right: 5px; }
		.header .menu .tels .whats { margin-right: 30px; }
		.header .menu .tels .whats svg { float: left; margin-right: 10px; }
		.header .menu .tels .tel {}

		.header .menu .orcamento { display: block !important; position: absolute; right: auto; background: linear-gradient(0deg, rgb(9, 92, 204) 0%, rgb(13, 154, 221) 100%); width: 227px; height: 47px; border-radius: 30px; border: none; box-shadow: none; font-size: 14px; text-transform: uppercase; color:#fff; font-family: lato; bottom: 20px; top: auto; left: 15px; }
		
		.header .menu .espec { float: left; width: 100%; font-size: 9px; text-transform: uppercase; font-family: lato; margin: 0; border-bottom: 1px solid #228ECE; color: #fff; padding: 25px 15px; letter-spacing: 2px; }
		
		.bannerDesk { display:none }		
		.bannerMob { display:block !important }		

		.carousel-control { width: 40px !important; }
		.carousel-control .seta { height: 20px; position: absolute; top: 50%; left: 50%; width: 16px; margin: -10px 0 0 -8px; }

		.main .title { font-size: 25px; text-transform: uppercase; color: #00015B; font-family: Righteous; text-align: center; float: left; width: 100%; margin: 30px 0; }

		body#home .main .produtosHome {  }
		body#home .main .produtosHome .container { width: 100% !important; }
		body#home .main .produtosHome .homespan { float: none; margin: 0 -7.5px; }

		body#home .main .produtosHome .productMargin { float: left; width: 50% !important; padding: 0 7.5px; height: 239px; margin: 0; min-height: 290px; }
		body#home .main .produtosHome .productMargin .product-detail a .name strong { font-family: lato; float: left; font-size: 12px; }
		body#home .main .produtosHome .productMargin .product-detail a .name .fornecedor { font-size: 12px; float: left; width: 100%; }
		body#home .main .produtosHome .productMargin .product-detail a .name .boxDescricao p { font-size: 12px !important; }

		
		.main .produtosHome .vitrineHo .productInfo { margin-bottom: 0px; }
		.main .produtosHome .vitrineHo .productInfo .vitrine1 .row-fluid { margin: 0 -7.5px; }
		.main .produtosHome .vitrineHo .productInfo .vitrine1 .row-fluid .productMargin .product-detail .name { margin-top: 10px; }
		.main .produtosHome .vitrineHo .productInfo .vitrine1 .row-fluid .productMargin .product-detail .name strong { font-family: lato; float: left; font-size: 12px;}
		.main .produtosHome .vitrineHo .productInfo .vitrine1 .row-fluid .productMargin .product-detail .name .fornecedor { margin: 0; font-size: 12px; float: left; width: 100%; }
		.main .produtosHome .vitrineHo .productInfo .vitrine1 .row-fluid .productMargin .product-detail .name .fornecedor .imgFornecedor { top: -70px; }
		.main .produtosHome .vitrineHo .productInfo .vitrine1 .row-fluid .productMargin .product-detail .name .boxDescricao p { font-size: 12px !important; }
		.main .produtosHome .vitrineHo .productInfo .vitrine1 .row-fluid .productMargin .product-detail a .productImage { padding: 10px; }

		.main .noticias .boxNoticia { float: left; width: 100%; padding: 15px; background: #EDE9E9; }
		.main .noticias .boxNoticia .boxes .row { margin: 0; }
		.main .noticias .boxNoticia .boxes .boxNoticias { float: left; width: 100%; padding: 0; margin-bottom: 30px; }

		.main .noticias .boxNoticia .boxes .boxNoticias a .images { float: left; width: 50%; overflow: hidden; height: 100%; position: absolute; }
		.main .noticias .boxNoticia .boxes .boxNoticias a .images .real { position: relative; height: 140%; top: 0; left: 0; z-index: 1; width: auto; max-width: none; }
		.main .noticias .boxNoticia .boxes .boxNoticias a .images .square { float: left; width: 100%; }
	 
		.main .noticias .boxNoticia .boxes .boxNoticias a .texto { background:  #fff; float: right; width: 50%; padding: 10px 10px 50px; position: relative; right: 0; height: 100%; }
	 
		.main .noticias .boxNoticia .boxes .boxNoticias a .texto h2 { font-family: lato; font-weight: bold; color:  #333; font-size: 13px; text-transform: uppercase; margin: 0 0 10px; }
		.main .noticias .boxNoticia .boxes .boxNoticias a .texto .info { height: 70px; overflow: hidden;; }
		.main .noticias .boxNoticia .boxes .boxNoticias a .texto .info p { font-size: 13px; color:  #675555; font-family: lato; margin: 0; float: left; width: 100%; }
		.main .noticias .boxNoticia .boxes .boxNoticias a .texto .mais  { position: relative; bottom: auto; right: auto; left: auto; float: right; margin-top: 30px; height: 30px; width: 100px; font-size: 12px; }
		
		.main .depoimentos .centerDepo { position: relative; float: left; width: 100%; padding: 0 15px; }
		.main .depoimentos .centerDepo .boxDepo { width: 100%; background: #CF0400; padding: 30px; margin: 0 auto; }

		.main .newsletter { padding: 0 15px; height: 61px; }
		.main .newsletter .news { width: 100%; margin: 9px 0 0; height: 50px; }
		.main .newsletter .news svg { width: 10%; position: absolute; margin: 0; }
		.main .newsletter .news h2 { left: 0; padding-left: 15%; font-size: 11px; top: 3px; }
		.main .newsletter .news .formee { position: absolute; bottom: 0; width: 100%; height: 100%; padding-left: 15%; }
		.main .newsletter .news .formee .email { left: 0; width: 90%; font-size: 18px; position: relative; margin-top: 14px; }
		.main .newsletter .news .formee .btn { z-index: 1; width: 10%; background: none; font-size: 0; line-height: 0; text-indent: -999em; padding: 0; top: 0; }
		.main .newsletter .news svg.ok { display: block !important; right: 0; top: 11px; }

		.footer .top { display: flex; flex-direction: column; }
		.footer .top .box { width:100%; padding:0 15px }
		.footer .top .cima { order: 2 }
		.footer .top .cima h2 { text-align: center; font-size: 14px; }
		.footer .top .cima p { text-align: center; font-size: 15px; }
		.footer .top .meio { order: 1; border:none !important }
		.footer .top .baixo { order: 3 }
		.footer .top .box .tels .social { right: 10px; }
		.footer .top .box .tels .whats { margin-right: 0; }


		.footer .uaal { left:20px }

		.fixedWpp { right: 20px; bottom: 10px; width: 60px; height: 60px; }

		.header .menu ul li.abreDrop .drop { display:none }
		
		#myModalOrcamento .modal-dialog .modal-content .modal-body .formulario h3 { color: #fff; font-size: 22px; margin: 20px 0; }
		.Product #myModalOrcamento .modal-dialog { margin-left: 0; margin-top: 0; width: 100%; }
		#myModalOrcamento .modal-dialog .modal-content .modal-body { background: #007CC6; padding: 0 15px 15px; }
		#myModalOrcamento .modal-dialog .modal-content .modal-body .formulario { float: none; }
		#myModalOrcamento .modal-dialog .modal-content .modal-body .formulario .formee fieldset { padding: 0; }
		#myModalOrcamento .modal-dialog .modal-content .modal-body .formulario .control-group .control-label p { width: 100%; font-size: 19px; color: #fff; text-transform: lowercase; text-align: left; padding: 0; }
		#myModalOrcamento .modal-dialog .modal-content .modal-body .formulario .control-group .control-label .form-item { width: 100%; }
 	/*=== home - geral ===*/

 	/*=== outsourcing ===*/
		.oQueE h2 { font-size: 20px; margin: 50px 0; }
		.oQueE .innerBlue { padding: 30px }
		.oQueE .innerBlue h3 { font-size: 20px; margin: 0 0 30px; }
		.oQueE .innerBlue p { font-size: 14px; }
		.oQueE .innerBlue img { margin-top: 30px; }
 	/*=== outsourcing ===*/

 	/*=== A empresa ===*/
		.apl { margin: 50px 0; }
		.apl .esq { padding-right: 0; width: 100%; }
		.apl .dir { padding-left: 0; width: 100%; margin-top: 30px; }
		.apl .dir h2 { font-size: 20px; }
		.apl .dir h3 { font-size: 17px; }
		.apl .dir .border { margin: 30px 0; }
		.apl .dir p { font-size: 14px; }

		.boxes .row { margin: 0; }
		.boxes .row .box { width: 100%; padding: 0; margin-bottom: 30px; }
		.boxes .row .box .innerBox { padding: 0 20px 20px; }
		.boxes .row .box .innerBox h2 { font-size: 20px; margin: 20px 0; }
		.boxes .row .box .innerBox p { font-size: 14px; }
	/*=== A empresa ===*/
 	
	/*=== Categoria ===*/
		.main .productInfo .container { padding: 0 15px; }
		.main .productInfo .vitrineHo .productInfo { margin:0 }
		.main .productInfo .vitrineHo .productInfo .vitrine1 .row-fluid { margin:0 -7.5px }
		.main .productInfo .vitrineHo .productInfo .vitrine1 .row-fluid .productMargin { float: left; width: 50%; padding: 0 7.5px;min-height: 310px; }
		.main .productInfo .vitrineHo .productInfo .vitrine1 .row-fluid .productMargin .product-detail { float: left; width: 100%; min-height: 300px; }
		.main .productInfo .vitrineHo .productInfo .vitrine1 .row-fluid .productMargin .product-detail a .productImage { padding: 10px; }
		.main .productInfo .vitrineHo .productInfo .vitrine1 .row-fluid .productMargin .product-detail .name { margin-top:10px }
		.main .productInfo .vitrineHo .productInfo .vitrine1 .row-fluid .productMargin .product-detail .name .fornecedor { margin:0; font-size: 9px; }
		.main .productInfo .vitrineHo .productInfo .vitrine1 .row-fluid .productMargin .product-detail .name .fornecedor .imgFornecedor { top:-70px }
		.main .productInfo .vitrineHo .productInfo .vitrine1 .row-fluid .productMargin .product-detail .name strong { font-size: 11px; }
		.main .productInfo .vitrineHo .productInfo .vitrine1 .row-fluid .productMargin .product-detail .name .boxDescricao p { font-size: 10px; margin: 5px 0 10px; line-height: 12px; }

 	/*=== Categoria ===*/
 	
	/*=== Produto ===*/
		body .xProduto .container { padding:0; width: 100% !important; }
		body .xProduto .container .voltar { margin:15px }
		body .xProduto .bloco.principal { padding-top: 50px; }
		body .xProduto .bloco { position: relative; padding-top: 0px; background: #fff; margin-bottom: 15px; float: left; width: 100%; }
		body .xProduto .bloco .boxDireita .nomeProduto .productName { font-size: 20px; }
		body .xProduto .bloco .boxDireita .nomeProduto .marca { font-size: 15px; }
		body .xProduto .bloco .boxDireita .nomeProduto .code {  }
		body .xProduto .bloco .compartilhe { width: 320px; height: 21px; position: relative; top: auto; left: auto; margin-left: 0; padding: 0 15px; margin-bottom:15px }
		body .xProduto .bloco .compartilhe .faceShare { width:30px }
		body .xProduto .bloco .compartilhe .twtShare { width:30px }
		body .xProduto .bloco .compartilhe .whatsShare { width:30px }
		body .xProduto .bloco .compartilhe .gplusShare { width:30px }
		body .xProduto .bloco .compartilhe .pintShare { width:30px }
	 
		body .xProduto .bloco .bxImagemPrincipal { float: left; width: 100%; padding: 0 15px; margin-bottom:20px; }
		body .xProduto .bloco .boxDireita { padding: 0 15px; float: left; width: 100%; }

		body .xProduto .bloco.similar { padding-top:0 !important }
		body .xProduto .bloco.similar .title h2 .svg svg { float: none; margin: 0; }
		body .xProduto .bloco.similar .similar-product div { float: left; width: 100%; padding: 0; }
		body .xProduto .bloco.similar .comentarios-produtos { width: 100%; float: left; margin: 33px 0 0; padding: 0 13px !important; }

		body .xProduto .bloco.similar { padding-top:0 !important }
		
		.xProduto .bloco .title { float: left; width: 100%; padding-left: 15px; }
		.xProduto .bloco .title h2 { font-size: 20px; }

		body .xProduto .bloco .boxFotos { column-count: 2; padding:10px }

		.xProduto .bloco .comentarios-produtos { padding: 0px; margin: 0; padding: 50px 8px 30px; }

		.xProduto .bloco .boxDireita .orcamento { width: 100%; }
 	/*=== Produto ===*/

	/*=== contato ===*/
		.formulario { width: 100%; margin: 0; float: left; }
		.formulario h3 { font-size: 20px; margin: 50px 0; }
		.formulario .formee fieldset .control-group .control-label p { float: left; width: 100%; text-align: left; padding-right: 0; font-size: 15px; font-family: lato; color: #000; font-weight: normal; line-height: normal; margin: 0 0 5px; }
		.formulario .formee fieldset .control-group .control-label .form-item { width: 100% }
		.formulario .formee fieldset .btn { margin:0 !important }
	/*=== contato ===*/

	/*=== depoimentos ===*/
		#depoimento .boxCampos .center { width:100% }
		#depoimento .boxCampos form { padding:0 15px 15px }
		#depoimento .boxCampos form .boxInput { margin-bottom: 15px; padding: 0px; }
		#depoimento .boxCampos form .boxInput.half { width: 100%; }
		#depoimento .boxCampos form .btn { margin: 0; position: relative; width: 100%; }

		#depoimento .depo .center { width: 100%; }
		#depoimento .depo .center .boxDepo { padding: 15px; }
	/*=== depoimentos ===*/
}