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

@media all and (min-width:55em){.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:.25px}.navbar .dropdown:hover .dropdown-menu li:not(:first-child){margin-top:1px}}
.listOutputContainer { width: 100%; }
@media all and (min-width: 28em) {
  .listOutput { max-width: 56rem; margin: 0 auto; }
  .filterlistOutput .listOutput { max-width: 56rem; margin: 0 auto; }
  .listOutputContainer { width: 50%; margin: 0; max-width: 28rem; }
  .listOutput > .listOutputContainer:nth-child(2n) { padding-left: 2rem; padding-right: 0; }
  .listOutput > .listOutputContainer:nth-child(2n+1) { padding-left: 0; padding-right: 2rem; }
}
@media all and (min-width: 48em) {
  .listOutput { max-width: 56rem; margin: 0 auto; }
  .filterlistOutput .listOutput { max-width: 56rem; margin: 0 auto; }
  .listOutputContainer { width: 50%; margin: 0; max-width: 28rem; }
  .listOutput > .listOutputContainer:nth-child(2n) { padding-left: 2rem; padding-right: 0; }
  .listOutput > .listOutputContainer:nth-child(2n+1) { padding-left: 0; padding-right: 2rem; }
}
@media all and (min-width: 68em) {
  .listOutput { max-width: 87rem; margin: 0 auto; }
  .filterlistOutput .listOutput { max-width: 87rem; margin: 0 auto; }
  .listOutputContainer { width: 33.3%; margin: 0; max-width: 29rem; }
  .listOutput > .listOutputContainer:nth-child(3n) { padding-left: 3rem; padding-right: 0; }
  .listOutput > .listOutputContainer:nth-child(3n+1) { padding-left: 0; padding-right: 3rem; }
  .listOutput > .listOutputContainer:nth-child(3n+2) { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media all and (min-width: 88em) {
  .listOutput { max-width: 116rem; margin: 0 auto; }
  .filterlistOutput .listOutput { max-width: 116rem; margin: 0 auto; }
  .listOutputContainer { width: 25%; margin: 0; }
  .listOutput > .listOutputContainer:nth-child(4n) { padding-left: 3rem; padding-right: 0; }
  .listOutput > .listOutputContainer:nth-child(4n+1) { padding-left: 0; padding-right: 3rem; }
  .listOutput > .listOutputContainer:nth-child(4n+2) { padding-left: 1rem; padding-right: 2rem; }
  .listOutput > .listOutputContainer:nth-child(4n+3) { padding-left: 2rem; padding-right: 1rem; }
}
.listOutputFeaturedContainer { width: 100%; }
@media all and (min-width: 28em) {
  .featuredModuleWrapper .listOutput { max-width: 56rem; margin: 0 auto; }
  .listOutputFeaturedContainer { width: 50%; margin: 0; max-width: 28rem; }
  .listOutput > .listOutputFeaturedContainer:nth-child(2n) { padding-left: 2rem; padding-right: 0; }
  .listOutput > .listOutputFeaturedContainer:nth-child(2n+1) { padding-left: 0; padding-right: 2rem; }
}
@media all and (min-width: 48em) {
  .featuredModuleWrapper .listOutput { max-width: 87rem; margin: 0 auto; }
  .listOutputFeaturedContainer { width: 33.3%; margin: 0; max-width: 29rem; }
  .listOutput > .listOutputFeaturedContainer:nth-child(3n) { padding-left: 3rem; padding-right: 0; }
  .listOutput > .listOutputFeaturedContainer:nth-child(3n+1) { padding-left: 0; padding-right: 3rem; }
  .listOutput > .listOutputFeaturedContainer:nth-child(3n+2) { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media all and (min-width: 68em) {
  .featuredModuleWrapper .listOutput { max-width: 116rem; margin: 0 auto; }
  .listOutputFeaturedContainer { width: 25%; margin: 0; }
  .listOutput > .listOutputFeaturedContainer:nth-child(4n) { padding-left: 3rem; padding-right: 0; }
  .listOutput > .listOutputFeaturedContainer:nth-child(4n+1) { padding-left: 0; padding-right: 3rem; }
  .listOutput > .listOutputFeaturedContainer:nth-child(4n+2) { padding-left: 1rem; padding-right: 2rem; }
  .listOutput > .listOutputFeaturedContainer:nth-child(4n+3) { padding-left: 2rem; padding-right: 1rem; }
}
@media all and (min-width: 88em) {
  .featuredModuleWrapper .listOutput { max-width: 145rem; margin: 0 auto; justify-content: space-between; }
  .listOutputFeaturedContainer { width: 19% !important; max-width: 26rem !important; padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; }
}
.listCategorieOutputContainer { width: 100%; max-width: 40rem; margin: 0 auto; }
@media all and (min-width: 46em) {
  .listCategorieOutputContainer { width: 50%; max-width: 42rem; }
  .listCategorieOutput > .listCategorieOutputContainer:nth-child(2n) { padding-left: 2rem; padding-right: 0; }
  .listCategorieOutput > .listCategorieOutputContainer:nth-child(2n+1) { padding-left: 0; padding-right: 2rem; }
}
@media all and (min-width: 48em) {
  .listCategorieOutputContainer { width: 100%; max-width: 40rem; }
  .listCategorieOutput > .listCategorieOutputContainer:nth-child(2n) { padding-left: 0; padding-right: 0; }
  .listCategorieOutput > .listCategorieOutputContainer:nth-child(2n+1) { padding-left: 0; padding-right: 0; }
}
@media all and (min-width: 64em) {
  .listCategorieOutputContainer { width: 50%; max-width: 42rem; }
  .listCategorieOutput > .listCategorieOutputContainer:nth-child(2n) { padding-left: 2rem; padding-right: 0; }
  .listCategorieOutput > .listCategorieOutputContainer:nth-child(2n+1) { padding-left: 0; padding-right: 2rem; }
}