@media screen and (max-width: 1366px) {
    /*.produtos .item {
        width: 318px;
    }*/
}
@media screen and (max-width: 1280px) {
    .roa {}
    /*.produtos .item {
        width: 290px;
    }*/
}
@media screen and (max-width: 1190px) {
    /* Header */
    header .w-busca {
        /* background: none; border: 2px solid #d9d9d9; border-radius: 3px; height: 54px;*/
        width: 250px;
    }
}
@media screen and (max-width: 1024px) {
    /* Pagamento */
    table td {
        padding: 8px 4px;
    }
    /*@media screen and (max-width: 980px), screen and (max-height: 650px) {*/
    .wrapper {
        margin: 0 auto;
        padding: 0;
        max-width: 100%;
        overflow: hidden;
    }
    .wrap {
        width: 100%;
        padding: 0 20px !important;
    }
    .produto-compra .valor .wrap-btn-comprar {
        width: 70%;
        margin: 0;
    }
    .btns-carrinho .wrap-btn-comprar, .resumo-btns .wrap-btn-comprar, .buttons .wrap-btn-comprar {
        width: 100%;
        margin: 0;
    }
    /* Grid */
    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
        margin: 0 !important;
        width: 100%;
    }
    .fl, .fr {
        float: none !important;
    }
    .banners-topo .banner-topo-1, .banners-topo .banner-topo-2, .banners-topo .banner-topo-3 {
        float: left;
        padding: 6px;
    }
    /* Header*/
    header {
        display: none !important;
    }
    .header-mobile {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2000;
        box-shadow: 0 3px 25px rgba(0, 0, 0, 0.25);
    }
    .header-mobile .top-bar {
        background: #272323;
        height: 60px;
        padding: 0;
    }
    .header-mobile .top-bar a {
        float: right;
        height: 60px;
        width: 48px;
        text-decoration: none;
        position: relative;
        text-align: center;
    }
    .header-mobile .top-bar a:first-child {
        margin-right: 5px;
    }
    .header-mobile .top-bar a[data-sc-itens]:after {
        content: attr(data-sc-itens);
        position: absolute;
        color: #da6700;
        top: 3px;
        right: 0;
        background: #fff;
        font: 700 11px/19px 'Avenir Next W01', Arial, Helvetica, sans-serif;
        height: 19px;
        width: 19px;
        border-radius: 50%;
        white-space: nowrap;
        text-align: center;
    }
    .header-mobile .top-bar a i {
        display: block;
        width: 100%;
        height: 40px;
        color: #da6700;
        font-size: 22px;
        line-height: 40px;
        padding: 5px 0 0;
        text-align: center;
        transition: all 0.35s ease;
    }
    .header-mobile .top-bar span {
        display: block;
        height: 20px;
        color: #fff;
        font: 700 8px/12px 'Avenir Next W01', Helvetica, sans-serif;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }
    .header-mobile .top-bar a.navicon span {
        line-height: 12px;
    }
    .header-mobile .top-bar a.on {
        background: #fff;
    }
    .header-mobile .top-bar a.on i, .header-mobile .top-bar a.navicon.on i, .header-mobile .top-bar a.on span {
        color: #fff;
    }
    .header-mobile .top-bar a.navicon {
        float: left;
    }
    .header-mobile .on .wrap {
        padding: 0;
    }
    .header-mobile .on ul {
        padding: 0;
        margin: 0;
    }
    .header-mobile .on ul li {
        list-style: none;
    }
    .header-mobile .on ul li a {
        color: #fff;
        display: inline-block;
        font: 600 11px/35px 'Avenir Next W01', Arial, Helvetica, sans-serif;
        letter-spacing: 0.5px;
        width: 100%;
        margin: 0;
        padding: 0 30px;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
    }
    .header-mobile .on ul li a span {
        display: none;
        background-size: contain;
        margin: 5px 15px 5px 0;
        width: 40px;
        height: 40px;
        vertical-align: middle;
    }
    .header-mobile .ico-carrinho {
        background: url(/assets/images/layout/ico-cart.png) center 7px no-repeat;
    }
    .header-mobile .ico-conta {
        background: url(/assets/images/layout/ico-user.png) center 7px no-repeat;
    }
    .header-mobile .top-bar a.logotipo {
        height: auto;
        margin: 0 auto;
        padding: 5px 0;
        line-height: 0;
        text-decoration: none;
        width: 118px;
        text-align: center;
        float: none;
        display: block;
    }
    .header-mobile .top-bar a.logotipo img {
        display: inline-block;
        max-width: 100%;
        max-height: 50px;
    }
    .header-mobile .busca-bar {
        padding: 10px 8px;
        background: #da6700;
        box-shadow: 0 5px 35px rgba(0, 0, 0, 0.35);
    }
    .header-mobile .busca-bar .busca {
        border: 0;
        background: #fff;
        border-radius: 35px;
        color: #444;
        float: left;
        font: 700 10px/36px 'Avenir Next W01', Helvetica, sans-serif;
        letter-spacing: 0.5px;
        text-transform: none;
        height: 40px;
        outline: none;
        padding: 0 25px;
        text-transform: uppercase;
        width: 100%;
    }
    .header-mobile .busca-bar .busca::placeholder {
        color: #444;
    }
    .header-mobile .busca-bar .btn-buscar {
        background: none;
        border: 0;
        float: right;
        width: 50px;
        height: 36px;
        color: #da6700;
        font-family: 'FontAwesome';
        font-size: 22px;
        padding: 0;
        position: absolute;
        right: 8px;
    }
    .header-mobile nav {
        display: block;
        background: #221e1f;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        max-width: 350px;
        overflow: auto;
        position: fixed;
        top: 0;
        left: -400px;
        transition: all 0.5s ease;
        z-index: 999999;
    }
    .header-mobile nav.on {
        left: 0;
    }
    .header-mobile nav>ul {
        height: auto;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .header-mobile nav>ul>li {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .header-mobile nav>ul>li>a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        color: #fff;
        display: block;
        font: 700 11px/44px 'Avenir Next W01', Helvetica, sans-serif;
        letter-spacing: 0.5px;
        padding: 0 23px;
        position: relative;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
    }
    .header-mobile nav>ul>li.list-cat>.nm:after {
        content: '\f054';
        position: absolute;
        color: white;
        top: 0;
        right: 0;
        font-family: 'FontAwesome';
        font-size: 12px;
        line-height: 50px;
        height: 50px;
        white-space: nowrap;
        text-align: center;
        width: 50px;
        text-shadow: none;
    }
    .header-mobile nav>span {
        display: block;
        background: rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.075);
        color: #fff;
        display: block;
        font: 700 11px/55px 'Avenir Next W01', Arial, Helvetica, sans-serif;
        letter-spacing: 2px;
        padding: 0 20px;
        text-decoration: none;
        text-transform: uppercase;
    }
    .header-mobile nav .login-box {
        background: rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.075);
    }
    .header-mobile nav .login-box .login-box-login {
        display: block;
        color: #fff;
        font: 500 13px/20px 'Avenir Next W01', Helvetica, sans-serif;
        text-decoration: none;
        padding: 20px;
    }
    .header-mobile nav .login-box .login-box-login:first-line {
        font-weight: 700;
        font-size: 14px;
    }
    .header-mobile nav .login-box .login-box-login i {
        color: #da6700;
        float: left;
        font-size: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 10px 0 0;
    }
    .header-mobile nav .login-box .login-box-login a {
        color: #fff;
        text-decoration: none;
    }
    .submenu {
        display: none;
        background: rgba(0, 0, 0, 0.15);
        box-shadow: inset 10px 10px 20px rgba(0, 0, 0, 0.15);
        padding: 5px 10px 20px !important;
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-left: 0;
        z-index: auto;
    }
    .submenu.on {
        display: block;
    }
    .submenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .submenu ul li {
        list-style: none;
        padding: 0 20px;
        position: relative;
    }
    .submenu ul li a {
        border: 0;
        color: #fff;
        display: block;
        font: 700 10px/26px 'Avenir Next W01', Helvetica, sans-serif;
        letter-spacing: 0.5px;
        margin: 0;
        padding: 5px 10px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
    }
    .submenu a.ico-marcas {
        background: #fff;
        border-radius: 2px;
        display: inline-block !important;
        margin: 5px 1% !important;
        line-height: 50px;
        padding: 10px !important;
        width: 46% !important;
        vertical-align: middle;
        text-align: center !important;
    }
    .submenu a.ico-marcas img {
        display: inline-block;
        max-height: 50px;
        margin: 0 auto;
        max-width: 100%;
        vertical-align: middle;
    }
    .third-menu {
        display: none;
    }
    .header-mobile .on ul.third-menu li a {
        color: #fff;
        display: inline-block;
        font: 500 13px/45px 'Avenir Next W01', Arial, Helvetica, sans-serif;
        padding: 0 45px !important;
    }
    .third-parent:after {
        content: "+";
        position: absolute;
        color: white;
        top: 0;
        right: 0;
        font-size: 26px;
        line-height: 65px;
        height: 65px;
        white-space: nowrap;
        text-align: center;
        width: 50px;
        text-shadow: none;
        color: rgba(0, 0, 0, 0.35);
    }
    /* Footer */
    .etc>.wrap>div {
        top;
        width: 100%;
        padding: 20px;
        text-align: center;
    }
    .etc>.wrap>div .mailing {
        width: 100%;
        margin: 0 0 10px !important;
    }
    .etc>.wrap>div .btn-ok {
        margin: 10px 0;
        width: 100%;
    }
    footer .col-4, footer .col-4:nth-child(2) {
        display: inline-block;
        float: none;
        width: 50%;
        padding: 30px;
        vertical-align: top;
    }
    /* Banners */
    .pub .bx-controls {
        display: none;
    }
    .pub .arrow.left {
        left: 10px;
    }
    .pub .arrow.right {
        right: 10px;
    }
    .banners-home {
        margin: 0;
        padding: 20px 0;
    }
    .banners-regras {
        display: none;
    }
    /* Menu Lateral */
    .wrap-lateral .wlateral p.tags.info {
        font-size: 14px;
        padding: 0;
    }
    .wrap-lateral .categorias ul li a {
        padding: 5px 2px;
    }
    /* Identificação, Cadastro & Minha Conta */
    .account-column {
        float: none;
        width: 100%;
    }
    .form-cadastro {
        padding: 0 10px;
    }
    .form-cadastro .panel {
        width: 100%;
    }
    .tbl-list tr:nth-child(even) {
        background-color: #f5f5f5;
    }
    .tbl-list tr:nth-child(even) td {
        border-bottom: 1px solid #fff;
    }
    /* Pagamento */
    .checkout-column {
        float: none;
        width: 100%;
        padding: 0;
    }
    .produto-compra .valor .wrap-btn-comprar .btn-comprar, .wrap-btn-comprar .btn, .btn-comprar {
        width: 100%;
    }
    .btn-comprar {
        padding: 0;
    }
    .lbl-1-2, .lbl-1-3, .lbl-2-3, .lbl-1-4, .lbl-3-4, .checkout-column.checkout-resumo {
        width: 100%;
    }
    /* Content */
    .content {
        margin: 20px auto;
        padding: 0;
    }
    .list {
        margin: 0;
        padding: 5px 25px 15px;
    }
    .list li {
        color: #666;
        font: 13px/30px Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
    }
    .side-content {
        float: right;
        width: 840px;
    }
    .c-verde {
        color: #89c051 !important;
    }
    /* Produtos */
    .wrap-lateral {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .wrap-listagem, .wrap-listagem.listagem-interna {
        float: none;
        width: 100%;
    }
    .side-content {
        float: none;
        width: 100%;
        padding: 0 5px;
    }
    .produto {
        margin: 0 0 30px;
    }
    .produto-fotos {
        float: none;
        width: 100%;
    }
    .produto-fotos .wfoto {
        background: #fff;
        border: 0;
        border-radius: 0;
        height: auto;
        text-align: center;
        overflow: hidden;
    }
    .produto-fotos .wfoto ul, .produto-fotos .wfoto ul li {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .produto-fotos .wfoto ul li a {
        display: inline-block;
    }
    .produto-fotos .wfoto ul li a img {
        display: block;
        width: 100%;
        max-height: none;
    }
    .produto-fotos .mais-fotos {
        margin: 5px 0 15px;
        text-align: center;
    }
    .produto-fotos .mais-fotos .tfoto {
        border: 1px solid #eee;
        display: inline-block;
        float: none;
        height: auto;
        margin: 2.5px;
        width: 68px;
        padding: 2px;
        overflow: hidden;
    }
    .produto-fotos .mais-fotos .tfoto.active {
        border: 1px solid #222;
    }
    .produto-fotos .mais-fotos .tfoto img {
        max-width: 100%;
        display: block;
    }
    .produto-info, .produto-compra {
        background: #fafafa;
        clear: both;
        float: none;
        padding: 15px 5px;
        width: 100%;
    }
    .produto-info {
        border-top: 1px solid rgba(0, 0, 0, 0.075);
        padding-bottom: 0;
    }
    .produto-compra {
        border-bottom: 1px solid rgba(0, 0, 0, 0.075);
    }
    .produto-info h2, .produto-info .sku, .produto-info p.tags, .produto-info p.disponibilidade, .produto-info .avaliacao-nota, .produto-compra {
        width: 100%;
    }
    .produto-compra .valor #divpreco {
        position: relative;
        width: 100%;
    }
    .produto-info .sku {
        margin: 5px 0;
    }
    .produto-info p {
        margin: 0 0 10px;
        line-height: 160%;
    }
    .produto-info .avaliacao-nota {
        padding: 5px 0;
    }
    .produto-info .avaliacao-nota span {
        display: block;
    }
    .produto-info .cores, .produto-compra .tamanho {
        padding: 5px 0;
    }
    .produto-compra .valor {
        background: none;
    }
    .produto-compra .valor .divider {
        margin: 10px 0;
    }
    .produto-compra .valor .qtd-field {
        width: 28%;
        margin: 0 2% 0 0;
    }
    .produto-compra .valor .btn-comprar {
        width: 70%;
    }
    .produto-compra .valor .consulta-cep label {
        width: 100%;
    }
    .produto-compra .valor .consulta-cep span {
        display: inline-block;
        color: #282828;
        float: left;
        font: 12px Arial, Helvetica, sans-serif;
        padding: 0 10px;
    }
    .produto-compra .valor .consulta-cep .cep {
        width: 68% !important;
    }
    .produto-compra .valor .consulta-cep .btn-ok {
        width: 32%;
    }
    .produto-compra .valor .resultado-cep {
        display: none;
        margin: 10px 0 0;
        padding: 10px 0 0;
        border-top: 1px solid #eee;
    }
    .descricao .abas {
        width: 100%;
    }
    .descricao .desc {
        width: 100%;
        margin-top: 25px;
    }
    /* Institucional */
    .institucional {
        padding: 0 10px;
    }
    /* Carrinho & Checkout */
    .carrinho {
        margin: 0 auto;
        width: 96%;
    }
    .carrinho thead {
        display: none;
    }
    .carrinho tbody tr {
        border: 1px solid #eee;
    }
    .carrinho tbody td {
        border: 0;
        display: block;
        font: 13px/20px Arial, Helvetica, sans-serif;
        padding: 5px;
        text-align: center;
    }
    .carrinho tbody td:nth-child(1) a {
        border-radius: 2px;
        display: block;
        background: #ececec;
        border: 1px solid rgba(0, 0, 0, 0.1);
        color: #888;
        font: 700 12px/30px 'Avenir Next W01', Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
        padding: 10px 0;
        text-transform: uppercase;
        text-decoration: none;
    }
    .carrinho tbody td:nth-child(1) a i {
        display: none;
    }
    .carrinho tbody td:nth-child(1) a:before {
        content: 'Remover este produto';
    }
    .carrinho tbody td:nth-child(2) {
        text-align: center;
    }
    .carrinho tbody td:nth-child(3) h6 {
        font-size: 13px;
        font-weight: bold;
        margin: 0 0 4px;
        padding: 0;
        text-decoration: none;
    }
    .carrinho tbody td:nth-child(5), .carrinho tbody td:nth-child(6) {
        display: none;
    }
    .carrinho tbody p.valor span {
        display: block;
        border-top: 1px dashed #eee;
        font: 500 16px/30px 'Avenir Next W01', Arial, Helvetica, sans-serif;
        padding: 5px 0 0;
    }
    .carrinho tbody p.valor span:before {
        content: 'Preço: ';
    }
    .carrinho tfoot td {
        display: block;
        width: 100%;
    }
    .carrinho tfoot tr:nth-child(1) td:nth-child(2) p, .carrinho tfoot tr:nth-child(1) td:nth-child(3), .carrinho tfoot tr:nth-child(1) td:nth-child(3) * {
        /* color: #756c63; font: 500 16px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 0; */
    }
    .carrinho tfoot tr:nth-child(2) td:nth-child(2) p, .carrinho tfoot tr:nth-child(2) td:nth-child(3), .carrinho tfoot tr:nth-child(2) td:nth-child(3) * {
        color: #222;
        font: 500 22px 'Avenir Next W01', Arial, Helvetica, sans-serif;
        margin: 0;
    }
    .carrinho .carrinho-qtde {
        color: #756c63;
        font: 500 16px 'Avenir Next W01', Arial, Helvetica, sans-serif !important;
        width: 60px;
        text-align: center;
    }
    .carrinho .consulta-cep label {
        width: 100%;
    }
    .carrinho .consulta-cep span {
        display: inline-block;
        color: #282828;
        float: left;
        font: 12px Arial, Helvetica, sans-serif;
        padding: 0 10px;
    }
    .carrinho .consulta-cep .cep {
        background: #fff;
        border: 1px solid #888;
        border-radius: 2px;
        float: left;
        height: 40px;
        margin: 0;
        padding: 8px;
        width: 68% !important;
        outline: none;
    }
    .carrinho .consulta-cep .btn-ok {
        width: 30%;
        float: right;
    }
    .checkout-column {
        float: none;
        width: 100%;
    }
    .btns-forma-de-pagamento {
        padding: 0 0 15px;
    }
    .btns-forma-de-pagamento a {
        max-width: none;
    }
    /* Contato */
    .contato-info {
        width: 100%;
        padding: 0;
    }
    .c-form {
        padding: 20px 0;
    }
    .c-form label.lado {
        width: 100%;
    }
    /* Lateral */
    .mob-wrap-lateral {
        display: inline-block;
        background: #da6700;
        border-radius: 2px;
        width: 40px;
        height: 40px;
        text-align: center;
        position: relative;
        z-index: 3001;
        top: -7px;
    }
    .mob-wrap-lateral a {
        display: block;
        color: #fff;
        line-height: 40px;
        font-size: 22px;
    }
    .mob-wrap-lateral.on a i::before {
        content: '\f00d';
    }
    .wrap-lateral {
        visibility: hidden;
        background: transparent;
        position: absolute;
        width: 96%;
        left: 2%;
        z-index: 3001;
    }
    .wrap-lateral h4 {
        background: #da6700;
        color: #fff;
        margin-bottom: 0;
    }
    .wrap-lateral h4:after {
        display: none;
    }
    .wrap-lateral .categorias>ul {
        margin-bottom: 0;
    }
    .wrap-lateral .filtros {
        border-radius: 2px;
    }
    .wrap-lateral .filtros a {
        border-radius: 0;
        margin: 0;
    }
    .wrap-lateral .wlateral {
        background: #fff;
    }
    .listagem-interna {
        width: 100%;
        margin-top: 30px;
    }
    .fade-wrap-lateral {
        display: none;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        z-index: 3000;
    }
    /* Framework */
    /* Buttons */
    .btn {
        display: block;
        text-align: center;
        width: auto;
    }
    a.btn {
        margin: 5px;
    }
    .wrap-btn-comprar a.btn {
        margin: 0;
    }
    /* Colors */
    /* Messages */
    .message {
        margin: 10px;
        padding: 15px;
    }
    /* Panels */
    .panel-heading, .panel-body {
        padding: 15px;
    }
}
@media screen and (max-width: 834px) {
    .produtos .item {
        width: 48.4%;
    }
}
@media screen and (max-width: 680px) {
    /* Footer */
    footer .col-4, footer .col-4:nth-child(2) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        width: 100%;
        padding: 25px;
    }
    footer .col-4:nth-child(2) {
        background-position: 18.5px 70px;
    }
    footer .col-4:nth-child(2) .atendimento {
        margin: 15px 0 0;
        padding: 0 0 0 60px;
    }
    footer .atendimento span, footer .atendimento a {
        font-size: 14px;
        line-height: 22px;
    }
    /* Banners */
    .banners-home {
        display: none;
    }
    .banners-home>a, .banners-home>img {
        width: 100%;
        max-width: 100%;
        margin: 5px 0;
    }
    /* Produtos */
    .produtos .item {
        width: 98%;
    }
    /*.produtos .item .img {
        width: 30%;
    }
    .produtos .item .img img {
        max-height: 300px;
    }
    .produtos .item .info {
        width: 70%;
    }
    .produtos .item .mais-info {
        display: block;
        width: 100%;
        margin: 10px 0;
        position: relative;
        top: initial;
        right: initial;
        transform: none;
    }
    .produtos .item .mais-info a {
        width: 100%;
    }
    .descricao {
        padding: 15px;
    }
    .descricao .abas {
        height: auto;
        border: 0;
        font-size: 0;
        padding: 0;
    }
    .descricao .abas .tab {
        width: 100%;
        margin: 5px 0;
    }
    .descricao .desc {
        border-top: 1px solid #d62629;
        padding: 15px 20px;
    }*/
}
@media screen and (max-width: 490px) {
    /* Filtro Busca */
    .section-filtros div {
        width: 84%;
        padding: 10px 20px;
    }
}
@media screen and (max-width: 350px) {
    h2.titulo-vitrine, h3.titulo-vitrine {
        font: 800 28px/42px 'Avenir Next W01', Arial, Helvetica, sans-serif;
    }
    .produtos .item, .produtos .item .info {
        height: auto;
    }
    .produtos .item .img, .produtos .item .info {
        width: 100%;
    }
    .produtos .item .info .condicoes, .produtos .item .info .preco span.condicoes {
        font: 600 12px/22px 'Avenir Next W01', Arial, Helvetica, sans-serif;
    }
}