@media screen and (max-width: 768px) { #booking-engine-hotels { width: 100%; } #booking-engine-hotels input{ width:100%; } #booking-engine-hotels select{ width:100%; } #booking-engine-hotels .submitContainer button { width:100%; } #booking-engine-hotels .allProducts li.ho.radio, #booking-engine-hotels li.hcp.radio { padding:5px; margin-left:6px;} #booking-engine-hotels .allProducts li.ho.radio input, #booking-engine-hotels li.hcp.radio input { width: auto !important;} #booking-engine-hotels .allProducts li.ho.radio label, #booking-engine-hotels li.hcp.radio label { line-height:24px;} html body #phone-top-nav-menu.dropdown-menu { min-width:220px; } html body #phone-top-nav-menu.dropdown-menu li a{ font-size:14px !important; padding:7px 20px; } html body #parking .dropdown-toggle { font-size:14px !important; } #main-banner ul li { text-align:left; } } @media screen and (max-width: 768px) { #booking-engine-hotels { width: 100%; } #booking-engine-hotels input{ width:100%; } #booking-engine-hotels select{ width:100%; } #booking-engine-hotels .submitContainer button { width:100%; } #booking-engine-hotels .allProducts li.ho.radio, #booking-engine-hotels li.hcp.radio { padding:5px; margin-left:6px;} #booking-engine-hotels .allProducts li.ho.radio input, #booking-engine-hotels li.hcp.radio input { width: auto !important;} #booking-engine-hotels .allProducts li.ho.radio label, #booking-engine-hotels li.hcp.radio label { line-height:24px;} html body #phone-top-nav-menu.dropdown-menu { min-width:220px; } html body #phone-top-nav-menu.dropdown-menu li a{ font-size:14px !important; padding:7px 20px; } html body #parking .dropdown-toggle { font-size:14px !important; } #main-banner ul li { text-align:left; } } @media screen and (max-width: 768px) { div#mob-header {text-align: center; position: absolute; top: 18px !important; width: 86%;} #lead-banner #booking-engine { width: 100%;} form.hxEmbed.hxEmbed {margin: 0 auto; max-width: 340px;} li.flight_number.clearfix.tog.cp.ho.hcp { display: none !important;} #lead-banner .row-fluid .span4 { width: 31%;} li.controls:nth-child(2) {display: none !important;} form.hxEmbed.hxEmbed {padding-top: 130px;} div#main-banner { width: 100% !important;} div#mob-ul { margin: 13px auto; width: 100%; display: flex;} button.submit.btn.btn-primary.btn-large{width: 100% !important;} div#mob-header h4 a{ z-index: 99999; position: relative; } li.controls.tog.cp.hcp.ho { margin-top: 10px;margin-bottom: 0px;} #main-banner h1.phone-title { font-size: 30px !important; font-weight:600;} #booking-engine select.time{margin-top: 0px !important;} } @media screen and (max-width: 640px){ div#mob-header { width: 82%; } #main-banner h1.phone-title { font-size: 30px !important; margin-left: 0px !important; position: relative !important; width: 100% !important; float: none; } button.submit.btn.btn-primary.btn-large{width: 100% !important;} .dropdown-menu{z-index: 999999 !important;} } @media screen and (max-width: 600px){ #booking-engine input.dD{ height:33px !important;} #booking-engine input.dA{ height:33px !important;} select.l { height: 33px !important; } select.terminal { height: 33px !important; width: 151px !important;} .input-append .add-on{ height: 23px;} .navbar .brand a { height: 48% !important; width: 65% !important; } .navbar-bottom {height:32px !important} .navbar .dropdown { padding: 5px 10px; }.brand { background-size: 64% 52% !important;} datepicker{left: 32% !important;} .hero-unit h1 {font-size: 30px !important;position: relative;top: 5px !important;margin-left: 12px !important; width: 100% !important; float:left;} .info h1{ position:relative !important;margin-left: 0px !important; width: 100% !important;} #lead-banner.info #main-banner{ width: 100% !important;} } @media screen and (max-width: 580px) { .hero-unit #main-banner {padding: 8px 0 8px 6px !important;width: 100% !important;} .phone-title{ float: left; margin-left: -8px !important; width: 100% !important; line-height: 35px !important;} #lead-banner #booking-engine { padding: 23px 20px 20px;} ol.unstyled{ margin-top: 0px !important; } select.time{float: right !important; } } @media only screen and (max-width: 580px) and (min-width:480px;) { select.time { float: none !important; margin-top: 0px !important; margin-left: 34px !important;} #main-banner h1 { margin-left: 13px !important; } } @media screen and (max-width: 480px){ select.time { margin-right: 0px !important; margin-top: -30px !important;} ol.unstyled.options { width: 100% !important;} #main-banner h1 { font-size:30px !important; } } @media screen and (max-width: 480px) { #booking-engine .date input.dA, #booking-engine .date input.dD{ width: 160px !important;} ol.unstyled{ margin-top:15px !important;} } @media screen and (max-width: 460px) { .p-m { position:relative;margin-right: -4px; margin-top: -50px; } select.time { max-width: 31% !important;} #booking-engine .date input.dA, #booking-engine .date input.dD{ width: 160px !important;} } @media screen and (max-width: 430px) { h2.booktoday{ font-size: 18px; margin-top:20px !important; } } @media screen and (max-width: 400px) { .hero-unit h1 {width: 90% !important; float:left;}.info h1 {width: 100% !important; } }