/* small screen ~768px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 48em) {
  #maincontent { width: 100%; }
}

/* small screen ~768px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 48em) {
  .navbar .nav .dropdown:hover a span.ico-rotate {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
  }
  .navbar .dropdown:hover .dropdown-menu { visibility: visible; }
  .navbar .dropdown:hover .dropdown-menu li:first-child { margin-top: 0; }
  .navbar .dropdown:hover .dropdown-menu li:not(:first-child) { margin-top: 0; }
}
.listOutputContainer { width: 100%; }
/* other screens > ~512px                                      */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 32em) {
  .listOutputContainer { width: 50%; margin: 0; }
  .listOutput > .listOutputContainer:nth-child(2n) { padding: 0 0 2rem 2rem; }
  .listOutput > .listOutputContainer:nth-child(2n+1) { padding: 0 2rem 2rem 0; }
}

/* other screens > ~896px                                      */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 56em) {
  .listOutputContainer { width: 33.3%; margin: 0; }
  .listOutput > .listOutputContainer:nth-child(3n) { padding: 0 0 2rem 3rem; }
  .listOutput > .listOutputContainer:nth-child(3n+1) { padding: 0 3rem 2rem 0; }
  .listOutput > .listOutputContainer:nth-child(3n+2) { padding: 0 1.5rem 2rem 1.5rem; }
}

/* other screens > ~1120px                                     */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 70em) {
  .listOutputContainer { width: 25%; margin: 0; }
  .listOutput > .listOutputContainer:nth-child(4n) { padding: 0 0 2rem 3rem; }
  .listOutput > .listOutputContainer:nth-child(4n+1) { padding: 0 3rem 2rem 0; }
  .listOutput > .listOutputContainer:nth-child(4n+2) { padding: 0 2rem 2rem 1rem; }
  .listOutput > .listOutputContainer:nth-child(4n+3) { padding: 0 1rem 2rem 2rem; }
}

.listCategorieOutputContainer { width: 100%; }
/* other screens > ~576px                                      */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 36em) {
  .listCategorieOutputContainer { width: 50%; margin: 0; }
  .listCategorieOutput > .listCategorieOutputContainer:nth-child(2n) { padding: 0 0 2rem 2rem; }
  .listCategorieOutput > .listCategorieOutputContainer:nth-child(2n+1) { padding: 0 2rem 2rem 0; }
}

/* other screens > ~992px                                      */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 62em) {
  .listCategorieOutputContainer { width: 33.3%; margin: 0; }
  .listCategorieOutput > .listCategorieOutputContainer:nth-child(3n) { padding: 0 0 2rem 3rem; }
  .listCategorieOutput > .listCategorieOutputContainer:nth-child(3n+1) { padding: 0 3rem 2rem 0; }
  .listCategorieOutput > .listCategorieOutputContainer:nth-child(3n+2) { padding: 0 1.5rem 2rem 1.5rem; }
}