/* font-display: swap on every face below.
   Without it the browser uses the default `block` behaviour: text styled with these families is
   drawn INVISIBLY until the font arrives, then repainted. Lighthouse measured 2,220ms of text
   held back that way, most of it waiting on 'Avenir Next_bold'. With swap the text paints
   immediately in the fallback and is restyled when the font lands, so First Contentful Paint no
   longer waits on a font download.

   NOTE on 'Avenir Next_bold': the source file is a 4.76 MB .ttc (a TrueType Collection -- several
   fonts in one container, of which the page uses one). It transfers as roughly 950 KB and sits on
   the critical path. swap stops it blocking text, but the real fix is converting the single needed
   weight to woff2, which typically lands around 30-50 KB. That needs font tooling and is flagged
   rather than done here. */
@font-face {
    font-family: 'TT Rounds-Black';
    src: url('images/fonts/TT Rounds-Black.ttf');
    font-display: swap;
  }
  @font-face {
    font-family: 'Avenir Next DemiBold';
    src: url('/images/fonts/AvenirNextLTPro-Medium.ttf');
    font-display: swap;
  }

  @font-face {
    font-family: 'Avenir Next Regular';
    src: url('/images/fonts/AvenirNextLTPro-Light.ttf');
    font-display: swap;
  }

  @font-face {
    font-family: 'Avenir Next_bold';
    src: url('/images/fonts/Avenir Next_bold.ttc');
    font-display: swap;
  }

  /* @font-face {
    font-family: 'GestaReFogular';
    src: url('gestareg-webfont.eot');
    src: local('â˜º'),
         url('gestareg-webfont.woff') format('woff'),
         url('gestareg-webfont.ttf') format('truetype'),
         url('gestareg-webfont.svg#webfontg8dbVmxj') format('svg');
  } */
  #accordion .card-body{
    margin-left: 30px;
  }
  #accordion .card-header{
    padding: .75rem 0.25rem;
  }
  #accordion .card-header h5 button{
    font-size:20px;
  }
  #accordion .card-body{
    font-size:14px;
  }
  .elipsis p{
    width:500px !important;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  }
  p{
    font-family: Avenir Next Regular !important;
    /* font-size:16px !important; */
  }
  a{
    font-family: Avenir Next DemiBold !important;
    /* font-size:14px !important; */
  }
  h1,h2,h3,h4,h5{
    font-family: Avenir Next_bold !important ;
  }
  nav a{
    text-decoration: none !important;
  }
  .mm-header-login a{
    font-size:14px !important;
  }
  :root{

      --gl-blue:#005EB8;
      --gl-gray:#D7D7D7;
      --gl-white:#F2F4F7;
      --gl-violet:#AB206C;
      --gl-red:#EE2249;
      --gl-orange:#F36C3D;
      --gl-yellow:#F8DD61;
  }
  #banner_content{
    padding-top: 20px;
  }
  #banner_content .homepage-touts-section {
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      max-width: 100%;
  }
  #banner_content .homepage-tout-primary-left{
    padding-right: 30px !important;

  }
  #banner_content .homepage-tout-image{
    height: 280px;
  }
  .homepage-tout-lower {
      max-width: 500px;
      padding: 6px 0px;
      /* width: 100%; */
      box-sizing: border-box;
  }
  .homepage-tout-box {
      position: relative;
  }
  .homepage-tout-box .homepage-tout-image {
      z-index: 1;
  }
  .homepage-tout-image {
      max-width: 545px;
      width: 100% !important;
      height: 245px;
  }
  .homepage-tout-livetext {
      position: absolute;
      z-index: 2;
      bottom: 0;
      background-color: #fff;
      opacity: 0.9;
      height: 40%;
      width: 100%;
  }
  .homepage-tout-livetext h4 {
      font-size: 24px;
      margin: 4px 0;
      padding-left: 10px;
      color: #005EB8;
  }
  .homepage-tout-ctabox {
      /* display: flex; */
      font-size: 16px;
      color: #000;
      align-items: flex-end;
      padding-left: 10px;
  }
  .homepage-tout-ctabox p {
      margin: 0;
  }
  .homepage-tout-ctabox a {
      width: 45%;
      padding-right: 5px;
      text-align: right;
      color: #005EB8;
      text-decoration: none;
  }
  .booking-cancelation h1{
    color:var(--gl-blue) !important;
  }
  #privacyPolicy p,li{
    font-family: Avenir Next Regular !important;
    font-size: 16px !important;
  }
  #privacyPolicy h1,#privacyPolicy h2,#privacyPolicy h3,#privacyPolicy h4,#privacyPolicy h5,#privacyPolicy h6{
    font-family: Avenir Next_bold !important;
  }
  /* ourcars */
  .ourcar-image{
    width:350px; height:auto;
  }
  /* ourcars */
  .custom-button-continue{
    background-color:var(--gl-orange);
    color:#fff;
    border-color: var(--gl-orange);
  }
  .car-button:first-child a {
      background-color: #ffd60a;
      transition: .3s;
  }
  .car-button:last-child a {
      background-color: #ffff !important;
      transition: .3s;
  }
  .card-img-top {
      width: 100%;
      height: 250px;
      object-fit: cover;
  }
  .timepicker{
    left:50% !important;
    top:50% !important;
    transform: translate(-50%, -50%);
  }
  .nav-link:hover{
    background-color: transparent !important;
  }
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
  }
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  .nav-item:hover .dropdown-content {display: block !important;}
  .dropdown-content a:hover {background-color: #ddd;}

  #navbarSupportedContent a{
      color:var(--gl-blue) !important;
  }
  #banner {
      background-color: #F2F4F7 !important;
  }
  #banner {
      border: none;
  }
  .mmBannerImg {
      /* height: 10px; */
      width: 100%;
  }
  #ThriftyHeaderContainer {
      background: rgba(0, 102, 204, 0);
      max-width: 1200px;
      width: 100%;
      display: flex;
      padding-left: 10px;
      padding-right: 10px;
      float: none;
      margin: 0 auto;
      padding-top: 15px;
      font-family: AvenirNextLTPro-Light, Trebuchet MS, Helvetica, sans-serif;
  }
  .homepage-tout-container {
      clear: both;
      max-width: 100%;
      background-color: #FFF;
      font-size: 16px;
      padding: 25px 14px;
      position: relative;
      margin-top: 35px;
  }
  .homepage-touts-section-bottom {
      margin-bottom: -85px !important;
      max-width: 1200px;
      justify-content: center;
      align-items: flex-start;
      padding-top: 100px;
  }
  .homepage-tout {
      padding: 6px 0px;
      box-sizing: border-box;
  }
  .homepage-touts-section {
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;
      /*justify-content: center;*/
      /*align-items: center;*/
      /*max-width: 1120px;*/
      margin:auto;
  }
  div {
      display: block;
  }
  .homepage-tout-image {
      width: unset;
  }
  .homepage-tout-primary-left {
      padding-right: 7px;
  }

  .homepage-tout-primary-right {
      padding-left: 7px;
  }
  .footer-section-padding {
      padding: 60px 10px 30px;
  }
  .footer-section {
      background: #005EB8;
      box-sizing: border-box;
      margin: 0;
  }
  #footer p{
      font-size: 14px !important;
  }
  /*About Us*/
  #BodyOutline {
      box-sizing: border-box;
      width: 100%;
      border: none;
      float: none;
      background: none !important;
      margin-top: 35px;
      z-index: 1;
      position: relative;
  }
  #RightColumn {
      width: 100%;
      box-sizing: border-box;
      padding: 0;
      margin: 0 auto;
      float: none;
      background-color: #fff;
  }
  .breadcrumb-no-res-widget {
      padding-top: 40px;
      margin-bottom: 10px;
  }
  .BreadcrumbContainer {
      padding-bottom: 20px;
  }
  .BreadcrumbContainer {
      max-width: 880px;
      /*padding: 0 20px;*/
      box-sizing: border-box;
      margin: 0 auto;
      float: none;
  }
  ul.Breadcrumbs {
      font-family: AvenirNextLTPro-Bold, Trebuchet MS, Helvetica, sans-serif;
      color: #999;
      font-size: 13px;
      margin: 0;
      padding: 0;
  }
  ul.Breadcrumbs li {
      float: left;
      list-style-type: none;
  }
  #content {
      max-width: none;
      padding: 0;
      float: none !important;
      width: 100% !important;
      box-sizing: border-box;
  }
  #programsList #bodyText, .BreadcrumbContainer {
      max-width: 880px;
      padding: 0 20px;
      box-sizing: border-box;
      margin: 0 auto;
      float: none;
  }
  .ThriftyOffBlack {
      color: #666;
  }
  .aboutUsimage{
      width:518px;
      margin-top:5%;
      /*margin-left: -12%;*/
  }
  .row-rp2{
    margin-top:5%;
  }
  .negativemrgin{
        /* margin-right: -450px; */
  }

  /*About Us*/
  /* home page */
  .lp-section-hero {
      height: 278px;
      background: #005eb8;
      background-repeat: no-repeat;
      background-position: center top;
      background-size: auto 100%;
      background-image: linear-gradient(to top,#005eb8,#002f5c);
      text-align: center;
  }
  .heroOverlay, .heroOverlayMobile {
      max-width: 100%;
      opacity: 0.1;
      padding-top: 2%;
      overflow: hidden;
  }
  .lp-section {
      font-size: 12px;
      background-color: #fff;
  }

  .lp-section.lp-section-form {
      position: relative;
  }


  .th-row{
    margin-top:80px;
  }
  .th-h1{
    text-align:center;
    color:#005EB8;
  }
  .next-th-row{
    background:#F2F4F7 !important;
    margin-top:50px;
    padding:25px;
    width: 100%;
  }
  .next-th-h2{
    text-align:center;
    color:#005EB8;
  }
  .next-th-row p{
    text-align:center;
    font-size:16px;

  }
  .next-c-row{
    background:#F2F4F7 !important;
    margin-top:50px;
    padding: 0 25px 0 25px;
    width: 100%;
    /* border-right:25px solid var(--gl-blue); */
    /* border-left:25px solid var(--gl-blue); */
  }
  .next-c-row .row{
    height:90%;
  }
  .f-banner{
    background-color: var(--gl-blue);
    height:100%;
    text-align: center;
  }
  .f-banner-2{
    /* background-color: var(--gl-blue); */
    height:100%;
    /* text-align: center; */
    padding-left: 20px;
  }
  .f-banner-img{
    background-color: var(--gl-blue);
    height:100%;
    padding:0px !important;
  }
  .c-text{
    color:var(--gl-white);
    padding-top: 8%;
  }
  .c-text-2{
    background-color: var(--gl-blue);
    color:var(--gl-white);
      height:100%;
  }
  /* h2 shares this rule because the heading was demoted from h1: a page may carry only one h1,
     and the hero title already claims it. Styling is unchanged -- the selector was widened rather
     than the declarations altered. h1 is kept so any other markup using it still matches. */
  .c-text-2 h1,
  .c-text-2 h2{
    color:var(--gl-yellow);
    padding-top: 8%;
    text-align: center !important;
  }
  .c-text-2 h4{
    text-align: left !important;
    padding-left:50px;
  }
  .c-text-2 button{
    margin-left:50px;
  }
  .b1mg{
    width: 100%;
    height: 100%;

  }
  .b2mg{
    float:right;
    width: 40%;
    margin-right: 5%;

  }
  /* home page */
  /* form */
      #lpFormRow {
          position: relative;
          top: -190px;
          box-sizing: border-box;
          padding-left: 14px;
          padding-right: 14px;
      }
      .lp-row {
          width: 100%;
          max-width: 1060px;
          min-height: 257px;
          margin: 0 auto;
          display: table;
      }
      #lpForm {
          display: block;
          z-index: 1;
          position: relative;
          background-color: #F2F4F7;
          padding: 35px 90px 30px 70px;
          border-radius: 7px;
          border-bottom: 5px solid #005eb8;
          box-shadow: 0 2px 9px rgb(0 0 0 / 20%);
          box-sizing: border-box;
          min-height: 250px;
          transition: padding-top .2s ease-out;
      }
      .lp-col-full {
          display: table-cell;
          padding: 50px 20px 70px;
          box-sizing: border-box;
      }
      .modifyButton {
          float: right;
      }
      #resFormGrid div {
          margin: auto;
      }
      #resFormGrid div {
          background-color: #F2F4F7;
      }
      #resFormHeader {
          padding-bottom: 22px;
      }
      a.view-modify-cancel:active, a.view-modify-cancel:hover, a.view-modify-cancel:link, a.view-modify-cancel:visited {
          color: #005EB8;
          font-size: 15px;
      }
      a:link {
          color: #06c;
          text-decoration: underline;
      }
      #resFormHeader .homepageHeader {
          font-size: 25px;
          font-family: TTRoundsBold;
          font-weight: normal;
      }
      #resFormHeader h1, #resFormHeader h1 strong {
          color: #005eb8;
          font-size: 30px;
          margin: 0 0 10px;
          font-family: AvenirNextLTPro-Bold, Trebuchet MS, Helvetica, sans-serif;
      }
      #resFormHeader .subHeader {
          font-size: 35px;
      }
      #resformStartTrigger {
          background-color: #fff!important;
          border: 1px solid #c4c6cc;
          border-radius: 2px;
          font-size: 18px;
          color: #585961;
          font-size: 18px;
          position: relative;
          padding: 20px 20px 20px 45px;
          box-sizing: border-box;
          cursor: pointer;
      }
      #resformStartTrigger img {
          position: absolute;
          top: 21px;
          left: 19px;
      }
      #resFormMain {
          display: none;
      }
      .res-form-row-white {
          background: #fff;
          border-radius: 2px;
          border: 1px solid #B9B9B9;
          box-sizing: border-box;
      }
      .res-form-row, .res-form-row-inner {
          display: table;
          width: 100%;
      }
      .res-form-col-border {
          border-right: 1px solid #B9B9B9;
      }
      .res-form-col, .res-form-col-full, .res-form-col-inner {
          display: table-cell;
          vertical-align: top;
          width: 50%;
      }
      .grid-label {
          background-color: #fff;
          display: block;
          padding: 10px 10px 5px;
          line-height: 13px;
          font-size: 13px;
          color: #808083;
          font-weight: 700;
          font-family: AvenirNextLTPro-Bold, Trebuchet MS, Helvetica, sans-serif;
          margin-bottom: 0px !important;
      }
      #resFormGrid .LocationEntryArea {
          float: none;
      }
      .res-form-grid input[type=text], .res-form-grid select {
          border: none;
          /* padding: 10px 10px; */
          font-size: 14px;
          border-radius: 2px;
      }
      #resFormGrid .ContentColumn, .res-form-grid input[type=text], .res-form-grid select {
          width: 100%!important;
          box-sizing: border-box;
          border: none;
      }
      .res-form-grid .FontColorSubdued {
          color: #bcbcbc;
      }
      #self_drive_pickup_date,#self_drive_pickup_time, #self_drive_dropoff_date, #self_drive_dropoff_time {
          background-color:#fff ;
          background-size: 19px auto;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
      }
      .res-form-grid select {
          background: url("{{asset('images/icons/Thrifty Arrow.png')}}") no-repeat right 15px center #fff;
          background-size: 19px auto;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
      }
      #continueProxy {
          box-sizing: border-box;
          background: #005EB8;
          display: block;
          border-radius: 2px;
          text-decoration: none;
          color: #fff;
          text-align: center;
          padding: 12px 55px;
          font-family: TTRoundsBold, Trebuchet MS, Helvetica, sans-serif;
          font-size: 18px;
          float: right;
      }
      #thriftyArrow {
          float: right;
          padding-right: 20px;
      }
  /* form */
  /* booking */
  .card-g-style{
    margin:20px;
  }
  .images-g-style-booking{
    width:100%
  }
  .selfdrive-pn{
    color:var(--gl-white) !important;
    text-decoration: none !important;
  }
  .selfdrive-pl{
    color:var(--gl-blue) !important;
    text-decoration: none !important;
  }
  /* booking */
  /* progressbar */
  .progressContainer {
      /* max-width: 1040px; */
      width: 100%;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      /* margin: auto; */
      position: relative;
      padding: 20px 7px;
      box-sizing: border-box;
  }
  .progressRow {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      height: 24px;
  }
  .progressRowCompleted {
      background-color: #F9DE63 !important;
  }
  .progressRowSection {
      border-radius: 15px;
      height: 24px;
      border: 2px solid #fff;
      background-color: #E8E8E8;
      position: absolute;
      box-sizing: border-box;
  }
  .labelRow {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
  }
  .progressLabels {
      /* font-size: 14px; */
      font: normal 14px/20px Avenir Next Regular;
      color: #a2a2a2;
  }
  .progressLabels a{
      /* font-size: 14px; */
      font: normal 14px/20px Avenir Next Regular;
      text-decoration: none;
      color: #a2a2a2;
  }
  .progressLabelsCurrent {
      font: normal 14px/20px Avenir Next_bold;
      color: #000;
  }
  a.mm-changeLocationDetailsLink:link, a.mm-changeVehicleDetailsLink:link, a.mm-changeExtrasDetailsLink:link {
      color: #a2a2a2;
      text-decoration: none;
  }
  @media (min-width: 1100px){
    .addons-row{
      margin-top:20px;
    }
    .addons-row2{
      margin-top:20px;
    }
  }
  .addons-row2 .img-thumbnail{
    height:220px !important;
  }

  /* progressbar */
  /* resdetails */
  #mm-resDetails {
      position: relative;
      background-repeat: no-repeat;
      background-position: center top;
      background-size: auto 100%;
      background-image: linear-gradient(to top, #005eb8,#002f5c);
  }
  #mm-resDetails {
      color: #FFFFFF;
      font-family: AvenirNextLTPro-Medium, Trebuchet MS, Helvetica, sans-serif;
      font-size: 12px;
      display: table;
      width: 100%;
  }
  #mm-resDetailsInner {
      display: flex;
      width: 100%;
      max-width: 1040px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
  }
  #mm-pickupDetails, #mm-returnDetails {
      text-transform: capitalize;
  }
  #mm-pickupDetails, #mm-returnDetails, #mm-priceDetails, #mm-resDetailsMoreButton {
      padding: 10px 7px;
      box-sizing: border-box;
      width: 25%;
  }
  .mm-DetailsLeft {
      text-align: left;
      width: 100%;
      min-height: 75px;
      border-right: 1px solid #fff;
  }
  .mm-stepTitle {
      color: #f9de63;
      /* font: normal 12px/20px TTRoundsBold; */
      letter-spacing: 0px;
      padding-bottom: 5px;
  }
  #mm-pickupLocation, #mm-returnLocation {
      font: normal 11px/20px Helvetica;
      letter-spacing: 0px;
  }
  #mm-pickupTime, #mm-returnTime {
      text-transform: uppercase;
      font: Bold 16px/20px Helvetica;
  }
  #mm-resDetailsMoreButton {
      text-align: right;
  }
  .mm-DetailsExtras {
      text-align: left;
      width: 100%;
      min-height: 75px;
  }
  /* resdetails */
  /* summary details */
  .details__content h4{
    font-family: Avenir Next DemiBold !important;
  }
  /* summary details */
  /* form details */
  .g-mm{
      display: inline-block;
      border: 1px solid #d4d4d8;
      border-radius: 2px;
      width: 100%;
      margin-bottom: 1rem;
  }
  .g-mm label, #mm-bookItRow2 label {
      display: block;
      padding: 6px 10px 2px;
      color: #000000;
      font-size: 15px;
      font-family: Avenir Next DemiBold, Trebuchet MS, Helvetica, sans-serif;
      font-weight: bold;
  }
  .g-mm input, .g-mm select{
      width: 100% !important;
      padding: 10px 10px !important;
      font-size: 14px !important;
      font-family: AvenirNextLTPro-Medium, Trebuchet MS, Helvetica, sans-serif;
      border: none !important;
      border-radius: 2px !important;
      box-sizing: border-box !important;
      -webkit-appearance: none !important;
      -moz-appearance: none !important;
      appearance: none !important;
      margin-bottom: 0 !important;
      outline: none;
  }
  /* form details */
  .contact-item i {
      font-weight: 600;
      color: #005EB8;
      font-size: 30px;
      /* position: absolute; */
      left: -45px;
      width: 40px;
      text-align: center;
  }
  h4.yellow-heading {
      padding: 0 0 0 50px;
      border: 2px solid #005EB8;
      background: #005EB8;
      /* height: 65px; */
      display: flex;
      display: -ms-flexbox;
      display: -webkit-flex;
      align-items: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      -ms-flex-pack: between;
      margin-bottom: 0px;
  }
  h4.yellow-heading span {
      /* padding-top: 10px; */
      /* padding-bottom: 10px; */
      padding-top: 13px;
      padding-bottom: 13px;
      color: #fff;
  }
  h4 i{
      font-weight: 300;
      color: #222;
      display: flex;
      display: -ms-flexbox;
      display: -webkit-flex;
      align-items: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      text-align: center;
      margin-left: 20px;
      background: #fff;
      padding: 13px 40px;
  }

  .brnlocation form.contact-form {
      background: #F9F9F9;
      padding: 35px 10px 50px 10px;
  }
  @media only screen and (max-width: 500px){
    .negativemrgin{
          margin-right: 0px;
    }
    #banner_content
    {
      padding-right: 15px;
      padding-left: 15px;
    }
    h4.yellow-heading{
      padding: 0 0 0 15px;

    }
    .addons-row{
      margin-top:20px; width:auto;
    }
    .ourcar-image{
      width:250px; height:auto;
    }
    .row-rp, .row-rp2{
      padding:20px;
    }
      .aboutUsimage{
          width:318px;
          margin-top:5%;
          margin-left: -1%;
      }
      .homepage-touts-section-bottom {
          padding-top: 50px;
      }
      .homepage-tout-primary-left {
          padding-right: 0;
      }
      .bmwFooter {
          width: 100% !important;
          height:200px;
      }
      /* homepage */
      .th-icons{
        margin-top:25px;
      }
      .th-row{
        margin-top:25px;
      }
      .th-h1{
        text-align:center;
        color:#005EB8;
        font-size: 24px;
      }
      .next-th-h2{
        text-align:center;
        color:#005EB8;
        font-size:24px;
      }
      .next-th-row p{
        text-align:center;
        font-size:16px;
        padding-left: 5px;
        padding-right: 5px;
      }
      /* homepage */
      /* form */
      #lpFormRow {
          top: -135px !important;
      }
      #lpFormRow {
          margin-top: 55px !important;
      }
      #lpForm {
          padding: 25px 10px 25px 10px !important;
          min-height: unset !important;
      }
      #resFormHeader h1.homepageHeader {
        font-size: 15px !important;
      }
      #resFormHeader .homepageHeader .subHeader {
          font-size: 20px !important;
      }
      /* form */
      /* booking */
      .g-style-progess p{
        font-size: 12px !important;
      }
      .card-g-style{
        margin:2px;
      }
      .images-g-style-booking{
        width:70%;
      }
      .g-style-booking div{
        text-align: center !important;
      }
      .g-style-col{
        margin-left:0 !important;
        margin-right:0 !important;
      }
      .content-container-home{
        margin-top: -120px !important; position: relative;
      }
      /* booking */
  }
  @media only screen and (max-width: 575px){
    .negativemrgin{
          margin-right: 0px;
    }
    #bann
    #banner_content
    {
      padding-right: 15px;
      padding-left: 15px;
    }
    h4.yellow-heading{
      padding: 0 0 0 15px;

    }
    .g-style-col{
      margin-left:50px !important;
      margin-right:0 !important;
      max-width: 80% !important;
    }
    .addons-row{
      margin-top:20px; width:auto;
    }
  }
  @media only screen and (max-width: 767px){
    /* booking */
    #banner_content
    {
      padding-right: 15px;
      padding-left: 15px;
    }
    h4.yellow-heading{
      padding: 0 0 0 15px;

    }
    .addons-row{
      margin-top:20px; width:auto;
    }
    .g-style-progess p{
      font-size: 12px !important;
    }
    .card-g-style{
      margin:2px;
    }
    .images-g-style-booking{
      width:50%;
    }
    .g-style-booking div{
      text-align: center !important;
    }
    .g-style-col{
      margin:0 10px 0 20px;
    }
    /* booking */
    /* ourcars */
    .ourcar-image{
      width:250px; height:auto;
    }
    /* ourcars */
    /* form */
    #thriftyArrow {
      display: none;
  }
  .negativemrgin{
        margin-right: 0px;
  }
  #bann
    #lpFormRow {
      top: -100px;
    }
    #lpForm {
        padding: 35px 18px 30px 18px;
    }
    .modifyButton {
        float: unset;
        display: block;
        text-align: right;
        padding-bottom: 20px;
    }
    #resFormHeader {
        padding-bottom: 0;
    }
    #resFormHeader h1 {
        font-size: 24px!important;
    }
    body .res-form-row {
        margin-bottom: 0!important;
    }
      .res-form-row-white {
        border: none!important;
    }
    #resFlowGrid_1_1, #resFlowGrid_1_2 {
      display: block;
      width: 100%;
      clear: both;
      border-bottom: none;
  }
  #resFlowGrid_1_1, #resFlowGrid_1_2, #rewardsProxy {
      margin-bottom: 15px!important;
      border: 1px solid #B9B9B9!important;
      border-radius: 2px;
      box-sizing: border-box;
      display: block;
  }
  .res-form-col-mobile-block {
      display: block!important;
      width: 100%!important;
      border: 1px solid #B9B9B9;
      margin-bottom: 15px!important;
      border-radius: 2px;
      box-sizing: border-box;
  }
  #resFlowGrid_4_2 {
      display: block;
      width: 100%;
  }
  #continueProxy {
      width: 100%;
      float: none;
      padding-left: 10px;
      padding-right: 10px;
  }
    /* form */
    .row-rp, .row-rp2{
      padding:20px;
    }
      .aboutUsimage{
          width:418px;
          margin-top:5%;
          margin-left: -1%;
      }
      /* homepage */
      .lp-section-hero {
      height: 140px;
  }
  .heroOverlay {
      display: none;
  }
      .th-icons{
        margin-top:25px;
      }
      .th-row{
        margin-top:25px;
      }
      .th-h1{
        text-align:center;
        color:#005EB8;
        font-size: 24px;
      }
      .next-th-h2{
        text-align:center;
        color:#005EB8;
      }
      .next-th-h2{
        text-align:center;
        color:#005EB8;
        font-size:24px;
      }
      .next-th-row p{
        text-align:center;
        font-size:16px;
        padding-left: 5px;
        padding-right: 5px;
      }
      .next-c-row
      {
        background:#F2F4F7 !important;
        margin-top:50px;
        /* padding: 0 25px 0 25px; */
        width: 100%;
        border-right:0 !important;
        border-left:0 !important;
        height: auto;
      }
      .next-c-row .row{
        height:auto;
      }
      .f-banner{
        background-color: var(--gl-blue);
        height:200px;
        text-align: center;
      }
      .f-banner h4{
        font-size: 1.30rem;
      }
      .f-banner h5{
        font-size: 1.00rem;
        font-weight: normal;
      }
      .f-banner-img{
        background-color: var(--gl-blue);
        height:200px;
        width:100%
      }
      .content-container-home{
        margin-top: -120px !important; position: relative;
      }
      .f-banner-2{
        /* background-color: var(--gl-blue); */
        height:250px;
        /* text-align: center; */
        padding: 20px 0 0 0;
      }
      .f-banner-3{
        /* background-color: var(--gl-blue); */
        height:250px;
        /* text-align: center; */
        margin: 20px 0 0 0;
      }

      .c-text{
        color:var(--gl-white);
        padding-top: 15%;
      }
      .c-text-2{
        background-color: var(--gl-blue);
        color:var(--gl-white);
          height:100%;
      }
      /* Mobile counterpart of the widened selector above. Note it sets font-size explicitly, so
         the demoted h2 keeps the same 24px it had as an h1. */
      .c-text-2 h1,
      .c-text-2 h2{
        color:var(--gl-yellow);
        padding-top: 5%;
        font-size: 24px;
        text-align: center !important;
      }
      .c-text-2 h4{
        text-align: left !important;
        padding-left:25px;
        font-size: 20px;
        padding-top:25px;
      }
      .c-text-2 button{
        margin-left:50px;
      }
      .b1mg{
        width: 100%;
        height: 100%;

      }
      .b2mg{
        float:right;
        width: 40%;
        margin-right: 5%;
      }
      /* homepage */

  }
