/* 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.25px; }
  .navbar .dropdown:hover .dropdown-menu li:not(:first-child) { margin-top: 1px; }
}
.listOutputContainer { width: 50%; margin: 0; padding-left: 0; padding-right: 0; }
.listOutput > .listOutputContainer:nth-child(2n) { padding-left: 1.5rem; }
.listOutput > .listOutputContainer:nth-child(2n+1) { padding-right: 1.5rem; }
/* other screens > ~592px                                      */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 37em) {
  .listOutputContainer { width: 33.3%; margin: 0; padding-left: 0; padding-right: 0; }
  .listOutput > .listOutputContainer:nth-child(3n) { padding-right: 2rem; }
  .listOutput > .listOutputContainer:nth-child(3n+1) { padding-left: 2rem; }
  .listOutput > .listOutputContainer:nth-child(3n+2) { padding-left: 1rem; padding-right: 1rem; }
}
/* other screens > ~784px                                      */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 49em) {
  .listOutputContainer { width: 25%; margin: 0; padding-left: 0; padding-right: 0; }
  .listOutput > .listOutputContainer:nth-child(4n) { padding-left: 1.5rem; }
  .listOutput > .listOutputContainer:nth-child(4n+1) { padding-right: 1.5rem; }
  .listOutput > .listOutputContainer:nth-child(4n+2) { padding-left: .5rem; padding-right: 1rem; }
  .listOutput > .listOutputContainer:nth-child(4n+3) { padding-left: 1rem; padding-right: .5rem; }
}
/* other screens > ~976px                                     */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 61em) {
  .listOutputContainer { width: 20%; margin: 0; padding-left: 1.5rem; padding-right: 1.5rem; }
}

.listOutputFeaturedContainer { width: 50%; margin: 0; padding-left: 0; padding-right: 0; }
.listOutput > .listOutputFeaturedContainer:nth-child(2n) { padding-left: 1.5rem; }
.listOutput > .listOutputFeaturedContainer:nth-child(2n+1) { padding-right: 1.5rem; }
@media all and (min-width: 37em) {
  .listOutputFeaturedContainer { width: 33.3%; margin: 0; padding-left: 0; padding-right: 0; }
  .listOutput > .listOutputFeaturedContainer:nth-child(3n) { padding-right: 2rem; }
  .listOutput > .listOutputFeaturedContainer:nth-child(3n+1) { padding-left: 2rem; }
  .listOutput > .listOutputFeaturedContainer:nth-child(3n+2) { padding-left: 1rem; padding-right: 1rem; }
}
@media all and (min-width: 49em) {
  .listOutputFeaturedContainer { width: 25%; margin: 0; padding-left: 0; padding-right: 0; }
  .listOutput > .listOutputFeaturedContainer:nth-child(4n) { padding-left: 1.5rem; }
  .listOutput > .listOutputFeaturedContainer:nth-child(4n+1) { padding-right: 1.5rem; }
  .listOutput > .listOutputFeaturedContainer:nth-child(4n+2) { padding-left: .5rem; padding-right: 1rem; }
  .listOutput > .listOutputFeaturedContainer:nth-child(4n+3) { padding-left: 1rem; padding-right: .5rem; }
}
@media all and (min-width: 61em) {
  .listOutputFeaturedContainer { width: 20%; margin: 0; padding-left: 1.5rem; padding-right: 1.5rem; }
}
.listCategorieOutputContainer { width: 100%; }
/* other screens > ~512px                                      */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 32em) {
  .listCategorieOutputContainer { width: 50%; margin: 0; }
  .listCategorieOutput > .listCategorieOutputContainer:nth-child(2n) { padding: 0 0 0 2rem; }
  .listCategorieOutput > .listCategorieOutputContainer:nth-child(2n+1) { padding: 0 2rem 0 0; }
}

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

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