/***************************************************/
/******************* responsive ********************/
/***************************************************/
@media screen and (max-width: 1024px) {
  #modified_by_contacto {
      margin-top: -35px !important;
  }

  .menu_user div {
      display: none;
  }

  .menu_user a {
      margin-left: 0;
  }

  .nav .nav-options {
      width: 90%;
  }

  .contentArea {
      width: 50%;
  }

  #inputSearch {
      width: 100%;
  }

  #divResult {
      width: 100%;
      margin-top: -32px !important;
      float: left;
  }

  .container-main {
      width: 100%;
      min-height: 300px;
  }

  .pop_close {
      width: 98%;
  }

  .col_100 .stats_holder {
      width: 100%;
      height: auto;
      margin: 1% 0;
      padding-bottom: 1%;
  }

  .single_agendamento {
      width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .menu {
      position: absolute;
  }

  .nav {
      position: absolute;
  }

  .login {
      width: 60%;
  }

  .login-logo img {
      width: 70%;
  }

  table.wrapper-main.one {
      width: 100%;
  }

  div.dt-buttons {
      text-align: left !important;
  }

  .filelist p {
      width: 100%;
      margin: 1% 0;
  }

  .single_link {
      font-size: 11px;
  }

  .status_holder {
      width: 100%;
      margin-top: -12px;
      float: left;
  }

  .phases {
      width: 100%;
  }

  .tasks {
      width: 100%;
      margin-left: 0;
  }

  .resumo_fix {
      width: 39%;
      margin-right: 1%;
  }

  .tasks .single_fase {
      width: 100%;
  }

  .tasks_holder {
      width: 60%;
  }

  #marcadores {
      width: 30%;
  }

  .markerp {
      font-size: 10px;
  }

  .markerspan {
      width: 20px;
      height: 10px;
  }
}

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

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

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