#booking-form{
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
top: 11px;
}

.booking-form-position{
margin-top:-94px;
}

.booking-form-outer input{
width:200px !important;
color:#2d2d2d !important;
}

.booking-form-outer input[type="submit"]{
color:#ffffff !important;
}

.booking-form-outer select{
width:113px !important;
-webkit-appearance:none !important;
color:#2d2d2d !important;
background-image:url(/wp-content/uploads/2018/03/DD2.png);
background-repeat: no-repeat;
background-position: right;
background-size:20px;
-moz-appearance:none;
}

.booking-form-outer select:focus, .booking-form-outer input[type="text"]:focus{
/*background-color:transparent !important;*/
}

.booking-form-outer select::-ms-expand {
display: none;
}

.booking-form-outer input, .booking-form-outer select, .booking-form-outer input[type="text"]{
background-color: #fff !important;
height: 40px;
border: solid 1px #dbd8d8 !important;
cursor: pointer;
border-radius: 4px;
}

.booking-form-outer input[type="submit"]{
background-color:#6e2078 !important;
border-radius:4px !important;
border: solid 1px #6e2078 !important;
}

.date-selection, .input-selection{
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
opacity:0.8;
}

.margin-val{
margin-right:10px !important;
}

.booking-form-outer .submit-btn{
padding:10px !important;
height:40px !important;
margin-right:0px !important;
margin-top: 0px;
margin-bottom: 0px !important;
}

.booking-form-outer{
text-align:center;
}

#dateto, #datefrom{
background-image:url(/wp-content/uploads/2018/03/hb-calendar-icon.png);
background-repeat: no-repeat;
background-position: right;
background-size:28px;
}

#dateto::-webkit-input-placeholder, #datefrom::-webkit-input-placeholder{
color:#2d2d2d;
}

#dateto::-moz-placeholder, #datefrom::-moz-placeholder{
color:#2d2d2d;
}

#dateto:-ms-input-placeholder, #datefrom:-ms-input-placeholder{
color:#2d2d2d;
}

#dateto:-moz-placeholder, #datefrom:-moz-placeholder{
color:#2d2d2d;
}

@media screen and (max-width:1280px){
.booking-form-outer select{
width:90px !important;	
}
}

@media screen and (max-width:1240px){
.booking-form-outer select{
width:80px !important;	
}
}

@media screen and (min-width:768px) and (max-width:1024px){
.booking-form-position{
margin-top:-58px;
}

.booking-form-outer select{
width:90px !important;
background-position: 73px center;  
}

.booking-form-outer #promo{
width:90px !important;
}
}

@media screen and (max-width:800px){
.booking-form-outer input{
width:150px !important;
}

.margin-val{
margin-right:5px !important;
}
}

@media screen and (max-width:750px){
#booking-form {
display: block;
}

.booking-form-outer input{
width:100% !important;
}

.booking-form-outer select{
width:100% !important;
background-position-x: 98%;
}

.margin-val{
margin-right:5px !important;
}

.mobile-last-element{
margin-right:0px !important;
}

.booking-form-position{
padding-top:20px;
}

.promo-code{
width:280px;
margin:0px auto;
}

#promo{
width:100% !important;
}

.date-selection, .input-selection{
display: block !important;
}
}

@media screen and (min-width:1024px){
.booking-form-outer #promo{
width:113px !important;
}
}