@media (max-width:1200px) {
  .slider.cut img {
    margin-top:-10vh
  }
}
@media (max-width:992px) {
  .slider .slider-caption {
    height: 0;
    bottom: auto;
    top: 80px;
  }
  .boxes-section {
    top: -120px;
    margin-bottom: -120px;
  }
  .why-choose-us.section {
    background-size:auto 100%!important;
  }
  .header .navigation ul.navbar li {
    padding:32px 5px;
  }
  #footer .footer-logo {
    height:auto;
    width:100%;
  }
}
@media (max-width:768px) {
  .header .logo {
    display: block;
    text-align: center;
  }
  .slider.cut img {
    margin-top:0;
    width:100%;
    height:auto;
  }
  .half-section .image-container.left, .half-section .image-container.right {
    width:100%;
    position:initial;
    height:250px;
    margin-bottom:25px;
  }
  .half-section .image-container img {
    width:100%;
    height:auto;
  }
  .section {
    padding:50px 0;
  }
  .section.half-section {
    padding-top:0;
  }
  .detail-list {
    margin-top:30px;
  }
  .boxes-section {
    top: 0;
    margin-bottom: 0;
  }
  .homepage-box {
    padding:25px;
    width:100%;
  }
  .homepage-box .description {
    height:auto;
  }
  .activity-box {
    margin-bottom:20px;
    width:100%;
  }
  .why-choose-us h2 {
    width:100%;
    font-size:26px;
  }
  .why-us-box {
    margin-bottom:30px;
  }
  .slider {
    height:450px;
  }
  .slider img {
    height:100%;
    width:auto;
  }
  .slider .img-contain {
    height:100%;
  }
  #footer {
    text-align:center;
  }
  #footer .text {
    width:100%;
  }
  #footer .footer-logo {
    height:100px;
    width:auto;
  }
  .slider .slider-caption h1 {
    font-size:15px;
  }
  .slider .slider-caption h1 strong {
    font-size: 44px;
    line-height: 48px;
    margin-top: 10px;
  }
  .header .navigation #mobileNav {
     display:block;
   }
  .header .navigation ul.navbar {
    display:none;
  }
  .header .navigation ul.navbar li {
    padding:5px;
    width:100%;
    text-align:center;
  }
  .intro-text {
    font-size: 26px;
    line-height: 34px;
  }
  .half-section h2, .events-section h2 {
    font-size:40px;
    width:100%;
  }
  .half-section ul li {
    width:100%;
  }
  .slider.cut {
    height:250px;
  }
  .activity-box .fa {
    display:none;
  }
  .activity-box:first-child .fa {
    display:block;
  }
  .activity-box h3 {
    padding:0;
  }
}
@media (max-width:500px) {
  .slider {
    height:375px;
  }
  .boxes-section {
    margin-top:25px;
  }
  .slider.cut img {
    margin-top:0;
    height:100%;
    width:auto;
  } 
}