#mobileFooter {
    display: none;
  }
  
  #mobileHeader {
    display: none;
  }
  
  #mobile_topbar_icons{
    padding-right: 40px;
    display: flex;
    gap: 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  
  #mobile_topbar_Icons_Username{
    z-index: 8;
    width: 50px;
    height: 50px;
    border: 3px solid black;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #29ABE2;
    cursor: pointer;
  }
  
  @media (max-width: 1450px) {
  .addTaskContainer {
    width: calc(100%-232px);
  }
  .divider {
    margin-left: 20px;
    margin-right: 20px;
  }
    .addTaskContainerSides {
      width: 50%;
    }
  }
  
  @media (max-width: 1200px) {
    .addTaskContainer {
      margin: 207px 32px 0 328px;
    }
  
    .addTaskSubContainer {
      flex-direction: column;
    }
    .divider {
      display: none;
    }
    .addTaskContainerSides {
      height: fit-content;
    }
  }
  
  @media (max-width: 900px) {
    .addTaskContainer {
      margin: 118px 0px 60px 0px;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }
    .addTaskSubContainer {
      align-items: center;
      font-size: 16px !important;
    }
    #addTaskTitle {
      font-size: 47px;
      margin-left: 32px;
    }
  
  
    #sidebar {
      display: none !important;
    }
    #topbar {
      display: none !important;
    }
  
    #mobileHeader {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      font-family: "Inter";
      height: 80px;
      padding-left: 20px;
      font-size: 20px;
      background-color: white;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    }
  
    .mobileAddTaskHeader {
      display: flex;
      justify-content: space-between;
    }
  
    .mobileClearButton {
      display: flex !important;
    }
  
    .clear {
      display: none;
    }
  
    .create {
      margin-right: 20px;
    }
  
    #mobileFooter {
      display: flex;
      z-index: 10;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #2a3647;
      display: flex;
      height: 80px;
      padding: 0px 16px;
      justify-content: space-between;
      align-items: center;
      flex-shrink: 0;
    }
    .mobileCategory_line {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 76px;
      width: 76px;
    }
  
    .footerLink {
      color: white;
      text-decoration: none;
    }
  
    .supportPage {
      margin: 118px 32px 100px 32px;
      width: 90%;
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }
  }
  
  @media (max-width: 500px) {
  
    #addTaskTitle {
      margin: 16px;
    }
    .addTaskLabels {
      font-size: 16px;
    }
  .inputsAddTask {
    font-size: 16px;
  }
    .selection {
      width: 100%;
      font-size: 16px;
    }
  
    .prio {
      font-size: 16px;
      height: 41px;
      padding: 18px 10px;
      gap: 10px;
      line-height: 120%; /* 19.2px */
      width: 111px;
    }
  
    .visible {
      bottom: 200px !important;
    }
  
    #popupNotice {
      left: 25%;
     }
  
     #addTaskBoardContainer {
      width: 100%;
      padding:0;
     }
  }