@media screen and (max-width: 1500px) and(min-width: 800px) {
  .mobile_lump .component-cont .el-form .el-input__inner {
    min-width:100px;
  }
}
@media screen and (min-width: 800px) {
  .mobile_lump .dialogShow .dialogPopover{
   min-width: 100% !important;
   min-height: 100% !important;
  }

}
@media screen and (max-width: 800px) {
  .mobile_lump {
    .el-form .el-row{
      padding: 5px 0;
    }
    .right-menu .el-dropdown.hover-effect{
      float: right;
    }
    .distpicker-address-wrapper select{
      width: 30%;
    }
    .myRow .myCol div{
      height: 50px !important;
      line-height: 50px !important;
      min-width: 90px;
      font-size: 14px!important;
    }
    .test-menu {
      height: 100%;
    }
    .main-container .dialogDel {
        top:60px;
    }
    .dialogDel, .dialogDetailsDel{
      font-size: 30px;
      font-weight: 900;
      position: fixed;
      right: 3%;
      top: 3%;
      background: #ccc;
      border-radius: 20%;
      z-index: 3;
    }
    #dragArea11 {
      height: 100%;
      min-height: 500px !important;
    }

    .itemColumn {
      width: 60%;
      vertical-align: top;;
    }
    .itemLabel {
      letter-spacing: 1px;
    }
    .el-col-12 {
      width: 100% !important;
    }
    .el-input__inner {
      //height: 32px !important;
      //line-height: 32px !important;
    }
    .el-button--primary{
      padding: 9px 20px !important;
    }
    .tags-view-container {
      // display: none;
    }
    .navbar .right-menu{
      min-width: 100px !important;
    }
    .navbar .right-menu .avatar-container .avatar-wrapper .user-avatar{
      display: none;
    }
    .navbar .right-menu .avatar-container{
    padding-right: 10px !important;
      padding-left: 0px !important;
    }
    .navbar .right-menu{
      margin-right: 0;
    }
    .navbar .right-menu{
      max-width: 100px;
    }
    .app-breadcrumb.el-breadcrumb{
    margin-left: 0 !important;
    }
    .el-breadcrumb__separator{
      margin: 0 2px !important;
    }
    .el-col.el-col-8 {
      width: 50% ;
    }
    .chart-cont {
      height: 400px !important;
    }
    .el-date-editor.el-input, .el-date-editor.el-input__inner{
      width: 100% !important;
      //min-width: 150px;
    }
    .dragArea11>.component-cont {
      width: 100% !important;
    }
    .el-table__body-wrapper {
      -webkit-overflow-scrolling: touch !important;
      overflow: scroll !important;
    }
    .el-radio:nth-child(3){
      //margin: 0 !important;
    }
    .el-radio {
      width: 25%;
      margin: 0 !important;
    }
    .el-dialog__body {
      padding: 20px 5px !important;
    }
    .el-radio__label {
    padding:0 5px !important;
    }
    .login-container .login-form{
      height: 350px !important;
    }
    .theme-picker.right-menu-item.hover-effect.el-tooltip.el-color-picker.el-color-picker--medium {
      display: none;
    }
    //canvas{
    //  width: 96% !important;
    //  height: 200px !important;
    //}
    .el-pagination .el-select .el-input {
      display: none;
    }
    .el-pagination__jump{
      display: none;
    }
    .button-cont {
      vertical-align: top !important;
    }
    .component-cont .el-form  .searchType {
      position: relative !important;
      left: -5% !important;
      top: 0px !important;
    }
    .el-row{
      min-width: 50px;
    }
    .el-table__header{
      width: 100%!important;
    }
    .el-button {
      margin-bottom: 5px !important;
    }
    .el-pagination {
      width: 100%;
    }
    .el-form .el-col-6 {
      width: 50%;
    }
    .el-dialog{
    width: 90% !important;
    }
    .component-cont .el-form-item__label{
      width: 85px !important;
      font-size: 12px;
      font-weight: 400;
    }
    .table-cont .el-form-item__label{
      width: 85px;
    }
    #app  .main-container .test-menu{
      margin-top: 10px !important;
      padding: 0 10px !important;
    }
    #app>.test-menu{
      margin-top: 0px !important;
      padding: 0 0px !important;
    }
    .el-row {
      margin-bottom: 5px !important;
    }
    .app-container {
      padding: 10px;
    }
    .bottom {
      margin-bottom: 5px !important;
    }
    .el-message-box {
      width: 90% !important;
    }
    div .el-form-item{
    margin-bottom: 16px ;
    }
    .chart-cont>div{
      width: 100% !important;
      overflow: scroll !important;
    }
    .component-cont .el-form-item__content{
    margin-left: 85px !important;
    }
    .component-cont .noLabel .el-form-item__content {
      margin-left: 0 !important;
    }
    .component-cont .submit-btn .el-form-item__content {
      margin-left: 0!important;
    }
    .form-el .submit-btn {
      margin-left: 0px;
    }
    .el-table {
      font-size: 12px !important;
    }
    .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
      min-width: 22px !important;
      height: 22px;
      line-height: 22px;
    }
    .el-table--medium td, .el-table--medium th{
      padding: 5px 0;
    }
    .component-cont .form-el>div{
      width: 100% !important;
    }
    .el-pagination__total {
      display: none !important;
    }
    .el-pagination__jump {
      display: none !important;
    }
    .el-pagination__sizes{
      display: none !important;
    }
  //  首頁
    .myTop ,.demand,.develop,.repairBug {
      display: none;
    }
    .button-cont.sourceTree{
      height: 100% !important;
    }
    .component-cont .sidebarLogo {
        display: none;
    }
    .main-container #dragArea11>.component-cont,.main-container #dragAreaContent>.component-cont{
      position:static !important;
      //width:90%;
      //width: 100% !important;
      //height: auto;
      // left: 0 !important;
      // top: 0 !important;
    }
    .el-date-range-picker__content {
      width: 100% !important;
    }
    .el-popover{
    position: fixed !important;
    }
    .el-picker-panel.el-date-range-picker.el-popper{
      width: 100%;
      overflow: scroll;
    }
    .el-picker-panel__body{
      width: 100% !important;
      min-width: 320px !important;
    }
    .dialog-cont {
      left:5% !important;
      top: 10% !important;
      right: 5% !important;
      width: 90% !important;
    }
    .dragArea11>.component-cont.btnStyle {
      display: inline-block !important;
      //padding-right: 28px;
      width: 45% !important;
    }
    .sidebar-container {
      z-index: 4!important;
    }
    // .el-table__fixed-body-wrapper{
    //     z-index: 2 !important;
    // }
    .el-table__fixed-right {
      z-index: 2 !important;
    }
  }
}
@media screen and (max-width: 500px) {
  .mobile_lump .el-form .el-col-6 {
    width: 100%;
  }
  .mobile_lump .el-form .el-col.el-col-8 {
    width: 100%;
  }
}
