/* 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 i.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; }
}

/* small screen ~392px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 24.49em) {
  .listOutputContainer { width: 100%; }
  .listOutputFeaturedContainer { width: 100%; }
}


/* medium screen ~392px / ~672px         */
/* for non_responsive_style, escape all  */
@media all and (min-width: 24.5em) and (max-width: 41.99em) {
  .listOutputContainer { width: 50%; }
  .listOutputFeaturedContainer { width: 50%; }
}


/* medium screen ~672px / ~908px         */
/* for non_responsive_style, escape all  */
@media all and (min-width: 42em) and (max-width: 56.74em) {
  .listOutputContainer { width: 33.3%; }
  .listOutputFeaturedContainer { width: 33.3%; }
}


/* other screens > ~908px                                      */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 56.75em) {
  .listOutputContainer { width: 25%; }
  .listOutputFeaturedContainer { width: 25%; }
}


/* small screen ~392px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 24.49em) {
  .listCategorieOutputContainer { width: 100%; }
}


/* medium screen ~392px / ~672px         */
/* for non_responsive_style, escape all  */
@media all and (min-width: 24.5em) and (max-width: 41.99em) {
  .listCategorieOutputContainer { width: 50%; }
}


/* medium screen ~672px / ~908px         */
/* for non_responsive_style, escape all  */
@media all and (min-width: 42em) and (max-width: 56.74em) {
  .listCategorieOutputContainer { width: 33.3%; }
}


/* other screens > ~908px                                      */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 56.75em) {
  .listCategorieOutputContainer { width: 25%; }
}