/* - responsive.css - */
/*  */
/*  */

@media only screen and (max-width:1200px) {
}

@media only screen and (max-width:1000px) {
  #portal-header { align-items:flex-start; flex-wrap:wrap; justify-content:space-between; margin-top:12px; }
  #portal-logo { width:25%; min-width:200px; }
  #portal-logo img { width:100%; height:auto; }
  #portal-searchbox { position:relative; top:8px; }
  #portal-globalnav { left:unset; bottom:unset; margin-top:6px; }
}

@media only screen and (max-width:800px) {
  .filteredList { flex-direction:column; }
  .filteredList .filters { max-width:unset; width:100%; display:flex; flex-direction:row; margin-bottom:12px; margin-right:0; }
  .filteredList .filters h3 { padding:0 1.5% !important; } 
  .filteredList .filters .panel { position:relative; padding:12px 1.5%; }
  .filteredList .filters .sort { flex:1; margin-bottom:0; }
  .filteredList .filters .filter { flex:1; }
  .filteredList .list { min-width:unset; }

  .contact-grid .flexRow .member { max-width:initial; }
  .contact-grid .flexRow .contacts { max-width:initial; flex:1; }
}

@media only screen and (max-width:600px) {
  #portal-globalnav { flex-wrap:wrap; }
  #portal-globalnav li { min-width:20%; text-align:center; }
  #portal-globalnav li#portaltab-resources ul { left:0 !important; }
  #portal-globalnav li:last-of-type ul { right:0 !important; }
}

@media only screen and (max-device-width:320px) {
}

/*  */