/* Responsive - 23/02/2016 */

/* Tablet */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#bg {
		background-size: 1220px auto;
		padding: 49px 0 0;
	}
	
	#container {
		width: 647px;
		margin: -23px auto 0;
	}
	
	a.logo {
		margin: 0 auto 52px;
		width: 460px;
		height: 65px;
	}
	
	#menu ul li {
		margin: 8px 0 5px;
	}
	
	#menu ul li a {
		padding: 3px 15px;
		font-size: 20px;
	}
	
	#menu ul ul li {
		margin: 0;
	}
	
	.left {
		width: 380px;
	}
	
	.sidebar {
		width: 220px;
	}
	
	.footer {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	
	input.wpcf7-text, 
	input.wpcf7-captchar,
	.wpcf7-textarea {
		box-sizing: border-box;
		padding: 8px;
		border: 1px solid #DDDDDD;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
		margin: 5px 0 0;
	}
	
	input.wpcf7-submit {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 7px 15px;
		font-weight: bold;
		background-color: #C90302;
		font-size: 16px;
		border-radius: 5px;
	}
	
}

/* Mobile */

@media only screen and (max-width: 767px) {
	
	html {
		min-height: 100%;
		width: 100%;
	}
	
	body {
		background-size: 700px auto;
		padding: 0 0 200px;
		background-position: bottom -50px center;
	}
	
	h1 {
		font-size: 28px;
	}
	
	a.logo {
		display: none;
	}
	
	#bg {
		background: url('images/responsive/header.png') no-repeat;
		background-size: 100% auto;
		padding: 13% 0 0;
	}
	
	#container, .footer {
		width: 90%;
	}
	
	#container {
		padding: 2.5%;
		margin: 0 auto;
		border-radius: 5px;
	}
	
	.footer {
		text-align: center;
	}
	
	.left, .right {
		width: 100%;
		float: none;
		padding: 0;
	}
	
	.left h1 {
		margin-top: 0;
	}
	
	.left img {
		max-width: 100%;
		height: auto;
		padding: 0;
	}
	
	.sidebar {
		margin: 0;
		width: auto;
		float: none;
		border-radius: 5px;
	}
	
	.sidebar .box {
		margin: 0;
	}
	
	a.mobile_menu {
		background-color: #C90302;
		display: block;
		color: #FFFFFF;
		font-size: 20px;
		text-align: center;
		font-family: 'Open Sans Condensed', Helvetica, Arial, Sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		padding: 5px 0;
		text-decoration: none;
		width: 95%;
		margin: 5px auto 15px;
		border-radius: 5px;
	}
	
	#menu {
		background-color: #C90302;
		width: 90%;
		padding: 2.5%;
		margin: 0 auto 15px;
		border-radius: 5px;
		display: none;
	}
	
	#menu ul {
		margin: 0;
	}
	
	#menu ul li {
		display: block;
	}
	
	#menu ul li a {
		font-size: 20px;
	}
	
	#menu ul li:hover > ul {
		display: none;
	}
	
	#menu ul ul {
		position: static;
		float: none;
		width: 100%;
		text-align: center;
	}
	
	#menu ul ul a {
		width: auto;
	}
	
	.bookingBlock {
		overflow-x: scroll;
	}
	
	.bookingBlock table {
		table-layout: fixed;
		width: 100%;
	}
	
	.bookingBlock table tr td {
		display: block;
	}
	
	form h3 {
		margin: 0;
	}
	
	input.wpcf7-text, 
	input.wpcf7-captchar,
	.wpcf7-textarea {
		width: 100%;
		box-sizing: border-box;
		padding: 8px;
		border: 1px solid #DDDDDD;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
		margin: 5px 0 0;
	}
	
	input.wpcf7-submit {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 7px 15px;
		font-weight: bold;
		background-color: #C90302;
		font-size: 16px;
		border-radius: 5px;
	}
	
}

@media only screen and (max-width: 625px) {
	
	#bg {
		background-size: 700px auto;
		background-position: center top;
		padding: 18% 0 0;
	}
	
}

@media only screen and (max-width: 495px) {
	
	#bg {
		background-size: 800px auto;
		padding: 19% 0 0;
	}
	
}

@media only screen and (max-width: 460px) {
	
	#bg {
		padding: 21% 0 0;
	}
	
}

@media only screen and (max-width: 400px) {
	
	#bg {
		padding: 25% 0 0;
	}
	
}

@media only screen and (max-width: 370px) {
	
	#bg {
		padding: 30% 0 0;
	}
	
}