@media screen and (max-height: 1080px) {
    .meio{ min-height: 697px; } }

@media screen and (max-height: 900px) {
    .meio{ min-height: 517px; } }

@media screen and (max-height: 768px) {
   .meio{ min-height: 386px; } }



@media screen and (max-width: 1000px) {
    
    /***** GRID *****/
    
    body {min-width: 100%;}
    
    .container { width: 100%; padding: 0 20px !important; }
    
    /***** PADRÃO *****/
    
    /* Etapas do Processo */
    .etapas-compra a > p { display: none; }

    .etapas-compra li.ativo a > p { display: inline-block; }
     
    
    /* Listagem produtos */
    .produtos-header p.produto { padding: 15px; }
        .produtos-header p.qtd, 
        .produtos-header p.unidade,
        .produtos-header p.subtotal { width: 130px; }
    .produtos-linha figcaption { width: 250px;}
    /* .produtos-linha .produtos-cols li.remove { width: 53% }*/
    .produtos-linha .produtos-cols li.produto-qtd,
		.produtos-linha .produtos-cols li.produto-unidade,
		.produtos-linha .produtos-cols li.produto-subtotal { width: 130px; }


    /* area do cliente */
    .box-login:first-child { margin: 0 10px; }

    /* Dados de Entrega */
    /* div.dados-entrega div.endereco {    /* flex: 1 0 100%; */
        /* margin-bottom: 20px;
        flex-grow: 1;
        margin-right: 30px;} */
    
    /* formulario de cadastro */
    div.form-cadastro { width: 60%; padding-left: 20px; }
    ul.form-cadastro { width: 55%; }
    
    /* footer */
    div.copyright p.copy2 {  }
    div.copyright p.copy3:before {visibility: hidden;}
    div.copyright p.copy3:after {visibility: hidden;}
    div.copyright p.copy3 { text-align: center !important; font-size: 10px !important; padding-top: 10px !important; }

}




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

    
    /* header */
    div.superior div.bar-superior ul { display: none; }
    div.superior div.logo img { width: 200px;height: auto;
        margin: -6px -22px 0px -23px;}

    /* Listagem produtos */
     .produtos-header p.qtd, 
     .produtos-header p.unidade,
     .produtos-header p.subtotal { display: none; }
     .produtos-linha .produtos-cols li.produto-qtd,
     .produtos-linha .produtos-cols li.produto-subtotal { width: 110px; }
     .produtos-linha .produtos-cols li.produto-descricao p.texto { font-size: 13px; line-height: 116%; }
     .produtos-linha .produtos-cols li.produto-unidade { display: none; }

    /* Itens do Pedido */
    .frete-total  { margin-top: 20px; width: 100%; }

    /* formulario de cadastro */
    ul.form-cadastro { width: 70%; }
    ul.form-cadastro p { width: 35%; }
    ul.form-cadastro input { width: 64%; }

    /* area do cliente */
    .box-login:first-child { margin: 25px 0 0 0; }
    /* footer */
    
    div.inferior .wrapper {
        -ms-grid-columns: (1fr)[3];
            grid-template-columns: repeat(3,1fr); }

    div.inferior ul:last-child { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; margin-top: -35px; }

    span.menu-open {
        font-size: 40px;
        cursor: pointer;
        color: #FFFF ;
        position: relative;
        top: -31px;
        padding: 26px 0px;
        left: -157px;
        display:block; }

    div div.logo {
        position: relative ;
        left: 70px ; }

    /* ícone de menu responsivo */
    #nav-btn {
        position: absolute;
        padding: 0px 4px;
        cursor: pointer;
        background-color: #fff0;
        height: 40px;
        width: 40px;
        margin: 10px 2px; }
        
    #nav-btn> div{
        background-color: #fff;
        height: 4px;
        margin: 7px -1px;
        padding: 0px 0px;
        width: 30px;
        border-radius: 1px; }

    /* fim do ícone do menu responsivo. */
    .flex-box1 {margin-bottom: 20px;}
    .flex-box1,
    .flex-box2 {
    -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%; } 

    .flex-total { margin-top: 0 !important; }

    div.confirma-pedido{-webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%; }
    div.voucher-pedido{-webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%; }
    
    /* pagSeguro */
    .pagSeguro-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }

    .box-instrucoes {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        border: 0; }

    .box-cartoes {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%; }
    
    .cartoes-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
    }
    .parcelamento {
        margin-left: 0px !important;
    }
    
    .concluir-compra {  display: -webkit-box;  display: -ms-flexbox;  display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .concluir-compra td:first-child { width: 100%; }
    .concluir-compra td:last-child { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }
    #divLoaderPagamento { width: 100% !important; }

    
    .box-dados-pagamento .img-boleto { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 20px; -ms-flex-pack: distribute; justify-content: space-around;}
    .box-dados-pagamento .img-boleto img { float: none;}
    
    

    .btns-confirmacao {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        padding: 0 30px;
    }
    
}





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

    /* etapas do processo */
    .etapas-compra p.negativo { font-size: 15px !important; }
    .etapas-compra ul li span { padding: 3px 10px !important; }
    .etapas-compra li { width: 40px !important; }
    .etapas-compra li.ativo { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; }
    .etapas-compra ul li a { margin: 0px 5px 0px 5px !important; padding: 10px 5px 0px 35px !important; }

    /* Listagem produtos */
    .produtos-header { height: 40px; }
    .produtos-linha .produtos-cols { justify-content: space-between; } 
    .produtos-linha .produtos-cols li.produto-subtotal { 
        display: block;
        position: absolute;
        bottom: 0;
        left: 40px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
    }
    .produtos-linha .produtos-cols li.produto-subtotal p.grande { font-size: 16px; }
    .produtos-linha figcaption { width: 330px; }
    .produtos-linha figcaption a { font-size: 13px; }
    
    /* Calculo Frete */
    fieldset.calcula-cep div.tipo-frete { margin-left: 0; }
    fieldset.calcula-cep > input { display: block; margin-bottom: 10px; }
    .tipo-frete input[type="radio"] { width: -moz-fit-content !important; width: fit-content; margin: 3px 10px 3px 3px; }

    .btn-embalagem {
        display: inline-block;
        width: 93px;
        height: 28px;
        margin-bottom: 12px; }
    
    a.btn-remover img,
    .btn-embalagem img { display: none; }

    .frete-calcula { min-width: 0; }

    /* footer */

    
    
    
    /* formulário dinâmico */
    ul.form-dinamico li p { display: block; }
    ul.form-dinamico input.button-azul {margin-right: 68px;}
    
    /* formulario de cadastro */
    ul.form-cadastro {
        width: 95%;
        padding-right: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center; } 
        
    ul.form-cadastro p { width: 35%; }
    ul.form-cadastro input { width: 62%; }
    
    /* area do cliente */
    .login-cliente button.button-marrom{ padding: 0 20px !important; margin: 0 5px; }
    .login-cliente button.button-azul { padding: 0 20px !important; margin: 0 5px; }

    .confirmacao .flex-box, div.confirma-pedido.erro { text-align: left; }

    /* pagSeguro */
    .pag-cartoes-wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }

    .box-cartao { border: none;  -webkit-box-flex: 1;  -ms-flex: 1 0 100%;  flex: 1 0 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

    fieldset.entra-dados-cartao { float: none; }
    .btns-confirmacao button:first-child { margin:0 0 10px 0; } 

    table.pedidos p.destaque { font-size: 14px; font-weight: bold; }
    table.pedidos td:nth-child(4) { display: none; }
    table.pedidos p.texto { min-width: 55px; }
}






@media screen and (max-width: 440px) {
    
    /***** GRID *****/
    .container { width: 100%; padding: 0 10px !important; }

    /* etapas do processo */
    .etapas-compra p.negativo { font-size: 12px !important; }
    .etapas-compra ul li span { padding: 2px 7px !important; }
    .etapas-compra li { width: 35px !important; }
    .etapas-compra li.ativo a > p { display: inline-block; font-size: 11px !important; }
    .etapas-compra li.ativo { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; }
    .etapas-compra ul li a { margin: 0px 5px 0px 5px !important; padding: 5px 5px 0px 28px !important; }

    /* Listagem Produtos */
    .produtos-linha figure img { min-width: 60px; max-width: 70px;  }
    .produtos-linha figcaption { left: 90px; top: 12px; width: 170px;}
    .produtos-linha .produtos-cols li.produto-subtotal { left: 0; }
    .produtos-linha figcaption { width: 220px; }

    .produtos-linha .produtos-cols li.produto-titulo { padding-left: 0;}
    .produtos-linha .produtos-cols li.produto-descricao { padding: 5px 0 0 0;}
    /* .produtos-linha .produtos-cols li.produto-qtd { margin-left: 90px; } */
    li.add-carrinho div.sel-qntd { width: 65px; margin-top: 5px;}
    input.input-qtd { width: 30px; }
    li.add-carrinho div.sel-qntd > span { width: 30px; }
    .produtos-linha .btn-remover { padding: 5px 0px; min-width: 70px; }


    /* cupom desconto */
    fieldset.cupom-desconto > input { width: 170px; }

    /* carrinho de compras */
    div.superior div.bar-superior div.carrinho-compras { padding: 0 10px 0 10px; width: 115px; }
    
    
    ul.form-dinamico input.button-azul { margin-right: 85px; }

    /* Formulário de cadastro */
    /* ul.form-cadastro { padding: 0; } */
    ul.form-cadastro p { display: block; text-align: left; width: 100%; }
    ul.form-cadastro input { width: 100%; }

    /* area do cliente */
    .login-cliente button.button-marrom{ margin-bottom: 10px; }

    .btns-confirmacao { padding: 0; }

    .btns-confirmacao button:first-child { margin: 0 0 10px 0; }
}





@media screen and (max-width: 366px) {
   
    /* etapas do processo */
    .etapas-compra ul li.dados-entrega a {
        padding: 0px 0px 0px 28px !important;
        width: 95px; }

    .etapas-compra li { width: 30px !important; }

    .produtos-linha .produtos-cols .produto-qtd { margin-left: 90px; }
    li.add-carrinho div.sel-qntd { width: 60px; }
    input.input-qtd { width: 25px; }

    /* Listagem produtos */
    /* .produtos-linha .produtos-cols li { padding: 15px 0 0 0; }
    .produtos-linha .produtos-cols li.remove { padding: 0 15px 0 0 !important; } */

    li.add-carrinho div.sel-qntd > span { 

     }
}