/* Responsivo
********************************/

.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  left: -1000px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
/*.container {
  min-width: 320px;
}*/

/* Telas menores que 1200px */
@media screen and ( max-width: 1999px ) {
}

/* Telas menores que 992px */
@media screen and ( max-width: 991px ) {
  /* Geral */
    img {
      max-width: 100%;
    }

  /* Header */
    div.header span.tel,
    div.header span.tel2,
    div.header a.lkChat {
      height: 38px;
      margin-right: 15px;
      display: block;
      float: left;
    }
    div.header span.tel,
    div.header a.lkChat {
      line-height: 38px;
    }
    div.header span.tel2 {
      height: 38px;
      padding-top: 10px;
      position: relative;
      position: static;
    }
    div.header span.tel2 .contato-label {
      position: absolute;
      top: -2px;
      font-size: .8em;
    }

  /* Nav Produtos */
    .navProdutos, .navProd {
      display: none;
    }
    .navProdutos.active, .navProd.active {
      display: block;
    }
    div.colLeft .navProdutos h3 a {
      pointer-events: none;
    }
    div.colLeft ul.navProd li {
      border: 1px solid #e6e6e6;
      border-top: none;
    }
    div.colLeft ul.navProd li a {
      display: block;
      padding: 10px 0;
    }
    div.colLeft ul.navProd li label.css-label {
      width: 100%;
    }

  /* Footer */
    div.footer div.boxFB {
      float: left;
    }
    .loja div.footer div.boxFB {
      float: right;
    }

  /* Vitrine */
    div.baseVitrine .bannerLojas > .container {
      position: relative;
      height: 100%;
      display: none;
    }
    div.baseVitrine div.lojas {
      width: 120px;
      margin-right: 15px;
      position: absolute;
      bottom: 10px;
      right: 0;
    }
    div.baseVitrine div.lojas div.boxLojas {
      display: none;
    }

  /* Lojas */
    .loja div.header .logoContainer {
      margin-top: 60px;
    }
}

/* Telas menores que 768px */
@media screen and ( max-width: 767px ) {

  /* Header */
    div.header p {
      padding: 8px 0;
    }
    div.header ul.navTop {
      display: none;
    }
    div.header .navTopMobile {
      padding: 0 10px;
      display: block;
      position: relative;
      float: right;
    }
    div.header .navTopMobile .toggle-nav {
      background: #000 url(../imagens/menu-mobile.png) no-repeat;
      -webkit-background-size: contain;
      background-size: contain;
      width: 32px;
      height: 32px;
      display: block;
      border: none;
    }
    div.header .navTopMobile ul {
      max-width: 250px;
      background: #000;
      padding: 10px 0;
      margin: 0;
      position: absolute;
      top: 100%;
      right: 0;
      z-index: 100;
      display: none;
    }
    div.header .navTopMobile ul.active {
      display: block;
    }
    div.header .navTopMobile ul li {
      list-style-type: none;
      padding: 0 10px;
    }
    div.header .navTopMobile ul li a {
      color: #fff;
      padding: 5px 10px;
      display: block;
      border-bottom: 1px solid #222;
      white-space: nowrap;
    }
    div.header .navTopMobile ul li:first-child a {
      border-top: 1px solid #222;
    }

    div.header a.lkChat {
      display: none;
    }
    div.header span.tel,
    div.header span.tel2 {
      height: 30px;
      line-height: 30px;
      padding-top: 0;
      display: inline-block;
      float: none;
    }
    div.header span.tel2 .contato-label {
      position: static;
      font-size: 1em;
    }

    div.header .mid-header-destaques {
      display: none;
    }
    div.header .mid-header-logo,
    div.header .mid-header-contato,
    div.header .mid-header-busca,
    div.header .mid-header-conta {
      max-width: 400px;
      margin: 0 auto;
    }
    div.header .mid-header-logo .lkLogo {
      margin: auto;
    }
    div.header .mid-header-busca {
      margin-bottom: 0;
    }
    div.header .mid-header-contato {
      text-align: center;
    }
    div.header .mid-header-conta {
      text-align: center;
    }
    div.header .mid-header-conta a.lkCarrinho,
    div.header .mid-header-conta a.lkConta {
      text-align: left;
      display: inline-block;
      float: none;
    }

  /* Footer */
    div.footer div.baseMarcas div.listaMarcas,
    div.footer div.formaPagtoMasterPage h4,
    div.footer div.formaPagtoMasterPage ul.navFooter,
    div.footer div.boxFB {
      display: none;
    }
    div.footer p.infoSite {
      margin-top: 15px;
    }

  /* Vitrine */
    div.baseVitrine {
      display: none !important;
    }
    div.baseVitrine div.vitrine div.frame img {
      left: 0;
      right: 0;
    }

  /* Barra News */
    div.barraNews div.redesSociais a.lkFB {
      margin-left: 0;
    }

  /* Filtro por Modelo */
    div.colRight div.buscaModelo h3 {
      width: 100%;
    }
  
  /* Lista de Produtos */
    ul.listaProduto li {
      padding-bottom: 40px;
      border-bottom: 1px solid #dfdfdf;
    }
    ul.listaProduto li h3 {
      height: auto;
      margin-bottom: 20px;
    }

  /* Formulários */
    div.mainContent div.linhaCampo {
      margin-bottom: 0 !important;
    }
    div.mainContent div.linhaCampo label,
    div.mainContent div.linhaCampo span.label {
      width: 100% !important;
      max-width: 300px !important;
      text-align: left !important;
      line-height: 22px !important;
      padding: 0 !important;
      margin: 0 !important;
      float: none !important;
    }
    div.mainContent div.linhaCampo span.campo300,
    div.mainContent div.linhaCampo span.campo300 input,
    div.mainContent div.linhaCampo span.campo300 select,
    div.mainContent div.linhaCampo span.campo180,
    div.mainContent div.linhaCampo span.campo180 input,
    div.mainContent div.linhaCampo span.campo180 select,
    div.mainContent div.linhaCampo span.campo80,
    div.mainContent div.linhaCampo span.campo80 input,
    div.mainContent div.linhaCampo span.campo80 select {
      width: 100% !important;
      margin-right: 10px !important;
    }
    div.mainContent div.linhaCampo span.campo300 {
      max-width: 300px !important;
    }
    div.mainContent div.linhaCampo span.campo180 {
      max-width: 180px !important;
      margin-right: 10px !important;
    }
    div.mainContent div.linhaCampo span.campo80 {
      max-width: 80px !important;
    }
    div.mainContent div.linhaCampo span.campo180.veiculo {
      margin: 10px 0 0 !important;
    }
    div.mainContent div.linhaCampo ul li label {
      margin-left: 18px !important;
    }
    div.mainContent div.confirma {
      margin: 0 !important;
    }
    div.mainContent span.infoCampo {
      float: none !important;
      display: inline-block !important;
    }
    div.mainContent div.linhaCampo.checkbox input {
      margin-left: 0 !important;
    }
    div.mainContent div.linhaCampo.checkbox label {
      margin-left: 20px !important;
    }
    div.mainContent input.bt {
      margin: 20px 0 0 !important;
    }
    div.mainContent div.linhaCampo span.info {
      line-height: 15px !important;
      padding: 10px 0 !important;
      margin: 0 !important;
    }
    div.pagamento div.dadosCartao div.linhaCampo.total span {
      line-height: 15px;
      margin-bottom: 15px;
    }

  /* Contato */
    div.contato .form,
    div.contato input.bt {
      margin: 0;
    }

  /* Login */
    div.identificacao div.cliente,
    div.identificacao div.naoCliente {
      width: 100%;
      padding: 20px;
      border: none;
      float: none;
    }
    div.identificacao div.cliente {
      border-bottom: 1px solid #dfdfdf;
    }
    div.identificacao div.cliente h3,
    div.identificacao div.naoCliente h3 {
      color: #333;
      background: #ffc600;
    }
    div.identificacao div.cliente form,
    div.identificacao div.naoCliente form {
      width: 100%;
      max-width: 280px;
    }
    div.identificacao div.cliente input.bt,
    div.identificacao div.naoCliente input.bt {
      margin: 0;
    }
    div.identificacao div.cliente a.lkSenha {
      float: none;
    }

  /* Carrinho - etapas de compra */
    body div.stepCompra ul {
      height: auto;
      text-align: center;
    }
    body div.stepCompra ul li {
      text-align: center;
    }
    body div.stepCompra ul li span.stepNumber {
      margin: 0 auto;
      display: block;
    }

  /* Carrinho - tabela de produtos */
    div.carrinho table.tblCarrinho td.colImg,
    div.listaDesejos table.tblDesejos td.colAcao {
      width: auto;
    }
    div.listaDesejos table.tblDesejos td.colAcao .btComprar {
      float: right;
    }
    div.carrinho table.tblCarrinho td.colImg img {
      width: auto;
      min-width: 80px;
      height: auto;
    }
    div.carrinho table.tblCarrinho td.colProd {
      min-width: 0;
    }
    div.listaDesejos table.tblDesejos td.colQntde,
    div.carrinho table.tblCarrinho td.colValor,
    div.carrinho table.tblCarrinho td.colRemove,
    div.listaDesejos table.tblDesejos td.colAcao .btExcluir {
      display: none;
    }
    div.carrinho table.tblCarrinho td.colRemoveMobile,
    div.carrinho table.tblCarrinho td.colValorMobile {
      display: table-cell;
      background: #dfdfdf;
    }
    div.carrinho table.tblCarrinho td.colRemoveMobile {
      min-width: 130px;
      padding: 5px 10px;
    }
    div.carrinho table.tblCarrinho td.colRemoveMobile a.btExcluir {
      text-indent: initial; width: 110px; text-align: center; background-position: right 0;
      padding: 5px 30px 5px 5px; color: #000; margin: auto; float: none;
    }
    div.carrinho table.tblCarrinho td.colValorMobile {
      font-size: 10px;
      font-weight: 600;
      text-align: right;
      padding: 5px 10px;
    }
    div.carrinho table.tblCarrinho td.colValorMobile .valor {
      font-size: 15px;
    }

  /* Carrinho - subtotal */
    div.carrinho div.boxFinalizacao div.linhaFrete .campoFrete,
    div.carrinho div.boxFinalizacao div.linhaFrete span.spanprazo {
      display: block;
      float: none;
    }
    div.carrinho div.boxFinalizacao div.valoFinal {
      text-align: right;
    }
    div.carrinho div.boxFinalizacao div.valoFinal a.btFinalizar {
      margin: 12px 0 6px; display: inline-block;
    }

  /* Carrinho - condições de pagamento */
    div.carrinho div.condicoes div.aVista {
      width: 45%;
    }
    div.carrinho div.condicoes div.parcelamento {
      width: 55%;
    }
    div.carrinho div.condicoes div.parcelamento ul li {
      width: 100%;
    }

  /* Carrinho - aproveite também */
    .carrinho ul.listaProduto li {
      display: none;
    }
    .carrinho ul.listaProduto li:nth-child(1),
    .carrinho ul.listaProduto li:nth-child(2) {
      display: block;
    }

  /* Confirmar Endereço */
    div.endereco div.meuEndereco,
    div.endereco div.novoEndereco {
      width: 100%;
      padding: 20px 0 40px;
      float: none;
      border: none;
    }
    div.endereco div.meuEndereco {
      border-bottom: 1px solid #dfdfdf;
    }
    div.endereco div.meuEndereco h3,
    div.endereco div.novoEndereco h3 {
      color: #333;
      background: #ffc600;
    }
    div.endereco div.meuEndereco div.boxEndereco {
      margin: 0 0 20px;
    }
    div.endereco span.recalculo {
      display: block;
    }
    div.endereco input.bt {
      margin: 0;
    }

  /* Detalhe do Produto */
    div.destalheProd div.fotos,
    div.destalheProd div.infoProduto {
      width: 100%;
      max-width: 460px;
      padding: 10px;
      margin: auto;
      float: none;
    }
    div.destalheProd div.fotos {
      margin-bottom: 10px;
    }
    div.destalheProd div.fotos div.imgPrincipal img,
    div.destalheProd div.baseThumbs {
      display: block;
      margin: auto;
    }
    div.destalheProd div.infoProduto div.preco,
    /*div.destalheProd div.infoProduto a.btComprar,
    div.destalheProd div.infoProduto div.quantidade,*/
    div.destalheProd div.infoProduto div.baseFrete,
    div.destalheProd div.infoProduto div.baseFrete a.lkLista,
    div.destalheProd div.infoProduto div.baseFrete a.lkIndique,
    div.destalheProd div.infoProduto div.baseFrete div.frete,
    div.destalheProd div.infoProduto div.baseFrete > div {
      float: none;
      margin: 0 0 20px;
    }
    div.destalheProd div.addOns {
      padding: 10px 5px;
    }
    div.destalheProd div.addOns a {
      width: 33%;
      max-width: 100%;
      margin: 0 0 20px;
    }

  /* Pedidos */
    div.meusPedidos ul li div.estagios {
      width: 530px;
      padding: 0 40px;
    }

  /* Lojas */
    .loja div.header .logoContainer,
    .loja div.header div.lojaOnline,
    .loja div.header div.autocenter {
      margin: 30px auto 0;
      float: none;
    }
    .loja div.header .logoContainer {
      max-width: 260px;
    }
    .loja div.contentLoja div.baseGaleria {
      padding: 0 0 20px;
    }
    .loja div.contentLoja div.baseGaleria .slick-prev {
      right: auto; left: 0; margin: auto; margin-left: 5px;
    }
    .loja div.contentLoja div.baseGaleria .slick-next {
      left: auto; right: 0; margin: auto; margin-right: 5px;
    }
    .loja div.contentLoja div.baseServico div.servicos .servico-item,
    .loja div.contentLoja div.baseServico div.servicos .servico-item div.txtServico {
      height: auto;
    }
}

/* Telas menores que 620px */
@media screen and ( max-width: 620px ) {
  /* Pedidos */
    div.meusPedidos ul li div.estagios {
      width: 400px;
    }
}

/* Telas menores que 480px */
@media screen and ( max-width: 480px ) {

  /* Vitrine */
    div.baseVitrine,
    div.baseVitrine div.vitrine,
    div.baseVitrine div.vitrine div.slidesjs-container,
    div.baseVitrine div.vitrine div.slidesjs-control,
    div.baseVitrine div.vitrine div.frame,
    div.baseVitrine div.vitrine div.frame a {
      height: 180px !important;
    }
    div.baseVitrine div.vitrine a.slidesjs-next,
    div.baseVitrine div.vitrine a.slidesjs-previous {
      top: 25%;
      opacity: .6;
    }

  /* Barra News */
    div.barraNews div.boxNewsletter {
      float: none;
    }
    div.barraNews div.boxNewsletter div.campo {
      width: 100%;
      margin: 10px 0 0 0;
    }

  /* Busca por Medida */
    div.colRight div.buscaMedida div.formCampos > div {
      padding: 0 2px;
    }
    div.colRight div.buscaMedida div.largura label,
    div.colRight div.buscaMedida div.altura label,
    div.colRight div.buscaMedida div.aro label {
      display: none;
    }
    div.colRight div.buscaMedida input.btEncontrar {
      /*display: block;
      margin: 0 auto 10px;*/
    }

  /* Filtro por Modelo */
    div.colRight div.buscaModelo #formBuscaModelo {
      padding-right: 55px;
    }
    div.colRight div.buscaModelo .styleCombobox {
      width: 47%;
      margin: 5px 3% 5px 0;
      float: left;
    }
    div.colRight div.buscaModelo input.btBuscar {
      position: absolute;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      display: block;
    }

  /* Ordenação de Produtos */
    div.categoria div.ordenacao .styleCombobox, 
    div.categoria div.ordenacao input.bt {
      margin: 0;
      float: none;
      display: block;
    }
  
  /* Lista de Produtos */
    .mainIndex .listaProduto li:not(:first-child),
    .mainIndex .bannerProd + .listaProduto {
      /*display: none;*/
    }

  /* Formulários */
    div.pagamento div.dadosCartao div.linhaCampo span.info {
      padding-top: 0;
      display: block;
      float: none;
    }

  /* Erro */
    div.erro h1,
    div.erro p,
    div.erro a {
      margin-left: 0;
    }

  /* Titulos */
    div.tituloBtn {
      position: static;
      width: auto;
      text-align: right;
      margin-bottom: 10px;
    }
    div.tituloBtn a,
    div.tituloBtn button {
      text-align: left;
      display: inline-block;
      float: none;
    }

  /* Carrinho - etapas de compra */
    body div.stepCompra ul {
      display: block;
    }
    body div.stepCompra ul li {
      width: 50%;
      display: block;
      float: left;
      padding: 10px;
    }

  /* Carrinho - tabela de produtos */
    div.carrinho table.tblCarrinho td.colQntde {
      width: auto;
    }
    div.carrinho table.tblCarrinho td.colQntde .qtdTitulo {
      display: none;
    }
    div.carrinho table.tblCarrinho td.colQntde .qtdTituloMobile {
      display: block;
    }
    div.carrinho table.tblCarrinho td.colQntde input.campoQntde,
    div.carrinho table.tblCarrinho td.colQntde input.btAtualizar {
      width: 30px;
      margin: 0 auto 5px;
      display: block;
      float: none;
    }
    div.carrinho table.tblCarrinho td.colRemoveMobile {
      min-width: 0;
    }
    div.carrinho table.tblCarrinho td.colRemoveMobile a.btExcluir {
      width: 30px; text-indent: -5000em; padding: 0; margin: 0;
    }

  /* Carrinho - condições de pagamento */
    div.carrinho div.condicoes div.aVista,
    div.carrinho div.condicoes div.parcelamento {
      width: 100%;
      padding: 15px;
      border: none;
      float: none;
    }
    div.carrinho div.condicoes div.aVista {
      border-bottom: 1px solid #dfdfdf;
    }

  /* Detalhes do Produto */
    div.destalheProd div.addOns {
      padding: 10px;
    }
    div.destalheProd div.addOns a {
      width: 100%;
      float: none;
    }
    div.destalheProd div.infoProduto a.btComprar,
    div.destalheProd div.infoProduto div.quantidade {
      float: none;
      margin: 0 0 20px;
    }

  /* Pedidos */
    div.meusPedidos ul li div.status,
    div.meusPedidos ul li div.detalhes {
      width: 100%;
      padding-top: 5px;
      float: none;
      text-align: left;
    }
    div.meusPedidos ul li div.estagios {
      width: 100%;
    }

  /* Lojas */
    .loja div.header div.autocenter {
      max-width: 230px;
    }
}

/* Telas menores que 340px */
@media screen and ( max-width: 340px ) {
  
  /* Header */
    div.header span.parcelas,
    div.header span.entrega,
    div.header span.desconto {
      display: block;
      width: 100%;
      max-width: 160px;
      /*height: auto;*/
      /*text-align: center;*/
      margin: 0 auto 10px;
    }

    div.header span.parcelas img,
    div.header span.entrega img,
    div.header span.desconto img {
      /*float: none;*/
    }

    div.header .mid-header-conta a.lkCarrinho,
    div.header .mid-header-conta a.lkConta {
      display: block;
      margin: 0 auto 10px;
    }

  /* Barra News */
    div.barraNews {
      background: #000;
      height: auto;
    }
    div.barraNews div.redesSociais {
      height: auto;
      float: none;
    }

  /* Pedidos */
    div.meusPedidos ul li div.estagios {
      padding: 0 10px;
    }
}

/* Lojas - Responsivo */
@media screen and ( max-width: 992px ) {
	.lojasMob {margin-top:30px; margin-bottom:30px;}
		.lojasMob img {max-width:100%; height:auto; margin:0 auto; display:block;}
		.lojasMob a {
			background:#434141; background:-moz-linear-gradient(top, #434141 0%, #151515 100%); background:-webkit-linear-gradient(top, #434141 0%,#151515 100%); 
			background:linear-gradient(to bottom, #434141 0%,#151515 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#434141', endColorstr='#151515',GradientType=0 );
			display:block; height:43px; font-size:22px; line-height:43px; text-decoration:none; color:#ffb91b; text-align:center; text-transform:uppercase; margin-top:10px;
			-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
		}
		.lojasMob a:hover {color:#FFF;}
}