
@media screen and (max-width: 1030px)
{
    .itens a{
        color: white;
        text-decoration: none;
        margin-right: 7px;
        font-size: 17px;
    }


    footer{
        margin-top: 10px;
        min-height: 340px;
        height: 95%;
    }

    footer .textdr-desktop{
        display: none;
    }

    footer .textdr{
        display: block;
        border-top:1px solid black;
        margin-top:30px;
        padding-top: 24px;
        color: white;
    }

    footer .textdr a{
        color: white;
        line-height: 35px;
    }

      /* Menu foote */
      footer .menu,
      footer .menu > .itens,
      footer .menu > .text{
          display: block;
          width: 100%;
          text-align: center;
      } 
      footer .menu > .itens a{
          width: 30%;  
          margin: 0px auto; 
          margin-bottom: 20px;
          display: block;
          text-align: center;
      }
  /**/
}

@media screen and (max-width: 922px)
{   
    .div-1{
        display: inline-block;
        width: 38%;
        height: 130px;
        margin-left: 1%;
        margin-bottom: 10px;
        background-color: #ffffff;
        background-image: url('/ja-papel-mimoso/imagens/logo-mimo.avif');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .div-2{
        display: inline-block;
        width: 100%;
        height: auto;
        /* background-color: hsl(138, 100%, 57%); */
        text-align: center;
        padding: 0px 1%;
    }
    
    .div-2 a{
        display: inline-block;
        margin-top: 17px;
        padding: 8px 10px;
        border-radius: 20px;
        text-decoration: none;
        text-align: center;
        color: white;
        background-color: #019b8b;
    }

    .desativar-no-mobile{
        display: none!important;
    }

    section.main .main-mobile-div {
        display: block;
        position: relative;
        left: 0px;
        top: -7px;
    }

    .img-container-mobile{
        height: 279px;
    }

    .mobile-section-text{
        margin-top: -472px!important;
    }

    .politica-de-privacidade {
        width: 90%;
        height: 86vh;
        display: inline-block;
        position: fixed;
        left: 5%;
        top: 70px;
        z-index: 10;
        border: 3px solid rgb(216, 207, 207);
        border-radius: 9px;
        background-color: white;
        overflow-y: scroll;
        overflow-x: none;
    }

    .tipo-de-compra{
        text-align: center;
        background-color: rgb(255, 156, 27);
        padding: 1.6% 0%;
        border-radius: 30px;
        width: 75%;
        font-size: 68%;
        color: rgb(0 0 0);
    }

    .box-alert {
        width: 90%;
        position: fixed;
        top: 50px;
        left: 5%;
        border-radius: 5px;
        text-align: center;
        z-index: 10;
    }

    .full .text {
        width: 90%;
        z-index: 100;
    }

    /* Area do cliente */
    .btn-areaDoCliente {
        display: inline-block;
        width: 70%;
        text-align: center;
        margin:6px 12px;
        padding: 70px 4px;
        border-radius: 6px;
        font-size: 19px;
        text-decoration: none;
        color: white;
    }
    /**/

/* Mobile */
    .whay .center #produtos{
        width: 100% !important;
    }
    .menu .logo{
        width: 31%!important;
        padding-left: 20px;
        margin-top: 3px;
    }
    .menu .logo img{
        width: 122px!important;
    }
    .btn-mobile{
        display: inline-block;
        width: 55px;
        height: 55px;
        margin-top: 36px;
        position: absolute;
        right: 5%;
        cursor: pointer;
        background-image: url("../imagens/menu-mobile.png");
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
    }

    .pesquisar{
        margin-left: 9%;
    }

    .mdl{
        display: none !important;
    }

    /* container slide mobile */
        .container-slider2 img{
            width: 329px !important;
            height: 280px !important;
            cursor: pointer;
            border-radius: 10px;
            overflow: hidden;
        }

        .container-slider2{
            width: 100%;
        }
    /*  */
    .menu .itens{
        display: none;
    }

    .menu{
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .main > div.center{
        padding: 0% !important;
    }

    
    .menu .itens-mobile{
        display: none;
        width: 100%;
        /* height: auto!important; */!importante;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
        opacity: 1;
        position: absolute;
        top: 145px;
        right: 0px;
        /* background-color: white; */
        transition: 0.5s;
        overflow: hidden;
    }
    .itens-mobile a{
        width: 100%;
        text-align: center;
        display: inline-block;
        color: #000000;
        padding: 10px 0px;
        text-decoration: none;
        border-bottom: 1px solid #6e6e6e45;
        font-weight: 500;
        background-color: white;
    }.show{display: inline-block !important;height:280px !important;}
    .esconder{display: inline-block !important;height:0px !important;}

    .produto-single{
        width: 48%;
        padding: 5px;
        margin-left: -5px;
    }

    /* categoria mobile configurações */
    .produtos-categoria{
        display: none;
    }
    .produtos-categoria-mobile{
        display: inline-block;
        min-width: 100%;
        /* overflow: scroll; */
        /* overflow-x: scroll!important; */
        /* overflow-y: hidden!important; */
        height: 80px;
        margin-top: 30px;
        padding-left: 3px;
    }.produtos-categoria-mobile h4{
        margin-top: 11px;
        text-align: left;
    }.produtos-categoria-mobile div{
        width: 60px;
        /* height: 40px; */
        display: inline;
        text-align: left;
        padding-left: 1px;
    }.produtos-categoria-mobile div a{
        margin-top: 20px;
        text-decoration: none;
        color: black;
    }.produtos-categoria-mobile div a:hover{
        color: rgb(255, 115, 0);
    }

    .whay > .center h2{
        margin-top: 5px;
        font-size: 16px;
    }
    /* categoria */

    .blue{
        display: block;
        width: 100%;
    }
    
    .blue input{
        width: 79%!important;
    }
    .blue input[type="number"]{
        width: 15%!important;
        text-align: center;
        padding-left: 5px!important;
    }

    .img img {
        width: 100%;
    }

    .produtos-r .flex{
        flex-wrap: wrap;
    }

    .mobile{
        display: inline-block!important;
    }

    .outrosmdc-mobile{
        width:55%!important;
    }

    .img-mobile-modal{
        width: 79%!important;
    }

    .flex .produto-single{
        width: 100%;
        padding: 10px 10px!important;
        /* text-align: center; */
    }
    .flex .produto-single .inline, .flex .produto-single .img-mobile{
        width: 100%;
        text-align: left;
        padding: 0px 0px!important;
    }
    .flex .produto-single .inline .dsc {
        width: 100%;
        text-align: left;
        padding: 20px 0px!important;
    }
    .flex .produto-single spam{
        width: 100%;
        text-align: left;
    }

    .produtos-r .produto-single{
        width: 50% !important;
        margin-left: -5px;
    }

    /* carrinho */
    section.pagcarrinho .produto-no-carrinho{
        width: 100% !important;
        margin-left: 0px!important;
    }
    section.pagcarrinho .produto-no-carrinho *{
        display: block;
        width: 100%;
        padding-left: 1%;
        margin-bottom: 10px;
        z-index: 1;
    }
    /* ----------- */

    footer{
        margin-top: 20vh;
        height: 80%;
    }

    footer .textdr{
        border-top: 1px solid #27daf9;
        margin-top:30px;
        padding-top: 24px;
        color: white;
    }

    footer .textdr a{
        color: white;
        line-height: 35px;
    }
}

@media screen and (max-width: 780px){
    section.marcas > .center{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .marcas img{
        width: 100%;
        max-width: 190px;
        margin-bottom: 20px;
    }

    /* .whay .diferenciais{
        flex-direction: column;
    } */
    
    .whay .box{
        width: 100%;
        margin-top: 18px;
    }

    .bpv > .center{display: block;}

    .bpv .text{
        width: 100%;
        text-align: center;
        display: inline-block;
        margin: 0 auto;
    }

    .bpv .text .cheklist{
        margin-left: 10%;
        text-align: left;
    }

    .bpv .img{
        width: 100%;
    }

    /* Menu */
   
    /* Menu foote */
        footer .menu,
        footer .menu > .itens,
        footer .menu > .text{
            display: inline-block;
            width: 100%;
            text-align: center;
        } 
        footer .menu > .itens a{
            width: 30%;  
            margin: 0px auto; 
            margin-bottom: 20px;
            display: block;
            text-align: center;
        }
    /**/
}