@media (max-width:1200px) {
  .header .navbar {
    margin-left:20px;
  }
}

@media (max-width:992px) {
  .image-overlay-section .overlay-box {
    width:calc(100% - 116px);
    top:25px;
  }
  .news-item .image-container {
    height:150px;
  }
  .news-item h3, .event-item h3 {
    font-size:24px;
  }
  .title-section h2 {
    font-size:30px;
  }
  .image-overlay-section .overlay-box h3 {
    font-size:27px;
  }
  .quote-box .quote-text {
    font-size:23px;
  }
  
  .header .navbar {
    display:none;
  }
  
  #viewNav {
    display:block;
    text-align:right;
    padding:27px 0;
  }
  #viewNav i.fa {
    margin-right:3px;
  }
}

@media (max-width:768px) {
  .header {
    text-align:center;
  }
  .header .logo {
    width: auto;
    height: 70px;
    margin: auto;
  }
  .main-image .box-wrapper {
    width:100%;
  }
  .news-item .image-container img {
    height:auto;
    width:100%;
  }
  
  .image-overlay-section {
    height:auto;
  }
  .image-overlay-section img {
    width:100%;
    height:auto;
  }
  .image-overlay-section .overlay-box {
    width:calc(100% - 30px);
    position: relative;
    top: -120px;
    right: 0;
    left: 15px;
    margin-bottom:-100px;
  }
  #footer .title {
    margin-top:25px;
  }
  #footer {
    padding:28px 0;
  }
  .header .navbar {
    padding-left:0;
    margin-left:0;
  }
  .header .navbar li {
    padding:3px 0;
  }
  #viewNav {
    display:block;
    text-align:center;
    padding:10px 0;
  }
  .news-item h3, .event-item h3 {
    height:auto!important;
  }
  .news-item .image-container {
    height:200px;
  }
  .title-section h2 {
    display:block;
    width:100%;
    margin-bottom:15px;
    text-align:center;
  }
  .title-section .more-button {
    width:100%;
    text-align:center;
  }
  .section {
    padding:25px 0;
  }
  .section.no-padding-top {
    padding-top:0;
  }
  .image-overlay-section .overlay-box .main-btn {
    text-align:center;
  }
  .main-image .box-wrapper h1 {
    font-size:56px;
    line-height:55px;
  }
}