/* -------------------- booking-form -------------------- */
#mobile-wrapper { display: none; position: fixed; z-index: 1003; right: 920px; top: 0px; padding: 40px 50px 40px 40px; background-color: #000; height: 100%; }
#mobile-wrapper #close-btn { position: absolute; top: 30px; right: 30px; cursor: pointer; }
#mobile-wrapper #close-btn > img { display: block; }
#mobile-wrapper #mobile-form { width: 370px; }
#mobile-wrapper.fullwidth #mobile-form { margin: auto; }
#mobile-wrapper #mobile-form .booking-body { padding: 30px 20px; }
#mobile-wrapper #mobile-form .fields { margin: 30px 0px; }
#mobile-wrapper #mobile-form .fields span.header { display: block; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; letter-spacing:1px; margin-bottom: 5px; }
#mobile-wrapper #mobile-form .fields .promo span.header { font-size: 14px; }

#mobile-wrapper #mobile-form a#apply { color: #fff; margin-left: 20px; text-decoration: none; margin-top: 2px;}
#mobile-wrapper h1 { text-align: left; color: #959477; font-size: 24px; }
#mobile-wrapper .booking-btn a { display: block; background-color: #fff !important; color: #959477; padding: 15px 10px; font-size: 15px; text-decoration: none; text-align: center; letter-spacing: 1px; }

#mobile-wrapper .head1 {
    text-align: left;
    color: #959477;
    font-size: 24px;
}

#mobile-wrapper tr { cursor:pointer; }
#mobile-wrapper table img { padding: 10px; }

#mobile-wrapper ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#mobile-wrapper ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#mobile-wrapper :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#mobile-wrapper :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

@media only screen and (max-width: 980px) {
	#mobile-wrapper { padding: 30px 5%; width: 90% !important; } 
	#mobile-wrapper #mobile-form { margin: auto; width: auto !important; width: initial !important; }
	#mobile-wrapper #mobile-form .booking-body { padding: 30px 0px; }
	#mobile-wrapper #mobile-form .fields > div { width: auto; width: initial; }

	#mobile-wrapper #mobile-form a#apply { padding: 15px 5%; width: 13.5%; margin-left: 0px; }
	#mobile-wrapper .booking-btn { clear: both; }
	
}

@media only screen and (max-width: 600px) {
	#mobile-wrapper {    
		-webkit-overflow-scrolling: touch;
	    padding: 2% 5% 2% 5%;  
	    height:96% !important; 
	}
	#mobile-wrapper h1 { font-weight: 20px; margin-bottom:5px;}
	#mobile-wrapper #mobile-form .fields { margin: 10px 0px; }
	#mobile-wrapper #mobile-form a#apply { padding: 10px 5%; width: 13.5%; margin-left: 0px;  text-align: center; }
	#mobile-wrapper .booking-btn{ margin-top:5px; }
	#mobile-wrapper .booking-btn a { padding: 8px 5px; }

}

@media only screen and (max-width: 980px) {
	#mobile-wrapper { right: 0; }
}