.acceuil{

  /* Screen bigger  than 600 px */
  @media screen and (min-width: 601px) {
  .ch_recherche
  {
    margin-left : 20%;
    margin-right: 20%;
    background:none;
  }


  .form span {
    position: relative;
    left: 12rem;
    top: 4rem;
    padding: 2px;
    border-left: 1px solid #d1d5db
  }

  .form-input2 {
    position: relative;
    height: 3rem;
    top: 6rem;
    text-indent: 2rem;
    border-radius: 20rem;
    width: 100%;
  }


  .left-pan {
    padding-left: 7px;
    
  }

  .left-pan i {
    padding-left: 10px
  }

  .left-pan2 {
    padding-left: 7px
  }

  .form-input {
    height: 55px;
    text-indent: 33px;
    border-radius: 10px;
    position: relative;
    right: center;
    top: 10rem;
  }


  .form-input:focus {
    box-shadow: none;
    border: none
  }
  }

 /* Screen less  than 600 px */
 @media screen and (max-width: 600px){
  .ch_recherche
  {
    margin-left : 1%;
    margin-right: 1%;
    background:none;
  }


  .form span {
    position: relative;
    left: 14rem;
    top: 0rem;
    padding: 2px;
    border-left: 1px solid #d1d5db
  }

  .form-input2 {
    position: relative;
    height: 3rem;
    top: 2rem;
    text-indent: 2rem;
    border-radius: 20rem;
    width: 130%;
    right:1rem;
  }

  .left-pan2 {
    position: relative;
    left: 14rem;
    top: 0rem;
    padding: 2px;
    border-left: 1px solid #d1d5db
  }

 }

}

.my-tab .tab-pane{border:solid 1px blue;}