.select-selecione-loja{
    padding-top: 1em !important;padding-right: 0;
}

.adicione-codigo-cupom{
    padding-top: 1em !important;padding-left: 0;
}

.row-button-sugerir-cupom {
    margin-top: -7.5em !important;
}

.row-imgs-lojas{
    margin-top: -13em !important;
}

.row-imgs-lojas-2{
    margin-top: -13em !important;
}

.col-titulo-topico{
    padding-top: 1em !important;
    padding-right: 0;
}

.row-escolher-titulo{
    margin-top: -4em !important;
}

.icone-subir-footer {

    position: absolute;
    font-size: 30px;
    right: 50px;
    bottom: -39.8em !important;
    z-index: 1;
    background-color: #22202b;
    padding: 14px;
    border-radius: 4px;
    cursor: pointer;

}

.descricao-produto{
    white-space: nowrap; 
  width: auto; 
  overflow: hidden;
  text-overflow: ellipsis;
  height: 30px;
  transition: ease 1s !important;
}

.descricao-produto:hover {
    animation: animation-name 1.5s infinite;
    animation-timing-function: ease-in;
    height: 135px;
    margin-top: -7em;
    background-color: #FFFFFF;
    box-shadow: 0 -9px 10px -11px grey;
}

@keyframes animation-name {
  0% {
    white-space: pre-wrap;
  }
  100% {
    white-space: pre-wrap;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
    .megamenu .megamenu-nav .nav-link {
        font-size: 7px !important
    }
    
    .card-produtos {
        text-align: center !important;
    }
    
    .card-produtos .img-produto{
        width: 85% !important;
        min-width: 85% !important;
        max-width: 85% !important;
        padding-left: 4em;
    }
    
    .subnav-categorias .card .nav-categorias .btn-group button {
        padding: 6px !important;
    }
    
    .megamenu .megamenu-content .subnav-item .subnav-link {
        font-size: 8px;
    }
    
    .nome-user {
        margin-left: -5.2em !important;
    }
    
    .data-hora-user {
        margin-left: -5.2em !important;
    }
    
    .btn-qtd-like {
        left: 67% !important;
    }
    
    .cupom-filtro-card-header {
        font-size: 11px;
        width: 65%;
    }
    
    .btn-personalizar-cupom {
        line-height: 1 !important;
        position: relative !important;
        bottom: 3px !important;
        left: 0 !important;
        font-size: 10px !important;
        font-weight: 500 !important;
    }
    
    .nav-categorias .btn-group{
        margin-top: -0.2em !important;
        right: 7px !important;
        height: 37px !important;
    }
    
    .btn-cog-cupom{
        padding: 3px !important;
    }
    
    .btn-cog-cupom i{
        font-size: 14px !important;
    }
    
    .ls-produtos .card-produtos .footer-card-cupom .card-footer-content .info-user-produtos .data-hora-user{
        margin-left: -8.8em !important;
    }
    
    .titulo-modal{
        font-size: 12px !important;
        margin-top: -1.5em !important;
        margin-bottom: -1em !important;
    }
    
    .text-center small{
        font-size: 10px !important;
    }
    
    .codigo-input-img{
        display: none !important;
        visibility: hidden !important;
    }
    
    .modal-cupom {
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .img-loja-modal-obter-codigo {
        left: 42% !important;
    }
    
    .btn-codigo-input {
        right: 26% !important;
        width: unset !important;
        height: 38px !important;
        padding: 1px !important;
        font-size: 10px !important;
        padding-left: 2px !important;
    }
    
    .btn-ir-para-loja-modal {
        padding: 5px !important;
    }
    
    a.small{
        font-size: 10px !important;
    }
    
    .content-views-modal-cupom {
        border: 1px solid #f3f5f5 !important;
    }
    
    .card-img-top{
	padding-top: 0.5em; !important
    }

    select#tab-select{
        padding: 0.5em !important;
        width: 86% !important;
        margin-left: 1em !important;
    }
    
    #modal-criar-cupom{
        width: 100% !important;
    }
    
   /* .label-form-modal {
        font-size: 9px !important;
    } */
    
    .img-upload-btn{
        padding-top: 4% !important;
    }
    
    .titulo-modal-criar-cupom {
        font-size: 11px !important;
    }
    
    label[for="imagem-cupom"] {
        display: none !important;
        visibility: hidden !important;
    }
    
    .row-margin{
        margin-top: 0 !important;
    }
    
    .card-footer button.bg-white{
        padding: 3px !important;
        font-size: 15px;
    }
    
    .card-detalhe-cupom {
        position: static !important;
    }
    
    .card-top-cupons {
        position: static !important;
        margin-bottom: 4em !important;
        margin-left: -15px !important;
    }
    
    .card-top-ofertas {
        position: static !important;
        margin-bottom: 4em !important;
        margin-left: -15px !important;
        margin-top: -4em !important;
    }
    
    .progresso {
        margin-left: 0em !important;
    }
    
    input#valor{
        max-width: 100%;
        width: 50% !important;
    }
    
    .row-imgs-lojas-2{
        display: none !important;
        visibility: hidden !important;
    }
    
    .tab-sugerir-cupom .bg-content-modal-criar-cupom{
        margin-top: -1em;
        padding-top: 1em;
    }
    
    
    .tab-sugerir-cupom{
        height: 55em !important;
    }
    
    .row-adicione-cod-cupom{
        margin-top: -2.5em !important;
    }
    
    .select-selecione-loja {
        padding-top: 1em !important;
        margin-bottom: -1em !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .tab-sugerir-cupom .col-md-6{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .tab-sugerir-cupom .bg-content-modal-criar-cupom{
        padding-left: 1em !important;
        padding-right: 1em !important;
    }
    
    .tab-sugerir-cupom button.btn-success{
        padding: 0.3em !important;
        margin-top: 4em !important;
    }
    
    .tab-novo-topico{
        height: 62em !important;
    }
    
    .row-escolher-titulo{
        margin-top: -2em !important;
    }
    
    .row-imgs-lojas {
        margin-top: 2em !important;
    }
    
    .btn-enviar-topico{
        padding: 0.3em !important;
        margin-top: 2em !important;
    }
    
    .acoes-share-detalhe-produto div a {
        font-size: 10px !important;
    }
    
    .acoes-share-detalhe-produto {
        flex-direction: row !important;
        left: 1em !important;
        bottom: -17em !important;
    }
    
    .comentario-1 .row .col-md-2, .comentario-2 .row .col-md-2{
        text-align: center !important;
    }
    
    .badge-img-perfil-comentario {
        left: 27%;
    }
    
    .col-stars-avaliacoes {
        text-align: center !important;
    }
    
}

@media only screen and (min-width : 481px) and (max-width : 1024px)  {
    .title-top-ofertas{
        font-size: 10px !important;
    }
    
    .content-top-ofertas {
        flex-direction: column !important;
        margin-top: 1em;
    }
    
    .content-top-ofertas div {
        text-align: center !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0.2em !important;
    }
    
    .content-top-ofertas div img{
        width: 100% !important;
    }
    
    .btn-qtd-like{
        left: 71% !important;
    }
    
    .btn-qtd-like button{
        padding: 3px !important;
        font-size: 11px !important;
    }
    
    .titulo-produto-top-ofertas {
        font-size: 11px !important;
    }
    
    .notificacoes-nav, .divisor, label[for="imagem-cupom"] {
        display: none !important;
        visibility: hidden !important;
    }
    
    .content-top-ofertas div img.img-circle{
        width: 25% !important;
        height: 35px !important;
        margin-left: -6em !important;
    }
    
    .porcentagem-top-cupons-content{
        font-size: unset !important;
    }
    
    .card-header-info-cupom{
        margin-bottom: 1em !important;
    }
    
    .megamenu .megamenu-content .subnav-item .subnav-link {
        font-size: 12px !important;
    }
    
    #content-uploads .col-sm-2 {
        min-width: 75px !important;
        width: 75px !important;
        max-width: 75px !important;
    }
    
    .card-footer button.bg-white{
        padding: 7px !important;
    }
    
    .row-margin div div {
       flex-wrap: wrap !important;
    }
    
    #valor{
        margin-top: 0.5em !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .select-selecione-loja{
        margin-top: -5em !important;
    }
    
    .adicione-codigo-cupom {
        margin-top: -5em !important;
    }
    
    .tab-sugerir-cupom{
        height: 40em !important;
    }
    
    .row-button-sugerir-cupom {
       margin-top: -5.5em !important;
    }
    
    .row-imgs-lojas{
        margin-top: -16em !important;
    }
    
    .row-imgs-lojas-2{
        margin-top: -6em !important;
    }
    
    .col-titulo-topico{
        padding-top: 0 !important;
        margin-top: -3em !important;
    }
    
    .tab-novo-topico{
        height: 585px !important;
    }
    
    .btn-enviar-topico{
        margin-top: 8em !important;
    }
    
    .card-top-cupons-page-detalhe-cupom,.card-top-ofertas-page-detalhe-cupom{
        display: none !important;
        visibility: hidden !important;
    }
    
    .card-detalhe-cupom {
        position: static !important;
    }
    
    .img-produto {
        width: auto !important;
        min-width: auto !important;
        max-width: auto !important;
        height: 330px !important;
        min-height: 330px !important;
        max-height: 330px !important;
        padding: 1em;
    }
    
    .card-footer-content {
        width: 104% !important;
    }
    
    .comentario-1 .row .col-md-2, .comentario-2 .row .col-md-2{
        text-align: center !important;
    }
    
    .badge-img-perfil-comentario {
        left: 38%;
    }
    
    .progresso {
        margin-left: 0em !important;
    }
    
    .info-perfil-detalhe-produto {
        width: max-content;
    }
    
    .content-top-ofertas div img.img-circle {
        width: 45px !important;
        height: 45px !important;
    }
    
    .card-produtos .img-produto {
        width: 300px !important;
        min-width: 300px !important;
        max-width: auto !important;
        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;
        margin-left: 25%;
    }
    
    .img-produto {
        text-align: center !important;
    }
    
    .btn-qtd-like {
        right: 5% !important;
        bottom: 3.9% !important;
    }
   
}

@media only screen and (min-width : 481px) and (max-width : 767px)  {
    [value="PUBLICAR COMENTÁRIO"] {
        padding: 5px;
        font-size: 13px;
        position: absolute;
        top: 23.65em;
        left: 20em;
    }
    
    .col-stars-avaliacoes {
        text-align: center !important;
    }
    
    h5{
        font-size: 18px !important;
    }
    
}

/* EXCLUSIVO PARA IPAD */
@media only screen and (min-width : 768px) and (max-width : 768px)  {
    .badge-img-perfil-comentario {
        left: 5% !important;
    }
    
    .badge-img-perfil-comentario {
        top: 20px !important;
    }
    
    .btn-ir-para-loja {
        font-size: 7px;
    }
    
    .loja-info-detalhe-produto .ativar-meta span, .ativar-meta a svg {
        font-size: 12px;
    }
    
    .precos-detalhe-produto {
        font-size: 15px;
    }
    
    .text-avaliacoes {
        font-size: 8px;
    }
    
    .card-produtos .img-produto {
        width: 100% !important;
        min-width: 100px !important;
        height: auto !important;
        min-height: 300px !important;
        max-height: 300px !important;
        margin-left: 0%;
    }
    
    .content-top-ofertas div img {
        width: 330px !important;
    }
    
    .content-top-ofertas div img {

    width: 100% !important;

}
    
}

/* EXCLUSIVO PARA IPAD TELA VIRADA*/
@media screen and (orientation:landscape) and (min-device-width: 1024px) and (max-device-width: 1024px) {
   .progress {
        width: 80px !important;
        height: 80px !important;
    }
    
    .progress .progress-value {
        font-size: 21px !important;
    }
    
    .progress .progress-value div {
        margin-top: 3px !important;
    }
    
    .card-produtos .img-produto {
        width: 100% !important;
        min-width: 100px !important;
        height: auto !important;
        min-height: 300px !important;
        max-height: 300px !important;
        margin-left: 0%;
    }
}


@media screen and (orientation:landscape) {
   .progresso {
        margin-left: 0em !important;
    }
}

@-moz-document url-prefix() {
    .porcentagem-top-cupons-content {   
        white-space: nowrap;
    }
}


@media (min-width: 1300px){
    .imagemloja {
        width: 100;
        max-height: 400px;
    }

    .btn-ir-para-loja{
        height: 15vh;
        width: 100%;
        font-size: 20px;
    }
}