/* Site-wide mobile / tablet / desktop tweaks */
img, video { max-width: 100%; height: auto; }

@media (max-width: 991px) {
  .navbar-nav > li > a { padding-top: 12px; padding-bottom: 12px; }
  .gt-view-profile .container { width: auto; }
  .top-header ul { flex-wrap: wrap; }
  .top-header .col-md-8 { width: 100%; text-align: center !important; }
  .top-header .float-right { float: none !important; }
  .top-header .d-flex { justify-content: center; flex-wrap: wrap; }
}

@media (max-width: 767px) {
  h1, h2 { font-size: 22px !important; }
  h3 { font-size: 18px !important; }
  .btn { white-space: normal; }
  .gt-panel { margin-bottom: 12px; }
  .form-control, .gt-form-control { font-size: 16px; /* prevents iOS zoom */ }
  .chosen-container { width: 100% !important; }
  .onlineWidget { right: 8px !important; bottom: 8px !important; width: 170px !important; }
  table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .container { width: 96%; max-width: 960px; }
}