@media (max-width: 767px) {

  body{display: block;height: auto;/* width: auto; */overflow: auto;}
  .line .categories{display: block;max-width: max-content;width: 100%;/* overflow-x: auto; */padding: 0px;text-wrap: auto;}
.line .categories li{}
  .line .search{
    width: 100%;
}
  #searchForm input[type=text]{
    width: 93%;
}

#appview.items-list{
    overflow: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
  .decision {
    width: 100%;
    margin: 0;
    padding: 0px;
    max-width: none;
    height: auto;
  }
  .decision.legacy .left{
  display: block;
  width: 100%;
}
  .decision.legacy .right{
  display: block;
  width: 100%;
  position: absolute;
  margin-left: 0px;
  max-height: inherit;
  overflow: visible;
  margin-top: 85px;
}
  .header{
    width: 100%;
    display: block;
  }
  .header .left{
    width: 100%;
    height: 70px;
  }
  .header .right{
    display: block;
    width: 100%;
  }
  .header .left logo{
    width: 100%;
    height: 70px;
}
  .right .menu{
    display: block;
    width: 100%;
    padding: 0px;
    margin-bottom: 20px;
    text-align: right;
  }
  .right .menu li{
   display: inline-block;
  }
  .body{
  display: block;
  width: 100%;
  /* height: auto; */
  overflow: visible;
  padding: 0px;
}
.footer{
  position: relative;
  bottom: auto;
  width: 100%;
  box-sizing: border-box;
}
  .decision .header {
    display: block;
    align-items: center;
    text-align: center;
    white-space: normal;
  }
.decision.miniinfo .header>div.image{
  margin: 0px;
  width: 50px;
  position: absolute;
}
  .decision .header>div {
    display: block;
    width: 100%;
    margin: 0 auto;
  }

  .decision .header>.textinfo {
    width: 100%;
    margin-top: 10px;
  }

  .decision .header>.textinfo>div.name {
    font-size: 24px;
    margin-left: 0;
    display: block;
  }

  .decision .header>.textinfo .description {
    padding: 10px;
  }

  .decision .header .middle {
    padding: 0;
    margin: 10px 0;
    width: 100%;
  }
  .decision.miniinfo .header .middle{margin-left: 0px;}
  .decision .header .middle .search,
  .decision .header .middle .datasets {
    display: block;
    width: 100%;
    margin: 10px 0;
  }

  #search-form {
    padding: 0;
    margin: 0;
  }

  #search-form input {
    margin-left: 0;
    padding-left: 10px;
    font-size: 14px;
  }

  #search-form button {
    right: 0;
    left: auto;
    margin-left: 0;
    margin-top: 0;
  }

  .decision .application-details {
    display: block;
    width: 100%;
    margin: 0px;
  }
  .actions.legacy{
    position: absolute;
    bottom: auto;
  }

  .actions.legacy group{
    
  }
  .decision .application-details .app-criteria {
    width: 100% !important;
    margin-bottom: 20px;
    padding: 30px;
    box-sizing: border-box;
  }

  .screenblock .multisettings .application-details .app-criteria{
    margin-left: 0px;
  }

  .decision.legacy .left .application-details .app-criteria{
    padding: 0px;
}

  .decision .application-details .app-criteria .criteria,
  .decision .application-details .app-criteria .setting {
    width: 100%;
    overflow: visible !important;
    max-height: inherit !important;
  }
  .decision.legacy .criteria .box .info{
    position: relative;
    width: 100%;
}
  .decision.legacy .criteria .importance{
    margin-left: 0px !important;
    width: 100% !important;
}
  .decision.legacy .criteria .setting{
    margin-left: 0px !important;
    width: 100% !important;
}

  .decision.legacy .criteria .setting .range.multu{
    display: block;
    width: 100%;
  }
  .decision.legacy .criteria .box{
    /* box-shadow: none; */
    padding: 0px;
    border-radius: 0px;
}
  .decision .application-details .new-app-results-container {
    width: 100% !important;
    display: block !important;
    overflow: visible !important;
    max-height: inherit !important;
  }

  .decision .application-details .new-app-results-container ul.columns {
    padding: 0;
  }

  .decision .application-details .new-app-results-container ul.columns li {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .decision .application-details .app-criteria .actions button {
    width: 100%;
    margin-bottom: 10px;
  }

  .decision .application-details .app-criteria .actions button.decide {
    width: 100%;
  }

  .pagination {
    width: 100%;
    margin: 20px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }


  .decision .application-details .new-app-results-container ul.columns li>div{
    width: 100%;
    max-width: none;
    padding: 5px;
    box-sizing: border-box;
    border-bottom: none;
    margin-bottom: 10px;
    margin-right: 0px;
    overflow: visible;
    outline: none;
    border-bottom: 1px solid black;
  }

  .pagination .MuiPagination-ul li {
    height: auto;
  }

  .decision .header>div.image img {
    max-width: 100px;
  }
  .decision.legacy .application-details .new-app-results-container ul.columns li>div{border-bottom: none;}
  .MuiButtonBase-root {
    bottom: 10px;
    right: 10px;
  }

  .decision .importantrank {
    width: 100%;
  }

  .decision .rang input[type=range] {
    margin-left: 0;
    width: 100%;
  }

  .decision .MuiSvgIcon-root {
    right: 5px;
  }

  .MuiSvgIcon-showsettings{
    display:none;
  }

  .decision .header .middle .datasets {
    margin-top: 10px;
  }

  .screenblock{
    overflow: visible;
    max-height: inherit;
    width: 100%;
    margin: 0px;
}

 .screenblock .decision .application-details .app-criteria .criteria .importance{
   
 }

  .screenblock .decision.multibase .application-details .app-criteria{
    position: relative;
  }
  .bottomnavigate{
    width: 90%;
    margin-left: 5%;
}
  .bottomnavigate .arrow{}
}