.genel{
    margin-left: 350px;
     padding:20px;
      width: calc(100% - 350px);
       position:relative; 
       overflow-x:hidden;
   }
   .searchİnput{
    width:70%;
   }
   @media (max-width: 1100px) {
    .genel{
        margin-left: 0;
        width:100%;
    }

   }
   @media (max-width: 711px) {
    .topRight {
      flex-direction: column !important;
      align-items: center !important;
      gap: 0.5rem !important;
    }
  
    .leftTopBtn {
      flex-direction: column !important;
      align-items: center !important;
      width: 100%;
      gap: 0.5rem !important;
    }
  
    .searchİnput,
    #uyeTipi {
      width: 90% !important;
      font-size: 13px;
      height: 36px;
    }
    .searchBtn {
        margin: 0 auto !important;
        text-align: center;
      }
    .searchBtn,
    .btn-outline-primary,
    .kisiEkle {
      width: 90% !important;
      font-size: 13px;
      height: 38px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .kisiEkle {
      font-size: 13px;
    }
  }