
/* responsive.css */

/********** Small **********/
@media(min-width:1020px){

  /* This resets the body padding since the TopZone Toolbar is no longer visible above the XS breakpoint */
  body {
    padding-bottom: 0px;
  }

  /* This resets the Primary Navigation Collapsible Menus */
  #primaryNavigation .navbar-collapse {
    position: relative;
    bottom: 0;
    width: 100%;
    background: none;
    text-align: center;
    margin: 0;
    box-shadow: none;
  }

  /* This hides the Social Dropup on anything bigger than XS */
  #socialDropup {
    display: none !important;
  }

  .dropdown-menu {
    text-align: left;
  }
}



/********* Medium **********/
@media (min-width: 992px) {

  .dropdown:hover .dropdown-menu {
    display: block;
  }

  .dropdown-toggle {
    pointer-events: none;
  }
}

/********** Large **********/
@media (min-width: 1200px) {}