@media (max-width:1200px) {
  .slider, .slider .cycle-slideshow {
    height:330px;
  }
  .header .navigation-bar ul.navbar li {
    padding:10px 6px;
  }
  .main-text {
    padding-left:15px;
  }
  span.subtitle {
    font-size:19px;
  }
  .info-boxes h2 {
    padding:20px 16px;
    font-size:20px;
  }
  .info-boxes .text {
    padding:0 16px;
  }
  .info-boxes a.button {
    padding:20px 16px;
  }
}

@media (max-width:992px) {
  .mobileMenuButton {
    display:block;
  }
  .slider, .slider .cycle-slideshow {
    height:250px;
  }
  .header .navigation-bar ul.navbar {
    padding:5px 0;
    display:none;
  }
  .header .navigation-bar ul.navbar li {
    padding:5px 18px;
    width:100%;
  }
  .header .navigation-bar ul.navbar li.active a {
    border-bottom:0;
  }
  .main-text {
    padding-left: 0;
    padding-top: 40px;
  }
  .info-boxes .box {
    margin-bottom:30px;
  }
  .info-boxes .image-container {
    height:330px;
  }
  .info-boxes .image-container img {
    height:auto;
    width:100%;
  }
  .info-boxes .content {
    top:262px;
  }
  .info-boxes h2 {
    font-size:23px;
    padding:20px 25px;
  }
  .info-boxes .text {
    padding:0 25px;
  }
  .info-boxes a.button {
    padding:20px 25px;
    margin-top:115px;
  }
  .footer {
    padding:15px 35px;
  }
  .footer .col-md-3 {
    margin:15px 0;
    height:130px;
  }
  .grey-box {
    margin-top:15px;
  }
  .section.testimonials {
    height:400px;
  }
}

@media (max-width:768px) {
  .slider .cycle-slideshow img, .slider img {
    width:auto;
    height:100%;
  }
  .header .navigation-bar ul.navbar li {
    padding:5px 11px;
  }
  .footer .col-md-3 {
    height:auto;
    margin:20px 0;
  }
  .copyright .northgate, .copyright {
    text-align:center!important;
  }
  .info-boxes .image-container img {
    height:100%;
    width:100%;
  }
  .section.testimonials {
    height:740px;
  }
}

@media (max-width:690px) {
  .header .logo img {
    height:140px;
  }
  
  #bookNowLink, #bookNowCaravan {
    top:70px !important;
  }
}

@media (max-width:650px) {
  .header .logo {
    margin-top:70px;
  }
  .info-boxes .image-container img {
    height:100%;
    width:auto;
  }
  .testimonials .item .inner .content {
    padding:0 45px;
  }
  .testimonials .item .text {
    font-size: 18px;
    line-height: 27px;
  }
  
  .book-now-box {
    display:block;
    clear:both;
  }
   #bookNowLink, #bookNowCaravan {
    position: relative !important;
    display: inline-block;
    top: 0 !important;
    right: auto !important;
    left: auto!important;
  }
}

@media (max-width:480px) {
  .header .contact-info {
    text-align: left;
    left: 35px;
    top: 57px;
  }
  .header .logo {
    margin-top:110px;
  }
  .header .logo img {
    height:130px;
  }
}