@media (max-width: 768px) {
  .content {
      padding: 0 15px;
  }
    h1 {
        font-size: 25px;
        line-height: 35px;
        margin-top: 10px;
    }
    .bread {
        text-align: center;
        display: inline-block;
        background-size: 20px;
        padding-left: 20px;
    }

    .header .col-sm-12 {
        text-align: center;
    }

    .bread a {
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 11px;
    }
    .btn {
        font-size: 11px;
        line-height: 30px;
        padding: 5px 15px;
    }
    .header .novo_topico {
        margin-top: 15px;
    }
    .r_pop .content ul li a {
        text-transform: uppercase;
        font-size: 11px;
        letter-spacing: .5px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .responsive_topico p:first-child {
        text-align: left;
    }

    .responsive_topico {
        padding-top: 20px;
    }

    .responsive_topico p.min.italic.text-center {
        text-align: left;
    }

    .responsive_topico p[data-toggle=collapse] {
      text-align: center;
      font-weight: bold;
      line-height: 20px;
      padding-top: 15px;
      margin-bottom: 0;
      border-top: 1px solid #315970;
      margin-top: 20px;
    }

    .responsive_topico div[id*='detalhes_topico_'] {
      margin-top: 15px;
    }
    .note-editor.note-frame.panel.panel-default + .note-editor.note-frame.panel.panel-default {
      display: none;
  }
  #modal_topico .btn-convidar {
      margin-right: 0;
  }

  .topico_privado.uppercase {
      font-size: 11px;
      line-height: 20px;
      font-weight: bold;
      letter-spacing: 1px;
  }

  .qtd_convidados {
      font-size: 11px;
      line-height: 20px;
      letter-spacing: 1px;
      padding-left: 20px;
      font-weight: normal;
  }

  input#topico_privado {
      margin-top: 0;
  }

  span.filter-option.pull-left {
      font-size: 11px;
      letter-spacing: 1px;
  }

  h6.bold {
      text-transform: uppercase;
      letter-spacing: 1px;
  }

  .modal-content {
      margin-top: 15px;
      padding-top: 45px;
      margin-bottom: 15px;
  }

  .modal .close-modal {
      right: 10px;
      top: 10px;
  }

  .modal input[type="text"] {
      margin-bottom: 20px;
  }

  .modal-body .col-sm-8 {
      display: flex;
      align-items: flex-start;
      flex-flow: row nowrap;
      justify-content: space-between;
      margin-bottom: 20px;
  }
  .uf_modal {
    display: inline-block;
    margin-right: 15px;
  }

  #modal_convidar.modal form select, #modal_add_convidar.modal form select, #modal_mudar_autor.modal form select {
      padding-left: 10px;
      padding-right: 40px;
  }

  .row.filtros {
      display: flex;
      margin-bottom: 15px;
  }

  #modal_convidar h3 {
      margin-bottom: 20px;
      margin-top: 0;
  }

  #modal_convidar .close {
      top: 15px;
      right: 15px;
  }

  a.atualizar_filtros {
      margin-bottom: 20px;
  }

  p.abas_membros {
      text-align: center;
      line-height: 30px;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 1px;
  }

  p.abas_membros span {
    margin-left: 15px;
  }

  p.abas_membros span:first-child {
    margin-left: 0;
    padding-right: 15px;
    font-weight: bold;
    border-right: 1px solid #315970;
  }

}

@media (max-width: 768px) {
  .content {
      padding: 0 15px;
  }
    h1 {
        font-size: 25px;
        line-height: 35px;
    }
    h1.slab.lighter {
        margin-top: 10px;
    }
    a.responsive_forum {
        position: relative;
    }
    p.bold.min.uppercase.text-center {
        font-size: 13px;
        text-align: left;
        width: calc(100% - 30px);
    }
    p.bold.min.uppercase.text-center::after {
        content: '';
        width: 20px;
        height: 20px;
        background-image: url(../img/go_green.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        top: 15px;
        right: 10px;
    }
    p.min[data-toggle=collapse] {
        text-align: center;
        font-weight: bold;
        line-height: 20px;
        padding-top: 15px;
        margin-bottom: 0;
        border-top: 1px solid #49A7A1;
        margin-top: 20px;
    }
    p.min.italic:first-child {
        display: none;
    }
    p.min.text-center.text_descricao {
        text-align: left;
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
  .content {
      padding: 0 15px;
  }
    .home .side-right {
        padding-top: 30px;
    }
    p.text-right.margint15 {
        margin-top: 0;
        margin-bottom: 20px;
    }
    p.text-right.margint15 a {
        border-radius: 0 0 4px 4px;
    }
    /* tem alguns titulos brancos que estao soltos na div (tipo o de Foruns e Conteudo). A ideia e que todos dentro das caixas arredondadas sigam esse padrao*/
    .destaque_noticias > p.white, .destaque_notas > p.white {
        letter-spacing: 1px;
        text-align: center;
    }
    .clearfix.title_box {
        text-align: center;
        letter-spacing: 1px;
        margin-top: 30px;
    }
    .box_comentario .avatar_box {
        width: 45px;
    }
    .box_comentario .go {
        width: 30px;
    }
    .box_comentario .info {
        width: calc(100% - 105px);
        float: left;
        margin-left: 20px;
    }
    .box_comentario .go img {
        margin-left: 10px;
    }
    .box_topicos .bold {
        line-height: 20px;
    }
    .box_comentario p.min {
        margin-bottom: 5px;
    }
    h5.border_destaque {
        line-height: 20px;
        letter-spacing: .5px;
        padding-bottom: 20px;
        margin-top: 20px;
        text-align: center;
    }
    .box_licoes .img {
        width: 75px;
        height: 75px;
    }
    .box_licoes .conteudo {
        width: calc(100% - 140px) !important;
        margin-bottom: 10px;
    }
    .box_licoes .botao {
        margin-left: 0;
        float: left;
        margin-bottom: 10px;
    }
    .box_licoes .botao a {
        display: block;
    }
}

@media (max-width: 1280px) {
    #homeCarousel h1 {
        font-size: 25px;
        line-height: 35px;
    }
    h3 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px !important;
        margin-top: 20px !important;
    }
    h3.max {
      text-align: left;
    }
}

hr.hr_white {
    margin-top: 10px;
}

@media (max-width: 768px) {
  h3 {
    text-align: center;
  }


  .content {
      padding: 0 15px;
  }
    h1 {
        font-size: 25px;
        line-height: 35px;
        margin-top: 10px;
    }
    .bread {
        text-align: center;
        display: inline-block;
        background-size: 20px;
        padding-left: 20px;
    }
    .respostas .header {
        padding: 30px 0;
    }

    .bread a {
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 11px;
    }
    .btn {
        font-size: 11px;
        line-height: 30px;
        padding: 5px 15px;
    }

    .arrow_scroll, .arrow_scroll_top {
        margin: 0 auto 15px;
    }

    .r_pop .content ul li a {
        text-transform: uppercase;
        font-size: 11px;
        letter-spacing: .5px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    [id*='resposta'] p.letter1 {
        margin-bottom: 0;
        display: inline-block;
        max-width: calc(100% - 35px);
    }

    [id*='resposta'] .data.italic {
        font-size: 13px;
    }

    .popup_options {
        float: right;
        margin-top: 5px;
    }

    .list-respostas .clearfix .btn_respondendo {
      padding-right: 15px;
      line-height: 15px;
      font-size: 11px;
  }

  .popup_options .pop, .popup_options_topic .pop {
      margin-left: -128px;
  }

  .popup_options .pop:before, .popup_options_topic .pop:before {
      border-width: 10px;
      margin-left: 107px;
      margin-top: -38px;
  }

  .modal-content {
      padding: 60px 15px 15px;
  }

}