/* Responsive
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 1180px) {
  /* 960px - 1180px
  -------------------------------------------------------------------------------*/
  .rideDetailsPageBox-lf {
    padding-right: 10px;
  }

  .rideDetailsPageBox-rh {
    padding-left: 10px;
  }

  .LimoLabsAutoCabApp .slideBarBox {
    padding: 0;
  }

  .LimoLabsAutoCabApp .car-pass {
    font-size: 16px;
  }

  .LimoLabsAutoCabApp .gratuityOptionBox {
    padding: 10px 5px;
    width: 97px;
  }
}
@media only screen and (max-width: 959px) {
  /* 768px - 960px
  -------------------------------------------------------------------------------*/
  .limoLabsServicesWidgetHomePage {
    width: 100%;
    margin: 20px 0;
    float: left;
    box-sizing: border-box;
    padding: 15px 15px;
  }

  .rideDetailsPageBox-lf {
    padding-right: 30px;
    width: 100%;
    padding-left: 30px;
    margin-bottom: 30px;
  }

  .rideDetailsPageBox-rh {
    padding-right: 30px;
    width: 100%;
    padding-left: 30px;
  }

  .LimoLabsAutoCabApp .checkOutBox-lf {
    width: 60%;
  }
  .LimoLabsAutoCabApp .allVehicleBox {
    width: 60%;
  }
  .LimoLabsAutoCabApp .vehicleBox {
    width: 50%;
  }
  .LimoLabsAutoCabApp .vehicleBoxInfo {
    padding: 0;
  }

  .LimoLabsAutoCabApp .slideBarBox {
    width: 40%;
  }

  .LimoLabsAutoCabApp .gratuityOptionBox {
    padding: 7px 5px;
    width: 76px;
    min-height: 59px;
  }
  .LimoLabsAutoCabApp .gratuityOptionBox .valueProcent {
    font-size: 16px;
    line-height: 17px;
  }
  .LimoLabsAutoCabApp .gratuityOptionBox .valuePrice {
    font-size: 14px;
  }
  .LimoLabsAutoCabApp .gratuityOptionBox .valueCustom {
    font-size: 15px;
  }
  .LimoLabsAutoCabApp .gratuityOptionBox .payInCar {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  /* 640px - 768px
  -------------------------------------------------------------------------------*/
  .limoLabsServicesWidgetHomePage {
    margin: 20px 0;
  }

  .limolabsBookingNav_w .nav-group .nav-item .btn-navigation {
    padding: 11px 9px 8px;
    min-height: 63px;
  }
  .limolabsBookingNav_w .nav-group .nav-item .btn-navigation:after {
    border: none;
  }
  .limolabsBookingNav_w .nav-group .nav-item .btn-navigation span {
    display: none;
  }
  .limolabsBookingNav_w .nav-group .nav-item .btn-navigation .navigation-icon {
    display: block;
  }

  .rideDetailsPageBox-lf {
    padding-right: 0px;
    padding-left: 0px;
  }

  .rideDetailsPageBox-rh {
    padding-right: 0px;
    padding-left: 0px;
  }

  .limoLabsWidgetLogin {
    margin-top: 0;
    margin-left: 0;
  }

  .LimoLabsAutoCabApp .promoCodelabel {
    font-size: 18px;
  }
  .LimoLabsAutoCabApp .boxPromoCodeInput {
    width: 60%;
  }
}
@media only screen and (max-width: 639px) {
  /* 480px - 640px
  -------------------------------------------------------------------------------*/
  .LimoLabsAutoCabApp h2.titlePage {
    font-size: 22px;
  }
  .LimoLabsAutoCabApp h1.titlePageLogin {
    font-size: 32px;
  }

  .table tr td {
    font-size: 12px;
  }

  .limoLabsServicesWidgetHomePage .customBtn,
  .LimoLabsAutoCabApp .customBtn,
  .modal-footer .customBtn {
    padding: 12px 10px;
  }
  .limoLabsServicesWidgetHomePage .btn-danger,
  .LimoLabsAutoCabApp .btn-danger,
  .modal-footer .btn-danger {
    font-size: 12px;
    padding: 5px 2px;
    width: 48px;
  }

  .LimoLabsAutoCabApp .promoCodelabel {
    width: 100%;
  }
  .LimoLabsAutoCabApp .checkOutBox-lf {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  .LimoLabsAutoCabApp .allVehicleBox {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
  .LimoLabsAutoCabApp .vehicleBox {
    width: 50%;
  }
  .LimoLabsAutoCabApp .vehicleBoxInfo {
    padding: 0 10px;
  }

  .LimoLabsAutoCabApp .slideBarBox {
    width: 100%;
    padding: 0;
  }

  .limoLabsServicesWidgetHomePage input.form-control.reserveSearch,
  .limoLabsBooking input.form-control.reserveSearch {
    width: 100%;
  }

  .LimoLabsAutoCabApp .box-border {
    padding: 8px 0;
  }

  .limoLabsAccountData {
    padding: 0px;
  }

  .limoLabsAccountReserve {
    padding: 0;
  }

  .limoLabsBooking .reservationBoxBtn .reservationChangeBtn {
    font-size: 12px;
    margin: 0 7px;
  }
  .limoLabsBooking .reservationTableBox {
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 479px) {
  /* 320px - 480px
  -------------------------------------------------------------------------------*/
  .LimoLabsAutoCabApp h1.titlePageLogin {
    font-size: 28px;
  }

  .loginTitleBox .textBox {
    margin-top: 5px;
  }

  .limoLabsServicesWidgetHomePage .date-picker,
  .limoLabsBooking .date-picker {
    width: 100%;
    border-bottom: 1px solid #9b9b9b;
  }

  .limoLabsServicesWidgetHomePage .time-picker,
  .limoLabsBooking .time-picker {
    width: 100%;
  }

  .limoLabsServicesWidgetHomePage label,
  .limoLabsBooking label {
    font-size: 14px;
  }

  .limoLabsServicesWidgetHomePage .pick-up-date-from-airport .date-picker,
  .limoLabsBooking .pick-up-date-from-airport .date-picker {
    border-bottom: none;
  }
  .limoLabsServicesWidgetHomePage .pick-up-date-from-airport .time-picker,
  .limoLabsBooking .pick-up-date-from-airport .time-picker {
    display: none;
  }
  .limoLabsServicesWidgetHomePage .pick-up-time-from-airport .date-picker,
  .limoLabsBooking .pick-up-time-from-airport .date-picker {
    display: none;
  }
  .limoLabsServicesWidgetHomePage .pick-up-time-from-airport .time-picker,
  .limoLabsBooking .pick-up-time-from-airport .time-picker {
    border-bottom: none;
  }

  .pickup-asap-box label {
    width: 100%;
    height: 43px;
    font-size: 12px;
  }
  .pickup-asap-box .swich-asap-btn {
    width: 100%;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  .pickup-asap-box .swich-asap-btn.inRight {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  .pickup-asap-box input[type="radio"] {
    display: none;
  }

  .LimoLabsAutoCabApp .promoCodelabel {
    width: 100%;
  }
  .LimoLabsAutoCabApp .allVehicleBox {
    width: 100%;
    padding: 0;
  }
  .LimoLabsAutoCabApp .vehicleBox {
    width: 100%;
  }
  .LimoLabsAutoCabApp .vehicleBoxInfo {
    padding: 0 10px;
  }

  .limoLabsNumberOfPax .label-radio-picker,
  .limoLabsNumberOfLuggage .label-radio-picker {
    margin-right: 1px;
    width: 33px;
    height: 33px;
    line-height: 31px;
  }

  .limoLabsAccountData {
    padding: 0px;
  }
  .limoLabsAccountData .table tr td {
    padding: 4px;
    font-size: 11px;
  }

  .LimoLabsAutoCabApp .gratuityOptionBox {
    padding: 7px 5px;
    width: 50%;
    min-height: 59px;
  }
  .LimoLabsAutoCabApp .gratuityOptionBox:nth-child(2n+3) {
    border-left: 1px solid #9b9b9b;
  }
  .LimoLabsAutoCabApp .gratuityOptionBox .valueProcent {
    font-size: 16px;
    line-height: 17px;
  }
  .LimoLabsAutoCabApp .gratuityOptionBox .valuePrice {
    font-size: 14px;
  }
  .LimoLabsAutoCabApp .gratuityOptionBox .valueCustom {
    font-size: 15px;
  }
  .LimoLabsAutoCabApp .gratuityOptionBox .payInCar {
    font-size: 15px;
  }
}