@media only screen and (max-width: 440px) {
  .projectTool-wrapper {
    flex-wrap: wrap;
  }
  .projectTool-wrapper > div:nth-child(2) {
    order: 3;
  }
  .projectTool-wrapper .occ-ul-cont {
    margin-top: 0;
    margin-left: 24px;
    margin-bottom: 24px;
  }
  .projectItem-wrapper {
    min-width: 208px;
    margin-right: 0;
    width: 100%;
    min-height: 100px;
  }
  .projectItemNew {
    min-width: 208px;
    margin-right: 0;
    width: 100%;
    min-height: 100px;
  }
  .workflow-menu-wrapper {
    overflow: auto;
    position: fixed;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    z-index: 900;
    max-width: none;
    display: none;
  }
  .workflow-menu-wrapper .workflow-menu-logo {
    margin-left: auto;
    margin-right: 5px;
    max-width: 50%;
  }
  .workflow-menu-wrapper.visible {
    display: block;
  }
  .workflow-content-wrapper {
    width: 100%;
  }
  .projectTool {
    flex-direction: column-reverse;
    margin-bottom: 24px;
  }
  .tools select {
    border: 1px solid #D5D8E8;
    margin-bottom: 16px;
  }
  .projectDetail > .tab {
    overflow-y: auto;
  }
  .projectDetail .tab {
    overflow-y: auto;
  }
  .containerList {
    overflow-x: hidden;
    width: 100%;
    overflow: scroll;
    flex-wrap: wrap;
  }
  .containerList h4 {
    margin-left: 8px;
  }
  .containerList .container {
    width: 94%;
    width: 100%;
    height: auto;
    max-height: none;
    flex: 0 0 92%;
  }
  .container .addTask {
    margin-left: 8px;
    width: 94%;
    margin-right: 0;
    max-width: none;
    width: 92%;
  }
  .container .taskList {
    width: 97%;
    margin-left: -8px;
    overflow-y: hidden;
    max-height: none;
    flex-shrink: 0;
    width: 100%;
  }
  .taskList .taskItem {
    width: 97%;
    max-width: none;
    width: 92%;
    margin-right: 0;
  }
  .project_footer {
    flex-wrap: wrap;
  }
  .input_title.edit input {
    width: 92%;
  }
  .ui-widget.ui-widget-content {
    max-width: 315px;
    width: 82% !important;
  }
  .ui-dialog .ui-dialog-buttonpane button:first-of-type {
    margin-right: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .projectItem .menu {
    left: 87%;
  }
  .workflow-container .hamCont {
    display: block;
  }
  .wf_dashboard {
    grid-template-columns: 100%;
    overflow: auto;
  }
  .taskDetail {
    width: 100%;
  }
  .taskDetail .taskDetail_content {
    grid-template-columns: 5px 1fr 1fr;
  }
  .taskDetail .attach_list {
    grid-column-start: 2;
    grid-row-start: 11;
  }
  .msg_part.msg > div:nth-child(1) {
    display: none;
  }
  .msg_part.msg .msg-send {
    flex: 2;
  }
  .msg_part.timetool {
    flex-wrap: wrap;
  }
  .msg_part.timetool h4 {
    width: 100%;
  }
  .msg_part.timetool > input {
    width: 40%;
  }
  .task-row.header {
    margin-top: 40px;
  }
  .owner_medalion {
    right: unset;
    left: 10px;
  }
  .occTaskOptions {
    right: 20%;
  }
  .task_detailDialog {
    height: 100%;
  }
}
@media only screen and (min-width: 441px) and (max-width: 716px) {
  .projectTool-wrapper {
    flex-wrap: wrap;
  }
  .projectTool-wrapper > div:nth-child(2) {
    order: 3;
  }
  .projectTool-wrapper .occ-ul-cont {
    margin-top: 0;
    margin-left: 24px;
    margin-bottom: 24px;
  }
  .projectItem-wrapper {
    margin-right: 0;
    width: 100%;
    min-height: 100px;
    min-width: 184px;
  }
  .projectItemNew {
    margin-right: 0;
    width: 100%;
    min-height: 100px;
    min-width: 184px;
  }
  .projectTool {
    flex-direction: column-reverse;
    margin-bottom: 24px;
  }
  .tools select {
    border: 1px solid #D5D8E8;
    margin-bottom: 16px;
  }
  .containerList .container {
    flex: 0 0 293px;
  }
  .input_title {
    width: 84%;
  }
  .input_title input {
    width: 93%;
  }
  .container .addTask {
    max-width: none;
    width: 100%;
  }
  .container .taskList {
    width: 100%;
  }
  .taskList .taskItem {
    max-width: none;
    width: 100%;
  }
}
@media only screen and (min-width: 717px) and (max-width: 768px) {
  .projectItem-wrapper {
    margin-right: 2%;
    width: 41%;
    min-height: 100px;
    min-width: 200px;
  }
  .projectItemNew {
    margin-right: 2%;
    width: 41%;
    min-height: 100px;
    min-width: 200px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 967px) {
  .projectItem-wrapper {
    margin-right: 2%;
    width: 41%;
    min-height: 100px;
    min-width: 200px;
  }
  .projectItemNew {
    margin-right: 2%;
    width: 41%;
    min-height: 100px;
    min-width: 200px;
  }
}
@media only screen and (min-width: 968px) and (max-width: 1024px) {
  .projectItem-wrapper {
    margin-right: 2%;
    width: 43%;
    min-height: 100px;
    min-width: 200px;
  }
  .projectItemNew {
    margin-right: 2%;
    width: 43%;
    min-height: 100px;
    min-width: 200px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .projectItem-wrapper {
    margin-right: 1%;
    width: 28%;
    min-height: 100px;
    min-width: 200px;
  }
  .projectItemNew {
    margin-right: 1%;
    width: 28%;
    min-height: 100px;
    min-width: 200px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1919px) {
  .projectItem-wrapper {
    margin-right: 1%;
    width: 21%;
    min-height: 100px;
    min-width: 200px;
  }
  .projectItemNew {
    margin-right: 1%;
    width: 21%;
    min-height: 100px;
    min-width: 200px;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 2388px) {
  .projectItem-wrapper {
    margin-right: 1%;
    width: 17%;
    min-height: 100px;
    min-width: 200px;
  }
  .projectItemNew {
    margin-right: 1%;
    width: 17%;
    min-height: 100px;
    min-width: 200px;
  }
  .workflow-content-wrapper {
    width: 88.5%;
  }
}
@media only screen and (min-width: 2389px) {
  .workflow-content-wrapper {
    width: 92.5%;
  }
  .projectItem-wrapper {
    margin-right: 1%;
    width: 9%;
    min-height: 100px;
    min-width: 200px;
    max-width: 360px;
  }
  .projectItemNew {
    margin-right: 1%;
    width: 9%;
    min-height: 100px;
    min-width: 200px;
    max-width: 360px;
  }
}
/*# sourceMappingURL=media_queries_v0.9.css.map */