.booking .left{
float: left;
width: 48%;
margin-right: 2%;
}
.booking .right{
float: right;
width: 48%;
margin-left: 2%;
}
.booking .form-control {
font-size: 14px;
height: auto; 
padding: 10px;
border-radius:5px;
width: 100%;
display: block;
}
.booking textarea.form-control{
height: 64px;
}
.line2 ul li{
list-style: none;
}
.line2 .fl, .line2 .fr{
width: 48%;
margin-bottom: 10px;
}
.line2 .form-control{
min-width: auto;
width: 100%;
}
.line2 .form-control button{
font-size: 14px;
}
label.error{
padding-left: 0;
display: block;
}
label.checked{
display: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current{
background: #0f0f0f !important;
box-shadow: #666 0 1px 3px 0 inset !important;
}
.xdsoft_datetimepicker.xdsoft_inline{
width: 100%;
margin-bottom: 20px;
border-radius: 5px;
border-color: #ccc;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
width: 80% !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker{
float:right !important;
}
.xdsoft_datetimepicker .xdsoft_label{
z-index: 2 !important;
}        
@media only screen and (max-width: 1023px){
    .xdsoft_datetimepicker .xdsoft_datepicker{
    width: 70% !important;
    }
    /*.xdsoft_datetimepicker{
    padding: 0 !important;
    }
    .xdsoft_datetimepicker .xdsoft_datepicker{
    float: none !important;
    width: 90% !important;
    margin: 0 auto !important;
    }
    .xdsoft_datetimepicker .xdsoft_timepicker{
    float: none !important;
    margin: 0 auto !important;
    }*/
}
@media only screen and (max-width: 768px){
    .line2 .fl, .line2 .fr{
    width: 100%;
    }
}
@media only screen and (max-width: 480px){
    .booking .left, .booking .right{
    width: 100%;
    margin: 0%;
    }
}