/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 1370px) and (max-width: 1690px) {
	.header_dx {
		float:right;
		margin-top:0px;
	}

	.logo-flags {
		background-color: rgb(0, 102, 51);
		padding: 0px 5px 10px;
		position: absolute;
		width: auto;
		max-width: 150px;
		height: auto;
		margin: 0px 0px 0px 70px;
	}

	.navbar .nav {
		position: relative;
		left: 200px;
		display: block;
		float: left;
		margin: 0px 10px 0px 0px;
	}
			
	.navbar .nav > li > a {
		font-size: 11px;
		padding: 10px 5px 5px 5px;
	}
		
	.navbar-brand  img {
		height: auto;
		max-width: 150px;
		vertical-align: middle;
		border: 0px none;
	}

	#flags {
		float: left;
		text-align: center;
		margin: 0px 0px 0px 0px;
		padding: 5px;
		}

	.book_box {
		float:right;
		margin: 5px 10px 10px 0px ;
		}
		
	.book_box img {
		float: left;
		padding: 0px 2px 2px 2px;
		margin: margin: 6px 0px 0px;
	}

	.book_box p{
		font-size:10px;
		padding: 0px;
		margin: 0px;
	}
		
	.email {
		float: right;
		margin: 0px 10px 0px 0px ;
	}

	.social {
		float: right;
		margin: 0px ;
	}
		
	a#facebook {
		margin: 20px 0px 0px;
	}
		
	a#twitter {
		margin: 20px 0px 0px;
	}
		
	a#google {
		margin: 20px 0px 0px;
	}

	a#skype {
		margin: 20px 0px 0px;
	}
		
	.label {
		padding: 6px 0px;
		font-size: 11px;    
	}

	.logo_sx {
		position: relative;
		margin-right: 0px;
		float: left;
		padding: 5px;
		}

	.logo_sx img {
		max-width: 70%;
	}

	.featurette-heading {
		padding: 10px 0px 10px 20px;
		line-height: 20px;
	}

	a, .nav-collapse .dropdown-menu a {
		font-size:10px;
		text-transform:uppercase;
		font-weight: normal;
	}
}

@media (min-width: 1184px) and (max-width: 1369px) {
	.logo-flags {
		background-color: rgb(0, 102, 51);
		padding: 0px 5px 10px;
		position: absolute;
		width: auto;
		max-width: 150px;
		height: auto;
		margin: 0px 0px 0px 70px;
	}

	#flags {
		float: left;
		text-align: center;
		margin: 0px 0px 0px 0px;
		padding: 5px;
		}
		
	.header_dx {
		float:right;
		margin-top:30px;
		}
		
	.logo_sx {
		position: relative;
		margin-right: 0px;
		float: left;
		padding: 5px;
	}

	.logo_sx img {
		max-width: 70%;
	}

	.book_box {
		float:right;
		margin: 5px 10px 10px 0px ;
		}
		
	.book_box img {
		float: left;
		padding: 0px 2px 2px 2px;
		margin: margin: 6px 0px 0px;
	}

	.book_box p{
		font-size:10px;
		padding: 0px;
		margin: 0px;
	}
		
	.email {
		float: right;
		margin: 0px 10px 0px 0px ;
	}

	.social {
		float: right;
		margin: 0px ;
	}

	.label {
		padding: 6px 0px;
		font-size: 11px;    
	}

	.navbar .nav {
		position: relative;
		left: 200px;
		display: block;
		float: left;
		margin: 0px 10px 0px 0px;
	}
			
	.navbar .nav > li > a {
		font-size: 11px;
		padding: 10px 5px 5px 5px;
	}
		
	.navbar-brand  img {
		height: auto;
		max-width: 150px;
		vertical-align: middle;
		border: 0px none;
	}
	
}

@media (min-width: 1001px) and (max-width: 1183px) {
	.logo-flags {
		background-color: rgb(0, 102, 51);
		padding: 0px 5px 10px;
		position: absolute;
		width: auto;
		max-width: 150px;
		height: auto;
		margin: 0px 0px 0px 70px;
	}

	.navbar .nav {
		position: relative;
		left: 200px;
		display: block;
		float: left;
		margin: 0px 10px 0px 0px;
	}
			
	.navbar .nav > li > a {
		font-size: 11px;
		padding: 10px 5px 5px 5px;
	}
		
	.navbar-brand  img {
		height: auto;
		max-width: 150px;
		vertical-align: middle;
		border: 0px none;
	}

	#flags {
		float: left;
		text-align: center;
		margin: 0px 0px 0px 0px;
		padding: 5px;
		}

	.header_dx {
		float:right;
		margin-top:0px;
	}

	.logo_sx {
		position: relative;
		margin-right: 0px;
		float: left;
		padding: 5px;
	}

	.logo_sx img {
		max-width: 70%;
	}

	.book_box {
		float:right;
		margin: 5px 10px 10px 0px ;
		}
		
	.book_box img {
		float: left;
		padding: 0px 2px 2px 2px;
		margin: margin: 6px 0px 0px;
	}

	.book_box p{
		font-size:10px;
		padding: 0px;
		margin: 0px;
	}
		
	.email {
		float: right;
		margin: 0px 10px 0px 0px ;
	}

	.social {
		float: right;
		margin: 0px ;
	}
		
	a#facebook {
		margin: 20px 0px 0px;
	}
		
	a#twitter {
		margin: 20px 0px 0px;
	}
		
	a#google {
		margin: 20px 0px 0px;
	}

	a#skype {
		margin: 20px 0px 0px;
	}
		
	.label {
		padding: 6px 0px;
		font-size: 11px;    
	}
		
	#map_canvas {
		bottom: 0;
		height: auto;
		left: 0;
		position: fixed !important;
		right: 0px;
		top: 40px;
		z-index: 0 !important;
	}

	.featurette-heading {
		padding: 10px 0px 10px 20px;
		line-height: 20px;
	}

	a, .nav-collapse .dropdown-menu a {
		font-size:10px;
		text-transform:uppercase;
		font-weight: normal;
	}

}

@media (max-width: 1000px) {
	.header_dx {
		float: none;
	}

	.social {
		position: relative;
		width: 115px;
		max-width: 100%;
		float: left;
		padding: 10px;
		margin: 0px 0 0;
		height: 24px;
	}

	.email {
	   display:none;
	}

	.navbar .nav {
		position: relative;
		left: 0px;
		display: block;
		float: none;
		margin-top: 30px;
		text-align: center;
	}  
			
	.nav-collapse, .nav-collapse.collapse {
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.logo_sx {
		position: relative;
		margin-right: 0px;
		float: left;
		padding: 5px;
	}

	.logo_sx img {
		max-width: 70%;
	}
		
	.book_box {
		float:right;
		margin: 0px 10px 10px 0px ;
	}
		
	.testi_pagina {
		margin-top: 0px;
		position: relative;
		padding: 10px 20px 60px;
	}

	.logo-flags {
		position: relative;
		width: 200px;
		height: 60px;
		margin: auto;
		background-color: transparent;
		padding: 0px;
	}

	#footer {
		display:none;
	}
}

@media (max-width: 800px) {
	#doveSiamoMobile {
	   display:block;
	}
		
	.header_dx {
		float: none;
	}
	
	.nav-collapse.collapse {
		overflow-y: scroll;
	}

	.logo_sx {
		position: relative;
		margin-right: 0px;
		float: left;
		padding: 5px;
	}

	.logo_sx img {
		max-width: 70%;
	}
		
	.contenitore_generale_destra {
		position: absolute;
		height: auto;
		width: 100%;
		background-color: #000;
	}

	.contenuti_pagina {
		margin-top: 150px;
		position: relative;
		float: none;
		display:block;
		height: auto;
		width: 100%;
	}
	   
	.testi_pagina {
		padding:20px;
		 margin-bottom: 20px;
	}

	.contenuti_pagina img {
	   display:none;
	}
	   
	.immagini {
		display: block;
		margin-top: 0px;
	}	

	.gallery_alt {
		display: block;
		margin-top: 120px;
	}

	.navbar {
		position: absolute;
		width: 100%;
		z-index:99999;
		height: auto;
		margin: 0px;
		border: none;
		background-color:rgb(36,36,36);
	}
		
	.voce_resp{
	   display:none;
	}
		
	#submit-comment {
	   display:none;
	}
		
	.book_box p {
		padding: 5px;
	}
		
	#map_canvas {
	  display:none;
	}
		
	#camera_wrap_4 {
		display:none !important;
	}
			
	a#facebook {
		margin:0px;
	}
		
	.social {
		position: relative;
		width: 115px;
		max-width: 100%;
		float: left;
		padding: 0px;
		margin: 10px;
		height: 24px;
	}
	   
	.email {
	   display:none;
	} 

	.book_box {
		margin: 5px 5px 5px 0px;
		float: right;
		padding: 0px;
		text-transform: uppercase;
		background-color: rgb(204, 0, 0);
		border-radius: 4px;
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
		position: relative;
	}

	.book_box img {
		padding: 2px;
	}

	.logo-flags {
		position:relative;
		width:200px;
		height:60px;
		margin:auto;
		background-color: transparent;
		padding:0px;
	}

	.navbar .nav {
		position: relative;
		left: 0px;
		display: block;
		float: none;
		margin: 10px 0 0;
		text-align: center;
	}  
			
	.nav-collapse, .nav-collapse.collapse {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.cubic_alt {
		bottom: 0px;
		right: 0px;
		position: relative;
		float: none;
		margin: 5px auto;
		display:block;
		z-index:99999999;
	}

	#credits {
		position: relative;
		font-size: 9px;
		padding: 10px;
		display: block;
		margin: 0px 0px 0px 20px;
		height: auto;
	}

	#cubic {
		position: relative;
		padding: 5px;
		float: none;
		margin: 10px 340px;
		width: 80px;
	}

	#credits p{
		margin-top:0px;
		color:#FFFFFF;
		font-size:10px;
	}

	#footer {
	   display:none;
	}
		
	form div#privacy p {
		padding-left: 10px;
	}

	#doveSiamoMobile {
		padding:10px;
		display: block;
		text-align: center;
		background: none repeat scroll 0% 0% rgb(238, 238, 238);
	}

	#doveSiamoMobile img{
		padding:10px;
	}
		
	.launchBooking {
		/* display:none; */
	}
	.launchBookingA {
		/* display: block; */
	}
	  
	.navbar .btn-navbar {
		margin-right: 10px;
	}

	#control {
		display:none;
	}

	.tour {
		padding: 10px 0px 10px 0px;
	}
}

@media (max-width: 600px) {
	.tel_responsive {
	   display:block;
	   background-color:rgb(0, 102, 51);
	}

	.contenuti_pagina {
		margin-top: 140px;      
	}

	.logo_sx {
		position: relative;
		margin-right: 0px;
		float: left;
		padding: 5px;
	}

	.logo_sx img {
		max-width: 70%;
	}
		
	.book_box {
		margin: 0px 10px 10px 0px;
	}
		   
	.social {
		margin: 0px 10px;
	}
		
	#doveSiamoMobile {
		padding:10px;
		display: block;
		text-align: center;
		background: none repeat scroll 0% 0% rgb(238, 238, 238);
	}

	#doveSiamoMobile img{
		padding:10px;
	}

	#credits p {
		margin: 0px;
		color:#EDEBEB;
	}

	#credits {
	   padding:5px;
	}

	#cubic {
		float: right;
		margin: 10px;
		padding: 0px;
	}
}

@media (max-width: 480px) {
	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
		color: rgb(204, 204, 204);
		font-size: 14px;
	}

	.navbar .nav > li > a {
		font-size: 11px;
		padding: 5px;
	}

	.contenuti_pagina {
	   margin-top: 125px;
	}

	.logo_sx {
		position: relative;
		margin-right: 0px;
		float: left;
		padding: 5px;
	}

	.logo_sx img {
		max-width: 70%;
	}

	form label {
		float: left;
		width: 20%;
		margin: 0px 10px 0px 0px;
	}

	input[type="submit"], button {
		margin: 0px 10px 10px 0px;
	}

	form div#privacy {
		margin-left: 0%;
	}

	form div#privacy p {
		padding-left: 0px;
		width: 100%;
	}

	.book_box p {
		font-size: 10px;
		padding: 0px;
		margin: 4px 2px 2px 3px;
	}

	#credits {
		position: relative;
		font-size: 9px;
		padding: 10px;
		display: block;
		margin: 0px;
		height: auto;
	}

	#doveSiamoMobile {
		padding:10px;
		display: block;
		text-align: center;
		background: none repeat scroll 0% 0% rgb(238, 238, 238);
	}

	.adp, .adp table, .adp-list {
		font-size:10px;
	}
		
	.social {
		margin: 0px 5px;
	}
		
	#flags {
		float: left;
		text-align: center;
		margin: 2px 0 5px 0px;
		padding: 0px;
	}
		
	.logo-flags {
		width: 140px;
		height: 50px;
	}

	.book_box {
		margin: 0px 5px 10px 0px;
	}
}
	
@media (max-width: 400px) {
	#flags {
		float: left;
		text-align: center;
		margin: 2px 0 5px 0px;
		padding: 0px;
	}

	.contenuti_pagina {
		position: relative;
		margin-top: 126px;
		height: auto;
		overflow: hidden;
		min-width: 100%;
	}

	.featurette-heading {
		font-weight: 400;
		font-size: 14px;
	}

	#cubic {
		padding: 5px;
		float: none;
		margin: 10px 100px;
	}

	.logo_sx {
		position: relative;
		margin-right: 0px;
		float: left;
		padding: 5px;
	}

	.logo_sx img {
		max-width: 70%;
	}
}

@media (max-width: 300px) {
	.contenuti_pagina {
		margin-top: 150px;
	}
}