@media (max-width:767px) {
  #header {
    height: 120px;
  }

  #logo {
    text-align: left;
  }

    #logo a img {
      width: 250px !important;
      height: auto !important;
    }

  #banner-img img {
    height: 100%;
    width: auto;
  }

  .banner-h1 {
    padding: 0 15px;
    color: #202a89;
    font-size: 35px;
    line-height: 35px;
  }

  .banner-h2 {
    padding: 0 15px;
    font-size: 18px;
    line-height: 20px;
    color: #25292d;
  }
  /* nav */
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    background-color: #202a89;
    border-color: #202a89;
  }

  nav#primary {
    margin-top: 0;
    display: block;
  }

    nav#primary ul {
      float: none;
    }

      nav#primary ul a {
        color: #fff;
        text-align: left;
        padding: 10px 15px;
      }

      nav#primary ul ul {
        position: relative;
        width: 100%;
        max-width: 100%;
        z-index: 1;
        background-color: #36a9e0;
      }

        nav#primary ul ul li {
          width: 100%;
        }

      nav#primary ul li:hover {
        border-bottom: 0;
      }

      nav#primary ul li a:hover, nav#primary ul li a:active, nav#primary ul li a:focus {
        color: #36a9e0 !important;
      }

      nav#primary ul ul li a:hover, nav#primary ul ul li a:active, nav#primary ul ul li a:focus {
        color: #202a89 !important;
      }

  .nav li {
    display: block !important;
    width: 100%;
  }

  .navbar-inverse .navbar-toggle {
    border-color: transparent;
  }

    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
      background-color: #202a89;
    }

  body.home .navbar-toggle {
    margin-top: -45px;
  }

  body.listing .navbar-toggle,
  body.event .navbar-toggle,
  body.info .navbar-toggle,
  body.contact .navbar-toggle,
  body.booking .navbar-toggle,
  body.successful .navbar-toggle {
    margin-top: -40px;
  }
  /* index.php */
  #second {
    display: none;
  }

  #third, #fifth, #fourth, #sixth {
    padding: 50px 15px;
  }

  #intro-content {
    display: inline-block;
    padding-top: 30px;
  }

  .serv-overlay {
    top: 75%;
  }

  .serv-tab {
    width: 100%;
    height: 300px;
    margin: 5px 0;
    overflow: hidden;
  }

    .serv-tab::before {
      background: rgba(54, 169, 224, .9);
    }

  .serv-img {
    width: 125%;
    height: auto;
    margin-left: 0;
  }

  /* index.php testimonial */
  body .ui-carousel, .ui-carousel > .wrapper, .ui-carousel > .wrapper > .slide {
    width: 300px !important;
  }

  .c-email {
    margin-bottom: 50px;
  }

  .topcontent, #results {
    margin-top: 30px;
  }

  body.info .topcontent {
    margin: 50px 0;
    padding: 0 15px;
  }

  .other_content {
    padding: 0 15px;
  }

  li.event {
    height: 400px;
  }

  #search .search-input, #search .date-input, #enquiry form input, #enquiry form textarea {
    width: 350px;
  }

  #search .date-left, #search .date-right {
    left: 0;
    right: 0;
    margin-bottom: 15px;
  }

  #partners {
    display: none;
  }

  #footer-left2 {
    margin: 30px 0;
  }

  #footer-right {
    text-align: left;
  }

    #footer-right ul li {
      display: block;
      width: 100%;
    }

      #footer-right ul li:after {
        content: "";
      }

  /* listing.php accordion */
  body.listing .banner-h1, body.event .banner-h1 {
    color: #fff;
  }

  body.event #banner-img {
    overflow: hidden;
    top: 0;
  }

    body.event #banner-img img {
      height: 100%;
    }

  #accordion .ui-state-default, #accordion .ui-widget-content .ui-state-default, #accordion .ui-widget-header .ui-state-default, #accordion .ui-state-active, #accordion .ui-widget-content .ui-state-active, #accordion .ui-widget-header .ui-state-active {
    padding: 15px 20px;
  }

  #accordion .ui-widget-header, #accordion .ui-widget-content {
    padding: 50px 20px;
  }


  /* contact.php */
  #contactinfo .dl-horizontal dd {
    text-align: center;
  }

  li.eventt, .the_box {
    height: 100%;
  }

  .hover ul {
    position: relative;
    margin-top: 20px;
  }

  .event-transition ul li {
    transform: translateY(0em);
    border-bottom: 1px solid #36a9e0;
  }

  /* booking.php */
  body.booking #banner-img img {
    position: absolute;
    left: -120%;
  }

  #booking table {
    width: 100%;
    overflow: hidden;
  }

  #booking tr {
    height: 55px;
  }

  #booking td {
    display: block;
    font-size: 14px;
  }

  #booking .ticketInfo td.code {
    font-weight: bolder;
  }

  #booking .contactInfo td.input {
    width: 100%;
  }

  #booking .contactInfo input, #booking .contactInfo textarea {
    width: 100%;
    height: 30px;
  }

  #booking .contactInfo textarea {
    height: 80px;
  }

  input[type=radio] {
    margin: 2px;
  }

  .process {
    width: 100%;
    margin: 20px auto;
  }

  img.paypal {
    display: block;
  }
  /* successful.php */
  body.successful #banner-img img {
    position: absolute;
    height: 100%;
    width: auto;
    left: -50%;
  }

  body.listing .nav-dark #logo a img, body.event .nav-dark #logo a img, body.info .nav-dark #logo a img, body.contact .nav-dark #logo a img, body.booking .nav-dark #logo a img, body.successful .nav-dark #logo a img {
    width: 200px !important;
    height: auto;
  }
}

@media (min-width:768px) {
  .navbar-header {
    float: none;
  }

  #logo a img {
    width: 300px;
    height: auto;
  }

  nav#primary ul {
    float: none;
    display: inline-block;
  }
  /* home */
  #intro-content {
    display: inline-block;
    padding-top: 30px;
  }
  /* listing.php */
  .listing #banner-img img {
    bottom: 0;
  }

  .successful #banner-img img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
  }

  #banner-img img {
    height: 100%;
    width: auto;
    position: absolute;
    left: -50%;
  }

  .topcontent, #results {
    margin-top: 50px;
  }

  .serv-tab {
    width: 100%;
    height: 300px;
    margin: 15px 0;
    display: block;
  }

  .serv-img {
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .c-email {
    margin-bottom: 50px;
  }

  #footer-left {
    margin-bottom: 50px;
  }

  #footer-left, #footer-right {
    text-align: center;
  }

  /* listing.php, event.php */
  #header {
    height: 150px;
    z-index: 1;
  }

  #primary {
    margin-top: 20px;
  }

  #second > img {
    height: 100%;
    width: auto;
  }


  /* event.php */
  #details .title h1 {
    margin-top: 40%;
  }

  .process {
    width: 55%;
    margin: 20px auto;
    display: inline-block;
  }
}

@media (min-width:768px) & (max-width:991px) {
  #logo, #primary {
    text-align: center;
  }

  .serv-overlay {
    top: 75%;
  }

  .partner-wrap {
    width: 10% !important;
  }
}

@media (min-width:992px) {
  #logo {
    text-align: center;
  }

  #header {
    height: 100px;
  }

  body.home #banner-img img {
    width: auto;
    height: 110%;
  }

  body.successful #banner-img img {
    position: absolute;
    width: 100%;
    hieght: auto;
    left: 0;
  }

  #banner-img img {
    width: 140%;
    height: auto;
    position: absolute;
    left: 0;
  }

  #primary {
    margin-top: 50px;
  }

  nav#primary ul {
    float: right;
  }

  .listing #banner-img img {
    bottom: 0;
  }
  /* event.php */
  #details .title h1 {
    margin-top: 30%;
  }

  #footer-left {
    text-align: left;
  }

  #footer-right {
    text-align: right;
  }
}

@media (min-width:1200px) {
  .listing #banner-img img {
    width: 110%;
    height: auto;
    bottom: -50%;
  }

  #primary {
    margin-top: 50px;
  }

  nav#primary ul {
    float: right;
  }

  .serv-tab {
    height: 500px;
    width: 30%;
    margin: 0 15px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    float: left;
    /* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .serv-img {
    width: auto;
    height: 100%;
    margin-left: -50%;
  }

  .c-email {
    margin-bottom: 0px;
  }
  /* listing.php */
  .topcontent {
    margin-top: 100px;
    margin-bottom: 50px;
  }

  #results {
    margin-top: 10px;
  }
  /* event.php */
  #details .title h1 {
    margin-top: 25%;
  }
}

.logo-title {
  padding-left: 5px;
  display: block;
  clear: both;
}

/* =Responsive
----------------------------------------------- */
/* No responsive 
#header .facebook {
	top: 38px;
}*/

/* General 
* {
	max-width: 100%;
} */

/* Content 
#sections ul li {
	width: 24.5%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 1em;
}
#results #search .input .input {
	display: inline-block;
	float: none;
}
#search br {
    display: none;
}
#results .allEvents li {
	width: 30%;
	float: none;
	display: inline-block;
	vertical-align: top;
}
#details #ipod {
	margin-bottom: 20px;
} */

/* Menu 
.mobile-menu {
	display: none;
    padding: 1em;
    color: #fff;
    cursor: pointer;
}

@media screen and (max-width: 800px) {
	body {
		overflow: hidden;
	}
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	} */
/* Misc 
	.mobile-hide {
		display: none;
	}*/
/* Menu 
    .mobile-menu {
        display: block;
    }
    #nav {
		position: relative;
    }
    #nav ul {
        display: none;
        float: none;
        width: 100%;
        background-color: #ffa500;
    }
    #nav ul a {
        border-top: 1px solid rgba(0,0,0,0.05);
        width: 100%;
	    padding: 0.5em;
	    display: block;
    }
    #nav ul li {
	    float: none;
	    display: block !important;
	    width: 100%;
	    border-right: none;
   }
   /* Content 
   .nivoSlider img {
		min-width: 855px;
   }
   .mainHeading, .subHeading {
	    font-weight: bold;
	    line-height: 28px;
	}
   .mainHeading {
		font-size: 27px;
		margin-bottom: 20px;
   }
   .subHeading {
		font-size: 18px;
   }
   a.hireABus {
		position: relative;
		bottom: 0;
   }
   /* Footer 
   #footer {
		text-align: center;
		height: auto;
   }
   #footer .logo, 
   #footer #sponsors,
   #footer #siteLinks {
		position: relative;
		display: block;
		height: auto;
		left: auto;
		bottom: auto;
		margin: 0 auto;
   }
   #footer #sponsors a {
   		position: relative;
   		display: inline-block;
   		margin: 0.25em;
   		left: auto !important;
   		top: auto !important;
   }
   #footer ul li {
   		float: none;
   		display: inline-block;
   }
   #siteLinks > ul {
	    margin: 10px auto;
	}
}

@media screen and (max-width: 500px) {
	/* Header 
	#header {
		height: auto;
	}
	#header #logo {
		position: relative;
	}
	#header #phone {
	    position: relative;
	    top: -30px;
	    right: -5px;
	}
	/* Menu
	#nav {
		top: -15px;
	}
	/* Content 
	#sections ul li {
		width: 24.5%;
	}
	#results .allEvents li {
		width: 49%;
	}
	a.hireABus {
		right: 0;
	}
	form table td,
	#contactInfo td {
		display: block;
		width: 100%;
	}
	#results #search {
		text-align: center;
	}
	#results #search .input .input {
	    margin: 0.25em;
	}
	#results #search div.label {
		line-height: 16px;
	}
	#details .longDescr .pickups li {
		width: 50%;
	}
}

@media screen and (max-width: 400px) {
	/* Header 
	#header {
		height: auto;
	}
	#header #logo {
		position: relative;
	}
	#header #phone {
	    position: relative;
	    top: -30px;
	    right: -5px;
	}
	/* Menu 
	#nav {
		top: -15px;
	}
	/* Content 
	#sections ul li {
		width: 49%;
	}
	#results .allEvents li,
	#details .longDescr .pickups li {
		width: 99%;
	}
	#details .links .bookATour {
		float: none;
	}
	.fancybox-wrap,
	.fancybox-type-iframe .fancybox-inner {
		left: 0 !important;
		max-width: 100% !important;
	}

} */