@charset "utf-8";


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {


	.mainHeader { 
        border-bottom: 20px solid <?= $site_border_color; ?>;
    }
	.ticket{
	   width: 57px;
	}
	.logo {
	    position: relative !important;
	    top: 15px;
	}
	#booking-frm-flyout {
	    position: fixed;
	    right: 0;
	    left: initial;
	}

	.carousel .item {
		height: 460px;
		background-repeat: no-repeat;
		background-size: cover;	
	    background-position: top right;
	}

	.mainPanel{
	    padding: 0;
	}
	.container h1{
		font-size: 3rem;
    	letter-spacing: unset;
	}

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-device-width : 568px)  {

	.carousel-caption {
	  z-index: 10;
	  font-size: 80%;
	}

	.carousel .item {
		height: 460px;
	}
	.carousel-inner > .item > img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  min-width: 100%;
	  height: 350px;
	}

	.carousel-caption > h1 {
	 font-size: 40px; 
	}	

	.logo {
	    position: relative;
	    top: 10px;
	    left: 0;
	}
	#contactFrm .contactTitle-sm {
		font-size: inherit; 
	}

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) and (max-device-width : 568px) {

	.logo {
		position: relative;
		top: 0;
		text-align: center;
	}
	.teaser{
		font-size: 150%;
	}

	.carousel-caption {
	  z-index: 10;
	  font-size: 90%;
	}

	.carousel .item {
		height: 460px;
	    background-size: cover; 
	}
	.carousel-inner > .item > img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  min-width: 100%;
	  height: 250px;
	}

	
	.breadcrumb{
		display: none;
	}

	

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.findUs {
	    color: #fff;
	    position: absolute;
	    left: 10%;
	    top: 15px;
	}

	.text_position_center {
	    text-align: center;
	}
	.text_position_left {
		padding-right: 30%;
	    text-align: center;
	}
	.text_position_right {
		padding-left: 30%;	
	    text-align: center;
	}
	.section{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 45% 0%;
	}

}



/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#cont1 {
	    margin-top: 10px;
	}	

	ul.nav.navbar-nav{
		font-size: .9em;
	}

	#thumbs > .sm-image > a > img {
	    max-width: 130px;
	    max-height: 130px;
	    padding: 4px;
	    float: left;
	}
	.logo {
		position: relative;
    	top: -10px;
    	left: 0		
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

	.logo {
		position: relative;
		top: 0;
		text-align: center;
	}
	#cont1 {
	    margin-top: 10px;
	}

	ul.nav.navbar-nav{
		font-size: .9em;
	}

	#thumbs > .sm-image > a > img {
    	max-width: 97px;
	    max-height: 112px;
	    padding: 4px;
	    float: left;
	}

}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) {

	.carousel .item {
	    background-size: cover; 
	}

}

/* Medium screens ----------- */
@media only screen and (max-width : 1201px) {

	.uparrow-footer{
		display: none;
	}
	.text-right{

	}
	.findUs {
	    color: #fff;
	    position: absolute;
	    left: 10%;
	    top: 15px;
	}


	.mainHeader > .container{
	    background-position: 90% 40%;
	    background-size: 60%;
    }



}

@media only screen and (max-width : 1440px) {

	.carousel-caption > p.c_text{
	    padding-left: 15%;
	    padding-right: 15%;
	}
	
	ul.subCat li a.menu-item, 
	a.menu-item {
	    font-size: 14px;
	    text-align: left;
	    padding: 9px;
	    margin-left: -20px;
	    white-space: inherit;
	    color: #fff;
	}
	ul.subCat li a.menu-item {
		padding-left: 20px;
	}

}

@media only screen and (max-width : 1024px) {

	ul.subCat li a.menu-item, 
	a.menu-item {
	    font-size: 14px;
	    text-align: left;
	    padding: 9px;
	    margin-left: -20px;
	    white-space: inherit;
	}
	ul.subCat li a.menu-item {
		padding-left: 20px;
	}

	.openNav #page {
		left: 0;
		-webkit-transform: translate3d(60%, 0, 0);
		-moz-transform: translate3d(60%, 0, 0);
		-ms-transform: translate3d(60%, 0, 0);
		-o-transform: translate3d(60%, 0, 0);
	}
	.sidebar{
		/*
	    width: 60%;
	    position: absolute;
	    left: -60%;
	    */
	}
	.linkHolder {
		padding-top: 50px;
	}
	a.topNavLinkLg {
    	font-size: 22px;
	}
		
	body{
		margin-bottom: 300px;
    	background-position: 10% -100px;	
    	background-size: cover;	
	}
	#footer{
		height: 320px;
	}

}



@media only screen and (max-width:991px){


	.linkHolder {
		padding-top: 50px;
	}
	a.topNavLinkLg {
    	font-size: 18px;
	}
	

	
	#footer{
		position: inherit;
		height:inherit !important;
	}
	.copyright{
		position: inherit;
		height:inherit !important;
		height: auto !important;
		text-align: center;
		font-size: .8em;
    	padding: 15px;		
	}	

	body {
    	margin-bottom: 0;
	}



	a.topNavLink:first-child,
	a.topNavLink {
    	font-size: 13px;
    	letter-spacing: 1px;
	}


}


/* All smart phones with larger screen (nexus etc)----------- */
@media (max-width: 992px){ 
	

	.carousel-caption{
	    text-align: center;
	}

	.footer-logo{
		/*display: none;*/
	}

}


/* All smart phones ----------- */
@media only screen and (max-width : 768px) {

	.tagline {
	    text-align: center;
	    font-size: 23px;
	    margin-top: 13px;
	}

	#sideOpen{
		display: block;
	}

	
	.container > div > h1.s_heading_large {
		font-size: 4rem;
	}

	.linkHolder{
		/*display: none;*/
	}

	a.menu-item {
	    font-size: 12px;
	    text-align: left;
	    padding: 9px;
	    margin-left: -20px;
	    white-space: inherit;
	    color: #fff;
	}
	ul.subCat li a.menu-item {
    	font-size: 12px;
		padding-left: 20px;
	}
	.openNav #page {
		left: 0;
		-webkit-transform: translate3d(85%, 0, 0);
		-moz-transform: translate3d(85%, 0, 0);
		-ms-transform: translate3d(85%, 0, 0);
		-o-transform: translate3d(85%, 0, 0);
	}
	.sidebar{
		/*
	    width: 85%;
	    position: absolute;
	    left: -85%;
	    */
	}

	.navbar-collapse{
		padding: 0;
	}
	a.topNavLinkLg {
	    font-size: 18px;
	}

	.container > div > h1.s_heading {
	    font-family: 'Open Sans', sans-serif;
	    font-size: 4rem;
	    letter-spacing: -2px;
	    color: #111;
	    font-weight: 800;
	    line-height: .9em;
	    word-wrap: break-word;
	    text-transform: uppercase;
	}
	.text_position_center {
	    text-align: center;
	}
	.text_position_left {
	    text-align: center;
	    background: rgba(0, 0, 0, 0.1);
	    color: #111;
	    padding: 5px !important;
	}
	.text_position_right {
		text-align: center;
	    background: rgba(0, 0, 0, 0.1);
	    color: #111;
		padding: 5px !important;
	}
	.section{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 46% 0%;
    	padding: 20px 20px 40px 20px !important;		
	}
	.section.section_left{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 15% 0%;
		min-height: 350px !important;
	}
	.section.section_right{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 46% 0%;
		min-height: 350px !important;
	}	
	.dropdown-menu {
    	position: relative;
	}


	.uparrow-footer{
		display: none;
	}
	
	.findUs {
	    display: none;
	}
	

	.carousel-control{
		display: none;
	}

	#footer {
	    height: auto !important;
	    position: inherit;
	    text-align: center;
	}
	.socialIcons{
	    display: block;
	    position: inherit;
	}
	.col-md-6 > .pull-right {
	    width: 100%;
	    text-align: center;
	}



	.page-detail{
		padding: 80px 0px;
	}



	#footer:before{
	    display: none;
	}
	.col-md-6 > .pull-right {
	    width: 100%;
	    text-align: center;
	}
	.carousel-caption{
	    text-align: center;
		bottom: 25%;
	}
	.carousel-caption > h1 {
	    font-size: 34px;
	}
	.carousel-caption > .hi_desc {
	    display: none;
	}	
	.socialIcons{
	    display: block;
	    position: inherit;
		text-align: center;
	}
	.mainPanel{
	    padding: 0;
	}

	ul.topnavlinks li {
	    list-style: none;
	    list-style-type: none;
	    padding: 3px 5px;
	    float: left;
	}

	.navbar{
		position: inherit;
		top: 0;
	}
	.navbar-default .navbar-nav>li>a {
	    padding: 8px 15px;
	}
	.resize{
		padding:10px;
		font-size: .8em
	}
	.page-outer {
	 /* background: #fff;*/
	  margin-top: 0;
	}

	.carouselSection {
	    top: -10px; 
	}
	.item.active {
		background-position: top right;
	}

	.mainHeader{
	  border-bottom: 20px solid <?= $site_border_color; ?> !important;
	  position: inherit;
	  box-shadow: none;
	}
	.topNavSection {
	    min-height: 50px !important;
	    position: relative;
	    width: 100%;
	    z-index: 100;
	}


	.navbar-default {
		border-color: transparent;
		z-index: 999;
	}
	.navbar-default .navbar-nav>li>a {
	    color: #fff;
	}
	.navbar-default .navbar-nav>li>a:hover {
    	color: #dbe8b2;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: transparent;
	}


	#footer {
	    height: auto !important;
	    position: inherit;
	    text-align: center;
   
	}

	ul.footer-link li {
		float: inherit;
	}
	#footer > .container > .padded{
		margin-top: 15px;
		text-align: center;
	}

	img.socialicon{
		float: inherit;		

	}

	.midNavSection:before{
		display: none;
	}


	.carousel-control.left,
	.carousel-control.right {
		display: none;
	}	
	.logo{
		position: inherit;


	}
	.pull-left,
	.pull-right{
		float: none !important;
	}
	#contactFrm {
	    padding: 7px;
	}
	#contactFrm .contactTitle{
		font-size: 25px;
	}
	.mainHeader{
	    min-height: auto !important;
	}
	.footer-social-inner{
	    position: inherit !important;
	    left: inherit !important;
	}

	.item.active {
		background-position: 25% 0;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	    color: #fff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    	color: #fff; 
    	background-color: transparent;
	}


	.article-teaser > h3 {
		font-size: 17px;
	}


	.btn-customer{
		font-size: 12px;

	}

	ul.footer-link li {
   		list-style: none;
	}


}