@media (max-width: 1350px) {

.hero-content {
  margin: 0;
}

.hero-content h1 {
    font-size: 55px;
}

.hero-content h1 small {
    font-size: 20px;
    margin: 0 0 10px;
}

.hero-content p {
    font-size: 20px;
}

.hero-content p br, .hero-content p br::after {content: " ";}

}

@media (max-width: 1199px) {
  .ticket-list ul {
      font-size: 15px;
  }

  .ticket-box h2 {
      padding: 60px 20px;
  }


  .header .brand img {
      max-height: 90px;
      width: auto;
  }

  .hero-content h1 {
      font-size: 45px;
  }

  .hero-content {
      padding: 30px;
  }

  .hero-content p {
      font-size: 17px;
      margin: 0 0 30px;
  }

  .hero h2 {
      font-size: 33px;
  }

  .hero {
      height: 640px;
  }

  .pillars {
      padding: 80px 0;
  }

  .pillars h2 {
      font-size: 30px;
  }

  .pillars ul li {
      margin: 0 10px 12px;
      padding: 0 0 12px;
  }

  body {
      font-size: 15px;
  }

  .book-lead h2 br, .book-lead h2 br::after, .about-home h2 br, .about-home h2 br::after {content: " ";}

  .about-home h2, .book-lead h2 {
      font-size: 32px;
      margin: 0 0 15px;
  }

  .about-home p,
  .book-lead p {
      font-size: 17px;
      margin: 0 0 40px;
  }

  .book-lead {
      padding: 75px 0;
  }

  .about-home ul li {
      font-size: 17px;
      padding: 5px 0 5px 27px;
      margin: 0 0 16px;
  }

  .about-home ul li:before {
      width: 19px;
      height: 19px;
  }

  .about-home ul {
      margin: 0 0 37px;
  }

  .footer .container, .footer .row {
      display: block;
  }

  .footer .col-sm-3, .footer .col-sm-9 {
      max-width: 100%;
      margin: 0 auto;
      width: 100%;
  }

  .footer, .footer .text-right {
      text-align: center !important;
  }

  .footer .brand {
      margin: 0 0 40px;
  }

  .footer .footer-contact {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      width: 100%;
  }

  .copy {
      padding: 30px 0;
      font-size: 13px;
  }

  .about-home {
      padding: 75px 0;
  }

  .page-title h1 {
      font-size: 48px;
  }

  .page-title {
      padding: 140px 0 30px;
  }

  .pg-content h2 {
      font-size: 34px;
  }

  .pg-content p {
      font-size: inherit;
      margin: 0 0 20px;
  }

  .pg-content hr {
      margin: 60px 0;
      border-width: 3px;
  }


}


@media (max-width: 991px) {

  .ticket-box h2 {
      margin-right: 30px;
      padding: 30px;
  }

  .ticket-box h2:after {
      right: -10px;
      border-bottom: 10px solid transparent;
      border-top: 10px solid transparent;
      border-left: 10px solid #010101;
      width: 10px;
      height: 10px;
  }

  .ticket-list ul {
      font-size: inherit;
  }

  .pg-contact .row {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  .pg-contact .col-sm-6 {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 20px;
  }

  .pg-contact .col-sm-3 {
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }

  .page-title h1 {
      font-size: 40px;
  }

  .page-title {
      padding: 120px 0 28px;
  }

  .pg-content {
      padding: 65px 0;
  }

  .pg-content h2 {
      font-size: 30px;
      letter-spacing: -1px;
  }

  .pg-content h3 {
          letter-spacing: -0.5px;
          font-size: 23px;
  }

  .copy, .copy .text-right {
      text-align: center !important;
  }

  .copy .container, .copy .row {
      display: block;
      max-width: 100%;
      margin: 0 auto;
  }

  .copy .col-sm-6 {
      width: 100%;
      max-width: 100%;
  }

  .copy .col-sm-6.text-right {
      margin-top: 10px;
  }

  .footer .footer-contact {
      font-size: 18px;
  }

  .footer .footer-contact i {
      font-size: 22px;
  }

  a.btn.btn-light.book {
      font-size: 17px;
      padding: 20px 20px;
  }

  .icon-book {
      width: 27px;
      height: 27px;
  }

  .btn {
      font-size: 13px;
      padding: 22px 23px;
  }

  .btn.btn-ghost {
      padding: 20px 21px;
  }

  .about-home ul li {
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }

  .about-home p, .book-lead p {
      font-size: 15px;
      margin: 0 0 33px;
  }

  .about-home h2, .book-lead h2 {
      font-size: 29px;
      margin: 0 0 12px;
  }

  .about-home, .book-lead {
      padding: 70px 0;
  }

  .hero h2 {
      font-size: 27px;
  }

  .hero-content h1 {
      font-size: 35px;
      margin: 0 0 15px;
  }

  .hero-content h1 small {
      font-size: 14px;
      margin: 0 0 8px;
  }

  .hero-content p {
      font-size: 16px;
      margin: 0 0 26px;
  }

  .hero-content {
      padding: 25px;
  }

  .hero {
      height: 580px;
  }

  .header .brand img {
      max-height: 80px;
  }

  .icon-hopt-1, .icon-hopt-2 {
      width: 23px;
      height: 24px;
  }

  .header .hopt i {
      margin: 0 auto 5px;
  }

  .header .hopt span {
      font-size: 11px;
  }

  .footer .brand img {
      max-height: 80px;
  }

  .icon-pillar-1, .icon-pillar-2, .icon-pillar-3 {
      height: 55px;
  }

  .pillars i {
      margin: 0 0 22px;
  }

  .pillars h2 {
      font-size: 26px;
  }

  .pillars ul li {
      margin: 0 0 9px;
      padding: 0 0 9px;
  }

  body {
      font-size: 14px;
  }

  .pillars ul {
      min-height: 300px;
  }

  .pillars .btn {
      padding: 20px;
      font-size: 11px;
  }

  .pillars {
      padding: 60px 0;
  }

}

@media (min-width: 768px) {
  .footer .footer-contact br  {
    display: none;
  }
}

@media (max-width: 767px) {

  .preheader {
      display: block;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0;
      width: 100%;
      border-top: 1px solid #fff;
  }

  .preheader a span {display: none;}

  .preheader .col-6:first-child a:after { content: 'Email Us'; }

  .about-home .btn.btn-dark {
      border: 3px solid #000;
      margin-bottom: 4px;
      padding: 20px 22px;
      position: relative;
      left: 2px;
  }
  .contact-intro {
      padding: 30px;
      margin: 0 0 40px;
  }

  .pg-about .col-sm-8 p:last-child {
      text-align: center;
  }


  .center-mobile {text-align: center;}

  .book .g-recaptcha {
      -webkit-transform: scale(0.7) !important;
      transform: scale(0.7) !important;
      margin: 5px 0 -25px;
  }

  .book .form-group textarea.form-control {
      height: 70px;
  }

  .book .form-group .form-control {
      font-size: 13px;
  }

  .book.nav-panel p {
      font-size: 13px;
      line-height: 1.25;
      margin: 0 0 10px;
  }

  .book.nav-panel h2 {
      font-size: 20px;
      letter-spacing: 0;
  }

  .book.nav-panel {
      padding: 18px;
  }

  .book form label {
      display: none;
  }

  .book .form-group {
      margin: 0 0 9px;
  }

  .ticket-box h2 {
      margin: 0 0 30px;
      padding: 25px;
  }

  .ticket-box h2:after {
      right: 0;
      left: 0;
      bottom: -20px;
      top: auto;
      border-top: 10px solid #010101;
      border-right: 10px solid transparent;
      border-left: 10px solid transparent;
  }

  .ticket-list {
      margin: 0 0 60px;
  }

  .ticket-list.last {
      margin: 0;
  }


  .demerit-table {
      padding: 0;
      margin-top:  40px;
  }
  .pg-contact .row {
      flex-wrap: wrap;
  }

  .pg-tickets-top .col-sm-4,
  .pg-tickets-top .col-sm-8,
  .pg-contact .col-sm-3,
  .pg-contact .col-sm-6 {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 20px;
  }


  .pg-content {
    padding: 32px 0;
  }
  .pg-content h2 {
      margin: 5px 0 23px;
  }
  .page-title {
      padding: 90px 0 25px;
      text-align: center;
  }

  .page-title h1 {
      font-size: 32px;
  }

  .img-border {
      margin-top: 0;
      margin-bottom: 0;
  }
  .hero-content h1 {
      font-size: 31px;
      margin: 0 0 15px;
      letter-spacing: 0px;
  }
  .ccm-custom-style-container.ccm-custom-style-content14-56.img-border {
      margin-top: 30px;
  }

  .col-sm-5 .img-border {margin-bottom: 20px;}
  .col-sm-7 + .col-sm-5 .img-border {margin-top: 20px;}

  .hero-align-bottom {
      display: block;
      height: auto;
  }

  .hero .container, .hero .row, .hero div[class*="col"] {
      height: auto;
  }

  .hero h2 {
      text-align: center;
      margin: 30px 0 0;
  }

  .hero {
      height: auto;
      padding: 60px 0;
      margin: 74px 0 0;
  }

  .hero-content {
      text-align: center;
  }

  .header .brand img {
      max-height: 57px;
  }

  .header {
      padding: 8px 0;
  }

  .hero-content h1 br, .hero-content h1 br::after {content: " ";}

  .hero h2 {
      -webkit-text-shadow: 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57);
      -moz-text-shadow: 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57);
      -ms-text-shadow: 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57);
      -o-text-shadow: 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57);
      text-shadow: 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 38px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 58px rgba(0,0,0,0.57), 1px 1px #000, 0px 3px 60px rgba(0,0,0,0.57);
  }

  .pillars i {
      margin: 0 0 9px;
  }

  .icon-pillar-1, .icon-pillar-2, .icon-pillar-3 {
      height: 44px;
  }

  .pillars h2 {
      font-size: 31px;
      letter-spacing: 0;
  }

  .pillars {
      padding: 50px 0;
  }

  .pillars .col-sm-4:nth-child(2) {
      margin-top: 70px;
      margin-bottom: 70px;
  }

  .pillars ul {
      min-height: 1px;
  }

  .about-home, .book-lead {
      text-align: center;
      padding: 50px 0;
  }

  .about-home iframe {
      position: relative;
      margin: -50px auto 50px;
      border: none !important;
      width: 100%;
      height: 220px;
  }

  .about-home ul li {
      text-align: left;
      -webkit-flex: 47%;
      -ms-flex: 47%;
      flex: 47%;
      max-width: 47%;
      border-bottom: 1px solid #EEE;
      margin: 0 0 10px;
      padding-bottom: 15px;
  }

  .about-home ul li:before {
      bottom: auto;
      top: 5px;
  }

  .footer .footer-contact {
      display: block;
  }

  .footer .footer-contact i.fa-envelope, .footer .footer-contact .btn {
      margin-left: 0;
      margin-top: 10px;
  }

  .footer .footer-contact .btn {
      margin-top: 45px;
  }

  .header .hopt span em {
    display: none;
  }

  .nav-panel {
    width: 250px;
}

.book h2 {
    font-size: 27px;
}

.book p {
    font-size: 13px;
}

.book {
    padding: 20px;
}

.header.ftr {
    left: -500px;
}

.header.ftl {
    left: 250px;
}

nav.navigation .nav li a {
    font-size: 17px;
    padding: 12px 0;
}

}

@media (max-width: 420px) {

  .header .brand img {
      max-height: 48px;
  }

  .hero {
      padding: 50px 0;
      margin: 65px 0 0;
  }

  .ticket-list ul li {
    max-width: 100%;
    text-align: left;
    border-bottom: 1px solid #EEE;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.ticket-list ul {
    display: block;
}

}

@media (min-width: 768px) and (max-height: 700px) {

  .book.nav-panel h2 {
      font-size: 26px;
  }

  .book.nav-panel p {
      font-size: 12px;
      margin: -6px 0 5px;
  }

  .book .form-group textarea.form-control {
      height: 70px;
  }

  .book .form-group .form-control {
      font-size: 14px;
  }

}