@media screen and (max-width: 767px) {
	
	/*--------------------------------------------------------------------------------------------
	0. DEFAULT
	--------------------------------------------------------------------------------------------*/
	body{
		background-position: center -100px;
		background-attachment: scroll;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
		background-size: auto;
	}
	

	/*-------------------------------------------------------------------------------------------
	1. STRUCTURE - wrappers, containers
	-------------------------------------------------------------------------------------------*/
	
	.box12, .box13, .box23, .box34, .box14 { float: none; width: 100%; padding-right: 0; padding-bottom: 3%; }
	
	.box12-n, .box13-n, .box23-n, .box34-n, .box14-n { float: none; width: 100%; border: 0; padding-bottom: 5%;}


	.box-padding .box14 { float: left; width: 45%; padding-right: 5%; }
	
	.box-last { padding: 0; }
	
	.mobile-small-none { display: none; }
	
	.benefits-list li { display: block; padding-right: 0; padding-bottom: 4%;}

	.container { width: calc(100% - 50px); padding: 0px 25px;}

	#wrapper-footer { text-align: center;}

	label { font-size: 0.9em; display: block;}
	label.float { float: none; display: block; width: auto; text-align: center; padding: 0;  }
	p.button-align { padding-left: 0px;}
	

	
	
	
	/*-------------------------------------------------------------------------------------------
	3. MAIN
	-------------------------------------------------------------------------------------------*/
	#wrapper-location { padding: 5px 0; }
	#wrapper-location p { padding-left: 5px; }
	
	.box-image { float: none; width: 100%; }
	.box-text { float: none; width: 100%; }
	
	.box-background-repeat { background-image: none; }
	
	.bxslider li a h4 { padding: 0 5px; }
	.bxslider li a p { display: none; }
	
	.bx-wrapper .bx-prev { display: none; }
	.bx-wrapper .bx-next { display: none; }
	
	.bxsliderbig { height: auto; }
	.bxsliderbig li { height: auto; }
	.bxsliderbig li a { top: 20px; left: 20px; width: 50%; }
	
	
	/*-------------------------------------------------------------------------------------------
	4. FOOTER
	-------------------------------------------------------------------------------------------*/
	#wrapper-footer { padding-bottom: 0; }
	#wrapper-footer .box13 { float: left; width: 32.71489362%; padding-right: 0.92765957%; }
	#wrapper-footer .box-last { padding: 0; }
	
	.activity-footer, .search-footer { padding: 50px 0; }
	.location-footer-small, .activity-footer-small, .search-footer-small { padding: 30px 0;}
	.location-footer-small h3, .activity-footer-small h3, .search-footer-small h3 { float: none; width: auto; padding-top: 0; text-align: center; }
	.location-footer-small img, .activity-footer-small img, .search-footer-small img { display: block; float: none; vertical-align: middle; padding: 0; text-align: center; margin: 0 auto; }
	.location-footer-small p, .activity-footer-small p, .search-footer-small p { display: block; float: none; text-align: center; padding-bottom: 0; }
	
	.banners { letter-spacing: 2em; }
	
	#box-mobile{
		position: static;
	}
	
}

@media screen and (max-width: 600px){
	
	.search-detail { width: 100%; margin: 0; overflow: hidden; }
	
	.bxslider li a { padding: 10px 0; }
	.bxslider li a span { font-size: 0.8em; }
	.bxslider li a h4 { top: 10%; font-size: 1.5em; }
	.bxslider li a h3 { font-size: 1.5em; padding-top: 20px; }
	.bxslider li a p { text-align: center; color: #fff !important; font-size: 1.6em; letter-spacing: -1px;}
	
	.bxsliderbig li a { width: 80%; }
}




@media screen and (max-width: 555px){
	
	#navig { clear: both; padding-top: 0; }
	
	.bxsliderbig li a p { display: none; }
	
	.banner-eu img { width: 100%; height: auto; }

}




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

	#search { float: left; }
	#location { display: none; }

	.box-padding .box14 { float: none; width: 100%; padding-right: 0; }
	
	.item-image, .item-text { float: none; width: 100%; padding: 0;}
	
	.mobile-smaller-none { display: none; }
	
}