.two-column div {
    width: 48%;
}


#der01 {
float: none;
width: calc(50% - 10px) !important;
margin: auto;
padding: 25px;
box-sizing: border-box;
background: white;
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.22);
margin-top:20px;
margin-bottom:20px;
}
textarea#comentarios {
width: 100%;
border: 2px solid #a22727;
outline: none;
}

#titulo_camino_inca {
color: #a22727;
}
span.select2-selection.select2-selection--single {
border: none;
border-bottom: 2px solid #900;
}
input#fecha_llegada {
width: 100%;
color: black;
border-bottom: 2px solid #900;
outline: none;
background: none;
font-size: 14px;
}
.label-date {
width: 48%;
}
span#select2-pais-container, span#select2-tour_nombre-container,span#select2-n_personas-container,span#select2-como_llego-container  {
font-size: 14px;
color: black;
}

input#nombres{
margin-right: 10px;
}
input#nombres, input#email_reserva, select#pais{
width: 100%;
color: black;
border-bottom: 2px solid #900;
outline: none;
background:none;
}
.two-column {
margin-bottom: 30px;
display: flex;
justify-content: space-between;
position: relative;
}
.contenido_botones {
width: 100%;
text-align: center;
}
form#formulario_reserva label {
color: #a22727;
}
.form01 {
padding: 12px 6px 0px 7px !important;
box-sizing: border-box;
}

span.select2.select2-container.select2-container--default {
outline: none;
}


input.form02 {
width: 30%;
background: #900;
border: none;
border-radius: 10px;
color: white;
padding: 5px 0px;
outline: none;
cursor:pointer;
transition: .5s ease all;
}

.two-column label {
position: absolute;
top: -13px;
font-size: 12px;
}
.select2-container--default .select2-selection--single {
background: none !important;
}

.two-column.alone span.select2.select2-container.select2-container--default{
width: 100% !important;
outline: none;
}
select#tour_nombre {
width: 48% !important;
}
input.form02:hover{
background: #710202;
}

.two-column.problem span.select2.select2-container.select2-container--default {
width: 100% !important;  
text-align: left;
}

.help{
position: relative; 
width:95%;  
text-align: right;
}

@media (max-width:600px){
    
    .two-column label {
position: relative;
top: 0px;

}

.label-date{
width:100%;
}
#der01 {
width: calc(90% - 10px) !important;
padding: 20px;
}

.two-column.problem div {
width: 100%;
}
.two-column {
display: block;
margin-bottom: 30px;
}
input#nombres, input#email_reserva {
width: 100%;
margin-bottom: 5px;
}

input#fecha_llegada {
width: 100%;
margin-bottom: 15px;
}

span.select2.select2-container.select2-container--default {
width: 100% !important;
}
span.select2.select2-container.select2-container--default {
margin-bottom: 25px !important;
}
input.form02 {
width: 45%;
padding: 5px 0px;
font-size: 14px;
}

.two-column.problem span.select2.select2-container.select2-container--default{
width:100% !important;    
}
.help{
width:100%;    
}

}



#izq01 {
float: none;
display:inline-block;
}

.two-column.alone div {
   width: 100%;
}

@media (max-width:600px){
   .two-column div {
       width: 100% !important;
   }
}

.display_flex {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.seccion_mapa iframe {
   width: 100% !important;
   height: 650px !important;
}
.seccion_mapa {
   width: 45%;
}
@media (min-width: 601px) and (max-width: 1000px) {
   .display_flex{
       display: block;
   }
   .seccion_mapa {
   width: 100%;
   height: 350px !important;
}
}
@media (max-width:600px){
   .display_flex{
       display: block;
   }
   
   .seccion_mapa {
   width: 100%;
   height: auto;
   margin:20px 0;
}

.seccion_mapa iframe {
   height: 350px !important;
}

}