/*============================================================================================*/
/* Repsonsive  */
/*============================================================================================*/

/* Booking: il paragrafo vuoto dei vecchi pulsanti in alto dello step pagamento non deve aggiungere spazio,
   cosi' il contenuto dello step parte allineato al riepilogo come negli step precedenti */
#step3commandsUP:empty{
	margin:0;
}

@media (min-width: 992px) and (max-width: 1200px) {
	#sub_content h1{font-size:50px;}
}
@media (min-width: 1200px){
	.box_feat {
		min-height: 258px;
	}
}
@media (max-width: 1024px){
	.promo_full {
		background-attachment:scroll;
	}
	.img_full {
		background-attachment:scroll;
	}
}

@media (min-width: 768px) {
	
	#titolo_dati_soggiorno{
		display:none;
	}
	
	/* Booking su desktop: le date dello step "Dati Soggiorno" partono alla stessa distanza dalla barra degli step
	   degli altri step (il margine in linea di 20px serve solo su mobile, sotto il titolo dello step) */
	#input_form_step_01 > legend + .row{
		margin-top:0 !important;
	}
	
	#titolo_dati_anagrafici{
		display:none;
	}
	
	#titolo_riepilogo_richiesta{
		display:none;
	}
	
	#titolo_sistemazioni{
		display:none;
	}
	
	#titolo_pagamento{
		display:none;
	}
	
	#titolo_riepilogo{
		display:none;
	}
	
	#input_messaggio_covid19_home{
		margin-right:15px;
	}
	
	.offerta{
		display:block;
	}
	
	.offerta_mobile{
		display:none;
	}
	
	.slide_typo span{
		font-size: 26px !important;
		padding: 5px 9px !important;
	}
}

@media (min-width: 768px) and (max-width: 1200px) {
	#group_3{
		display:block;
	}
	.box_feat {
		min-height: 300px;
		padding: 30px 10px 20px 10px;
	}
}

@media (min-width: 992px) {
	#posizione-sotto{
		display:none;
	}

	#posizione-destra{
		display:inline-block;
	}
	
	#testo_slider_bottom{
		font-size: 25px !important;
	}
	
	.relative{
		position:relative;
	}

	.center_vertically{
	   position: absolute;
	   top: 50%;
	   transform: translate(0, -50%);
	   max-width:95%!important;
	   
	}
}

@media (max-width: 991px) {
	ul#lang_top{ margin-right:45px;}
	#sub_content{padding:0 60px;}
	#sub_content h1{font-size:42px;}
	#single_room_feat ul{margin-bottom:10px;}
	.room_pic span, .room_pic.left span{
	position:absolute;
	bottom:0;
	left:0;
	}
	.grid ul li{width:50%;}
	
	hr.more_margin {
		margin:25px 0 30px 0;
	}
	
	.room_list_desc h3{
		/*margin-top:30px;*/
	}
	
	.form-richiesta-prenotazioni{
		margin-bottom:30px;
	}
	
	#posizione-sotto{
		display:inline-block;
	}
	
	#posizione-destra{
		display:none;
	}
	
	.radio-tratt{
		margin-top:20px;
	}
	
	.prezzo-tratt{
		margin-top:20px;
	}
	
	.camera_container{
		margin-bottom:30px;
	}
	
	.camera_trattamenti{
		/*padding-top:20px;*/
	}
	.tooltip-booking {
	width: 250px;
	margin: 0 0 20px -125px;
	
	
}
}
/* Tablet*/
@media (max-width: 768px) {
	 #sub_content h1{ font-size:42px;}
	 #single_room_feat ul li i{font-size:28px;}
	.room_desc_home.left h3{
		margin-top:0;
		padding-top:0;
	}
	.room_desc_home.left {
		padding-bottom:60px;
	}
	.mosaic_container .caption_2{font-size:16px;}
	
	.mosaic-home{
		padding-left:0px;
		padding-right:0px;
	}
	
	#hero_video {background: #333 url(../img/sub_header_home.jpg); background-size:cover; background-position: center center;}	
	
	#newsletter{
		margin-top:15px;
	}
	
	.instagram-id{
		margin-top:15px;
	}	

}	

/* Mobile Landscape */
@media (max-width: 767px) {
	
	.main-menu > ul > li > a {font-size:17px;}
	
	.show_normal > li > a {font-size:15px;}
	
	h1.main_title,h2.main_title {font-size:32px;}
	h1.main_title span, h2.main_title span {font-size:18px;}
	h2.sub_title {font-size:18px;}
	
	h3.caption_header{letter-spacing:0; font-size: 28px; margin-bottom:15px; padding:10px 20px;}
	
	h3.main_title {font-size:26px; margin-bottom:30px}
	h3.main_title span {font-size:16px;}
	p.lead.styled { font-size:16px;}	
	.promo_full_wp div h3{font-size:28px;}
	.promo_full_wp div h3 span{font-size:16px;}
	
	.img_full_wp div h3{font-size:28px;}
	.img_full_wp div h3 span{font-size:16px;}
	
	#hero_video > div{padding:60px 20px 0 20px;}
	
	#hero_video #sub_content .mobile_fix {background-color:rgba(0, 0, 0, 0.8);display:inline-block; padding:15px 20px; font-size:14px; }
	#hero_video #sub_content .mobile_fix h1{margin:0; font-size:28px;}
	
	.about .img-responsive.styled {margin-bottom:20px;width:100%}
	
	#container_1, #container_2, #container_5, #container_6{width:100%;}	
	#container_7, #container_8{width:50%;}
	#container_3, #container_4{width:50%;}
	
	/* Parallax bg */
	.parallax-window#short, .parallax-window{height: 240px;min-height:240px;}
	.parallax-content {font-size:12px !important;}
	.parallax-content h3{font-size:30px !important;}
	.parallax-window#home {height: 240px;min-height:240px;}
	#home #subheader{height: 240px;}
	#sub_content{padding:0 10px;}
	
	#home #subheader #sub_content p {display:none}
	.parallax-window#short #subheader h1{font-size:24px;}
	
	.parallax-window#home #subheader_home{height: 240px;min-height:240px; line-height:1.1; padding:40px 15px 0 15px;}
	.parallax-window#home #subheader_home #sub_content p {font-size:16px;}
	
	 .parallax-window#booking {min-height: 580px;}
	 
	 #booking #sub_content{padding:30px 20px 0 20px;}
	#container_3, #container_4{width:47%;}
	#group_1, #group_2, #group_3{display:block;}

	/* Margin tools */
	.margin_60 {padding-top:30px; padding-bottom:30px;}
	.margin_30 {margin-top:15px; margin-bottom:15px;}
	.margin_40 {margin-top:20px; margin-bottom:20px;}
	.margin_40_35{padding-top:30px; padding-bottom:0;}
	.margin_60_35{padding-top:30px; padding-bottom:0;}
	.add_bottom_60 {margin-bottom:30px;}
	
	.room_desc_home.left {
		padding-bottom:30px;
	}
	
	#logo img{height:35px;}

	#single_room_feat ul{
		display:block;
		margin-bottom:10px;
	}
	#single_room_feat ul li{
		display: inline-block;
		width:auto;
		font-size:11px;
	}	
	#map {
		width:100%;
		height:300px;
	}
	.promo_full_wp,  .promo_full_wp > div{
		display: block;
	}
	.img_full_wp,  .img_full_wp > div{
		display: block;
	}
	.box_overlay{
		padding:25px;
		text-align:center;
	}
	.pic{
		position:static;
		margin-bottom:25px;
		width:100%;
		display:block;
	}
	.pic h4{
		position:static;
	}
	.pic figure{
		margin:auto;
	}
	.comment{
		border-left:none;
		padding-left:0;
		padding-top:50px;
	}
	ul#policies{
		margin:20px 0 30px 0;
	}
	
	.room_list_desc h3{
		/*margin-top:30px;*/
	}
	
	#titolo_div_riepilogo{
		display: none;
	}
	
	#div_riepilogo_arrivo{
		padding: 12px 12px 12px 20px!important;
	}
	
	#titolo_riepilogo{
		display: block;
		padding-left:15px;
		background-color: #9a8779;
	}
	
	#titolo_riepilogo_richiesta{
		display: block;
		padding-left:15px;
		background-color: #9a8779;
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		text-color:#ffffff;
	}
	
	#titolo_sistemazioni{
		display:block;
		padding-left:15px;
		background-color: #9a8779;
		
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		
		margin-bottom:30px!important;
	}
	
	#titolo_dati_soggiorno{
		display: block;
		padding-left:15px;
		background-color: #9a8779;
		
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		
		margin-bottom:30px!important;
	}
	
	#titolo_dati_anagrafici{
		display:block;
		padding-left:15px;
		background-color: #9a8779;
		
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		
		margin-bottom:30px!important;
	}
	
	#titolo_pagamento{
		display:block;
		padding-left:15px;
		background-color: #9a8779;
		
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
	
		margin-bottom:30px!important;
	}
	
	.margin_40{
		padding-top: 30px;
	}
	
	.margin_mobile_60{
		padding-top:40px!important;
		margin-top:40px!important;
		margin-bottom:20px!important;
	}
	
	.offerta{
		display:none;
	}
	.offerta_mobile{
		display:block;
	}
	
	.box_feat {
		padding: 15px 8px;
	  }
	
	  .box_feat i {
		font-size: 26px !important;
	  }
	
	  .box_feat h4 {
		font-size: 14px !important;
		text-align: center;
	  }
	  
	  .box_feat {
		  text-align: center;
		}
}

/* Mobile Landscape */
@media (max-width: 480px) {
	
	h3.caption_header{letter-spacing:0; font-size: 20px; margin-bottom:10px; padding:8px 15px;}
	a.btn_slider{ font-size:13px;}
	
	#single_room_feat ul li i{font-size:21px;}
	.grid ul li{width:100%;min-height:100%;float:none;}
	
	#hero_video > div{padding:60px 20px 0 20px;}
	#hero_video #sub_content .mobile_fix {display:none}
	h1.main_title,h2.main_title {font-size:28px;}
	h1.main_title span, h2.main_title span {font-size:18px;}
	h2.sub_title {font-size:18px;}
	
	p.lead.styled { font-size:16px;}
	
	#book_container{
		background-color: rgba(0, 0, 0, 0.8);
	}
	
	#booking_home{
		margin-top: 0;
	}
	
	#booking_content{
		padding: 0;
	}
	
	#container_3, #container_4{width:100%;padding-top:10px;}
	
	.slide_typo{
		font-size: 19px !important;
		padding: 5px 9px !important;
	}
	
	.slide_typo span{
		font-size: 16px !important;
		padding: 5px 9px !important;
	}
	
	#testo_slider_bottom{
		/*display:none;*/
		top:58%!important;
		font-size: 18px !important;
	}
	
	.img_full{
		margin-top:20px;
	}
	
	.covid_info{
		font-size:20px;
		font-weight:500;
		text-shadow: 2px 2px 4px #000000;
	}
	
}

@media (min-width: 481px) and (max-width: 767px) {
	#container_1, #container_2{width:100%;}
	#container_3, #container_4{width:100%;padding-top:10px;}
	
	#book_container{
		width:100%;
		background-color: rgba(0, 0, 0, 0.8);
	}
	
	#booking_home{
		margin-top: 0px;
	}
	#booking_content{
		padding:0;
	}
	
	.slide_typo{
		font-size: 30px !important;
	}
	
	#testo_slider_bottom{
		font-size: 17px !important;
	}
}

@media (min-width: 768px) and (max-width: 954px) {
	#container_1, #container_2{width:40%;}
	#container_3, #container_4{width:18%;}
	
	#book_container{
		width:100%;
		background-color: rgba(0, 0, 0, 0.8);
	}
	
	#group_1{
		width:100%;
	}
	
	#booking_home{
		margin-top: -26px;
	}
	#booking_content{
		padding:0;
	}
}

@media (min-width: 955px) and (max-width: 1265px) {
	#container_1, #container_2{width:36%;}
	#container_3{width:25%;}
}

@media (max-width: 767px) {
	
	/* Selettore di Attributo: Seleziona ogni elemento la cui ID inizia con il prefisso specificato */
	[id^="div_dati_sistemazione_sidebar_foto_camera_"] {
		display: none; /* Nasconde l'elemento */
	}
	
	header .row>* {
	   width:auto!important;	
	}
}






@media (max-width: 767px) {
	/* Nasconde i pulsanti originali nel wizard senza "ucciderli" per il JS */
	#wizard_main .btn_next, 
	#wizard_main .btn_prev, 
	#wizard_main .btn_finish {
		position: absolute !important;
		left: -9999px !important;
		opacity: 0 !important;
	}

	#booking-mobile-footer {
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 9999999 !important;
		background: #fff !important;
		padding: 10px 0;
		display: block !important;
		box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
		
		overflow: hidden !important; 
		box-sizing: border-box !important;
	}
	
	#booking-mobile-footer .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	body {
		overflow-x: hidden !important;
		padding-bottom: 100px !important; /* Spazio per la barra */
	}
	
	.h5_titolo_popup{
		padding-top:15px;
	}
}