/* small screen ~960px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 60em) {
  #pageContent { display: flex; }
  #sidebarRight { flex: 0 1 auto; width: 30%; min-width: 28rem; }
  #maincontent { flex: 1 1 auto; width: 70%; }
}

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