@media only screen and (max-width: 580px) {

  .autodesk360 #header-welcome .main-logo img {
    max-width: 160px;
  }

  .autodesk360 .dataTables_filter input {
    width: 150px;
  }

  .autodesk360 #nav-tabs {
    max-width: 90%;
  }

  .autodesk360 .login #remember-li label,
  .autodesk360 .login #password-recovery {
    font-size: .875rem !important;
  }

  .autodesk360 .ui-buttons .button-option-div {
    float: none;
  }

  .autodesk360 .ui-buttons .ui-action-button,
  .autodesk360 .ui-buttons .ui-button.secondary{
    min-width: 0;
    padding-right: 10px;
    padding-left: 10px;
    font-size: .8rem;
    margin-left:1.5rem !important;
    margin-right:1.5rem !important;
    width: calc(100% - 3rem) !important;
    box-sizing: border-box;
  }

  .autodesk360 #catalog-cart-buttons .ui-action-button {
    width: calc(50% - 6px) !important;
    height: 34px;
    line-height: 34px;
  }

  .autodesk360 .ui-tab {
    padding-right: 10px;
    padding-left: 10px;
    font-size: .8rem;
  }

  .autodesk360 .dataTable.responsive th .title {
    font-size: .75rem !important;
    padding-right: 0;
  }

  .autodesk360 #listing-filter {
    top: 60px;
  }

  .autodesk360 .filter-left,
  .autodesk360 .filter-middle,
  .autodesk360 .filter-right {
    width: 100%;
    float: none;
  }

  .autodesk360 #why-link {
    display: none;
  }

  .autodesk360 #upload-dialog .upload-dialog-tabs {
    width: auto;
    max-width: 800px;

  }

  .autodesk360 #upload-dialog #upload-status-msg {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: .65rem;
    margin-top: 0;
    bottom: -25px;
  }

  .autodesk360 #upload-dialog #upload-status-msg .pct-complete {
    font-size: .65rem;
  }

  .autodesk360 #upload-dialog .upload-pages {
    bottom: -3.5rem;
  }

  .autodesk360 #file-upload-dialog {
    padding-bottom: 2.5rem;
  }

  .autodesk360 .file-manager-dialog .ui-dialog-buttonset {
    top: -30px;
    right: 12px;
  }

  .autodesk360 .help-hover-img {
    max-width: 25%;
  }

  .dialog-help .ui-dialog-buttonpane .ui-dialog-buttonset {
    margin: 10% auto 0px;
  }

  .autodesk360 .dialog-help .ui-dialog-content {
    max-height: 80vh !important;
    height: 80vh !important;
  }

  .autodesk360 #ui-help-stop-div{
    margin: 0px 0px 0px -23px;
  }

  .autodesk360 #configuration-interface-body .flex-container .split-outside {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
  }

  .autodesk360 #configuration-interface-body .flex-container, .autodesk360 #configuration-interface-body #groupInputSection {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
  }

  .autodesk360 #configuration-interface-body .flex-container .split-outside.right {
    margin-left: 0;
  }

  .autodesk360 .realtime2d_frame {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

}