/*#header_mobile , #top_mobile , #menu_mobile*/
.txt_editor img{
		width: 100%;
		height: auto !important;
	}


#header_mobile{
	width:100%;
	height:115px;
	float:left;
	margin:0;
	padding:0 9px 0 15px;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
	display:block !important;
	display:none;}

/*#bt_menu{
	width:32px;
	height:32px;
	float:left;
	margin:8px 0 0 0;
	cursor: pointer;
	display: inline-block;
	font-size: 3px;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;}

#bt_menu span{
	display: block;
	background: #FFF;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	backface-visibility: hidden;
	height: 0.8em;
	position: absolute;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	width: 100%;
	-webkit-tap-highlight-color: transparent;}

#bt_menu span{left: 0;}

#bt_menu span:nth-child(1){top:7px;}

#bt_menu span:nth-child(2){top:15px;}

#bt_menu span:nth-child(3){top:23px;}

#bt_menu.open span:nth-child(1){
	-moz-transform: rotate(40deg) translate(1.1em, 1.1em);
	-ms-transform: rotate(40deg) translate(1.1em, 1.1em);
	-webkit-transform: rotate(40deg) translate(1.1em, 1.1em);
	transform: rotate(40deg) translate(1.1em, 1.1em);
	background:#FFF;
	top:10px;
	left:-1px;}

#bt_menu.open span:nth-child(2){
	opacity: 0;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;}

#bt_menu.open span:nth-child(3){
	-moz-transform: rotate(-40deg) translate(1.1em, -1.1em);
	-ms-transform: rotate(-40deg) translate(1.1em, -1.1em);
	-webkit-transform: rotate(-40deg) translate(1.1em, -1.1em);
	transform: rotate(-40deg) translate(1.1em, -1.1em);
	background:#FFF;
	top:19px;
	left:-1px;}

#bt_menu:hover span , #bt_menu:focus span , #bt_menu.ativo span{background:#FFF;}*/

#area_logo_mobile {
	width: 100%;
	height: 40px;
	float: left;
	margin: 5px 0 0 0;
	position: absolute;
	left: 0;
	top: 0;
}

#menu-mobile{position: fixed;}

a#logo_mobile{
	width:auto;
	height:40px;
	float:none;
	display:table;
	margin:0 auto;
	-webkit-transform:scale(.75);
	-moz-transform:scale(.75);
	transform:scale(.75);}

a#logo_mobile:hover , a#logo_mobile:focus , a#logo_mobile:active{opacity:0.7;}

a#logo_mobile img{
	width:auto;
	height:40px;
	float:left;
	margin:0;}

a#lk_carrinho_mobile{
	width:50px;
	height:50px;
	float:right;
	margin:0;
	background:url(../../img/mobile/icone_carrinho_mobile.png) no-repeat;}

a#lk_carrinho_mobile:hover{opacity:0.7;}

#top_mobile{
	width:100%;
	height:115px !important;
	float:left;
	margin:0;
	z-index:1500;
	position:fixed;
	padding:0 0 0 0;
	top:0;
	left:0;
	display:none;
	-webkit-transform: translate3d(0, 0, 0);
	   -o-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);}

#area_menu_mobile{
	width:240px;
	height:0;
	position:absolute;}

#menu_mobile{
	width:240px !important;
	height:0;
	float:left;
	margin:0;
	padding:0 0;
	top:0;
	left:0;
	position:absolute;
	border:none;
	background:#eee;
	-moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);
	box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}

#menu_mobile ul{
	width:100%;
	height:auto;
	float:left;
	display:block;
	margin:0;
	padding:0;
	top:0 !important;
	left:0 !important;
	overflow-y:scroll;}

#menu_mobile ul li{
	width:100% !important;
	height:50px;
	float:left;
	margin:0 !important;
	padding:0 15px;
	zoom:1;
	list-style:none;}

#menu_mobile ul li a{
	width:100%;
	height:50px;
	float:left;
	margin:0;
	padding:0;
	font-size:14px;
	color:#333;
	line-height:50px;
	text-align:center;
	font-weight:300;}	

#menu_mobile ul li a.ativo , #menu_mobile ul li a:hover , #menu_mobile ul li a:focus , #menu_mobile ul li a:active{
	opacity:0.7;
	text-decoration:none;}

#busca_mobile{
	width: -webkit-calc(100% - 6px);
	width: -moz-calc(100% - 6px);
	width: calc(100% - 6px);
	height:auto;
	float:left;
	margin:0;
	padding:10px 0 0 0;
	border-top:rgba(0,0,0,1) 1px solid;}

#busca_mobile .q { width:100%; height:40px; float:left; margin:0; padding:0 50px 0 15px; font-size:14px; line-height:40px; color:#333; border:none; background:#FFF; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3); -moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.3); box-shadow:0 0 10px 0 rgba(0,0,0,0.3); outline:none;}
#busca_mobile i {width:32px; height:32px; float:right; margin:-32px 5px 0 0; background:url(../../img/mobile/icone_busca_mobile.png) no-repeat; cursor:pointer; text-indent:-99999px;}
#busca_mobile i:hover{opacity:0.7;}	
#busca_mobile .s { width: 1px; height: 1px; background: transparent; padding: 0; border: none; position: absolute; bottom: -10px; right: -10px; opacity: 0; }

#mask_menu{
	width:100%;
	height:100%;
	float:left;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.85);
	z-index:1100;
	display:none;}


/*end. #header_mobile , #top_mobile , #menu_mobile*/

.slideleft{
	width:100%;	
	height:100%;
	left:-240px;
	top:0;
	padding:0 0;
	margin:50px 0 0 0;}

.slideRight{margin-left:240px;}

.avisemeform, .campos-aviseme{width:100% !important;}
#email_aviseme{ margin-left:0; width:100% !important;  }
.btn-aviseme{ margin-left:0 !important;  width:100% !important; }
 

@media only screen and (max-width: 1024px){
	
	.slideRight{margin-left:240px;}
	
	#header_mobile , #top_mobile{display:block !important;}
	
}

@media only screen and (max-width: 1024px){
	
	#wrapper, #wrapper_internas{min-width:inherit; padding:0;}
	
	#topao{display:none;}
	
	#top , #header , #menu-scroll , #menu , #header-menu{display:none;}
	
	#breadcrumb{display:none;}
	
	#content{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0 0 15px 0;}
	
	#content .borda-fim{
		border:none;
		padding:0;}
	
	.inner{
		width:100% !important;
		max-width:1130px !important;
		height:auto !important;
		margin:0 auto !important;
		padding:0 15px !important;
		float:none !important;}
	
	.titulo-pagina{
		width:100%;
		height:auto;
		float:left;
		margin:115px 0 0 0;
		padding:15px 0;
		border:none;
		border-bottom:#555 1px solid;
		background:none;}
	
	#meus-pedidos .titulo-pagina{margin:0 0 0 0;}
	
	.titulo-pagina h1 , .titulo-pagina h2{
		width:100%;
		height:auto !important;
		float:left;
		margin:0;
		padding:0 !important;
		font-size:22px !important;
		line-height:22px !important;
		color:inherit !important;
		text-align:center !important;
		border:none;
		background:none !important;}
	
	#meus-pedidos-btnset{
		float:none;
		display:table;
		margin:0 auto;
		padding:15px 0 0 0;}
	
	.box-valores p.left{
		width:100%;
		height:auto;
		float:left;
		text-align:center !important;}
	
	#mp_footer , #area_newsletter , #formas_pagamento , #footer-contatos , #footer-pagamento ,
	#footer_pagamento , #mp_formas_pagamentos , #area_infos_contato_bottom , #area_formas_pagamento , 
	#footer , #shadow , #area_top , #area_face_bottom , #logo_bottom , #mp_footer_top , 
	#area_menu_alternativo_top , #area_contato_top , #bg_container_bottom , #bg_container_top , 
	#area_banner_top , #area_footer_contato , #shadow01 , #shadow02 , #bg_top_site ,
	#area_fone_email_top , #fone_email_bottom , #detalhe , #detalhe2 , #mp_top , #area_face_rd ,
	#bg_bottom_inner , #mp_line_top , #area_menu_top{display:none !important;}
	
	#botao-rodape-chatplus-mp{display:none !important;}
	
	#footer-final{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:30px 0;
		background:#333;}
	
	#footer-final p{
		width:100%;
		height:auto;
		float:left;
		font-size:12px;
		color:#FFF !important;
		line-height:12px;
		text-align:center !important;
		white-space:normal;}
	
	#footer-final .copy{}
	
	#footer-final p span{color:#FFF;}
	
	#footer-final p.assinatura , #footer-final p a{
		width:100% !important;
		color:#999 !important;
		background:none !important;
		text-indent:inherit !important;}
	
	#banner-destaque-barra{display:none !important;}
	
	/*PÁGINA DE TEXTO*/
	
	#mp-menu-sobre{
		margin-top: 20px;
	}
	
	#termos{
		margin: 0;
	}
	
	#termos p{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		}
	
	/*CENTRAL DE ATENDIMENTO*/
	
	#atendimento{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;}
	
	#atendimento .atendimento-menu{
		width:100%;
		max-width:460px;
		height:auto;
		float:none;
		display:table;
		margin:0 auto;}
	
	#atendimento .atendimento-menu li{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#atendimento .atendimento-menu li a{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:20px 15px;}
		
	#atendimento .atendimento-menu li a .icone{display:none;}
	
	#atendimento .atendimento-menu li a .nome{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		text-align:center;
		line-height:22px !important;}
	
	#atendimento .atendimento-menu li a .nome small{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	#atendimento .atendimento-menu li a .nome big{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	#atendimento #atmenu{display:none;}
	
	#atendimento #atcontent{
		width:100%;
		max-width:480px;
		float:none;
		display:table;
		margin:0 auto;}
	
	#atendimento #atcontent h2{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		padding:0;
		font-size:18px;
		line-height:18px;
		text-align:center;}
	
	#atendimento #atcontent .intro{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		text-align:center;}

	#atendimento #atcontent .formulario{
		width:100%;
		height:auto;
		float:left;
		margin:20px 0 0 0;}		
	
	.formulario{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		overflow:visible !important;}
	
	.formulario fieldset{
		width:100%;
		height:auto;
		float:left;
		margin:12px 0 0 0;}
	
	#atendimento #atcontent .formulario .campo , #atendimento #atcontent .formulario .select select{
		width:100%;
		height:32px;}
	
	.formulario .select , .formulario .select .mask{width:100% !important;}
	
	#atendimento #atcontent .formulario textarea.campo{
		width:100%;
		height:150px !important;
		line-height:20px !important;}
	
	#atendimento #atcontent .formulario .continuar{
		width:100px;
		height:auto;
		float:none !important;
		display:table;
		margin:0 auto;}
	
	#atendimento #atcontent .formulario .continuar a{
		width:100%;
		height:32px;
		float:left;
		margin:0;}
	
	.btn span{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		text-align:center;
		padding:0;}
	
	.btn i{display:none;}
	
	/*LOGIN*/
	
	#login{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;}
	
	#login .coluna{
		width:100%;
		height:auto;
		float:left;
		margin:0 0 0 0;
		padding:30px 150px;}
	
	#login .coluna.left{
		border-right:none;
		border-bottom:#333 1px solid;
		margin:0 !important;}
	
	#login .coluna h2{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		font-size:18px;
		line-height:18px;
		text-align:center;}
	
	#login .coluna h3{
		width:100%;
		height:auto;
		float:left;
		margin:10px 0 0 0;
		padding:0;
		font-size:16px;
		line-height:16px;
		text-align:center;}
	
	.formulario .campo{
		width:100% !important;
		height:32px !important;
		padding:0 15px !important;
		line-height:32px !important;}
	
	.formulario fieldset div{
		width:auto !important;
		height:auto;
		float:none;
		display:table;
		margin:0 auto;}
	
	.formulario #cep1{
		width: -webkit-calc(100% - 110px) !important;
		width: -moz-calc(100% - 110px) !important;
		width: calc(100% - 110px) !important;}
	
	.formulario #cep2{width:60px !important;}
	
	#identificacao .endereco .campos .btn{
		height:32px !important;
		float:right !important;
		margin:0 !important;
		line-height:32px !important;}
	
	#login .coluna .ns{
		width:100%;
		height:12px;
		float:left;
		margin:10px 0 0 0;
		font-size:12px;
		line-height:12px;
		text-align:center;}
	
	.formulario div{
		width:100%;
		height:auto;
		float:left;
		margin:10px 0 0 0;
		padding:0 !important;}
	
	#login .coluna .btn{
		width:auto;
		height:32px;
		float:none;
		display:table;
		margin:0 auto;
		padding:0 !important;}
	
	#login .coluna .btn span{
		height:32px !important;
		padding:0 15px !important;
		line-height:32px !important;}
	
	/*CADASTRO*/
	
	#identificacao{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;}
	
	#identificacao .header{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		padding:0;}
	
	#identificacao .header p{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		text-align:center;}
	
	#identificacao .header h2{
		width:100%;
		height:auto;
		float:left;
		margin:10px 0 0 0;
		padding:0;
		font-size:18px;
		line-height:18px;
		text-align:center;}
		
	#identificacao #form-cadastro{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0 150px;
		border:none;
		overflow:visible !important;}
	
	form#formCad{overflow:visible !important;}
	
	#identificacao .pessoa{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:15px 0 0 0;}
	
	#identificacao .pessoa span{
		width:auto;
		height:auto;
		display:table;
		margin:0 auto;}	

	#identificacao .formheader{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0 0 15px 0 !important;
		background:none;
		border-top:none;
		border-bottom:#ddd 1px dotted;}
	
	#identificacao .formheader h3{
		width:100%;
		height:auto;
		float:left;
		margin:30px 0 0 0;
		padding:0;
		font-size:16px;
		line-height:14px;
		text-align:center;}

	#identificacao .formheader p{
		width:100%;
		height:auto;
		float:left;
		margin:10px 0 0 0;
		padding:0;
		line-height:12px !important;
		text-align:center;}		
	
	#identificacao .formheader .hseta{display:none;}
	
	#identificacao .pessoais{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0 0 30px 0 !important;
		border-bottom:#333 1px solid;}
	
	#identificacao .pessoais .coluna.left{
		padding:0;
		border:none;}
	
	#identificacao .pessoais .coluna{
		width:100%;
		height:auto;
		float:left;
		margin:0 0 0 0;
		padding:0;}
	
	#identificacao .formulario fieldset div{float:left !important;}
	
	#identificacao .pessoa{margin:20px 0 0 0;}
	
	#identificacao .formbox{padding:0;}
	
	#identificacao .endereco{margin:0px !important;}
	
	#identificacao .formulario .campos{
		width:100% !important;
		overflow:visible !important;}
	
	#identificacao .formulario .campos a.btn{
		float:left;
		margin:5px 0 0 0;}
	
	#identificacao .formulario .campos a.btn:hover{
		color:#FFF !important;
		opacity:0.7;}
	
	.formulario #campos-pf{margin:0;}
	
	.formulario #dia, #buscalista_dia{width:50px !important;}
	
	.formulario #mes, #buscalista_mes{width:50px !important;}
	
	.formulario #ano, #buscalista_ano{width:65px !important;}
	
	.formulario #ddd1 , .formulario #ddd2{width:50px !important;}
	
	.formulario #telefone1 , .formulario #telefone2{width:140px !important;}
	
	.formulario #cidade{
		width: -webkit-calc(100% - 86px) !important;
		width: -moz-calc(100% - 86px) !important;
		width: calc(100% - 86px) !important;}
	
	#identificacao .formulario .campos .select{width:70px !important;}
	
	#identificacao .formulario .select .mask{width:100% !important;}
	
	#identificacao .formulario .select .mask .text{
		width:40px !important;
		margin:0 !important;
		padding:0 10px !important;}
	
	#identificacao .formulario .select .mask .seta{width:30px !important;}
	
	#identificacao .btnset{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		background:none;
		border:none;
		overflow:visible !important;}
	
	#identificacao .btnset .voltar{
		width:auto;
		padding:0 12px!important;}
	
	#identificacao .btnset .voltar span{
		width:auto;
		height:32px;
		float:left;
		margin:0;
		padding:0;
		line-height:32px;}
	
	/*PRODUTOS*/
	
	#produto{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	#produto #detalhes{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	#produto #detalhes .coluna1{
		width:240px;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#produto #detalhes #foto-grande , #produto #detalhes #foto-grande img{
		width:100% !important;
		height:auto;
		float:left;
		margin:0;}
	
	#produto #detalhes .coluna2{
		width: -webkit-calc(100% - 255px);
		width: -moz-calc(100% - 255px);
		width: calc(100% - 255px);
		margin:5px 0 0 0;}
	
	#produto #detalhes .detalhes{
		width:100%;
		height:auto;
		float:left;
		padding:0 0 15px 0;}
	
	.detalhes-social{ display:none;}
	
	#produto #detalhes .detalhes .info{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;}
	
	#produto #detalhes .detalhes .info p{
		width:100%;
		height:auto;
		float:left;
		margin:10px 0 0 0;}
	
	#produto #detalhes .detalhes .info p.ref{
		margin:10px 0 0 0 !important;
		padding:0 !important;
		line-height:12px !important;}
	
	#produto #detalhes .detalhes .valor{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#preco_padrao p{
		width:100%;
		height:auto;
		float:left;
		margin:0 !important;
		padding:0;
		line-height:17px;}
	
	#produto #detalhes .detalhes .comprar{
		width:auto;
		float:left !important;
		margin:15px 0 0 0 !important;
		padding:0 !important;}
	
	#produto #detalhes .detalhes .comprar span{padding:0 12px !important;}
	
	#bt_processa{
		width:auto;
		float:left !important;
		margin:15px 0 0 0;}
	
	.flag_mobile{
		width:100%;
		height:auto;
		float:left;
		margin:10px 0 0 0;}
	
	#produto #detalhes .detalhes .flag_frete_gratis , #produto #detalhes .detalhes .flag_lancamento , #produto #detalhes .detalhes .flag_desconto{
		margin:0 !important;}
	
	#produto #detalhes .detalhes .formulario .select{
		width:100%;
		height:32px;
		float:left;
		margin:15px 0 0 0;}
	
	.formulario .select select{width:100% !important;}
	
	#produto #detalhes .formulario .select .mask{
		width:100%;
		height:32px;
		float:left;
		margin:0 !important;}
	
	#produto #detalhes .formulario .select .mask .text{
		width: -webkit-calc(100% - 40px) !important;
		width: -calc-calc(100% - 40px) !important;
		width: calc(100% - 40px) !important;
		padding:0 10px !important;}
	
	#produto #detalhes .formulario .select .mask .seta{
		float:right;
		margin:0 !important;}
	
	#produto #detalhes .formulario label{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#produto #detalhes .formulario br{display:none !important;}
	
	ul.variacoescp_prd li.cor .camada_cor{margin:0;}
	
	ul.variacoescp_prd li.txt{line-height:20px !important;}
	
	#produto #detalhes .detalhes .links{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#produto #detalhes #frete{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#produto #detalhes #frete .linha1{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:15px;}
	
	#produto #detalhes #frete .linha1 .icone{display:none;}
	
	#produto #detalhes #frete .linha1 .calcule{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		font-size:12px;
		line-height:12px;}
	
	#produto #detalhes #frete .linha1 .cep{
		width:100%;
		height:auto;
		float:left;
		margin:10px 0 0 0;
		padding:0;}
	
	#produto #detalhes #frete .linha1 .cep label{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		line-height:12px;}
	
	#produto #detalhes #frete .linha1 .cep .campos{
		width:100%;
		height:auto;
		float:left;
		margin:10px 0 0 0;}
	
	#produto #detalhes #frete .linha1 .cep .campos #cep1{width:218px !important;}
	
	#produto #detalhes #frete .linha1 .cep .naosei{
		line-height:14px;
		margin:5px 0 0 0;}
	
	#produto #detalhes #frete .linha1 .cep .campos a{
		height:32px !important;
		line-height:32px !important;
		padding:0 15px !important;}
	
	#produto #detalhes #frete .linha1 .cep .campos a:hover{
		color:#FFF !important;
		opacity:0.7;}
	
	#produto #detalhes .pagamento{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	.abas-base{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;}
	
	.abas-base .abas{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		position:relative;}
	
	.abas-base .abas .aba{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:10px;
		border:none;
		border-bottom:#ccc 1px solid !important;
		font-size:16px;
		line-height:16px;
		color:#333;
		text-align:left;}
	
	.abas-base .abas .aba.ativo{padding:10px;}
	
	.abas-base .conteudos{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		padding:0;
		border:none;}
	
	#produto #detalhes .pagamento .conteudos .conteudo .parcelas{width:100%;}
	
	/*CARRINHO*/
	
	#compra-passos{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	.passos-setas .passo{
		width: -webkit-calc(100% / 5) !important;
		width: -moz-calc(100% / 5) !important;
		width: calc(100% / 5) !important;
		margin:0;}
	
	.passos-setas .passo .br{border:none;}
	.passos-setas .passo .tr{border:none;}
	.passos-setas .passo .tl{border:none;}
	.passos-setas .passo .bl{border:none;}
	
	.passos-setas .passo strong{display:none;}
	
	#carrinho{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	.carrinho{margin:0;}
	
	.carrinho table tr th:nth-child(2) , .carrinho table tr th:nth-child(3) ,
	.carrinho table tr th:nth-child(4) , .carrinho table tr th:nth-child(5){display:none;}
	
	.carrinho table tr td:nth-child(2) , .carrinho table tr td:nth-child(3) ,
	.carrinho table tr td:nth-child(4) , .carrinho table tr td:nth-child(5){display:none;}
	
	.carrinho table tr td:nth-child(1){
		width:100%;
		border-right:none;}
	
	.carrinho table td .produto{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		min-width:inherit;}
	
	.carrinho table td .produto .foto{margin:0;}
	
	.carrinho table td .produto .foto{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0 0 10px 0;}
	
	.carrinho table td .produto .foto a{
		width:auto;
		height:auto;
		display:table;
		margin:0 auto;}
	
	.carrinho table td .produto .nome, .carrinho table td .produto .kit{
		/*width: -webkit-calc(100% - 93px);
		width: -moz-calc(100% - 93px);
		width: calc(100% - 93px);*/
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		text-align:center;}
	
	.carrinho table td .produto .nome a{color:#333 !important;}
	
	.detalhes_carrinho_mobile{
		/*width: -webkit-calc(100% - 93px);
		width: -moz-calc(100% - 93px);
		width: calc(100% - 93px);*/
		width:100%;
		height:auto;
		float:left;
		margin:10px 0 0 0;
		display:block;}
	
	.carrinho table td .quantidade{
		float:none;
		display:table;
		margin:0 auto;}
	
	.carrinho table td .quantidade .qt{
		height:30px;
		line-height:26px;
		font-size:14px;
		padding:0;
		text-align:center;}
	
	.carrinho table td .quantidade .sinal{
		width:31px;
		line-height:26px;}
	
	.carrinho table td strong{
		width:100%;
		height:14px;
		float:left;
		margin:10px 0 0 0;
		font-size:14px;
		color:#333;
		line-height:14px;
		text-align:center;
		white-space:normal;}
	
	.carrinho table td .excluir{
		width:auto;
		height:auto;
		float:none;
		display:table;
		margin:0 auto;
		padding:10px 0 0 0;
		line-height:10px;}
	
	.carrinho table td .excluir i{display:none;}
	
	.box-valores .valor{
		float:none;
		display:table;
		 margin:0 auto;}
	
	#carrinho #frete{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#carrinho #frete .icone{display:none;}
	
	#carrinho #frete .calcule{
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		line-height:12px;
		border:none;
		text-align:center;}
	
	#carrinho #frete .tipos{
		width:auto;
		float:none;
		display:table;
		margin:0 auto;}
	
	#carrinho #frete .tipos label{
		float:left;
		margin:15px 10px 0 10px;}
	
	#carrinho #frete .cep{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#carrinho #frete .cep label{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0 0 15px 0;
		text-align:center;}
	
	#carrinho #frete .cep fieldset{
		width:175px;
		height:auto;
		float:none;
		display:table;
		margin:0 auto;
		padding:0 0 10px 0;
		overflow:visible !important;}
	
	#carrinho #frete .cep fieldset input{height:32px;}
	
	#carrinho #frete .cep fieldset input.cep1{width:110px !important;}
	
	#carrinho #frete .cep fieldset input.cep2{width:50px !important;}
	
	#carrinho #frete .cep fieldset .btn{
		width:100%;
		height:32px;
		float:left;
		margin:10px 0 0 0;
		line-height:32px;}
	
	#carrinho #frete .cep .naosei{
		width:auto;
		height:auto;
		float:none;
		display:table;
		margin:0 auto;}
	
	#carrinho #frete .resumo{display:none;}
	
	.box-valores{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		padding:15px 100px;}
	
	.box-valores p{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	.box-valores p font{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0 !important;
		text-align:center;}
	
	.box-valores p input#cupom_desconto_car{
		width: -webkit-calc(100% - 60px) !important;
		width: -moz-calc(100% - 60px) !important;
		width: calc(100% - 60px) !important;
		height:32px !important;
		margin:0 10px 0 0 !important;}
	
	.box-valores .valor{width:auto;}
	
	.box-valores .valor .legenda{width:auto;}
	
	.box-valores .valor .preco{width:auto;}
	
	#carrinho .btnset , #carrinho .btnset-topo{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		padding:10px 150px 0 150px;}

	#carrinho .btnset-topo{padding:10px 150px 10px 150px;}
	
	a#continuar_comprando_1 , #continuar_orcando_1{
		width:100%;
		float:left;
		margin:5px 0 0 0;}
	
	a#continuar_comprando_2 , #continuar_orcando_2{display:none !important;}
	
	a#esvaziar_carrinho_1 , a#esvaziar_carrinho_2 , #carrinho .btnset .esvaziar{display:none !important;}
	
	#carrinho .btnset .finalizar{
		width:100%;
		float:left;
		margin:5px 0 0 0;
		line-height:26px;}
	
	#carrinho .btnset-topo .finalizar{display:none !important;}
	
	#carrinho #frete .resumo{
		width:100%;
		height:auto;
		float:left;
		text-align:center;
		margin:15px 0 0 0;
		padding:0;
		border:none;}
	
	.carrinho_vazio{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		padding:15px 150px;}
	
	.carrinho_vazio font{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		font-size:18px;
		line-height:22px;
		text-align:center;}
	
	.carrinho_vazio p{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		padding:0;
		font-size:14px;
		text-align:center;}
	
	.carrinho_vazio a{
		width:100%;
		height:32px;
		margin:15px 0 0 0;
		padding:0 !important;
		line-height:32px !important;}
	
	.carrinho_vazio a:hover{color:#FFF; opacity:0.7;}
	
	/*PAGAMENTOS*/
	
	#identificacao #pagamento{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#identificacao #pagamento .dados-compra{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	#identificacao #pagamento .end-entrega{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	#identificacao #pagamento .dados-compra ul{
		width:auto;
		height:auto;
		float:none;
		display:table;
		margin:0 auto;
		padding:15px 0 0 0;}
	
	#identificacao #pagamento .end-entrega h3{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		padding:0;
		text-align:center;}
	
	#identificacao #pagamento .end-entrega p{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		padding:0;
		text-align:center;}
	
	#identificacao #pagamento .formas .linha .legenda{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		text-align:center;}
	
	#identificacao #pagamento .formas .linha{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;}
	
	#identificacao #pagamento .formas .linha .opcoes{
		width:auto !important;
		float:none;
		display:table;
		margin:0 auto;}
	
	#identificacao .btnset{padding:0 0 15px 0;}
	
	#identificacao .btnset div{
		width:auto !important;
		height:auto;
		display:table !important;
		margin:0 auto !important;
		overflow:visible !important;}
	
	#identificacao #pagamento .cc .coluna1 , #identificacao #pagamento .cc .coluna2{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0 150px !important;}
	
	#identificacao #pagamento .cc .coluna1 .tit{margin:0;}
	
	#identificacao #pagamento .cc .coluna1 .formulario{margin:0 0 20px 0;}
	
	#identificacao #pagamento .cc .coluna2 .pseta{display:none;}
	
	#identificacao #pagamento .cc .coluna2 .balao-parcelas{width:100%;}
	
	#sucesso{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	#sucesso p{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:50px 150px;
		line-height:32px;}
	
	#sucesso a{
		height:32px !important;
		line-height:32px !important;
		padding:0 15px !important;}

	#meus-pedidos .pedido-info p{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		padding:0;
		font-size:14px;
		line-height:20px;
		text-align:center;}
	
	#meus-pedidos .carrinho table td .btn{padding:0 15px}
	
	#meus-pedidos .carrinho table td .btn:hover{color:#FFF !important;}
	
	#meus-pedidos .carrinho table td .detalhes_carrinho_mobile{
		font-size:14px;
		line-height:20px;
		margin:0;}
	
	/*PRODUTOS*/
	
	#mp_filtro{margin:115px 0 0 0;}
	
	.paginacao{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0 0 15px 0;
		border:none !important;
		box-shadow:none !important;
		-webkit-box-shadow:none !important;
		-moz-box-shadow:none !important;}
	
	.paginacao .inner{
		width:325px !important;
		background:none !important;
		border:none !important;}
	
	.paginacao .box{
		width:auto !important;
		height:auto;
		float:none !important;
		display:table;
		margin:0 auto !important;}
			
	.marcas_mobile , .categorias_mobile {
		width:100% !important;
		height:auto;
		float:left;
		margin:0;
		padding:0 0 15px 0;
		display:block !important;}
	
	#mp_filtro .paginacao:first-child{padding:15px 0 !important;}
	
	
	
	.combo_vazio{display:none !important;}
	
	.outer{min-width:inherit;}
	
	.paginacao .box label{
		width:90px;
		text-align:right;}
	
	#produtos-main{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	#area_menu_left{display:none;}
	
	.div_pai_h1{
		margin:20px 0 0 0;
		border:none;
		background:none !important;}
	
	#produtos h1{
		width:100%;
		height:auto !important;
		float:left;
		margin:0 0 0 0;
		padding:0 0 15px 0 !important;
		font-size:22px !important;
		line-height:22px !important;
		color:inherit !important;
		text-align:center !important;
		border-bottom:#333 1px solid !important;
		border:none;
		background:none !important;}
	
	#produtos.col4 , #produtos.col3 , #produtos.col2{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		background:none !important;
		-webkit-box-shadow:none !important;
		-moz-box-shadow:none !important;
		box-shadow:none !important;}
	
	#produtos .produtos{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	#produtos .produtos .produto{
		width: -webkit-calc(100% / 2);
		width: -moz-calc(100% / 2);
		width: calc(100% / 2);
		height:auto;
		float:left;
		margin:20px 0;}
	
	#produtos .produtos .produto:hover{
		-webkit-box-shadow:inset 0 0 30px 0 rgba(0,0,0,0.2);
		-moz-box-shadow:inset 0 0 30px 0 rgba(0,0,0,0.2);
		box-shadow:inset 0 0 30px 0 rgba(0,0,0,0.2);}
	
	#produtos .produtos .produto .foto{
		width:100%;
		max-width:inherit;
		height:auto;
		margin:15px 0 0 0;
		border:none !important;
		padding:0 !important;}
	
	#produtos .produtos .produto:hover .foto{
		margin:15px 0 0 0 !important;
		border:none !important;
		padding:0 !important;}
	
	#produtos .produtos .produto .foto a{width:100% !important;}
	
	#produtos .produtos .produto .foto a:active{}
	
	#produtos .produtos .produto .foto a img{
		float:none;
		display:table;
		margin:0 auto;}
	
	/*#produtos .produtos .produto .foto a , #produtos .produtos .produto .foto a img{
		width:100% !important;
		height:auto;
		float:left !important;
		margin:0 !important;}*/
	
	#produtos .produtos .produto .nome , #produtos .produtos .produto .nome a{
		width:100% !important;
		margin:15px 0 10px 0 !important;
		color:#333 !important;
		text-align:center !important;}
	
	#produtos .produtos .produto .preco-p{
		width:100% !important;
		margin:10px 0 5px 0 !important;
		text-align:center;}
	
	#produtos .produtos .produto .preco-p strong{
		text-align:center !important;
		color:#333 !important;}
		
	#produtos .produtos .produto:hover .preco-p, #produtos .produtos .produto:hover .preco-p strong{color:#333 !important;}
	
	
	#produtos .produtos .produto .preco-g , #produtos .produtos .produto .preco-g strong{
		width:100% !important;
		font-size:12px !important;
		margin:15px 0 0 0 !important;
		color:#777 !important;
		text-align:center !important;}
	
	#produtos .produtos .produto:hover .preco-g , #produtos .produtos .produto:hover .preco-g strong{color:#333 !important;}
	
	/*#produtos .produtos .produto:hover .foto a , #produtos .produtos .produto:hover .foto a img{
		width:100% !important;
		height:auto;
		float:left !important;
		margin:0 !important;}*/
	
	.flag_frete_gratis, .flag_lancamento, .flag_desconto{
		float:none !important;
		display:table !important;
		margin:0 auto !important;}
	
	.bt_comprar_produto , .bt_comprar_produto_1{display:none !important;}
	
	.bg_produto_ovr:hover .bt_comprar_produto{display:none !important;}
	
	#produtos .produtos .produto .bg_produto_ovr{
		float:none !important;
		display:table;
		margin:0 auto !important;
		border:none !important;
		padding:0 !important;
		background:none !important;
		-webkit-box-shadow:none !important;
		-moz-box-shadow:none !important;
		box-shadow:none !important;}
	
	#produtos .produtos .produto:hover .bg_produto_ovr{
		margin:0 auto !important;
		padding:0 !important;
		background:none !important;
		border:none !important;
		-webkit-box-shadow:none !important;
		-moz-box-shadow:none !important;
		box-shadow:none !important;}
	
	#produtos .produtos .linha{background:none !important;}
	
	#bottom_mobile{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:15px 15px 30px 15px;
		background:#ddd;
		display:block !important;}
	
	#bottom_mobile span{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#bottom_mobile span strong{
		width:100%;
		height:16px;
		float:left;
		margin:0;
		padding:0;
		font-size:16px;
		color:#333;
		text-align:center;
		font-weight:700;
		line-height:16px;}
	
	#bottom_mobile span a{
		width:auto;
		height:auto;
		display:table;
		margin:0 auto;
		float:none;
		font-size:14px;
		line-height:14px;
		text-align:center;
		color:#333;}
	
	.caixa_erros, .caixa_acerto{
		width:100%;
		margin:15px 0 0 0;
		padding:15px;}
	
}

@media only screen and (max-width:768px){
	
	.caixa_erros, .caixa_acerto{
		font-size:12px;
		line-height:17px;}
	
	.titulo-pagina h1 , .titulo-pagina h2{
		font-size:18px !important;
		line-height:18px !important;}
	
	#termos p{padding:0;}
	
	/*LOGIN*/
	
	#login .coluna{padding:30px 50px;}
		
	#identificacao #form-cadastro{padding:0 50px;}
	
	/*PRODUTO*/
	
	#produto #detalhes .coluna1{width:100%;}
	
	#produto #detalhes #foto-grande img{
		width:240px;
		height:auto;
		float:none;
		display:table;
		margin:0 auto;}
	
	#produto #detalhes .coluna2{width:100%;}
	
	#produto #detalhes .detalhes .info p{text-align:center;}
	
	#produto #detalhes .detalhes .valor p{text-align:center;}
	
	#produto #detalhes #frete .linha1 .cep .campos #cep1{width:140px !important;}
	
	#preco_padrao{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0 0 15px 0;}
	
	#produto #detalhes .detalhes .flag_frete_gratis , #produto #detalhes .detalhes .flag_lancamento , #produto #detalhes .detalhes .flag_desconto{
		float:none;
		display:table;
		margin:0 auto !important;}
	
	#produto #detalhes .detalhes .comprar , #produto #detalhes .detalhes .links a , #bt_processa, #bt_listapresente{
		float:none !important;
		display:table;
		margin:0 auto !important;
		text-align:center !important;}
		
	#bt_listapresente{ padding-bottom:8px; margin-top:10px !important; }	
	
	#produto #detalhes #frete .linha1 .calcule{text-align:center;}
	
	#produto #detalhes #frete .linha1 .cep label{text-align:center;}
	
	#produto #detalhes #frete .linha1 .cep fieldset{
		width:350px;
		height:auto;
		float:none !important;
		display:table;
		margin:0 auto !important;}
	
	#produto #detalhes #frete .linha1 .cep .naosei{
		width:100%;
		text-align:center;}
	
	.abas-base .abas .aba{text-align:center !important;}
	
	#produto #detalhes .pagamento .conteudos .conteudo .parcelas li{
		width:100%;
		height:auto;
		float:left;
		text-align:center;}
	
	.abas-base .conteudos p{
		width:100%;
		height:auto;
		float:left;
		text-align:center !important;}
	
	#produto #produto-abas .caracteristicas ul{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	#produto #produto-abas .caracteristicas ul li{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		text-align:center !important;}
	
	.box-valores{padding:15px;}
	
	#sucesso p{
		padding:15px 0 40px 0;
		font-size:14px !important;
		line-height:20px !important;}
	
	#carrinho .btnset-topo{padding:0 0 10px 0 !important;}

	#carrinho .btnset{padding:10px 0 0 0;}
	
}

@media only screen and (max-width:640px){
	
	.carrinho_vazio{padding:15px;}
	
}

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

	
	#produtos .produtos .produto{width:100%;}

}

@media only screen and (max-width:480px){
	
	
	.titulo-pagina h1 , .titulo-pagina h2{
		font-size:18px !important;
		line-height:18px !important;}
	
	#termos p{padding:0;}
	
	/*LOGIN*/
	
	#login .coluna{padding:30px 15px;}
		
	#identificacao #form-cadastro{padding:0;}
	
	.formulario .obs, .formulario #isento{display:none;}
	
	
	#produto #detalhes #frete .linha1 .cep fieldset{width:217px;}
	
	#produto #detalhes #frete .linha1 .cep .campos .btn{margin:10px 0 0 0;}
	
	#produto #detalhes #frete .linha1 .cep .campos a{width:100%;}
	
	/*CARRINHO*/
	
	.carrinho table td .produto .foto{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	.carrinho table td .produto .foto a{
		width:auto;
		height:auto;
		display:table;
		margin:0 auto;}
	
	.carrinho table td .produto .nome{
		width:100%;
		margin:10px 0 0 0;
		text-align:center;}
	
	.detalhes_carrinho_mobile{
		width:100%;
		margin:10px 0 0 0;}
	
	.carrinho table td .quantidade{
		float:none;
		display:table;
		margin:0 auto;}
	
	.carrinho table td strong{text-align:center;}
	
	.carrinho table td .excluir{
		float:none;
		display:table;
		margin:0 auto;
		padding:10px 0 0 0;}
	
	.paginacao{padding:0 0 10px 0;}
	
	#mp_filtro .paginacao:first-child{padding:10px 0 !important;}
	
	.paginacao .inner{width:100% !important}
	
	.paginacao .box{
		width:100% !important;
		height:auto !important;
		float:left !important;
		margin:0 !important;}
	
	.paginacao .box label{
		width:100%;
		text-align:left;}
	
	.paginacao .box .select{width:100% !important;}
	
	.paginacao .box .select select{width:100% !important;}
	
	.paginacao .box .select .mask{width:100% !important;}
	
	#carrinho{margin:0;}
	
	#carrinho .btnset-topo{margin:0;}
	
	.formulario input.telefone_unico{ width:100% !important; }
	
}

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

	#meus-pedidos-btnset{
		width:100%;
		height:auto;
		float:left;
		margin:-5px 0 0 0;
		overflow:visible !important;}

	#meus-pedidos-btnset .btn{
		width:100%;
		float:left;
		margin:5px 0 0 0;}

}

*,
*:before,
*:after {
 -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
}

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

#identificacao #pagamento .cc .coluna1, #identificacao #pagamento .cc .coluna2 {padding: 0 50px !important;}

}

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

#identificacao #pagamento .cc .coluna1, #identificacao #pagamento .cc .coluna2 {padding: 0 !important;}

}


.preco_qtdpersonalizada_label{ text-align:center; }

#identificacao #pagamento .formas .linha .parcelas{ clear:both; margin-left:40px !important; float:left; }

#identificacao #pagamento .formas .linha .parcelas .mask .text{ margin-top:-10px; margin-left:5px; }

#identificacao #pagamento .formas .linha .parcelas .mask .setinha { margin-top:-15px; }  

#similares{ display:none; }

#thumbnails { overflow:visible; } 

#thumbnails .seta{ display:none; }

/*#produtos .produtos .linha{display:none;}*/

/* ALT 717 */
#camfreteheader{ display:none; }
/* END ALT 717 */

@media only screen and (max-width: 680px){
	#mp-menu-sobre, .txt_editor, #termos{ width:100% !important; }	
	#mp-menu-sobre{ margin-bottom:30px; }
}



a#lk-whtasapp-mobile{
width: auto;
min-height: 32px;
height: 32px;
float: right;
margin: 0 10px 10px 0;
position: fixed;
bottom: 0;
right: 0;
padding: 0 10px;
font-size: 12px;
line-height: 32px;
color: #FFF;
background: #333;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display:block;
}

a#lk-whtasapp-mobile svg{
width: 16px;
height: 16px;
float: left;
margin: 8px 5px 0 0;
}

a#lk-whtasapp-mobile path{
fill: #FFF;
}

.cam_alerta_promocao{ display:none !important; }

.camada_botao_qtd{ display:block !important; overflow:visible !important; }









#formas_pagamento_box .abas{
	width: -webkit-calc(100% + 10px);
	width: -moz-calc(100% + 10px);
	width: calc(100% + 10px);
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

#formas_pagamento_box .abas .aba{
width: -webkit-calc((100% / 2) - 10px);
width: -moz-calc((100% / 2) - 10px);
width: calc((100% / 2) - 10px);
height: 32px;
float: left;
margin: 0 10px 0 0;
padding: 0;
font-size: 12px;
text-align: center;
background: #f5f5f5;
border: #DDD 1px solid !important;
line-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
-ms-border-radius: 3px !important;
-o-border-radius: 3px !important;
border-radius: 3px !important;
}

#formas_pagamento_box .conteudos{
	width: 100%;
	height: auto;
	float: left;
	margin: 10px 0 0 0;
	padding: 15px;
	border: #DDD 1px solid;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-ms-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
}


@media (max-width: 1024px){
	
	body{
		background: #FFF;
	}

.abas{
	width: 100% !important;
	height: auto !important;
	float: left !important;
	margin: 0 !important;
	position: relative !important;
}

.abas .aba{
	width: auto !important;
	height: 32px !important;
	float: left !important;
	margin: 10px 10px 0 0 !important;
	padding: 0 10px !important;
	border: #CCC 1px solid !important;
	font-size: 14px !important;
	line-height: 30px !important;
	color: #333 !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-ms-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.abas-base .conteudos{
	width: 100% !important;
	height: auto !important;
	float: left !important;
	margin: 10px 0 0 0 !important;
	padding: 15px !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	border: #CCC 1px solid !important;
}

}

@media(max-width: 768px){
	#produtos-quem-procura{
		grid-template-columns: repeat(2,1fr);
		grid-row-gap: 30px;
		grid-column-gap: 30px;
	}
	
	#produtos .produtos #produtos-quem-procura .produto{width: 100% !important; margin: 0 !important;}
	
}