@media only screen and (max-width: 340px) and (min-width: 290px) {
    .contAddNote {
      width: 200px;
      margin-left: 56px;
    }
  
    .card {
      width: 160px;
      margin-left: 0;
    }
  
    .cardInBasket {
      width: 160px;
      margin-left: 0;
    }
  
    .btnBox {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin-top: 1rem;
      gap: 1rem;
    }
  
    .editButton {
      border: 0px;
      border-radius: 50%;
      cursor: pointer;
      box-shadow: -4px 4px 3px 0px rgb(0 0 0 / 14%);
      width: 24px;
      height: 24px;
      color: black;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
    .editButton:active {
      box-shadow: inset -4px 4px 2px 0 rgb(0 0 0 / 14%);
    }
  
    .partForBin {
      width: 56px;
    }
  
    .backNotes {
      width: 56px;
    }
  
    .inputSearch {
      width: 78%
    }
  
    .YourDeletedNotes {
      font-size: 18px;
      padding-left: 70px;
    }
  
    .alertTextShow {
      font-size: 12px;
    }
  }
  
  @media only screen and (max-width: 450px) and (min-width: 341px) {
    .contAddNote {
      width: 224px;
      margin-left: 56px;
    }
  
    .card {
      width: 224px;
      margin-left: 56px;
    }
  
    .cardInBasket {
      width: 224px;
      margin-left: 56px;
    }
  
    .inputSearch {
      width: 89%;
    }
  }
  
  @media only screen and (max-width: 456px) and (min-width: 451px) {
    .inputSearch {
      width: 208px;
    }
  }
  
  .contAddNote {
    margin-left: 56px;
  }
  
  @media only screen and (max-width: 550px) and (min-width: 457px) {
    .inputSearch {
      width: 248px;
    }
  
    .contAddNote {
      width: 320px;
      margin-left: 72px;
    }
  }
  
  @media only screen and (max-width:576px) and (min-width: 551px) {
    .inputSearch {
      width: 328px;
    }
  
    .contAddNote {
      width: 440px;
      margin-left: 72px;
    }
  }
  
  @media only screen and (max-width: 5555px) and (min-width: 577px) {
    .inputSearch {
      width: 150%;
    }
  
    .contAddNote {
      width: 490px;
      margin-left: 72px;
    }
  }