.bootstrapMenu {
  padding: 0;
  margin-top: 0 !important;
}

/*Desktop +1024px*/
@media screen and (min-width: 1024px) {
  .bootstrapMenu .menu-particulier {
    margin: 10px 0 0;
    width: 100%;
    height: auto;
  }

  .bootstrapMenu .nav li {
    margin-left: 2px;
  }

    .bootstrapMenu .nav li a:hover {
      background-color: gray;
    }
}

/*Desktop*/
@media screen and (min-width: 768px) and (max-width: 1024px) {

  .bootstrapMenu .container {
    width: 100%;
  }

  .bootstrapMenu .menu-particulier {
    margin: 0 0 20px 0;
    width: 100%;
    height: auto;
    background-color: lightgray;
  }


  .bootstrapMenu .nav li {
    margin-left: 2px;
  }

    .bootstrapMenu .nav li a:hover {
      background-color: gray;
    }
}

/*Tablet*/
@media screen and (min-width: 301px) and (max-width: 767px) {
  .bootstrapMenu .menu-particulier {
    margin: 10px 0 0;
    width: 100%;
    height: auto;
  }

  .bootstrapMenu .nav li {
    margin-left: 2px;
  }

    .bootstrapMenu .nav li a:hover {
      background-color: lightgray;
    }
}

@media screen and (orientation:portrait) {
}

@media screen and (orientation:landscape) {
}


/*Mobile*/
@media screen and (min-width: 200px) and (max-width: 300px) {
  .bootstrapMenu .menu-particulier {
    margin: 10px 0 0;
    width: 100%;
    height: auto;
  }

  .bootstrapMenu .nav li {
    margin-left: 2px;
  }

    .bootstrapMenu .nav li a:hover {
      background-color: lightgray;
    }
}

@media screen and (orientation:portrait) {
}

@media screen and (orientation:landscape) {
}