@media screen and (max-width: 767px){
	.reserva input.with-gap {
		width: 30px;
	}

	.reserva input#factura_acepta_envio {
		width: 30px;
	}
}

@media (min-width: 1200px){
	form#reserva.reserva.paso2.edicion {
    	width: 1100px;
    	margin-right: auto;
    	margin-left: auto;
	}
}

@media (min-width: 768px){
	.reserva.edicion{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			'titulo titulo'
        	'llegada-salida llegada-salida'
			'datos datos'
			'booking booking';
		gap: 20px;
	}

	.reserva.paso2 #data {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-area: data;
	}

	.reserva.paso2 #viajero_equipaje{
		display: grid;
		grid-template-areas: 'data special_luggage';
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
	
	.reserva #resultado{
		display:grid;
		grid-template-areas: 'shuttle_block individual_block';
		grid-template-columns: 1fr 1fr;
    	gap: 20px;
	}
	
	.reserva #shuttle_exclusivo{
		/*display:grid;*/
		display:none;
		grid-template-areas: 'shuttle exclusive';
    	gap: 20px;
	}
	
	.reserva input.with-gap {
		width: 30px;
	}

	.reserva input#factura_acepta_envio {
		width: 30px;
	}
	
	.reserva.edicion #special_luggage_items > p{
		margin-top: 0px;
	}
	
	.reserva.edicion #special_luggage > h2{
		margin-bottom: 26px;
	}
}

.reserva input#modificar[type="submit"], .reserva input#confirmationForm[type="submit"] {
    width: 200px;
    text-align: center;
    margin: 0 auto;
    display: block;
    background-color: var(--naranja2);
	cursor: pointer;
}

.reserva input#modificar {
	width: 100%;
}

.reserva #data p {
    float: left;
    width: 100%;
    margin-right: 5%;
}

.reserva.edicion {
	position: relative;
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 75px auto;
}
		
.reserva.edicion div{
	margin: 0;
}

.reserva.edicion .edicion-llegada-salida{
	gap: 20px;
}

p{
	margin-bottom: 0px;
}

.reserva h2, .reserva h3{
	margin: 25px 0 0 0;
}

.quantity-button + input {
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	border-color: var(--naranja1);
	text-align: left;
	background-color: white;
}

.reserva.edicion #passangers {
	gap: 20px;
}

#from_to {
	width: calc(50% - 10px);
	color: #FFFFFF;
	font-family: Raleway;
	font-size: 18px;
	line-height: 26px;
}

.reserva h1{
	margin: 25px 2.5%;
}

.reserva.edicion #id_zona{
	width: 100%;
    height: 40px;
    margin-bottom: 10px;
    border-color: var(--naranja1);
    text-align: left;
    background-color: white;
}

#individual_block {
    padding: 0px;
    right: 0px;
    position: relative;
    top: 0px;
}

.disabled{
	display:none;
}
.enabled{
	display:block;
}
.reserva .total_payd{
	margin:40px 0;
}

.datos-reserva-content{
	margin:60px 40px;
	text-align: center;
}

.datos-reserva-content form{
	padding:60px 0;
}