/* 1024px (tablets) */
@media screen and (max-width: 1024px){

	h2 {
		font-size: 3.8vw;
		text-align: center;
	}
	
	.container{
		padding: 0 12px;
	}
	
	#home {
		height: auto;
	}
	#home div.background {
		background-size: contain;
	}
	#home .h1 {
		margin: 30px auto 12px auto;
	}
	#home .h1 span {
		max-width: 95% !important;
		background-size: 100% auto !important;
	}
	#home .h1 a span.tagline {
		font-weight: 300;
		font-size: 20px;
		white-space: nowrap;
		color: #FFF;
		text-align: center;
		width: 100%;
		display: block;
		margin-top: 12px;
	}
	#home .search_dates, #home .search_location {
		float: none;
		display:block;
		margin: 6px auto;
	}
	#home .search_box h2 {
		padding: 8px 0;
		font-size: 6vw;
	}
	#home form#homepage_search {
		padding: 8px 16px;
	}
	#home form input, #home form select {
		margin-top: 2px;
		margin-bottom: 2px;
	}
	ul.user_nav {
		width: 100%;
		margin: 12px auto;
		text-align: center;
	}
	.banner_links div {
		display: block;
		margin: 4px auto;
		max-width: 100%;
	}
	.banner_links div img {
		max-width: 100%;
	}
	/*						HEADER */

	#header .h1, #header .h1 a, #home .h1, #home .h1 a  {
		display: block;
		height: auto;
		margin: 0 auto 12px auto;
		width: 430px;
	}
	#header .h1 a span.logo,#home .h1 a span.logo {
		height: 120px;
		padding-top: 120px;
		background-position: center bottom;
	}
	#header .container {
		padding: 0;
	}
	#searchbar {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
	}
	#searchbar input#query {
		width:55%;
	}
	#settings_container {
		top: 0px;
		width: 100%;
	}
	#settings_box {
		width: 90%;
		position: relative;
		float: none;
		margin: 0 auto;
	}
	
	#settings_box.heading_box form {
		margin: 0px;
	}
	.pac-container {
	  top: 210px !important;
	}
	/*.datepick-popup {
		top: 309px !important;
	}*/
	/*						MAIN */
	#main {
		padding-top: 254px;
	}
	#main .h1.topbar {
		line-height: 60px;
		font-size: 32px;
		display: block;
		width: 100%;
		margin-bottom: 6px;
	}
	.alert a.button.float_r {
		float:none;
	}
	#mypageNav {
		height: auto;
		text-align:center;
	}
	#mypageNav a.wowcher {
		position: relative; 
		right: auto; 
		top: auto;
		margin: 0 auto;
	}
	/*						RESULTS */
	#map_box {
		width: 100%;
		border: 0;
		padding: 0;
		float: none;
	}
	#map {
		border: 0;
		width: 100%;
		float: none;
		height: 400px;
	}
	#map_banners, #affiliate_banners {
		display:none;
	}
	#results {
		width: 100%;
		margin-top: 12px;
	}
	.search-check #header, .search-check #main {
		position: relative;
		padding-top: 0;
	}
	.space_left, .space_right {
		width: 96%;
		margin: 6px 2%;
		display: block;
	}
	
	/*						MY PAGE */
	.spaceInfo span:not(.gloss) {
		vertical-align: top;
		max-width: 27%;
	}
	.spaceInfo span span {
		max-width: 100%;
		vertical-align: middle;
	}
	.spaceLine {
		margin-bottom: 1em;
	}
}



/* 640px (smartphone) */
@media screen and (max-width: 640px){
	.clearboth{
		display:block;
		height: 1px;
		width: 100%;
		clear: both;
	}

	.block_1, .block_2, .block_3, .block_4 {
		display:block;
		width: auto;
		margin: 24px auto;
	}
	#header .h1, #header .h1 a, #home .h1, #home .h1 a {
		width: 320px;
	}
	#header .h1{
		width: 100%;
		padding-top: 60px
	}
	
	#header .float {
		z-index: 10;
	}
	.home .pac-container {
	  top: 247px !important;
	}
	.pac-container {
	  top: 120px !important;
	}
	/*.datepick-popup {
		top: 219px !important;
	}*/
	#home h1{
		font-size: 95%;
	}
	#home .h1 span.logo {
		width: 320px;
		margin: 36px auto 0 auto;
		max-width: 100% !important;
	}
	#footer div {
		display:inline-block;
		padding: 12px 2%;
	}
	.popular_locations div {
		padding: 24px 20%;
	}
	.popular_locations li a {
		padding: 6px 30px;
	}
	#header .h1 a span.logo, #home .h1 a span.logo {
		height: 50px;
		padding-top: 50px;
		max-width: 95%;
		background-size: contain !important;
	}
	#header .h1 a span.logo{
		height: 60px;
		padding-top: 60px;
		max-width: 95%;
	}
	#header .h1 a span.tagline, #home .h1 a span.tagline {
		display:none;
	} 
	ul.user_nav {
		margin-top: 8px;
	}
	#header .h1 a{
		width: 100%;
	}
	#header .h1 a, #home .h1 a {
		margin-bottom: 24px;
	}
	#main {
		padding-top: 165px;
	}
	.heading_box input#security_code {
		width: 20%;
		margin-left: 12%;
	}
	#settings_box {
		width: 95%;
	}
}



/* 550px (smaller smartphone) */
@media screen and (max-width: 550px){
	#searchbar input#query {
		width:40%;
	}
	#searchbar .button {
		width: auto;
		font-size: 0.9em;
		padding: 6px 3px;
	}
	input, select, textarea {
		width: 140px;	
		margin-right: 2px;
	}
	form#country_form label {
		display: none;
	}
	#searchbar #radius, #searchbar #search_button {
		width: 70px;
	}
	#searchbar .advice {
		margin-left: 0px;
		font-size: 6px;
	}
	p.info span  {
		width: auto;
	}
	p.info a.button, #bookdate a.button {
		font-size: 11px;
	}
	.space_menu {
		margin-left: 0px;
		text-align: center;
	}	
	.tab_button {
		width: 95%;
		margin: 0 auto;
	}
	table#times td {
		padding: 6px 3px;
	}
	.heading_box form .small_search label, .heading_box form .small_search input, .heading_box form .small_search select{
		font-size:10px;
		max-width: 100px;
	}
	.heading_box form .small_search input {
		width: 80px;
	}
}



/* home overrides 
.home .pac-container, .home .datepick-popup  {
	top: 328px !important;
}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 640px){
}*/