/* ==========================================================================
    RESPONSIVIDADE
========================================================================== */
@media screen and (max-width:1400px){
    
}

@media screen and (max-width: 1199px) {
    h1 {
        font-size: 33px;
    }

    #lista-produtos h2 {
        margin-bottom: -10px;
    }

    #detalhe-produto h2.titulo-go-back {
        margin-bottom: 30px;
    }

    #produtos-similares h4 {
        margin-top: 0px;
        margin-bottom: 20px;

        font-size: 23px;
    }

    /* #detalhe-produto .drescricao h3 {
        font-size: 23px;
    } */

    #detalhe-produto .drescricao h3 {
        font-size: 23px;
        margin-bottom: 10px;

        line-height: 30px;
    }

    #detalhe-produto .drescricao .descricao-produto h4 {
        font-size: 22px;
    }

    /* .overlay-lista-prod a:link,
    .overlay-lista-prod a:visited {
        top: 50%;
        left: 40%;
        transform: translate(-32%, -50%);
        -webkit-transform: translate(-32%, -50%);
        -moz-transform: translate(-32%, -50%);
        -ms-transform: translate(-32%, -50%);
        -o-transform: translate(-32%, -50%);
    } */

    span.texto-link-lista-prod {
        font-size: 14px;
        padding: 13px 22px;
        left: 2px;
    }

    span.texto-link-similares {
        font-size: 14px;
        padding: 13px 22px;
    }

    /* CASH & CARRY */
    .form-control.pull-left,
    .form-control.pull-right {
        width: 43%;
    }

    /* .cd-accordion-menu ul ul ul a {
        line-height: 18px;
        margin-bottom: 9px;
    } */

    .bloco-filtros .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 200px;
    }

    h4.card-title,
    h4.card-subtitle {
        font-size: 11px;
    }

    p.list-group-item-text {
        font-size: 13px;
    }

    .lead {
        font-size: 16px;
    }

    .categoria-produto {
        width: 450px;
    }

    
    /* HELIOONLINE */
    #accordion .panel-title a {
        display: block;
        padding: 5px 0px 5px 0px;
        font-size: 19px;
        line-height: 28px;
    }

    #accordion .panel-title a:before,
    #accordion .panel-title a:after {
        width: 2px;
        height: 12px;
        top: 14px;
        right: 13px;
    }

    #accordion .panel-title a:after {
        right: 5px;
    }

    #accordion .panel-body {
        padding: 5px 5px;
        font-size: 15px;
    }


    .submit.pesquisa-helioonline {
        margin-top: 20px;
    }

    .img-event {
        min-height: 148px;
    }

    .helioonline-cat-base .categoria-produto {
        width: 100%;
    }

    .helioonline-cat-base .categoria-produto .nome-categoria h3 img {
        height: 30px;
        width: auto;
    }

    .helioonline-cat-base .categoria-produto .overlay-categorias a span.texto-link {
        font-size: 13px;
        padding: 12px 18px;
    }

    .accordion-menu {
        min-width: auto;
        margin-left: -10px;
        padding-right: 5px;
        padding-left: 5px;

        margin-left: -15px;
        margin-right: -10px;

    }

    /*
    .accordion-menu .submenu {
        overflow-y: auto;
        max-height: 185px;  
    }
    */

    /*
    .accordion-menu .submenu .submenu-nivel-2 {
        overflow-y: auto !important;
        max-height: 99px;
    }
    */

    /*
    .mCustomScrollBox {
	    position: relative;
	    overflow: hidden;
	    height: 100%;
	    max-width: 100%;
	    outline: none;
	    direction: ltr;
	    background-color: red; 
	}

    .mCSB_inside>.mCSB_container {
        margin-right: 0px;
        margin-left: 0px;
    }
    */

    .accordion-menu ul li a i {
        line-height: 18px;
        font-size: 24px;
        width: 15px;
    }

    .accordion-menu .submenu-indicator {
        font-size: 20px;
        line-height: 20px;
        right: 6px;
    }

    .accordion-menu ul .submenu>li>a {
        padding-left: 14px;
        line-height: 23px;
    }

    .accordion-menu ul .submenu>li>ul.submenu>li>a {
        padding-left: 20px;
    }

    .accordion-menu ul .submenu>li>ul.submenu>li>ul.submenu>li>a {
        padding-left: 26px;
    }

    .accordion-menu ul .submenu>li>ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
        padding-left: 32px;
    }

    .accordion-menu ul li a i.fa.fa-minus {
        line-height: 22px;
    }

    .accordion-menu ul li a {
        padding-top: 10px;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .drescricao h3 {
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .drescricao .descricao-produto h4 {
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 1px;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .drescricao .descricao-produto p {
        font-size: 18px;
        line-height: 23px;
    }

    

    #detalhe-produto.modal-detalhe-prod.helioonline .modal-body .img-prod #modal-img-zoom {
        max-width: 260px;
        height: auto;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .drescricao .descricao-produto {
        min-height: auto;
    }


    /*------------------------------------------
    SIMULADORES
    ------------------------------------------*/
    #form-simulador-compra label,
    #form-simulador-compra .simulador-cod-suporte,
    #form-simulador-compra .simulador-tipo-suporte,
    #form-simulador-compra span.label-text,
    #form-simulador-compra span#calcQtdFinal,
    #form-simulador-compra span#calcPrecoFinal {
        font-size: 16px;
        line-height: 30px;
    }

    /* #form-simulador-compra button[data-id="inputLargura"] {
        font-size: 17px;
        padding-bottom: 5px;
        padding-top: 5px;
    } */

    #form-simulador-compra .bootstrap-select .dropdown-toggle .filter-option {
        font-size: 16px;
    }

    #form-simulador-compra .dropdown-menu {
        font-size: 16px;
    }

    #simulador-compra-produto .file-drop-zone-title:before {
        left: 48%;
    }

    table.tt-outras-qtd th {
        font-size: 17px;
        line-height: 28px;
    }

    #simulador-compra-produto span.res-precos-outras-medidas {
        font-size: 16px;
        line-height: 28px;
    }

    .form-control.filtra-cores-ins,
    .form-control.filtra-cores, 
    .form-control.filtra-cores-per, 
    .form-control.filtra-cores-lurex {
        font-size: 16px;
    }

    #modal-selecionar-cor h6.subtitulo,
    #modal-selecionar-cor-inscricao h6.subtitulo, 
    #modal-selecionar-cor-personalizacao h6.subtitulo,
    #modal-selecionar-cor-lurex h6.subtitulo {
        font-size: 20px;
    }

    #simulador-compra-produto #container-cores-personalizacao #caixa-cores-personalizacao label.inputCompCorLabel {
        width: 96px;
    }

    /*-------------------------------------------
    SIMULADOR TIPO 9
    -------------------------------------------*/
    sup.info-lurex-icone,
    sup.info-dupla-icone {
        right: -5px;
    }

    /* correção de espaçamento aplicado nas rows onde existem campos do tipo select */
    .row-space-select {
        margin-top: -30px;
    }

    .row-space-select-mb {
        margin-bottom: -20px !important;
    }
}

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

    h1 {
        font-size: 29px;
    }

    h2 {
        line-height: 25px;
        text-align: left;
    }

    /* CATEGORIAS BASE */
    .categoria-produto {
        width: 100%;
        margin-bottom: 0px;
        margin-bottom: 30px;        
    }

    .categoria-produto img {
        width: 100%;
    }

    .categoria-produto .nome-categoria h3 img {
        /* IMG SVG */
        height: 35px;
        width: auto;
        margin-top: 2px;
        margin-bottom: -7px;
    }

    /*.overlay-categorias {
        height: 130px !important;
    }*/

    /* .subcategoria .overlay-categorias {
        height: 288px !important;
    } */

    /* .overlay-similares a:link,
    .overlay-similares a:visited {
        font-size: 13px;
        padding: 8px 14px;
        top: 50%;
        left: 40%;
        transform: translate(-32%, -50%);
        -webkit-transform: translate(-32%, -50%);
        -moz-transform: translate(-32%, -50%);
        -ms-transform: translate(-32%, -50%);
        -o-transform: translate(-32%, -50%);
    } */

    /*.overlay-categorias a.ver-mais:link,
    .overlay-categorias a.ver-mais:visited {
        top: 54%;
        left: 50%;
        transform: translate(-50%, -50%);
    }*/

    .categoria-produto span.texto-link {
        font-size: 14px;
        padding: 11px 22px;

        left: 6px;
    }

    .helioonline-cat-base .categoria-produto .overlay-categorias a span.texto-link {
        font-size: 13px;
        padding: 11px 18px;
    }

    span.texto-link-similares {
        /* font-size: 12px;
        padding: 7px 15px; */
        font-size: 13px;
        padding: 11px 18px;
    }


    #detalhe-produto .drescricao h3 {
        font-size: 22px;
        margin-bottom: 10px;

        line-height: 30px;
    }

    #detalhe-produto .imagem {
        padding: 10px 20px;
        padding: 10px 40px;
    }

    .drescricao a img {
        width: auto;
        height: 26px;
    }
    #detalhe-produto .drescricao .descricao-produto h4 {
        font-size: 21px;
    }

    #detalhe-produto .drescricao .descricao-produto p {
        font-size: 18px;
    }

    .termos p {
        line-height: 20px;
    }

    .btn-informacoes,
    .btn-enviar-pedido {
        font-size: 17px;
        padding: 14px 22px;
    }

    /* #produtos-similares h4 {
        margin-top: 30px;
    } */

    #produtos-similares h4 {
        font-size: 22px;
        line-height: 30px;
    }

    .modal-dialog {
        max-width: 600px;
    }

    /* MODAL: CONSULTA, AMOSTRA e CATALOGO */
    #formulario-mais-consulta h3,
    #formulario-pedido-amostra h3,
    #formulario-pedido-catalogo h3 {
        font-size: 15px;
    }

    h5.modal-title {
        font-size: 21px;
    }

    label.readonly {
        font-size: 0.9rem;
    }

    .btn-informacoes-cancelar,
    .btn-enviar-pedido {
        font-size: 17px;
        padding: 14px 22px;
    }
    


    /* CASH & CARRY */
    #accordion .panel-title a {
        font-size: 16px;
    }
    /*
    

    .cd-accordion-menu label,
    .cd-accordion-menu a {
        font-size: 14px;
    }

    .cd-accordion-menu ul ul ul label,
    .cd-accordion-menu ul ul ul a {
        font-size: 12px;
    }
    */

    .form-control.pull-left,
    .form-control.pull-right {
        width: 43%;
    }

    section#cash-e-carry .bloco-filtros .bloco-items-pagina,
    section#cash-e-carry .bloco-filtros .bloco-ordenacao,
    section#cash-e-carry .bloco-filtros .bloco-modo-visualizacao {
        display: block;
        width: 100%;
        text-align: left;
    }

    section#cash-e-carry .bloco-filtros .bloco-ordenacao,
    section#cash-e-carry .bloco-filtros .bloco-modo-visualizacao {
        margin-top: 10px;
    }

    .bloco-ordenacao span.label-ordenacao,
    .bloco-modo-visualizacao span.label-modo-visualizacao {
        display: inline-block;
    }

    .bloco-modo-visualizacao span.label-modo-visualizacao {
        line-height: 20px;
    }

    span.label-por-pagina,
    span.label-ordenacao,
    span.label-modo-visualizacao {
        width: 150px;
        display: inline-block;
    }

    .bootstrap-select .dropdown-toggle .filter-option {
        font-size: .8125rem;
    }

    section#cash-e-carry .btn-display,
    section#cash-e-carry .btn-light {
        height: 35px;
    }

    #cash-e-carry .page-link {
        padding: .55rem .80rem;
        font-size: 14px;
    }

    h4.card-title,
    h4.card-subtitle {
        font-size: 11px;
    }

    p.list-group-item-text {
        font-size: 13px;
    }

    .lead {
        font-size: 16px;
    }

    .list-group-item .caption.card-body p.lead {
        font-size: 18px;
        text-align: left;
        margin-bottom: 0px;
    }

    .item.list-group-item .thumbnail {
        /* padding-bottom: 10px; */
        padding-bottom: 0px;
    }

    #cash-e-carry #produtos .list-group-item  .img-event .img-fluid {
        max-width: 100%;
    }

    .list-group-item h4.card-title {
        font-size: 15px;
    }

    .list-group-item h4.card-subtitle {
        font-size: 15px;
    }

    .list-group-item .caption.card-body p.lead {
        font-size: 17px;
    }

    /*
    MODAL DETALHES PRODUTO
    */
    .modal-detalhe-prod .modal-body {
        padding-left: 1rem;
    }

    .modal-detalhe-prod.cash-carry-modal .img-prod, 
    .modal-detalhe-prod.cash-carry-modal-sstock .img-prod {
        padding-left: 0px;
        padding-right: 0px;

        margin-left: 0px;
        padding-right: 6px;
    }

    h4 {
        margin-bottom: 15px;
        font-size: 19px;
    }

    .disponibilidade {
        margin-bottom: 20px;
        margin-top: 20px;
        display: block;
    }


    
    
    /* HELIOONLINE */
    .helioonline-cat-base .categoria-produto {
        width: 360px;
    }

    .helioonline-cat-base .categoria-produto .nome-categoria h3 img {
        height: 30px;
        width: auto;
    }

    .helioonline-cat-base span.texto-link {
        left: 7px;
    }

    .helioonline-cat-base span.texto-link {
        font-size: 14px;
        padding: 9px 18px;
    }

    .helioonline-cat-base .categoria-produto .nome-categoria h3 img {
        margin-top: 2px;
        margin-bottom: -8px;
    }

    button.limpa-filtro-cat-helioonline,
    button.limpa-filtro-cat-cashecarry {
        width: auto;
        font-size: 17px;
        padding: 14px 22px;
    }

    .pddbtm {
        padding-bottom: 50px;
    }

    span.label-por-pagina,
    span.label-ordenacao,
    span.label-modo-visualizacao {
        font-size: 14px;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .drescricao .descricao-produto h4 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 5px;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .drescricao .descricao-produto p {
        font-size: 17px;
        line-height: 23px;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .modal-body .img-prod {
        margin-left: 10px;
        margin-right: -15px;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .modal-body .img-prod #modal-img-zoom {
        max-width: 250px;
        height: auto;
    }

    .produtos-helioonline .item.list-group-item .img-event {
        float: left;
        width: 25%;
    }

    .produtos-helioonline .item.list-group-item .caption {
        float: left;
        width: 75%;
    }

    .list-group-item p.list-group-item-text {
        text-align: left;
        font-size: 14px;
    }


    /*------------------------------------------
    SIMULADORES
    ------------------------------------------*/
    #simulador-compra-produto h2 {
        font-size: 34px;
    }

    #simulador-compra-produto h5 {
        font-size: 24px;
    }

    #simulador-compra-produto .col-label {
        /* padding-left: 0px; */
        padding-right: 0px;
    }

    #simulador-compra-produto .col-input {
        padding-left: 0px;
        padding-right: 0px;
    }

    #simulador-compra-produto span.input-field {
        line-height: 20px;
        display: block;
        margin-top: 5px;
    }

    #simulador-compra-produto .check-acabamento {
        margin-left: -15px;
    }

    input[name=inputQtd],
    input[name=inputLargura1],
    input[name=inputLargura2],
    input[name=inputComprimento1],
    input[name=inputComprimento2] {
        width: 96%;
    }

    .bootstrap-select {
        width: 96% !important;
    }

    #form-simulador-compra label,
    #form-simulador-compra .simulador-cod-suporte,
    #form-simulador-compra .simulador-tipo-suporte,
    #form-simulador-compra span.label-text,
    #form-simulador-compra span#calcQtdFinal,
    #form-simulador-compra span#calcPrecoFinal {
        font-size: 16px;
        line-height: 27px;
    }

    /* #form-simulador-compra button[data-id="inputLargura"] {
        font-size: 16px;
        padding-bottom: 5px;
        padding-top: 5px;
    } */

    #form-simulador-compra .bootstrap-select .dropdown-toggle .filter-option {
        font-size: 16px;
    }

    #form-simulador-compra .dropdown-menu {
        font-size: 16px;
    }

    #form-simulador-compra span#calcQtdFinal,
    #form-simulador-compra span#calcPrecoFinal {
        margin-top: 6px;
    }

    #form-simulador-compra #cor-selecionada-nome,
    #form-simulador-compra #cor-selecionada-nome-fita,
    #form-simulador-compra #cor-selecionada-nome-suporte,
    #form-simulador-compra #cor-selecionada-nome-teia,
    #form-simulador-compra #cor-selecionada-nome-personalizacao {
        font-size: 15px;
        display: block;
        position: static;
        margin-left: 0px;
    }

    #form-simulador-compra .btn-calcular-preco,
    #form-simulador-compra .btn-adicionar-carrinho,
    #form-simulador-compra .sw-btn-prev,
    #form-simulador-compra .sw-btn-next,
    .swal2-popup .swal2-styled.swal2-confirm,
    .swal2-popup .swal2-styled.swal2-cancel {
        font-size: 17px;
        padding: 14px 22px;
    }

    /* MODAL CORES */
    #modal-selecionar-cor .item {
        padding: 0px;
        margin-bottom: 0px;
    }

    .btn-selecionar-cor {
        padding: 5px;
    }

    #modal-selecionar-cor span.numero-cor,
    .popover-content-txt span.numero-cor {
        font-size: 12px;
    }

    #modal-selecionar-cor span.nome-pantone,
    .popover-content-txt span.nome-pantone {
        font-size: 12px;
    }

    #modal-selecionar-cor span.numero-pantone,
    .popover-content-txt span.numero-pantone {
        font-size: 12px;
    }

    #modal-selecionar-cor .btn-modal-cor-fechar,
    #modal-selecionar-cor .btn-modal-cor-confirmar {
        font-size: 16px;
        padding: 12px 20px;
    }

    #modal-selecionar-cor span.aviso-cor,
    #modal-selecionar-cor-inscricao span.aviso-cor, 
    #modal-selecionar-cor-personalizacao span.aviso-cor,
    #modal-selecionar-cor-lurex span.aviso-cor {
        line-height: 20px;
    }

    .display-color {
        min-width: 82px;
        min-height: 82px;
    }

    .display-color-popover {
        width: 160px;
        height: 160px;
    }

    #simulador-compra-produto .callout-info {
        line-height: 20px;
    }

    /*
    FILE INPUT - Correções
    */
    .krajee-default.file-preview-frame {
        width: 75%;
    }

    .krajee-default.file-preview-frame .kv-file-content {
        width: 100%;
        height: auto;
    }

    #simulador-compra-produto .file-error-message {
        font-size: 12px;
        line-height: 20px;
        padding: 10px;
    }

    /*
    WIZARD STEPS - Correções
    */
    .sw-theme-dots>ul.step-anchor>li>a {
        font-size: 19px;
    }

    #simulador-compra-produto .step-anchor .small,
    #simulador-compra-produto .step-anchor small {
        font-size: 15px;
    }

    /*
    RESPONSIVE TABLE PRICES - Correções
    */
    table.tt-outras-qtd th {
        font-size: 16px;
        line-height: 27px;
    }

    table.tt-outras-qtd.etiquetas-estampadas th {
        padding: .175rem 0px;
    }

    table.tt-outras-qtd.etiquetas-estampadas {
        border-spacing: 5px; /* valor inicial 10px */
    }

    #simulador-compra-produto span.res-precos-outras-medidas {
        font-size: 16px;
        line-height: 27px;
    }

    #simulador-compra-produto .etiquetas-estampadas span.res-precos-outras-medidas {
        margin-top: 0px;
        font-size: 15px;
    }

    #form-simulador-compra .sw-btn-prev {
        padding-left: 30px;
    }

    #form-simulador-compra .sw-btn-prev::after, 
    #form-simulador-compra .sw-btn-next::before {
        top: 8px;
    }

    #form-simulador-compra .sw-btn-next {
        padding-right: 30px;
    }

    /* correção de espaçamento aplicado nas rows onde existem campos do tipo select */
    .row-space-select {
        margin-top: 0px;
    }

    .row-space-select-mb {
        margin-bottom: 0px !important;
    }


    /*---------------------------------------------
    SWAL
    ---------------------------------------------*/
    .swal2-popup .swal2-title {
        font-size: 19px !important;
    }

    .swal2-popup .swal2-styled.swal2-confirm,
    .swal2-popup .swal2-styled.swal2-cancel {
        font-size: 17px !important;
        padding: 14px 22px !important;
    }

    .swal2-popup .swal2-content {
        font-size: 19px !important;
    }

    #simulador-compra-produto .file-drop-zone-title {
        font-size: 16px;
    }

    /*-------------------------------------------
    SIMULADOR TIPO 9
    -------------------------------------------*/
    .col-lurex-dpl-passagem {
        display: none;
    }

    .col-checkboxs {
        text-align: left;


    }

    #form-simulador-compra .col-checkboxs label {
        margin-left: -17px;
    }

    .col-checkboxs:first-child {
        margin-top: -30px;
    }

    /* Formata checkbox Dupla Passagem */
    .row-cor-per-cfg .col-checkboxs+.col-checkboxs {
        margin-top:-15px;
        margin-bottom: 30px;
    }

    #form-simulador-compra #container-cores-personalizacao #cor-selecionada-nome-personalizacao {
        font-size: 14px;
        display: inline-block;
        position: relative;
        margin-left: 10px;
    }

    #form-simulador-compra span.label-text {
        font-size: 15px;
        line-height: 23px;
    }

    #form-simulador-compra #cor-selecionada-nome-personalizacao input.checkbox-style+.label-text:before {
        font-size: 16px;
    }

    #form-simulador-compra label.error {
        font-size: 12px;
        line-height: 20px;
    }

    /*-------------------------------------------------------------
        MODAL DISCLAIMER - LINK EXTERNO
    -------------------------------------------------------------*/
    #modal-aviso-nav-externa h6 {
        font-size: 22px;
        line-height: 35px;
        margin-bottom: 30px;
    }

    #modal-aviso-nav-externa .modal-content {
        padding: 20px 40px;
    }

    #modal-aviso-nav-externa .info {
        font-size: 19px;
        line-height: 27px;
    }

    #modal-aviso-nav-externa .btn-retroceder,
    #modal-aviso-nav-externa .btn-prosseguir {
        font-size: 17px;
        padding: 14px 22px;
    }

    #modal-aviso-nav-externa .btn-retroceder {
        padding-right: 28px;
    }


}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 26px;
    }

    /*.overlay-lista-prod a:link,
    .overlay-lista-prod a:visited {
        font-size: 13px;
        padding: 8px 14px;
        top: 50%;
        left: 40%;
        transform: translate(-30%, -50%);
        -webkit-transform: translate(-30%, -50%);
        -moz-transform: translate(-30%, -50%);
        -ms-transform: translate(-30%, -50%);
        -o-transform: translate(-30%, -50%);
    }*/

    a:link,
    a:visited {
        color: var(--cor-texto);
    }

    /* CATEGORIAS BASE */
    .categoria-produto {
        width: 100%;
    }

    .categoria-produto img {
        width: 100%;
    }

    .categoria-produto .nome-categoria h3 img {
        /* IMG SVG */
        height: 40px;
        width: auto;
        margin-top: 7px;
        margin-bottom: -3px;
    }

    /* .categoria-produto .nome-categoria h3 img {
        width: 60%;
    } */

    /*.overlay-categorias {
        height: 130px !important;
    }*/

    /* .overlay-categorias a.ver-mais:link,
    .overlay-categorias a.ver-mais:visited {
        font-size: 12px;
        padding: 8px 18px;
    } */

    /*
    .categoria-produto span.texto-link {
        font-size: 14px;
        padding: 13px 22px;

        left: 6px;
    }
    */

    /* span.texto-link {
        font-size: 12px;
        padding: 8px 18px;
    } */
    #detalhe-produto .drescricao h3 {
        font-size: 23px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    #detalhe-produto .drescricao .descricao-produto h4 {
        font-size: 22px;
    }

    #detalhe-produto .drescricao .descricao-produto p {
        font-size: 19px;
    }

    /* .btn-informacoes,
    .btn-enviar-pedido {
        font-size: 16px;
        padding: 12px 22px;
    } */

    #produtos-similares h4 {
        font-size: 23px;
        line-height: 30px;
    }


    .categoria-produto span.texto-link {
        font-size: 14px;
        padding: 13px 22px;
        left: 6px;
    }

    .helioonline-cat-base .categoria-produto .overlay-categorias a span.texto-link {
        font-size: 14px;
        padding: 13px 18px;
    }

    span.texto-link-lista-prod {
        font-size: 14px;
        padding: 13px 18px;
    }

    span.texto-link-similares {
        font-size: 12px;
        padding: 7px 15px;

        font-size: 14px;
        padding: 13px 18px;
    }

    footer {
        margin-top: 40px;
    }

    label a:link,
    label a:visited {
        color: var(--cor-3);
    }

    img.pt2020 {
        display: block;
        margin: auto;
    }

    /* MODAL: CONSULTA, AMOSTRA e CATALOGO */
    .modal-dialog {
        max-width: 500px;
    }

    h5.modal-title {
        font-size: 20px;
    }

    .btn-informacoes-cancelar,
    .btn-enviar-pedido {
        font-size: 16px;
        padding: 12px 22px;
    }

    /* CASH & CARRY */
    section#cash-e-carry {
        padding-top: 50px;
    }
    
    .form-control.pull-left,
    .form-control.pull-right {
        width: 47%;
        width: 46%;
    }


    #accordion .panel-title a {
        font-size: 17px;
    }

    /*
    .cd-accordion-menu label,
    .cd-accordion-menu a {
        font-size: 15px;
    }

    .cd-accordion-menu ul ul ul label,
    .cd-accordion-menu ul ul ul a {
        font-size: 14px;
    }
    */

    .accordion-menu {
        /* ???????????????? */
        overflow-y: auto !important;
        max-height: 300px;

        /* border: 1px solid red; */
    }

    .btn-display .fa {
        font-size: 13px;
        margin-top: -10px;
    }

    section#cash-e-carry .btn-display,
    section#cash-e-carry .btn-light {
        height: 32px;
    }

    section#cash-e-carry .btn-display {
        padding-top: 2px;
    }

    h4.card-title,
    h4.card-subtitle {
        font-size: 12px;
    }

    p.list-group-item-text {
        font-size: 14px;
    }

    .lead {
        font-size: 17px;
    }

    section#cash-e-carry .col-lg-9.col-md-8.col-sm-12 {
        min-height: auto;
    }

    #cash-e-carry #produtos .img-event .img-fluid {
        max-width: 80%;
        height: auto;
        max-height: 170px;
    }

    .list-group-item h4.card-title {
        font-size: 14px;
    }

    .list-group-item h4.card-subtitle {
        font-size: 14px;
    }

    .list-group-item .caption.card-body p.lead {
        font-size: 16px;
    }

    /*
    MODAL DETALHES PRODUTO
    */
    .modal-detalhe-prod .modal-dialog {
        max-width: 500px;
    }

    .modal-detalhe-prod .modal-body {
        padding-left: 1rem;
    }

    .img-prod {
        padding-left: 15px;
        padding-right: 15px;

        border-bottom: 1px solid #e8e8e8;
        border-top: 1px solid #e8e8e8;
        padding-top: 15px;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }


    .img-prod img {
        display: block;
        margin: auto;
    }

    h4 {
        margin-bottom: 15px;
        font-size: 19px;
    }

    .disponibilidade {
        margin-bottom: 20px;
        margin-top: 20px;
        display: block;
    }

    .modal-detalhe-prod h5.modal-title {
        margin-left: 5px;
        font-size: 20px;
    }

    /* HELIOONLINE */
    .helioonline-cat-base .categoria-produto {
        width: 400px;
    }

    .helioonline-cat-base .categoria-produto .nome-categoria h3 img {
        height: 35px;
        width: auto;
    }

    .helioonline-cat-base .categoria-produto .nome-categoria h3 img {
        margin-top: 5px;
        margin-bottom: -5px;
    }

    .helioonline-cat-base span.texto-link {
        font-size: 15px;
        padding: 11px 18px;
    }

    .accordion-menu ul .submenu>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    span.label-por-pagina,
    span.label-ordenacao,
    span.label-modo-visualizacao {
        font-size:15px;
    }

    span.label-por-pagina,
    span.label-ordenacao,
    span.label-modo-visualizacao {
        width: 170px;
    }

    .modal-detalhe-prod.helioonline .modal-dialog {
        max-width: 500px;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .modal-body .img-prod #modal-img-zoom {
        max-width: 340px;
        height: auto;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .modal-body .img-prod {
        margin-left: 0px;
        margin-right: 0px;
        text-align: center;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .drescricao h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .drescricao .descricao-produto h4 {
        font-size: 19px;
        line-height: 26px;
    }

    .item.list-group-item .img-event {
        float: left;
        width: 30%;
    }

    .item.list-group-item .caption {
        float: left;
        width: 70%;
    }

    .item.list-group-item .thumbnail {
        padding-bottom: 25px;
    }

    /*------------------------------------------
    SIMULADORES
    ------------------------------------------*/
    #simulador-compra-produto h2 {
        font-size: 30px;
    }

    #simulador-compra-produto h5 {
        font-size: 22px;
        line-height: 30px;
    }

    #form-simulador-compra #cor-selecionada-nome,
    #form-simulador-compra #cor-selecionada-nome-fita,
    #form-simulador-compra #cor-selecionada-nome-suporte,
    #form-simulador-compra #cor-selecionada-nome-teia,
    #form-simulador-compra #cor-selecionada-nome-personalizacao {
        display: inline-block;
        position: relative;
        margin-left: 10px;
    }

    #form-simulador-compra textarea#inputDesc {
        margin-left: -10px;
    }

    h5.titulo-apresentacao {
        margin-top: 20px;
    }

    input[name=inputQtd],
    input[name=inputLargura1],
    input[name=inputLargura2],
    input[name=inputComprimento1],
    input[name=inputComprimento2] {
        width: 98%;
    }

    .bootstrap-select {
        width: 98% !important;
    }

    .grupo-botoes {
        margin-top: 20px;
    }

    .cancelar:before,
    .cancelar:after {
        height: 30px;
    }

    .cancelar {
        top: 37px;
    }

    .jquery-loading-modal__text {
        font-size: 17px;
        margin-top: -10px;
    }

    /* MODAL CORES */
    #modal-selecionar-cor .item {
        padding: 5px;
        margin-bottom: 0px;
    }

    .display-color {
        min-width: 95px;
        min-height: 95px;
    }

    /*
    FILE INPUT - Correções
    */
    .krajee-default.file-preview-frame {
        width: 70%;
    }

    .krajee-default.file-preview-frame .kv-file-content {
        width: 100%;
        height: auto;
    }

    #simulador-compra-produto .callout-info {
        margin-bottom: 30px;
    }

    /*
    WIZARD STEPS - Correções
    */
    #simulador-compra-produto .sw-theme-dots>ul.step-anchor>li>a {
        font-size: 18px;
    }

    #simulador-compra-produto .step-anchor .small,
    #simulador-compra-produto .step-anchor small {
        font-size: 14px;
    }

    #simulador-compra-produto .img-suporte {
        margin-top: 20px;
    }

    #simulador-compra-produto .sw-theme-dots>ul.step-anchor>li>a:before {
        left: 39%;
    }

    table.tt-outras-qtd {
        margin-top: -20px;
        margin-left: -10px;
        margin-right: -10px;
    }

    /* table.tt-outras-qtd {
            border: 0;
        } */

    table.tt-outras-qtd thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table.tt-outras-qtd tr {
        /* border-bottom: 3px solid #ddd; */
        display: block;
        margin-bottom: .625em;
    }

    table.tt-outras-qtd td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: 16px;
        text-align: right;
    }

    table.tt-outras-qtd td::before {
        /*
            * aria-label has no advantage, it won't be read inside a table
            content: attr(aria-label);
            */
        content: attr(data-label);
        /* float: left; */ /* REMOVIDO DEVIDO AO BUG EM CASCATA */
        /* font-weight: bold; */
    }

    /* table.tt-outras-qtd td:last-child {
        border-bottom: 0;
    } */

    #simulador-compra-produto span.res-precos-outras-medidas {
        margin-top: 0px;
        text-align: right;
    }

    /* Eliminação BUG totais em cascata */
    #simulador-compra-produto span.res-precos-outras-medidas {
        margin-top: -30px !important;
    }

    table.tt-outras-qtd td {
        text-align: left;
    }

    /* FIM - Eliminação BUG totais em cascata */

    .sw-theme-dots>ul.step-anchor>li>a:after {
        margin-top: 9px;
        left: 43%;
        bottom: -4px;
    }

    #simulador-compra-produto span.info-light {
        margin-bottom: 40px;
    }

    table.tt-outras-qtd.etiquetas-estampadas {
        border-spacing: 10px;
    }


    /*-------------------------------------------------------------
        MODAL DISCLAIMER - LINK EXTERNO
    -------------------------------------------------------------*/
    #modal-aviso-nav-externa h6 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    #modal-aviso-nav-externa .info {
        font-size: 17px;
        line-height: 23px;
    }

    #modal-aviso-nav-externa .info-contacto {
        line-height: 18px;
    }

    #modal-aviso-nav-externa .btn-retroceder,
    #modal-aviso-nav-externa .btn-prosseguir {
        font-size: 16px;
        padding: 12px 22px;
    }

    #modal-aviso-nav-externa .btn-retroceder {
        padding-right: 28px;
    }

    #modal-aviso-nav-externa .btn-prosseguir .fa {
        margin-left: 15px;
    }

    #modal-aviso-nav-externa .btn-retroceder .fa {
        margin-right: 15px;
    }


    /* HELIOONLINE */
    /* ---------------------------------------------------
    SIDE NAV CONFIG
        => Barra lateral de configurações de filtragens 
        de registos
    -----------------------------------------------------*/
    .accordion-menu .menu-footer {
        display: none;
    }

    /* The side navigation menu */
    .sidenav-mobile {
        height: 100%;
        /* 100% Full-height */
        width: 310px;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 1;
        /* Stay on top */
        top: 0;
        left: -320px;
        /* left: 0px; */
        background-color: var(--cor-titulos);
        background-color: #FFF;
        /* Black*/
        overflow-x: hidden;
        overflow: hidden;


        /* Disable horizontal scroll */
        /* padding-top: 60px; */
        /* Place content 60px from the top */
        transition: 0.5s;
        /* 0.5 second transition effect to slide in the sidenav */

        z-index: 9998888;

        padding: 20px;
        padding-bottom: 30px;

        padding-top: 30px;
    }

    /* Position and style the close button (top right corner) */
    .sidenav-mobile .close-sidenav {
        position: absolute;
        top: 15px;
        right: 25px;
        margin-left: 50px;
    }

    .sidenav-mobile .mobile-header {
        display: block;

        border-bottom: 1px solid #efefef;
        margin-bottom: 10px;

        position: relative;
    }

    .sidenav-mobile .mobile-header h5 {
        font-size: 22px;
        text-align: left;
        line-height: 30px;

        margin-bottom: 10px;
    }

    .sidenav-mobile .mobile-header a {
        color: var(--cor-3);
        text-decoration: none;
        font-size: 16px;

        position: relative;
        top: -25px;
        top: -17px;
    }

    .sidenav-mobile .mobile-header #btn-ok-filtro {

        position: absolute;
        top: 0px;
        right: 0px;
    }


    .btn-close-config {
        font-family: 'Roboto-Medium', sans-serif;
        font-size: 17px;
        padding: 12px 22px;
        border: 1px solid var(--cor-botao-branco-border);
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
        background-color: #FFF;
        color: var(--cor-botao-branco-textos);
    }

    .btn.focus,
    .btn:focus {
        outline: 0;
        box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    }

    .btn.btn-navbar.focus,
    .btn.btn-navbar:focus {
        outline: 0;
        box-shadow: none;
    }


    .btn-ativa-aside-mobile {
        font-family: 'Roboto-Medium', sans-serif;
        font-size: 17px;
        padding: 12px 22px;
        border: 1px solid var(--cor-botao-branco-border);
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
        background-color: #FFF;
        color: var(--cor-botao-branco-textos);
    }

    .btn-ativa-aside-mobile:hover {
        color: var(--cor-3);
        background-color: #FFF;
        border: 1px solid var(--cor-botao-branco-border);
        cursor: pointer;
    }

    .bloco-filtros .bloco-config-aside-block {
        display: block;
        text-align: left;

        width: 100%;
    }

    .flex-mobile {
        display: flex;
        margin-top: 25px;

        width: 100%;
    }

    .bloco-items-pagina span.label-por-pagina,
    .bloco-ordenacao span.label-ordenacao,
    .bloco-modo-visualizacao span.label-modo-visualizacao {
        display: none;
    }


    .bloco-filtros .flex-mobile .bloco-items-pagina {
        display: flex !important;
        width: 25% !important;
    }

    .bloco-filtros .flex-mobile .bloco-ordenacao {
        display: flex !important;
        width: 50% !important;
    }


    .bloco-filtros .flex-mobile .bloco-modo-visualizacao {
        display: flex !important;
        width: 25% !important;
    }

    .bloco-filtros .flex-mobile .bloco-ordenacao,
    .bloco-filtros .flex-mobile .bloco-modo-visualizacao {
        margin-top: 0px !important;
    }

    /* ----------------------------------------- */
    

}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 26px;
    }

    #catalogo-produtos .col-md-6 {
        padding-right: 10%;
        padding-left: 10%;
    }

    /* #formulario-mais-consulta .modal-body .form-fields + .form-fields {
        margin-top: -20px;
    } */

    .coluna-2 {
        margin-top: -30px !important;
    }

    #detalhe-produto .imagem {
        padding: 10px 70px;
        padding: 10px 100px;
        margin-bottom: 30px;
    }

    #btn-pedido-consulta {
        position: relative;
        bottom: 0;
    }


    

}


/* EXTRA */
@media screen and (max-width: 600px) {
    /*div.caixa-lista-similares {
        width: 60%;
        display: block;
        margin: auto;
        margin-top: 30px;
    }*/

    .termos label {
        display: inline;
    }
}

/* EXTRA */
@media screen and (max-width: 559px) {

    #catalogo-produtos .col-md-6 {
        padding-right: 35px;
        padding-left: 35px;
    }

    /* .overlay-categorias {
        height: 183px !important;
    } */
}

/* EXTRA */
@media screen and (max-width: 520px) {
    /* .overlay-categorias {
        height: 100% !important;
    } */

    #detalhe-produto .imagem {
        padding: 10px 20px;
    }

    
}

@media screen and (max-width: 575px) {
    /* CATEGORIAS BASE */
    .categoria-produto .nome-categoria h3 img {
        /* svg */
        height: 40px;
        width: auto;
        margin-top: 3px;
        margin-bottom: -7px;
    }

    #lista-produtos .col-lg-3 {
        padding-right: 10%;
        padding-left: 10%;
    }

    h2.titulo-go-back {
        font-size: 15px;
        margin-bottom: 30px;
    }

    #detalhe-produto .imagem {
        padding: 10px 30px;
        padding: 10px 40px;
    }

    #detalhe-produto .drescricao h3 {
        font-size: 22px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    #detalhe-produto .drescricao .descricao-produto h4 {
        font-size: 21px;
    }

    #detalhe-produto .drescricao .descricao-produto p {
        font-size: 18px;
    }

    .btn-informacoes,
    .btn-enviar-pedido {
        font-size: 16px;
        padding: 12px 22px;
    }

    #produtos-similares h4 {
        font-size: 22px;
        line-height: 30px;
    }

    /* .overlay-categorias {
        height: 130px !important;
    } */

    /* .overlay-categorias a.ver-mais:link,
    .overlay-categorias a.ver-mais:visited {
        font-size: 12px;
        padding: 8px 16px;
    } */

    span.texto-link {
        font-size: 12px;
        padding: 8px 16px;
    }

    .overlay-categorias a {
        padding-top: 17%;
    }

    /* .overlay-lista-prod a:link,
    .overlay-lista-prod a:visited {
        font-size: 14px;
        padding: 9px 18px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    } */

    span.texto-link-lista-prod {
        font-size: 14px;
        padding: 13px 22px;
    }

    /* .overlay-lista-prod a {
        padding-top: 130px;
    } */

    /* .overlay-similares a:link,
    .overlay-similares a:visited {
        font-size: 14px;
        padding: 9px 16px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    } */

    span.texto-link-similares {
        font-size: 14px;
        /* padding: 9px 18px; */
        padding: 13px 22px;
    }

    #produtos-similares h5 {
        font-size: 17px;
    }

    div.caixa-lista-similares {
        font-size: 14px;
    }

    /* MODAL: CONSULTA, AMOSTRA e CATALOGO */
    #formulario-mais-consulta h3,
    #formulario-pedido-amostra h3,
    #formulario-pedido-catalogo h3 {
        font-size: 16px;
    }

    label.readonly {
        font-size: 1rem;
    }

    input.input-read-only {
        font-size: 1rem;
        /* border: 1px solid red; */

        padding-left: 0px;
        margin-left: -3px;
        margin-top: -5px;
        padding: 0px;

        margin-bottom:5px;

        margin-left: 1px;
    }

    #formulario-mais-consulta .form-fields textarea,
    #formulario-pedido-amostra .form-fields textarea,
    #formulario-pedido-catalogo .form-fields textarea {
        height: 110px;
    }

    #formulario-pedido-amostra p,
    #formulario-pedido-catalogo p {
        line-height: 20px;
        margin-top: 20px;
    }

    #formulario-mais-consulta label.info-terms,
    #formulario-pedido-amostra label.info-terms,
    #formulario-pedido-catalogo label.info-terms {
        font-size: 15px;
    }

    h5.modal-title {
        font-size: 19px;
    }

    /* .caixa-lista-prod {
        margin-top: 0px;
    } */
    


    /* CASH & CARRY */
    #accordion .panel-body {
        font-size: 14px;
    }

    .form-control.pull-left,
    .form-control.pull-right {
        width: 46%;
    }

    #accordion .panel-title a {
        font-size: 16px;
    }

    #cash-e-carry .page-link {
        padding: .45rem .75rem;
        font-size: 14px;
    }

    h4.card-title,
    h4.card-subtitle {
        font-size: 14px;
    }

    p.list-group-item-text {
        font-size: 16px;
    }

    .lead {
        font-size: 17px;
    }

    
    /*
    .list-group-item h4.card-title {
        font-size: 13px;
    }

    .list-group-item h4.card-subtitle {
        font-size: 13px;
    }

    .list-group-item .caption.card-body p.lead {
        font-size: 15px;

        margin-top: -10px;
    }

    .img-event {
        min-height: 135px;
    }

    .item.list-group-item .img-event {
        float: left;
        width: 30%;
    }

    .item.list-group-item .caption {
        float: left;
        width: 70%;
    }

    .item.list-group-item .thumbnail {
        padding-top: 15px;
        padding-bottom: 0px;
    }
    */
    /* oculta o modo de visualização */
    .bloco-modo-visualizacao {
        display: none !important;
    }

    .card {
        display: inline-block;
    }

    .item .thumbnail {
        border-bottom: 1px solid #f1f1f1;

        margin-top: 7px;
        margin-bottom: -10px;

        padding-top: 15px;
        padding-bottom: 0px;

        padding-top: 10px;
        padding-bottom: 15px;
        width: 100%;
    }

    .item.list-group-item .thumbnail {
        padding-bottom: 0px;
        padding-top: 20px;
    }

    .item .img-event {
        float: left;
        width: 35%;
    }

    .img-event {
        min-height: 130px;
    }

    .item .caption {
        float: right;
        width: 65%;
    }

    .item h4.card-title {
        font-size: 14px;
        text-align: left;
        margin-top: -20px;
    }

    .item.list-group-item h4.card-title {
        margin-top: 0px;
    }

    .item h4.card-subtitle {
        font-size: 14px;
        text-align: left;
        margin-top: -5px;
    }

    .item p.list-group-item-text {
        text-align: left;
        font-size: 15px;

        margin-bottom: -2px;
    }

    .item .caption.card-body p.lead {
        font-size: 17px;
        text-align: left;
        /* margin-top: -10px; */
    }


    /*
    MODAL DETALHES PRODUTO
    */
    .modal-detalhe-prod .modal-header {
        padding: 15px;
    }

    .modal-detalhe-prod .modal-footer {
        padding: 15px;
    }

    .modal-detalhe-prod h5.modal-title {
        margin-left: 5px;
        font-size: 19px;
    }

    h5 {
        font-size: 15px;
    }

    h4 {
        font-size: 18px;
    }

    .disponibilidade,
    .qtd-stock-label,
    .preco-venda-label,
    .qtd-venda-label,
    .iva-venda-label,
    .aviso-disponibilidade {
        font-size: 14px;
    }

    .iva-venda-label {
        margin-top: 10px;
    }

    .qtd-venda-label {
        margin-bottom: -10px;
    }

    .qtd-stock-valor,
    .preco-venda-valor,
    .iva-venda-total {
        text-align: left;
        font-size: 15px;
        margin-left: -11px;
        margin-top: -12px;
    }

    .preco-venda-valor,
    .iva-venda-total {
        margin-top: -10px;
    }

    .img-prod #modal-img-zoom,
    .img-prod #modal-img-zoom-sstock {
        max-width: 200px;
        height: auto;
    }

    .qtd-venda-input, 
    .qtd-venda-input-sstock {
        padding-top: 10px;

        margin-left: -12px;
    }

    .opcoes-compra .form-control {
        text-align: left;
    }

    .detalhe-prod h4#modal-titulo,
    .detalhe-prod h4#modal-subtitulo {
        font-size: 20px;
        line-height: 25px;
    }

    .modal-detalhe-prod .btn-add-carrinho,
    .modal-detalhe-prod .btn-cancelar,
    .modal-detalhe-prod .btn-pedido-artigo {
        font-size: 14px;
        padding: 11px 18px;
    }

    /* Ribbons Compre Online */
    .ribbon + .caixa-lista-prod {
        margin-top:-45px;
    }

    .ribbon {
        position: relative;
        /* left: -8px;
        top: 88px; */

        left: 12px;
        top: 43px;
    }

    /* HELIOONLINE */
    /* ---------------------------------------------------
    SIDE NAV CONFIG
        => Barra lateral de configurações de filtragens 
        de registos
    -----------------------------------------------------*/
    .sidenav-mobile {
        width: 280px;
    }

    .sidenav-mobile .mobile-header h5 {
        font-size: 20px;
        text-align: left;
        line-height: 30px;
    }

    .btn-close-config,
    .btn-ativa-aside-mobile {
        font-size: 16px;
        padding: 12px 22px;
    }

    .flex-mobile .btn-display,
    .flex-mobile .btn-light {
        margin-left: 0px !important;
    }

    .bloco-filtros .flex-mobile .dropdown.bootstrap-select {
        margin-left: 0px !important;
        margin-right: 10px !important;
    }

    /*
    .bloco-filtros .flex-mobile .bloco-modo-visualizacao {
        margin-top: 1px !important;
    }

    .bloco-filtros .flex-mobile button[data-display="grid"] {
        margin-left: 10px !important;
    }

    .bloco-filtros .flex-mobile .btn-group {
        margin-left: auto;
    }
    */

    .bloco-filtros .flex-mobile .bloco-items-pagina {
        display: flex !important;
        width: 30% !important;
    }

    .bloco-filtros .flex-mobile .bloco-ordenacao {
        display: flex !important;
        width: 70% !important;
    }

    .bloco-filtros .flex-mobile .bloco-modo-visualizacao {
        display: none !important;
        width: 0% !important;
    }

    .bloco-filtros .flex-mobile .bloco-ordenacao .dropdown.bootstrap-select {
        margin-right: 0px !important;
    }




    /* ------------------------------------------------- */

    .helioonline-cat-base .categoria-produto {
        width: 100%;
    }

    .helioonline-cat-base .categoria-produto .nome-categoria h3 img {
        height: 30px;
        width: auto;
    }

    .helioonline-cat-base span.texto-link {
        font-size: 14px;
        padding: 11px 18px;
    }

    button.limpa-filtro-cat-helioonline {
        width: auto;
        font-size: 16px;
        padding: 12px 22px;
    }

    span.label-por-pagina,
    span.label-ordenacao,
    span.label-modo-visualizacao {
        font-size: 13px;
    }

    span.label-por-pagina,
    span.label-ordenacao,
    span.label-modo-visualizacao {
        width: 132px;
    }


    #detalhe-produto.modal-detalhe-prod.helioonline .modal-body .img-prod #modal-img-zoom {
        max-width: 300px;
        height: auto;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .drescricao h3 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 20px;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .drescricao .descricao-produto h4 {
        font-size: 18px;
        line-height: 25px;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .drescricao .descricao-produto p {
        font-size: 16px;
        line-height: 20px;
    }

    .list-group-item p.list-group-item-text {
        text-align: left;
        font-size: 13px;
    }


    .ribbon-cat span {
        font-size: 10px;
    }


    /*------------------------------------------
    SIMULADORES
    ------------------------------------------*/
    #simulador-compra-produto h2 {
        font-size: 28px;
        margin-bottom:10px;
    }

    #simulador-compra-produto h5 {
        font-size: 20px;
        margin-bottom: 0px;
        margin-left: 15px;

        margin-bottom: 10px;
        margin-top: 30px;
    }

    #simulador-compra-produto .col-label {
        padding-right: 15px;
    }

    #simulador-compra-produto .col-input {
        padding-left: 15px;
        padding-right: 15px;
    }

    #simulador-compra-produto #caixa-cores-personalizacao {
        margin-top: 15px;
    }

    #form-simulador-compra textarea#inputDesc {
        margin-left: 0px;
    }

    #simulador-compra-produto h5.titulo-apresentacao {
        margin-top: 10px;
    }

    #simulador-compra-produto #img-apr,
    #simulador-compra-produto #img-emb, 
    #simulador-compra-produto #img-col {
        margin-left: 0px;
        margin-top: 10px;
    }

    #simulador-compra-produto .check-acabamento {
        margin-left: 0px;
    }

    input[name=inputQtd],
    input[name=inputLargura1],
    input[name=inputLargura2],
    input[name=inputComprimento1],
    input[name=inputComprimento2] {
        width: 98%;
    }

    .bootstrap-select {
        width: 98% !important;
    }

    .grupo-botoes {
        margin-top: 20px;
    }

    .cancelar {
        right: 15px;
    }

    #form-simulador-compra label {
        margin-left: 0px;
    }

    #form-simulador-compra .row-space {
        margin-bottom: 0px;
    }

    #form-simulador-compra #cor-selecionada,
    #form-simulador-compra #cor-selecionada-suporte, 
    #form-simulador-compra #cor-selecionada-teia {
        margin-top: 0px;
    }

    #form-simulador-compra textarea.form-control {
        margin-left: 0px;
        width: 98%;
    }

    #form-simulador-compra span#calcQtdFinal,
    #form-simulador-compra span#calcPrecoFinal {
        text-align: right;
    }
    

    #form-simulador-compra span.label-text {
        margin-left: -20px;
    }

    #form-simulador-compra .btn-calcular-preco,
    #form-simulador-compra .btn-adicionar-carrinho,
    #form-simulador-compra .sw-btn-prev,
    #form-simulador-compra .sw-btn-next {
        font-size: 16px;
        padding: 12px 22px;
    }

    .jquery-loading-modal__text {
        font-size: 16px;
        margin-top: -10px;
    }

    /* correção de espaçamento aplicado nas rows onde existem campos do tipo select */
    .row-space-select {
        margin-top: 10px;
    }

    /* MODAL CORES */
    #modal-selecionar-cor .item {
        padding: 15px;
        margin-bottom: 0px;
        margin-bottom: -20px;
    }

    .btn-selecionar-cor {
        padding: 10px;
    }

    #modal-selecionar-cor .modal-title,
    #modal-selecionar-cor-inscricao .modal-title, 
    #modal-selecionar-cor-personalizacao .modal-title,
    #modal-selecionar-cor-lurex .modal-title {
        margin-bottom: 5px;
    }

    .form-control.filtra-cores-ins,
    .form-control.filtra-cores, 
    .form-control.filtra-cores-per, 
    .form-control.filtra-cores-lurex {
        font-size: 15px;
        line-height: 20px;

        padding-top: 9px;
    }

    #modal-selecionar-cor span.numero-cor,
    .popover-content-txt span.numero-cor {
        font-size: 14px;
    }

    #modal-selecionar-cor span.nome-pantone,
    .popover-content-txt span.nome-pantone {
        font-size: 15px;
    }

    #modal-selecionar-cor span.numero-pantone,
    .popover-content-txt span.numero-pantone {
        font-size: 14px;
    }

    /*
    #modal-selecionar-cor .btn-modal-cor-fechar,
    #modal-selecionar-cor .btn-modal-cor-confirmar {
        font-size: 15px;
        padding: 11px 18px;
    }
    */

    #modal-selecionar-cor .btn-modal-cor-fechar,
    #modal-selecionar-cor .btn-modal-cor-confirmar,
    #modal-selecionar-cor-inscricao .btn-modal-cor-confirmar, 
    #modal-selecionar-cor-personalizacao .btn-modal-cor-fechar,
    #modal-selecionar-cor-personalizacao .btn-modal-cor-confirmar,
    #modal-selecionar-cor-lurex .btn-modal-cor-fechar,
    #modal-selecionar-cor-lurex .btn-modal-cor-confirmar {
        font-size: 15px;
        padding: 11px 18px;
    }

    /* caso especifico do N600 */
    #form-simulador-compra .col-6 span.label-text {
        font-size: 15px;
        line-height: 24px;
    }

    .display-color {
        min-width: 124px;
        min-height: 124px;
    }

    #modal-selecionar-cor span.legend-search {
        font-size: 12px;
        line-height: 20px;
        margin-top: 10px;
    }


    /*
    WIZARD STEPS - Correções
    */
    #simulador-compra-produto .sw-theme-dots {
        padding-top: 20px;
    }

    #simulador-compra-produto .sw-theme-dots>ul.step-anchor>li>a {
        font-size: 18px;
    }

    #simulador-compra-produto .step-anchor .small,
    #simulador-compra-produto .step-anchor small {
        font-size: 13px;
    }

    #simulador-compra-produto .img-suporte {
        margin-top: 0px;
    }

    #simulador-compra-produto .sw-theme-dots>ul.step-anchor>li {
        width: 50%;
    }

    #simulador-compra-produto .sw-theme-dots>ul.step-anchor>li>a:before {
        left: 39%;
    }

    #simulador-compra-produto .sw-theme-dots>ul.step-anchor>li>a:after {
        left: 42%;
    }

    #simulador-compra-produto .grupo-elementos-gerais {
        margin-top: -30px;
    }



    #simulador-compra-produto #step-1 span.step-1-titulo {
        margin-left: 0px;
    }

    #simulador-compra-produto #step-1 ul.lista-tipos-fitas {
        margin-left: 0px;
        margin-right: 0px;
    }

    .img-suporte {
        padding: 15px;
    }

    #form-simulador-compra .sw-btn-prev {
        padding-left: 30px;
    }

    #form-simulador-compra .sw-btn-prev::after,
    #form-simulador-compra .sw-btn-next::before {
        top: 5px;
    }

    #form-simulador-compra .sw-btn-next {
        padding-right: 30px;
    }


    table.tt-outras-qtd {
        margin-top: -15px;
        margin-left: 5px;
        margin-right: 5px;
    }

    #form-simulador-compra .col-checkboxs label {
        margin-left: 15px;
    }

    /*---------------------------------------------
    SWAL
    ---------------------------------------------*/
    .swal2-popup .swal2-title {
        font-size: 18px !important;
    }

    .swal2-popup .swal2-styled.swal2-confirm,
    .swal2-popup .swal2-styled.swal2-cancel {
        font-size: 16px !important;
        padding: 12px 22px !important;
    }

    .swal2-popup .swal2-content {
        font-size: 17px !important;
    }



    #simulador-compra-produto span.info-light {
        margin-bottom: 35px;
        margin-left: 0px;
        margin-right: 0px;
        line-height: 22px;
    }

    #modal-selecionar-cor .has-search .form-control-feedback,
    #modal-selecionar-cor-inscricao .has-search .form-control-feedback,
    #modal-selecionar-cor-personalizacao .has-search .form-control-feedback,
    #modal-selecionar-cor-lurex .has-search .form-control-feedback {
        line-height: 2.1rem;
    }

    #modal-selecionar-cor .has-search .fa-search:before,
    #modal-selecionar-cor-inscricao .has-search .fa-search:before,
    #modal-selecionar-cor-personalizacao .has-search .fa-search:before,
    #modal-selecionar-cor-lurex .has-search .fa-search:before {
        font-size: 16px;
    }

    #modal-selecionar-cor .has-search .clear-search,
    #modal-selecionar-cor-inscricao .has-search .clear-search,
    #modal-selecionar-cor-personalizacao .has-search .clear-search,
    #modal-selecionar-cor-lurex .has-search .clear-search {
        top: 1px;
    }

    .fa-remove:before,
    .fa-close:before,
    .fa-times:before {
        font-size: 16px;
    }

    /*-------------------------------------------
    SIMULADOR TIPO 9
    -------------------------------------------*/
    .col-lurex-dpl-passagem {
        display: block;
    }

    .col-checkboxs:first-child {
        margin-top: 0px;
    }

    .row-cor-per-cfg .col-checkboxs+.col-checkboxs {
        margin-top: 0px;
    }

    #form-simulador-compra label.error {
        font-size: 11px;
        line-height: 20px;
    }

    #simulador-compra-produto .file-error-message {
        font-size: 11px;
        line-height: 20px;
        padding: 5px;
    }


    /*-------------------------------------------------------------
        MODAL DISCLAIMER - LINK EXTERNO
    -------------------------------------------------------------*/
    #modal-aviso-nav-externa h6 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #modal-aviso-nav-externa .info {
        font-size: 16px;
        line-height: 21px;
    }

    #modal-aviso-nav-externa .box-btns {
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: center;

        display: flex;
        justify-content: center;
    }

    #modal-aviso-nav-externa .btn-retroceder,
    #modal-aviso-nav-externa .btn-prosseguir {
        font-size: 15px;
        padding: 12px 15px;
    }

    #modal-aviso-nav-externa .btn-retroceder .fa {
        margin-right: 10px;
    }

    #modal-aviso-nav-externa .btn-prosseguir .fa {
        margin-left: 10px;
    }

    #modal-aviso-nav-externa .btn-prosseguir {
        margin-left: 10px;
    }

}

/* EXTRA */
@media screen and (max-width: 444px) {
    #form-simulador-compra .force-start .sw-btn-prev::after {
        left: 40%;
    }
}

@media screen and (max-width: 400px) {
    /* .modal-content {
        margin-left: 7px;
    } */

    /* CATEGORIAS BASE */
    #catalogo-produtos .col-md-6 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .categoria-produto .nome-categoria h3 img {
        /* SVG */
        height: 28px;
        width: auto;
        margin-top: 0px;
        margin-bottom: -10px;
    }

    h2.titulo-go-back {
        font-size: 14px;
    }

    #detalhe-produto .drescricao h3 {
        font-size: 21px;
    }

    #detalhe-produto .drescricao .descricao-produto h4 {
        font-size: 20px;
    }

    #detalhe-produto .drescricao .descricao-produto p {
        font-size: 18px;
    }

    #produtos-similares h4 {
        margin-top: 0px;
        font-size: 21px;
    }

    /*.overlay-categorias a.ver-mais:link,
    .overlay-categorias a.ver-mais:visited {
        font-size: 11px;
        padding: 7px 15px;
    }*/

    /* span.texto-link {
        font-size: 11px;
        padding: 7px 15px;
    } */

    .categoria-produto span.texto-link {
        font-size: 12px;
        padding: 11px 22px;
        left: 5px;
    }

    .helioonline-cat-base .categoria-produto .overlay-categorias a span.texto-link {
        font-size: 12px;
        padding: 11px 18px;
    }

    .overlay-categorias a {
        padding-top: 16%;
    }

    span.texto-link-similares {
        font-size: 14px;
        padding: 11px 18px;
    }

    
    #lista-produtos .col-lg-3 {
        padding-right: 15px;
        padding-left: 15px;
    }

    /* .overlay-categorias {
        height: 92px !important;
    } */

    /* MODAL: CONSULTA, AMOSTRA e CATALOGO */
    h5.modal-title {
        font-size: 18px;
    }

    #formulario-mais-consulta .modal-header,
    #formulario-pedido-amostra .modal-header,
    #formulario-pedido-catalogo .modal-header {
        padding: 15px;
        margin-bottom:0px;
    }

    #formulario-mais-consulta .modal-body,
    #formulario-pedido-amostra .modal-body,
    #formulario-pedido-catalogo .modal-body {
        padding: 0px;
    }

    #formulario-mais-consulta .modal-footer,
    #formulario-pedido-amostra .modal-footer,
    #formulario-pedido-catalogo .modal-footer {
        margin-top: -10px;
    }

    #formulario-mais-consulta .modal-body .form-fields+.form-fields {
        margin-top: -20px;
    }

    .btn-informacoes-cancelar,
    .btn-enviar-pedido {
        font-size: 15px;
        padding: 10px 22px;
    }


    /* CASH & CARRY */
    #accordion .panel-title a {
        font-size: 15px;
    }

    /*
    .cd-accordion-menu label,
    .cd-accordion-menu a {
        font-size: 14px;
    }

    .cd-accordion-menu ul ul ul label,
    .cd-accordion-menu ul ul ul a {
        font-size: 13px;
    }
    */

    .form-control.pull-left,
    .form-control.pull-right {
        width: 43%; /* ??? */
    }

    span.label-por-pagina,
    span.label-ordenacao,
    span.label-modo-visualizacao {
        width: 100%;
        display: block;
    }

    section#cash-e-carry .bloco-filtros .dropdown.bootstrap-select {
        margin-left: -10px;
        margin-top: 10px;
    }

    .bloco-ordenacao .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }

    section#cash-e-carry .bloco-filtros button[data-display="list"] {
        margin-left: 0px;
        margin-top: 10px;
    }

    section#cash-e-carry .bloco-filtros button[data-display="grid"] {
        margin-top: 10px;
    }

    #cash-e-carry .page-link {
        padding: .35rem .50rem;
        font-size: 13px;
    }

    h4.card-title,
    h4.card-subtitle {
        font-size: 13px;
    }

    p.list-group-item-text {
        font-size: 15px;
    }

    .lead {
        font-size: 16px;
    }

    /*
    .item.list-group-item .img-event {
        width: 100%;
        float: none;
    }

    .item.list-group-item .caption {
        width: 100%;
        float: none;
    }
    
    .list-group-item h4.card-title {
        font-size: 13px;
        text-align: center;
        margin-top:15px;
    }

    .list-group-item h4.card-subtitle {
        font-size: 13px;
        text-align: center;
        font-family: 'NunitoSans-Bold', sans-serif;
        margin-top: -5px;
    }

    .list-group-item p.list-group-item-text {
        text-align: center;
        font-size: 15px;
        font-size: 14px;
    }

    .list-group-item .caption.card-body p.lead {
        font-size: 16px;
        text-align: center;
    }
    */

    .card {
        display:inline-block;
    }

    .item .thumbnail {
        margin-top: 5px;
        margin-bottom: -10px;
    }

    /*.produtos-helioonline .item .thumbnail {
        margin-bottom: 10px;
    }*/

    .item .img-event {
        float: left;
        width: 30%;
    }

    .img-event {
        min-height: 100px;
    }

    .item .caption {
        float: right;
        width: 70%;
    }

    .item h4.card-title {
        font-size: 13px;
        text-align: left;
        margin-top: -20px;
    }
    
    .item h4.card-subtitle {
        font-size: 13px;
        text-align: left;
    }

    .item p.list-group-item-text {
        text-align: left;
        font-size: 14px;
    }

    .produtos-helioonline .item p.list-group-item-text {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .item .caption.card-body p.lead {
        font-size: 16px;
        text-align: left;
        margin-bottom: 10px;
    }


    /*
    MODAL DETALHES PRODUTO
    */
    .modal-detalhe-prod h5.modal-title {
        margin-left: 5px;
        font-size: 18px;
    }

    h5 {
        font-size: 14px;
    }

    .close {
        font-size: 1.5rem;
    }

    .img-prod #modal-img-zoom, 
    .img-prod #modal-img-zoom-sstock {
        max-width: 200px;
        height: auto;
    }

    .modal-detalhe-prod.cash-carry-modal .img-prod, 
    .modal-detalhe-prod.cash-carry-modal-sstock .img-prod {
        margin-left: 0px;
        padding-left: 0px;
        padding-bottom: 5px;
    }

    .detalhe-prod h4#modal-titulo,
    .detalhe-prod h4#modal-subtitulo {
        font-size: 17px;
        line-height: 23px;
    }

    h4 {
        font-size: 15px;
    }

    .disponibilidade,
    .qtd-stock-label,
    .preco-venda-label,
    .qtd-venda-label,
    .iva-venda-label,
    .aviso-disponibilidade {
        font-size: 13px;
    }

    .qtd-stock-valor,
    .preco-venda-valor,
    .iva-venda-total {
        font-size: 14px;
    }

    .desktop-btn {
        display: none;
    }

    .mobile-btn {
        display: inline-block;
    }

    /* HELIOONLINE */
    /* ---------------------------------------------------
    SIDE NAV CONFIG
        => Barra lateral de configurações de filtragens 
        de registos
    -----------------------------------------------------*/
    .sidenav-mobile {
        width: 265px;
    }

    /*
    .sidenav-mobile .mobile-header {
        border-bottom: 1px solid #efefef;
        margin-bottom: 10px;
    }
    */
    
    .sidenav-mobile .mobile-header h5 {
        font-size: 17px;
        text-align: left;
        line-height: 26px;

        /* margin-bottom: 10px; */
    }

    .sidenav-mobile .mobile-header a {
        font-size: 15px;

        /* top: -20px; */
        top: -16px;
    }

    .btn-close-config,
    .btn-ativa-aside-mobile {
        font-size: 15px;
        padding: 12px 19px;
    }

    .flex-mobile {
        margin-top: 14px;

        margin-bottom: -10px; /* remover no caso de ser aplicada a alteração no Cash&Carry */
    }

    /*
    section#cash-e-carry .bloco-filtros {
        padding-bottom: 15px;
    }
    */

    .accordion-menu ul .submenu>li>a {
        padding-top: 7px;
        padding-bottom: 7px;
    }



    /* ------------------------------------------------- */


    #accordion .panel-body {
        padding-right: 0px;
    }

    .helioonline-cat-base .categoria-produto .nome-categoria h3 img {
        height: 28px;
        width: auto;
    }

    .helioonline-cat-base .categoria-produto .nome-categoria h3 img {
        margin-top: 0px;
        margin-bottom: -10px;
    }

    section#cash-e-carry .bloco-filtros {
        padding-bottom: 25px;
    }

    button.limpa-filtro-cat-helioonline {
        font-size: 15px;
        padding: 10px 22px;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .modal-body .img-prod #modal-img-zoom {
        max-width: 220px;
        height: auto;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .drescricao h3 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .drescricao .descricao-produto h4 {
        font-size: 17px;
        line-height: 20px;
    }

    #detalhe-produto.modal-detalhe-prod.helioonline .drescricao .descricao-produto p {
        font-size: 15px;
        line-height: 20px;
    }

    .produtos-helioonline .item.list-group-item .img-event {
        float: none;
        width: 100%;
    }

    .produtos-helioonline .item.list-group-item .caption {
        float: none;
        width: 100%;
    }

    /*------------------------------------------
    SIMULADORES
    ------------------------------------------*/
    #simulador-compra-produto h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    #simulador-compra-produto h5 {
        font-size: 18px;
    }

    input[name=inputQtd],
    input[name=inputLargura1],
    input[name=inputLargura2],
    input[name=inputComprimento1],
    input[name=inputComprimento2] {
        width: 97%;
    }

    .bootstrap-select {
        width: 97% !important;
    }

    #form-simulador-compra textarea.form-control {
        width: 97%;
    }



    #form-simulador-compra span.label-text {
        margin-left: -20px;
    }

    #form-simulador-compra label,
    #form-simulador-compra .simulador-cod-suporte,
    #form-simulador-compra .simulador-tipo-suporte,
    #form-simulador-compra span.label-text,
    #form-simulador-compra span#calcQtdFinal,
    #form-simulador-compra span#calcPrecoFinal {
        font-size: 15px;
        line-height: 25px;
    }

    #form-simulador-compra .bootstrap-select .dropdown-toggle .filter-option {
        font-size: 15px;
    }

    #form-simulador-compra .dropdown-menu {
        font-size: 15px;
    }

    #form-simulador-compra span#calcQtdFinal,
    #form-simulador-compra span#calcPrecoFinal {
        margin-top: 6px;

        text-align:right;
    }

    #form-simulador-compra #cor-selecionada-nome,
    #form-simulador-compra #cor-selecionada-nome-fita,
    #form-simulador-compra #cor-selecionada-nome-suporte,
    #form-simulador-compra #cor-selecionada-nome-teia,
    #form-simulador-compra #cor-selecionada-nome-personalizacao {
        font-size: 14px;
    }

    #form-simulador-compra .btn-calcular-preco,
    #form-simulador-compra .btn-adicionar-carrinho,
    #form-simulador-compra .force-start .sw-btn-prev,
    #form-simulador-compra .force-start .sw-btn-next,
    .swal2-popup .swal2-styled.swal2-confirm,
    .swal2-popup .swal2-styled.swal2-cancel {
        font-size: 15px;
        padding: 10px 22px;
    }

    /* #form-simulador-compra .btn-calcular-preco {
        margin-bottom: 10px;
    } */

    .jquery-loading-modal__text {
        font-size: 15px;
    }

    /* MODAL CORES */
    #modal-selecionar-cor .item {
        padding: 5px;
        margin-bottom: 0px;
    }

    .btn-selecionar-cor {
        padding: 5px;
    }

    #modal-selecionar-cor span.numero-cor,
    .popover-content-txt span.numero-cor {
        font-size: 12px;
    }

    #modal-selecionar-cor span.nome-pantone,
    .popover-content-txt span.nome-pantone {
        font-size: 13px;
    }

    #modal-selecionar-cor span.numero-pantone,
    .popover-content-txt span.numero-pantone {
        font-size: 12px;
    }

    #modal-selecionar-cor .btn-modal-cor-fechar,
    #modal-selecionar-cor .btn-modal-cor-confirmar {
        font-size: 15px;
        padding: 11px 18px;
    }

    /* #modal-selecionar-cor .botoes-modal-cor,
    #modal-selecionar-cor-inscricao .botoes-modal-cor,
    #modal-selecionar-cor-personalizacao .botoes-modal-cor, 
    #modal-selecionar-cor-lurex .botoes-modal-cor {
        display: contents;
    } */

    #modal-selecionar-cor .btn-modal-cor-fechar {
        margin-right: 10px;
    }

    .popover.popover-detalhe-cor {
        display: none;
    }

    .display-color {
        min-width: 104px;
        min-height: 104px;
    }

    #modal-selecionar-cor span.legend-search {
        font-size: 12px;
        line-height: 20px;
    }

    #modal-selecionar-cor .modal-dialog,
    #modal-selecionar-cor .modal-content,
    #modal-selecionar-cor-inscricao .modal-dialog,
    #modal-selecionar-cor-inscricao .modal-content,
    #modal-selecionar-cor-personalizacao .modal-dialog,
    #modal-selecionar-cor-personalizacao .modal-content,
    #modal-selecionar-cor-lurex .modal-dialog,
    #modal-selecionar-cor-lurex .modal-content {
        height: 96%;
    }


    #modal-selecionar-cor .modal-header {
        padding: 20px;
        margin-bottom: 20px;
    }

    #modal-selecionar-cor .modal-header .container-search,
    #modal-selecionar-cor-inscricao .modal-header .container-search,
    #modal-selecionar-cor-personalizacao .modal-header .container-search,
    #modal-selecionar-cor-lurex .modal-header .container-search {
        margin-top: 5px;
        margin-bottom: -30px;
    }

    .display-color {
        min-width: 95px;
        min-height: 95px;
    }

    #modal-selecionar-cor img,
    #modal-selecionar-cor-inscricao img,
    #modal-selecionar-cor-personalizacao img,
    #modal-selecionar-cor-lurex img {
        width: 90px;
        height: auto;
    }

    #modal-selecionar-cor span.aviso-cor,
    #modal-selecionar-cor-inscricao span.aviso-cor,
    #modal-selecionar-cor-personalizacao span.aviso-cor,
    #modal-selecionar-cor-lurex span.aviso-cor {
        line-height: 15px;
    }

    #modal-selecionar-cor span.legend-search,
    #modal-selecionar-cor-inscricao span.legend-search,
    #modal-selecionar-cor-personalizacao span.legend-search,
    #modal-selecionar-cor-lurex span.legend-search {
        font-size: 12px;
        line-height: 15px;
    }

    /* ------------------------ */


    #form-simulador-compra .sw-btn-prev::after,
    #form-simulador-compra .sw-btn-next::before {
        top: 3px;
    }

    /* #form-simulador-compra .force-start .sw-btn-prev::after {
        left: 17px;
    } */

    #form-simulador-compra .sw-btn-next {
        padding-right: 30px !important;
    }

    #form-simulador-compra .sw-theme-dots .step-content {
        margin-left: -15px;
        margin-right: -15px;
    }


    #simulador-compra-produto #step-1 span.step-1-titulo {
        margin-left: 0px;
    }

    #simulador-compra-produto #step-1 ul.lista-tipos-fitas {
        margin-left: 0px;
        margin-right: 0px;
    }

    #simulador-compra-produto .sw-toolbar-bottom.justify-content-end.force-start {
        justify-content: flex-start !important;
        margin-left: 17px;
    }

    .krajee-default.file-preview-frame .kv-file-content {
        width: 100% !important;
        height: auto;
    }

    #simulador-compra-produto .krajee-default .file-caption-info,
    #simulador-compra-produto .krajee-default .file-size-info {
        display: none;
    }


    #simulador-compra-produto .step-anchor .small,
    #simulador-compra-produto .step-anchor small {
        font-size: 11px;
        margin-top: -5px;
    }

    #simulador-compra-produto .sw-theme-dots>ul.step-anchor>li>a:before {
        bottom: -6px;
    }

    #simulador-compra-produto .sw-theme-dots>ul.step-anchor>li>a:after {
        bottom: -7px;

        left: 43%;
    }

    /*---------------------------------------------
    SWAL
    ---------------------------------------------*/
    .swal2-popup .swal2-title {
        font-size: 17px !important;
    }

    .swal2-popup .swal2-styled.swal2-confirm,
    .swal2-popup .swal2-styled.swal2-cancel {
        font-size: 15px !important;
        padding: 10px 22px !important;
    }

    .swal2-popup .swal2-content {
        font-size: 16px !important;
    }


    /*-------------------------------------------
    SIMULADOR TIPO 9
    -------------------------------------------*/
    .col-lurex-dpl-passagem {
        display: none;
    }

    .col-checkboxs:first-child {
        margin-top: 0px;
    }

    .row-cor-per-cfg .col-checkboxs+.col-checkboxs {
        margin-top: 0px;
    }

    #caixa-cores-personalizacao .row-cor-per-cfg .offset-5 {
        margin-left: 0%;
    }

    #caixa-cores-personalizacao .row-cor-per-cfg .col-compr,
    #caixa-cores-personalizacao .row-cor-per-cfg .col-lur-dpl-pass {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }


    #caixa-cores-personalizacao .row-cor-per-cfg .col-checkboxs {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    /* Formata checkbox Dupla Passagem */
    .row-cor-per-cfg .col-checkboxs+.col-checkboxs {
        margin-top: -15px;
        margin-bottom: 30px;
    }

    #form-simulador-compra .col-checkboxs label {
        margin-left: 0px;
    }

    .col-checkboxs:first-child {
        margin-top: -30px;
    }

    .col-input-div {
        border-top: none;
    }

    #simulador-compra-produto #caixa-cores-personalizacao .col-label {
        border-top: 1px solid #f3f3f3;
        padding-top: 10px;
    }

    #simulador-compra-produto #caixa-cores-personalizacao .row-space-color-block:first-child .col-label {
        border-top:none;
        padding-top: 0px;
    }

    #simulador-compra-produto #caixa-cores-personalizacao .readonly.col-label {
        margin-bottom: -10px;
    }

    #simulador-compra-produto #container-cores-personalizacao {
        margin-top: 15px;
    }

    

    /*-------------------------------------------------------------
        MODAL DISCLAIMER - LINK EXTERNO
    -------------------------------------------------------------*/
    #modal-aviso-nav-externa .modal-content {
        padding: 20px 10px;
    }

    #modal-aviso-nav-externa .info {
        font-size: 15px;
        line-height: 21px;
    }

    #modal-aviso-nav-externa .box-btns {
        display: block;
    }

    #modal-aviso-nav-externa .btn-retroceder,
    #modal-aviso-nav-externa .btn-prosseguir {
        width: 100%;
    }

    #modal-aviso-nav-externa .btn-prosseguir {
        margin-left: 0px;
        margin-top: 20px;
    }

    

}

/* EXTRA */
@media screen and (max-width: 300px) {
    .display-color {
        min-width: 54px;
        min-height: 54px;
    }
}