@media (max-width:1320px) {
  .wide-container {
    width: 1150px;
  }
  .header .nav-bar li a {
    padding:27px 3px;
    font-size:15px;
  }
}
@media (max-width:1200px) {
  .wide-container {
    width: 100%;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
  }
  .header .nav-bar li a {
    padding:27px 9px;
    font-size:15px;
  }
  .header .nav-bar li:last-child a {
    margin-right:0;
  }
  .header .logo {
    width:13%;
  }
  .header .navbar-container {
    width:auto;
  }
  .header .logo img {
    height: 50px;
    margin-top: 10px;
  }
  .hero-section h1 {
    margin-top:30px;
    margin-bottom:20px;
    font-size:2.2rem;
  }
  .hero-section .caption {
    width:100%;
  }
  .footer .socials {
    height:75px;
  }
  .footer .socials .social-box {
    font-size:20px;
    padding:15px 13px;
  }
  .header .nav-bar li.long-text {
    width:190px;
  }
  .category-box {
    padding:10px;
  }
  .category-box.text-only h2 {
    font-size: 18px;
    line-height: 30px;
  }
  .event-box .content {
    height:auto;
  }
  .category-box.text-only {
    height:95px;
  }
}
@media (min-width:992px) and (max-width:1200px) {
  .header .nav-bar li.long-text a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    text-align: center;
  }
  .category-box.text-only h3 {
    font-size:20px;
  }
}
@media (max-width:1024px) {
  .header .nav-bar li a {
    font-size: 14px;
  }
}

@media (max-width:992px) {
  .header {
    overflow:auto;
    height:auto;
  }
  .header .navbar-container {
    display:none;
  }
  .header .trigger-mobile {
    display:inline-block;
  }
  .header .nav-bar li.long-text {
    width:100%;
  }
  .header .nav-bar li .dropdown {
    padding-bottom: 10px;
    border: 1px solid black;
    padding-top: 5px;
    border-right:0;
    border-left:0;
  }
  .header .nav-bar li {
    width:100%;
    text-align:center;
    float:none;
  }
  .header .nav-bar li a {
    margin:0;
    border:none;
    padding:20px;
    padding-bottom:5px;
    font-size:18px;
  }
  .header .nav-bar li .dropdown, .header .nav-bar li:hover .dropdown, 
  .header .nav-bar li .dropdown:hover {
    position:initial;
    display:block;
    width:100%;
    display:block;
    border-top:0;
    border-bottom: 1px solid #A4D97C;
  }
  .header .nav-bar li .dropdown a {
    padding-bottom:1px;
    font-size:14px;
  }
  .hero-section, .hero-section .wide-container {
    height:auto;
  }
  .hero-section .caption {
    font-size:18px;
  }
  .event-box h3 {
    height:150px;
  }
  .category-box {
    height:500px;
    margin-bottom:30px;
  }
  .header .logo img {
    height:70px;
    margin-top:0;
  }
  .footer .socials {
    height:auto;
    padding:10px 0;
    padding-bottom:30px;
  }
  .footer .socials .social-box {
    font-size: 17px;
    padding: 0;
    width: 49%;
  }
  .button-container a {
    margin-left:5px;
  }
  .btn-more.outline {
    padding:8px 18px;
  }
  .news-box .image-container {
    height:75px;
  }
  .event-box .image-container img {
    width:140%;
  }
  .news-box .date {
    font-size:16px;
  }
  .news-box h3, .event-box h3 {
    font-size:21px;
    line-height:28px;
  }
  .category-box h3 {
    font-size:40px;
    line-height:40px;
  }
  .category-box .image-container img {
    margin-top:0;
  }
  .hero-section.cutdown h1 {
    position: absolute;
    z-index: 999;
    background: rgba(227, 242, 246,0.8);
    padding: 5px 15px;
    padding-left: 0;
  }
  .category-box.text-only {
    height:61px;
  }
  .header .logo {
    width:255px;
  }
  .header .logo-90 img {
    height:55px;
  }
}

@media (max-width:768px) {
  .button-container {
    text-align:center;
  }
  .button-container a {
    float:none;
    margin:15px 0;
  }
  .center-mob {
    text-align:center;
  }
  .footer strong {
    margin-top:17px;
    display:block;
  }
  .footer {
    text-align:center;
  }
  .category-box.text-only {
    height:auto;
  }
  .footer .socials .social-box {
    width:100%;
    margin-bottom: 8px;
  }
  .news-box.team-member .image-container {
    height:auto;
    text-align:center;
    background:none;
  }
  .news-box.team-member .image-container img {
    width:250px;
    height:auto;
    margin:auto;
  }
  .category-box .image-container {
    background:transparent;
    height:auto;
  }
  .category-box h2 {
    font-size:28px;
    margin-top:15px;
  }
  .category-box.text-only {
    height:auto;
  }
  .category-box.text-only h2 {
    margin:5px 0;
  }
  .news-box .image-container {
    height:auto;
  }
  .news-box h3, .event-box h3 {
    height:auto;
  }
  .event-box h3 {
    margin-bottom:15px;
  }
  
  .logout-row .text-right {
    text-align:center!important;
    margin-top:25px;
  }
  .qs-applicationDetails .textRight, .qs-applicationDetails .mobile-center {
    text-align:center!important;
  }
  .qs-applicationDetails .mobile-right {
    text-align:right!important;
  }
  .qs-applicationDetails .mobile-left {
    text-align:left!important;
  }
  .qs-applicationDetailsSection h2 {
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom:5px;
  }
  .qs-applicationDetailsSectionContent {
    margin-top:20px;
  }
  h3.qs-applicationDetailsFilesHeader, h3.qs-applicationDetailsNotesHeader {
    font-size:24px;
  }
}

@media (max-width:600px) {
  .hero-section img {
    width: 100%;
    float: none;
    position: relative;
    right: -30px;
    margin-top: 15px
  }
  .category-box .image-container {
    background:transparent;
    height:auto;
  }
  .category-box h2 {
    font-size: 28px;
    background: transparent;
    margin-top: 20px;
    padding: 0;
    position: initial;
    margin-bottom: 0;
  }
  .category-box .image-container img {
      height: 100%;
      margin-top: 0;
  }
  .category-box .description {
    height:345px;
  }
  .category-box {
    height:auto;
  }
  .homepage-categories .category-box {
    height:640px;
  }
  .footer .socials .social-box {
    width:100%;
    padding:5px 0;
  }
  .footer {
    margin-top:15px;
  }
}
@media (max-width:430px) {
  #popup .content {
    width: 90%;
    height: 350px;
  }
  #popup .close {
    right:0;
  }
}

@media (max-width:390px) {
  .homepage-categories .category-box {
    height:835px;
  }
}