/**** Default styles (with no media queries) apply to desktops and landscape tablets: 992-1199px (Bootstrap "medium") ****/
/************ Large Desktops (lg) ******************/
@media (min-width: 1200px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 768px) {
}
/*********** Portrait Tablets (Bootstrap 3 "small") *****************/
@media (max-width: 991px) and (min-width: 768px) {
}
/*********** Portrait tablets & down (Bootstrap 3 "small") *****************/
@media (max-width: 991px) {
  /*-- Show Hamburger Menu --*/
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.in {
    display: block !important;
  }
  .navbar-toggle {
    display: inline-block !important;
    width: auto;
    padding-right: 15px;
    position: absolute;
    right: 10px;
    top: 20px;
  }
  .navbar-toggle .icon-bar {
    background: grey;
  }
  .top-bar #sites_nav_container {
    height: 0;
  }
  .course-list {
    border-left: 3px solid #CECED0;
  }
  .left-axis .day-indicator {
    min-height: 20px;
    padding-top: 0px;
  }
  .course-list {
    height: auto;
  }
  #menu-sites-menu.sites-nav {
    display: none;
  }
}
/********** Mobile Phones (Bootstrap "extra small") **************/
@media (max-width: 767px) {
  section.banner-wrap .banner {
    min-height: 200px !important;
  }
  #menu-main-menu.nav li {
    width: 100%;
  }
  #main_navigation_wrap .container {
    padding: 0;
  }
  #main_navigation_wrap {
    overflow: visible;
    padding: 0;
  }
  #menu-main-menu .dropdown-menu {
    position: static;
  }
  .nav li:hover ul {
    display: none;
  }
  #menu-main-menu .dropdown.open .dropdown-menu, .mobile-open {
    display: block !important;
  }
  .top-bar .container {
    padding: 0;
  }
  #inner-content {
    padding: 0 15px;
  }
  ul.dropdown-menu {
    width: 100%;
    text-align: center;
  }
  #banner_content h1 {
    font-size: 20px;
  }
}
/********** Phones (breakpoint at which WordPress columns & menus collapse into mobile mode) **************/
@media screen and (max-width: 600px) {
}
/********** Portrait phones ************/
@media (max-width: 479px) {
  header #sites_nav_container #menu-sites-menu {
    font-size: 12px;
  }
  .top-bar .logo-wrap {
    float: none;
    padding: 5px 0;
    margin: 0 auto;
  }
  /*
  RETINA (2x RESOLUTION DEVICES)
  */
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  }
  /*
  PRINT STYLESHEET
  Feel free to customize this. Remember to add things that won't make
  sense to print at the bottom. Things like nav, ads, and forms should
  be set to display none.
  */
  @media print {
    /******************************************************************
                  Stylesheet: Print Stylesheet
                  ******************************************************************/
    * {
      background: transparent !important;
      color: black !important;
      text-shadow: none !important;
      filter: none !important;
      -ms-filter: none !important;
    }
    a, a:visited {
      color: #444 !important;
      text-decoration: underline;
    }
    a:after, a:visited:after {
      content: " (" attr(href) ")";
    }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")";
    }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
      content: "";
    }
    pre, blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
    }
    thead {
      display: table-header-group;
    }
    tr, img {
      page-break-inside: avoid;
    }
    img {
      max-width: 100% !important;
    }
    @page {
      margin: 0.5cm;
    }
    p, h2, h3 {
      orphans: 3;
      widows: 3;
    }
    h2, h3 {
      page-break-after: avoid;
    }
    .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav {
      display: none;
    }
  }
}