@media (max-width: 767px) {
  .navbar {
    padding: 0;
    margin-bottom: 0;
  }
  .content {
    padding: 0 15px;
  }
  .body-content {
    border-top-width: 10px;
  }
  .banner-logo {
    margin: 8px 15px;
    height: 32px;
  }
  .navbar-default .navbar-nav {
    margin: 7.5px 0 20px;
  }
  .navbar-default .navbar-nav > li > .navbar-menu-item {
    padding: 10px 15px;
    line-height: 20px;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    font-size: 16px;
  }
  .navbar-default .navbar-nav > li > .navbar-menu-item.disabled {
    color: #cccccc;
  }
  .navbar-default .navbar-nav > li > .navbar-menu-item:hover {
    color: #ffffff;
  }
  .navbar-default .navbar-nav > li > .navbar-menu-item:hover.disabled {
    color: #cccccc;
  }
  .navbar-default .navbar-nav > li.active > .navbar-menu-item {
    color: #ffffff;
  }
  .navbar-default .navbar-nav > li.active > .navbar-menu-item.disabled {
    color: #cccccc;
  }
  .navbar-collapse {
    border-color: none;
  }
  .btn-get-started {
    margin: 15px;
  }
  .center-xs {
    text-align: center;
  }
  .infographic {
    padding-bottom: 30px;
    border-bottom: 1px solid #cccccc;
  }
  .visible-xs.fixed-col {
    display: table-cell !important;
  }
  table.visible-xs {
    display: table !important;
  }
  .results-table th,
  .results-table td {
    width: 100px;
  }
  .contact-method {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 0;
    padding: 15px 0;
  }
  .contact-method:first-child {
    border-top: 1px solid #cccccc;
  }
  .contact-method .contact-image-col {
    width: 40px;
  }
  .contact-method .contact-image-col .contact-image-tall,
  .contact-method .contact-image-col .contact-image-short {
    padding-right: 5px;
  }
  .contact-method .contact-image-col .contact-image-tall {
    height: 20px;
  }
  .contact-method .contact-image-col .contact-image-short {
    height: 13px;
  }
  .more-info-heading {
    margin-top: 20px;
  }
  .multi-textbox-label {
    margin-bottom: 22px;
  }
  span.visible-xs {
    display: inline !important;
  }
  .employer-contact-table .fixed-row {
    margin-bottom: 20px;
  }
  .employer-contact-table .fixed-row .fixed-col {
    display: block;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .input-col:first-child {
    padding-right: 5%;
  }
  .input-col:last-child {
    padding-left: 5%;
  }
  .popout-box {
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    padding: 15px;
    box-shadow: #cccccc 3px 3px 2px;
  }
}
@media (min-width: 1200px) {
  .results-section {
    padding: 0 20px;
  }
}
@media (min-width: 768px) {
  .banner-content .navbar-nav > li > .navbar-menu-item {
    font-size: 18px;
    padding: 44px 0 24px;
    margin: 0 10px;
    border-bottom: 5px solid transparent;
    line-height: 20px;
  }
  .banner-content .navbar-nav > li.active > a,
  .banner-content .navbar-nav > li.active > div {
    border-bottom: 5px solid #cccccc;
    background-color: transparent;
  }
  .banner-content .navbar-nav > li.active > a:hover,
  .banner-content .navbar-nav > li.active > div:hover,
  .banner-content .navbar-nav > li.active > a:focus,
  .banner-content .navbar-nav > li.active > div:focus {
    background-color: transparent;
  }
  .footer .navbar-nav > li > a {
    padding: 15px 0;
    margin-right: 80px;
  }
  .body-content {
    padding: 0 15px;
  }
}
@media (max-width: 416px) {
  img.image-scale-2x {
    display: inline-block;
  }
  img.image-scale-1x {
    display: none;
  }
}