/***************************************************/
/******************* responsive ********************/
/***************************************************/
@media screen and (max-width : 1024px){
  .menu_user div {
    display: none;
  }
  .menu_user a {
    margin-left: 0;
  }
  .nav .nav-options {
    width: 90%;
  }
  .contentArea {
    width: 50%;
  }
  #inputSearch {
    width: 100%;
  }
  #divResult {
    width: 45%;
  }
  .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) {}