@media ( max-width: 1000px ) {


    .travessaHeader {
        height: 60px;
        height: 16vw;
        background-size: calc(100% - 40px);
        background-image: url(images/headerMobile.svg);
        background-position: center;
        z-index: 2;
        transition: 0.6s opacity;
    }

    h2 {
        margin: 30px auto 40px auto;
        font-size: 26px;
        max-width: calc(100% - 40px);
        line-height: 1.2;
    }

    p.center {
        max-width: 90%;
        margin: auto;
    }

    .menu {
        padding: 0;
        position: relative;
        z-index: 1;
        background: white;
    }

    .page.entrega {
        max-width: 90%;
    }

    .menu:before {
        content: '';
        width: 30px;
        height: 30px;
        background: url(images/mobileMenu.svg);
        position: absolute;
        left: 20px;
        top: 15px;
        transition: 0.3s all;
    }

    .menu.open:before {
        transform: rotate(90deg);
    }

    .menu > ul {
        justify-content: flex-end;
        padding: 0;
    }

    .menu.open > ul {
        display: block;
        /* padding-top: 60px; */
        background: white;
        height: auto;
        position: relative;
        top: 60px;
        padding-bottom: 20px;
        border-top: 1px solid black;
    }

    .menu.open .icon {
        top: -43px;
    }

    .menu > ul > li {
        display: none;
        padding: 10px 20px;
        font-size: 19px;
        border-bottom: 1px solid black;
    }

    .menu.open > ul > li {
        display: block;
    }

        .menu.open > ul > li:first-of-type {
            /* border-top: 1px solid black; */
        }

    .menu .icon {
        display: block;
        position: absolute;
        height: auto;
        top: 17px;
    }

        .menu .icon.sacola {
            right: 90px;
        }

        .menu .icon.desejo {
            right: 55px;
        }

        .menu .icon.usuario {
            right: 20px;
        }

        .menu .icon.busca {
            right: 30px;
            padding: 0;
            border: none;
        }

    .menu .busca-bar {
        display: block;
       /* left: 70px;*/
        right: 125px;
    }

    .txtBusca {
        display: block;
        position: absolute !important;
        border: 1px solid #ccc !important;
        padding: 5px 0px 5px 0px;
        left: 70px;
        height: 32px !important;
        flex: 1 1 auto;
        min-width: calc(100% - 230px) !important;
        width: 140px !important;
        box-sizing: border-box !important;
        margin: 0 0px 0 0px;
        cursor: auto;
    }

    .bannerTop {
        font-size: 0.6rem !important;
        text-decoration: none !important;
        color: black !important;
    }


        .bannerTop:hover {
            color: black !important;
            color: var(--travessaRed) !important;
            text-decoration: underline !important;
        }

    /*    .menu .busca:before {
        left: 0;
        top: 0;
    }

    .menu .busca input {
        position: absolute;
        top: -4px;
        transition: 0s all;
        font-size: 16px;
    }

        .menu .busca input:focus {
            transition: 0.3s all;
            left: 0;
            width: calc(100% - 30px);
        }*/

    .focusBusca .menu .icon,
    .focusBusca .travessaHeader a.facebook,
    .focusBusca .travessaHeader a.instagram,
    .focusBusca .travessaHeader a.youtube
    {
        display: none;
    }

    .focusBusca .menu .busca {
        display: block;
        left: 80px;
        right: 20px;
    }

    .menu .sacola.showCount:after {
        left: 6px;
        top: 8px;
    }

    .menu > ul > li:hover > ul {
        position: relative;
        top: 0;
        border: 0;
        padding: 15px 0 0 50px;
    }

        .menu li li {
        font-size: 18px;
    }

    .fixedMenu .menu {
        top: 16vw;
        z-index: 2;
        background: white;
    }

    .fixedMenu .travessaHeader {
    }

        .fixedMenu .travessaHeader a.facebook,
        .fixedMenu .travessaHeader a.instagram {
            top: 0;
        }

    .hideMenu .menu > ul {
        display: none;
    }

    .travessaHeader a.home {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .travessaHeader.whiteBG:before,
    .travessaHeader.whiteBG:after {
        display: none;
    }

    .travessaHeader a.facebook,
    .travessaHeader a.instagram,
    .travessaHeader a.youtube {
        display: none;
    }

    .menu a.facebook {
        right: 55px;
        background-image: url(images/facebook.svg);
    }

    .menu a.facebook,
    .menu a.instagram,
    .menu a.youtube {
        left: auto;
        bottom: auto;
        top: 17px;
        transition: none;
        width: 25px;
        height: 25px;
        position: absolute;
        background-size: cover;
        background-position: center;
        display: block;
    }

    .menu a.instagram {
        right: 20px;
        background-image: url(images/instagram.svg?v2);
    }

    .menu a.youtube {
        right: 15px;
        background-image: url(images/youtube.svg?v2);
    }
    input, textarea {
        border-radius: 0;
    }

    .productCarousel {
        max-width: 100%;
        margin: 20px auto;
    }

    .catList .productBox {
        height: 400px;
    }

    .productBox > div {
        width: calc(50vw - 50px);
        /* margin: 20px auto; */
        /* max-width: 45vw; */
    }

    .productBox .cover {
        width: 100%;
    }

    .productBox img {
        max-width: 100%;
    }

    .productBox .title {
        font-size: 15px;
    }

    .productBox .subtitle {
        font-size: 13px;
    }

    .productBox button {
        opacity: 1;
        display: block;
        margin: 10px auto;
    }

    .page.didaticosIndividual .productBox.selected button.secondary {
        display: inline-block;
        padding: 9px 15px;
    }

    .content > .bannerSmall,
    .content > .bannerMed {
        max-width: 90%;
    }

    footer nav {
        flex-direction: column;
        max-width: 90%;
        padding: 0;
    }

        footer nav h3 {
            font-size: 18px;
            font-weight: 600;
        }

        footer nav ul {
            font-size: 16px;
        }

        footer nav > div {
            padding: 30px;
        }

            footer nav > div:last-of-type {
                flex: auto;
                padding: 30px;
                justify-content: flex-start;
            }

    footer .banner {
        padding: 5px;
        bottom: 0;
    }

        footer .banner form {
            flex-direction: column;
        }

            footer .banner form > * {
                margin: 5px;
            }

            footer .banner form input,
            footer .banner form button {
                width: 200px;
            }

    footer a.facebook {
        margin-right: 10px;
        background-image: url(images/facebook.svg);
    }

    footer a.instagram {
        background-image: url(images/instagram.svg);
    }
    footer a.youtube {
        margin-left: 10px;
        background-image: url(images/youtube.svg);
    }

    footer a.facebook,
    footer a.instagram,
    footer a.youtube {
        padding-bottom: 30px;
        margin-bottom: 30px;
        transition: none;
        width: 25px;
        height: 25px;
        background-size: cover;
        background-position: center;
        display: block;
    }

    .singleProduct .main {
        padding: 0 20px;
    }

    .singleProduct .cover {
        max-width: 100%;
        max-height: 50vh;
        margin: 20px auto 40px auto;
        height: auto;
        display: block;
    }

    .singleProduct .breadCrumbs,
    .singleProduct h3,
    .singleProduct .descricao,
    .singleProduct .disponibilidade,
    .singleProduct .cep,
    .singleProduct .autordiretor,
    .singleProduct .valor,
    .singleProduct .adicionarSacola,
    .singleProduct .heart {
        position: relative;
        left: auto;
        top: auto;
        margin: 15px auto;
        max-width: none;
    }

    .singleProduct .adicionarSacola {
        display: inline-block;
    }

    .singleProduct .heart {
        display: inline-block;
        margin-left: 20px;
        /* float: right; */
    }

    .singleProduct .valor {
        margin: 20px auto;
        /* display: block; */
        /* max-width: fit-content; */
    }

    .singleProduct .cep button {
        float: none;
    }

    .singleProduct .sinopse, .singleProduct .leiamais {
        max-width: 90%;
        margin: auto;
    }

    .singleProduct .leiamais {
        margin-bottom: 20px;
    }

    .a2a_kit {
        display: flex;
        justify-content: center;
    }

    .subcats {
        flex-direction: column;
        position: relative;
        width: calc(100vw - 40px);
    }

        .subcats > * {
            margin: 5px 0;
        }

        .subcats + .catList {
            margin-top: 300px;
            margin: auto;
        }

    .page.didaticos .escolas {
        display: flex;
        max-width: 100%;
        justify-content: space-between;
    }

        .page.didaticos .escolas > a,
        .page.didaticos .escolas .imgHolder,
        .page.didaticos .maisEscolas {
            width: calc(50vw - 30px);
            max-width: none;
            /* margin: auto; */
        }

        .page.didaticos .escolas .imgHolder,
        .page.didaticos .maisEscolas {
            height: calc(50vw - 30px);
        }

    .travessaTable {
        max-width: 90%;
        overflow: hidden;
    }

        .travessaTable th,
        table.mobile th {
            display: none;
        }

        .travessaTable td,
        table.mobile td {
            display: block;
            text-align: left !important;
            padding: 15px;
            border-bottom: 1px solid #ccc;
            position: relative;
        }

            .travessaTable td:last-of-type,
            table.mobile td:last-of-type {
                border: none;
            }

            .travessaTable td > *,
            table.mobile td > * {
                vertical-align: middle;
            }

            .travessaTable td:before,
            .travessaTable td + td:before,
            table.mobile td + td:before,
            table.mobile td:before {
                content: attr(data-header) ": ";
                font-weight: 600;
                border: none;
                position: relative;
                left: auto;
                height: auto;
                top: 2px;
                width: auto;
                background: transparent;
                display: inline-block;
                margin-right: 15px;
            }

            .travessaTable td:after,
            table.mobile td:after {
                display: block;
                position: relative;
                bottom: auto;
                left: 51px;
                right: auto;
                text-align: left;
                top: 10px;
            }

        .travessaTable .remover {
            display: inline-block;
            margin-top: -20px;
        }

        .travessaTable tr + tr,
        table.mobile tr + tr {
            border: 1px solid black;
            display: block;
        }

            .travessaTable tr + tr + tr,
            table.mobile tr + tr + tr {
                margin: 50px 0;
            }

    table.mobile {
        margin: auto;
    }

        table.mobile td {
            border: none;
            border-bottom: 1px solid black;
        }

    .travessaForm .formLine .w40,
    .travessaForm .formLine .w35,
    .travessaForm .formLine .w30,
    .travessaForm .formLine .w25,
    .travessaForm .formLine .w20 {
        width: 50%;
    }

    .travessaForm .formLine .w100,
    .travessaForm .formLine .w70,
    .travessaForm .formLine .w65,
    .travessaForm .formLine .w60,
    .travessaForm .formLine .w50 {
        width: 100%;
    }

        .travessaForm .formLine .w100 label,
        .travessaForm .formLine .w70 label,
        .travessaForm .formLine .w65 label,
        .travessaForm .formLine .w60 label,
        .travessaForm .formLine .w50 label {
            margin-top: 0;
        }

    .travessaForm .formLine {
        flex-wrap: wrap;
    }


        .travessaForm .formLine input,
        .travessaForm .formLine.simple input {
            width: 100%;
        }

        .travessaForm .formLine label {
            margin-top: 5px;
        }

    .travessaForm .stars {
        position: relative;
        top: 3px;
    }

        .travessaForm .stars i {
            width: 25px;
            height: 25px;
            margin: 3px;
        }

    .minhaSacola .formLine.checkbox {
        max-width: 100%;
    }

    .minhaSacola .cep #txtCep1 {
        width: calc(100% - 220px);
        text-align: center;
        margin-left: 10px;
    }

    .minhaSacola .cep .button {
        float: right;
    }

    .minhaSacola .cep .valor {
        position: relative;
        margin-top: 10px;
    }

    .minhaSacola .final .button {
        min-width: auto;
    }

    .minhaSacola .quantidade {
        margin: 10px 0;
    }

    .minhaSacola.travessaForm .formLine .w50 {
        width: 50%;
    }

    .page.desejo.travessaForm {
        flex-direction: column;
        align-items: center;
    }

    .parisStreet {
        margin: 10px;
    }


    .desejoTable .remover {
        margin: auto;
    }

    .desejoTable .checkbox {
        width: auto;
        display: inline-block;
        margin: auto;
    }

    .desejoTable.travessaForm table div.checkbox label:before {
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .desejoTable.travessaForm table + div {
        display: flex;
        flex-direction: column;
        margin-top: -20px;
    }

        .desejoTable.travessaForm table + div > a {
            margin: 10px 0 !important;
        }

    .page {
        max-width: calc(100% - 40px);
        margin: auto;
    }

        .page.cadastroSucesso {
            text-align: center;
        }

        .page.presenteMsg {
            max-width: 90%;
        }

    .searchPage form {
        display: block;
        position: relative;
        min-height: auto;
    }

        .searchPage form > div {
            width: 100%;
        }

    .searchPage .results {
        margin: auto;
        top: auto;
    }

    .pedidos .presente {
        display: inline-block;
    }

    .page.pedidos #txtNumPedido,
    .page.pedidos select {
        margin-top: 6px;
    }

    .page.pedidos.travessaForm .formLine.singleHeight,
    .page.pedidos.travessaForm .checkbox {
        margin-bottom: 30px;
    }

    table.border td, table.border th {
        vertical-align: middle;
    }

    .page.programaPontosPrincipal a.checkbox {
        letter-spacing: -0.3px;
    }

    .atendimentoCliente {
        font-size: 16px;
    }

    label[for=chkEventos],
    label[for=chkSugestoes] {
        line-height: 1.15;
        display: inline-block;
        letter-spacing: -0.3px;
    }

    .pedidos.busca .confirmacao,
    .pedidos.busca .nota {
        line-height: 1.2;
        padding-left: 40px;
    }

        .pedidos.busca .confirmacao:before,
        .pedidos.busca .nota:before {
            position: absolute;
            left: 0;
            margin-top: 0;
        }

        .pedidos.busca .confirmacao:after,
        .pedidos.busca .nota:after {
            margin-top: 5px;
        }

    .page.programaPontos .pontosSobre {
        /* font-size: 16px; */
    }

        .page.programaPontos .pontosSobre div + div {
            flex: auto;
            line-height: 1.2;
            font-size: 27px;
            text-align: left;
        }

        .page.programaPontos .pontosSobre div br {
            display: block;
        }

    .page.programaPontos table.pontos td {
        display: block;
        text-align: left;
        line-height: 1.2;
        margin-bottom: 3px;
    }

        .page.programaPontos table.pontos td + td {
            margin-bottom: 20px;
            font-weight: 600;
        }

    .page.programaPontos table.pontos tr:last-of-type td + td {
        margin-bottom: 0;
    }

    .page.programaPontos p {
        line-height: 1.3;
        margin: 20px 0;
    }

    .page.programaPontos h3 {
        text-align: center;
    }

    .page.topicos .faleconosco > .opcoes {
        display: block;
    }

    .page.topicos .faleconosco input {
        width: 100%;
    }

    .page.topicos textarea {
        height: 150px;
    }

    .subcats > a {
        text-align: left;
    }

    .scrollBox {
        display: block;
        max-height: none;
    }

        .scrollBox > .photo {
            width: 100%;
            display: block;
            height: 110vw;
            position: relative;
        }

        .scrollBox img {
            height: auto;
            width: 100%;
            position: absolute;
            top: -10vh;
            /* bottom: 0; */
            /* margin: auto; */
            /* left: 0; */
            /* right: 0; */
            /* display: block; */
        }

        .scrollBox .text {
            border: none;
            margin-top: 30px;
            overflow: initial;
        }

    .searchPage .results section {
        padding: 0;
    }

        .searchPage .results section > a:first-of-type {
            width: 100%;
            max-width: 25vh;
            margin: 30px auto;
        }

        .searchPage .results section > a {
            height: auto;
            display: inline-block;
            display: block;
            width: 100%;
        }

        .searchPage .results section img {
            display: block;
            position: relative;
        }

    .searchPage .call2action.button {
        left: auto;
        right: 0;
    }

    .searchPage .results section > a h3 {
        font-size: 18px;
    }

    .page.minhaSacola .quantidade span {
        background: black;
        color: white;
        display: inline-block;
        /* padding: 5px 10px; */
        height: 35px;
        line-height: 35px;
        width: 35px;
        vertical-align: top;
        text-align: center;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
        font-size: 16px;
        font-weight: 600;
        float: left;
    }

    .page.minhaSacola .quantidade {
        min-width: 130px;
        vertical-align: middle;
    }

        .page.minhaSacola .quantidade input {
            max-width: 50px;
            display: inline-block;
            vertical-align: top;
            height: 35px;
            font-size: 16px;
            float: left;
        }

            .page.minhaSacola .quantidade input::-webkit-inner-spin-button,
            .page.minhaSacola .quantidade input::-webkit-outer-spin-button {
                -webkit-appearance: none;
                -moz-appearance: textfield;
                margin: 0;
            }

    .bannerFull.quem {
        position: relative;
        height: 70vw;
        display: block;
        margin-bottom: 20px;
    }

        .bannerFull.quem img {
            height: 100%;
            width: auto;
            max-width: none;
            position: absolute;
            right: 0;
        }

    .authorBox {
        max-width: calc(100vw - 40px);
        display: block;
    }

        .authorBox img {
            float: none;
            max-width: 100%;
            width: 100%;
            margin: 15px auto;
            display: block;
        }

    .didaticosIndividual .catList {
        max-width: 100%;
    }
    .contentHot {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
}