@charset "utf-8";

/* CSS Document */



/* Style for desktops */

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



}



/* Style for tablets */

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

	

/*====The below style center the content containter for the certain sections, adjust for devices.====*/

.Container {

	max-width:auto;

	margin: 0;

	padding:0 15px 0 15px;

}	

	

	

.Logo {

	/background-color:red;

	text-align: center;

	/width:100%!important;

}



	

	

	/*Navigation*/

.navbar {

	/background:#b14;

	width:100%!important;

	margin-top:0px;

}

	/*Style for collapse menu background*/
	.nav-collapse {
		background: rgba(0, 0, 0, 0.6); /* Black background with 60% opacity */
	}

/*Style for nav bar and height*/

.navbar-inner {

	background:none;

	border:1px;

	box-shadow:none;

	min-height:0px;



}

/*Style for li*/

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {

    border-radius: 0px;

}	

	

.navbar .nav > li > a{

	color:#ffffff;

	padding:15px;

	text-shadow:none;

	min-height:0px;

}

/*Style for li hover*/

.navbar .nav > li > a:focus,

.navbar .nav > li a:hover {

	background-color:#c7081b;

	color:#ffffff;

}

/*Style for active state*/

.navbar .nav > .active > a,

.navbar .nav > .active > a:hover,

.navbar .nav > .active > a:focus {

    background-color: #c7081b;

    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;

    color: #ffffff;

    text-decoration: none;

}





/*Below is the style for drop down menu*/



nav .nav-child {

	position: static;

	top: auto;

	left: auto;

	z-index: 1000;

	display: block;

	float: none;

	min-width: 160px;

	padding: 5px 0;

	margin: 6px 0 0;

	list-style: none;

	background-color: transparent;

	border: 0px solid #ccc;

	border: 0px solid rgba(0,0,0,0.2);

	*border-right-width: 0px;

	*border-bottom-width: 0px;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.2);

	box-shadow: 0 0px 0px rgba(0,0,0,0.2);

	-webkit-background-clip: padding-box;

	-moz-background-clip: padding;

	background-clip: padding-box;

}

nav .nav-child.pull-right {

	right: 0;

	left: auto;

}

nav .nav-child .divider {

	*width: 100%;

	height: 1px;

	margin: 8px 1px;

	*margin: -5px 0 5px;

	overflow: hidden;

	background-color: #e5e5e5;

	border-bottom: 1px solid #fff;

}

nav .nav-child a {

	display: block;

	padding: 15px 15px 15px 35px;

	clear: both;

	font-size: 13px;

	font-weight: normal;

	line-height: 18px;

	color: #ffffff;

	white-space: nowrap;

}

nav .nav > li {

	position: relative;

}

nav .nav > li:hover > .nav-child,

nav .nav > li > a:focus + .nav-child {

	display: block;

}



/*Styling for the triangle shape above the drop down*/

nav .nav-child:before {

	position: absolute;

	bottom: 53px;

	left: 9px;

	display: inline-block;

	border-right: 7px solid transparent;

	border-bottom: 0px solid #5699a2;

	border-left: 7px solid transparent;

	border-bottom-color: rgba(0,0,0,0.2);

	content: '';

}

nav .nav-child:after {

	position: absolute;

	bottom: 53px;

	left: 10px;

	display: inline-block;

	border-right: 6px solid transparent;

	border-bottom: 0px solid #5699a2;

	border-left: 6px solid transparent;

	content: '';

}

nav .nav-child li > a:hover,

nav .nav-child li > a:focus,

nav .nav-child:hover > a {

	text-decoration: none;

}

/*Style for sub menu active state*/

nav .nav-child > .active > a,

nav .nav-child > .active > a:hover,

nav .nav-child > .active > a:focus {

    background-color: #1d5c63;

    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;

    color: #ffffff;

    text-decoration: none;

}



/*	Style for drop down menu arrow icon */

.nav > li > a > img {

	display:none;

    max-width: none;

	padding:7px 0 0 10px;

}	

	
/*Style for Reservation Form location select field adjustment*/
	
	#LocationTrinidad,
	#LocationTobago{
		width:100%!important;
	}
	

	

	

}





/*Style for phones*/

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

/*====The below style center the content containter for the certain sections, adjust for devices.====*/

.Container {

	max-width:auto;

	margin: 0;

	padding:0 15px 0 15px;

}		

/*Style for floating Notice and Header Section*/
.HeaderSection{
	margin-top:-5%;
	position:inherit;
  	background: url("http://www.webvatize.com/testsite/images/photos/slideshow/piarco-international-airport-trinidad.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:top;
}	

.customnotice_Phone {
	text-align: center;
	padding: 5px 10px 0 10px;
}	

.Logo {

	/background-color:green;

	text-align: center;

}
	.Logo img{
		/width:10%;
	}


		/*Navigation*/

.navbar {



	width:100%!important;

	margin-top:-10px;

}

	

	

	

}
@media only screen and (max-width : 635px) {
  
  /*Style for floating Notice and Header Section*/
.HeaderSection{
	/margin-top:-4%;
	/position:inherit;
}
  
  
  
  	.Logo img{
		/width:50%;
	}
}


@media only screen and (max-width : 480px) {
  /*Style for floating Notice and Header Section*/
.HeaderSection{
	margin-top:-8%;
	position:inherit;

	}
	
  .Page p {
   / text-align: justify;
  }

}



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



}