@media only screen and (max-width: 414px){

  .cardxs {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 3rem;
  }

  div.productcard {
    padding: 2rem;

  }

  img.bluecenter {
    position: relative !important;
    top: 0.3rem !important;
  }

  a.check {
    font-size: 1rem;
  }

  h1#prosub {
    font-size: 2em !important;
  }

}

@media only screen and (max-width: 576px){

  .radiocomp {
    margin-right: unset !important;
  }

  span.login{
    top: 28px !important;
  }

  div.small {
    padding: 0 1rem !important;
  }

  .fblogo {
    display: none;
  }
}

@media only screen and (max-width: 768px){

  section.main-banner {
    background: url(https://fatberry.s3.ap-southeast-1.amazonaws.com/home/main_bg_mobile.png) no-repeat;
    background-size: cover;
    background-position: unset;
  }

  section#howitworks {
    background: #F2FDFF !important;
  }

  img.fazuracard {
    height: 20rem !important;
  }

  img.bikecard {
    height: 19rem !important;
  }

  img.jomrenewcard {
    height: 20rem !important;
  }

  img.rentascard {
    height: 19rem !important;
  }

/*  img.acrosscard {
    height: auto !important;
  }

  img.ridercard {
    height: auto !important;
  }*/

  img.lalamovecard {
    height: 20rem !important;
  }

  img.foodpandacard {
    height: 20rem !important;
  }

  .bg-car {
    background: none !important;
  }

  .bg-bike {
    background: none !important;
  }

  .customer {
    margin-top: 2rem !important;
  }

  .customer_promo {
    margin-top: -3rem !important;
  }

  .customercard {
    min-height: 25rem !important;
    max-width: 20rem !important;
  }

  .customerimg {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  section.blog-banner {
    background: url(../img/blog-banner.png) no-repeat;
    background-size: cover;
    background-position: unset;
  }

  span#headerfb {
    font-size: 30px !important;
  }

  span#head {
    font-size: 30px !important;
    line-height: 2rem;
  }

  div.sub1 {
    margin-top: 2rem !important;
  }

  section.seo {
    padding: 25px 0 !important;
    margin-top: 0rem !important;
  }

  .footer {
    padding: 15px 0 !important;
  }

  h1.sub {
    font-size: 30px !important;
  }

  p.caption {
    font-size: 15px !important;
  }

  input.emailinput {
    font-size: 3vw !important;
  }

  #s-head {
    font-size: 60px !important;
  }

  /* .font-weight-bolder-1 {
    font-size: 60px !important;
  } */

  .cov_section_title {
    font-size: 30px !important;
  }

  #s-sub {
    font-size: 12px !important;
  }

  #s-head_rentas {
    font-size: 24px !important;
  }

  #s-head_rider {
    font-size: 24px !important;
  }

  .title_404 {
   font-size: 30px !important;
 }

 .sub_404 {
  font-size: 12px !important;
}

.title_505 {
 font-size: 30px !important;
}

.sub_505 {
  font-size: 12px !important;
}

section.error {
  padding-bottom: 50px !important;
}

img.locate {
  width: 60px !important;
}

div.goneproduct {
  display: none !important;
}

div.gonepay {
  display: none !important;
}

div.goneproductbig {
  display: block;
}

strong.totalprice {
  display: block !important;
}

strong.totalpremium {
  display: block !important;
}

div.gonetemp {
  display: none;
}

div.customers {
  margin-top: 2rem !important;
}

.fb_desc {
  text-align: justify !important;
}

.footer-row-3 {
  justify-content: center !important;
}

.footer-row-4 {
  justify-content: center !important;
}

.tempcol {
  max-width: unset !important;
}

#idinput {
  padding-left: 15px !important;
  max-width: 100% !important;
  margin-left: unset !important;
}

.mtsmall {
  margin-top: -2rem !important;
}

.form-group.privacy-form.pm-m.dropdown-styish-3 {
  margin: -2rem 0 30px !important;
}

.plefsmall {
  padding: 1rem !important;
}

select#id_type {
  /* background: transparent; */
  /* border-radius: 30px; */
  width: 100%;
  height: 52px;
  background: #fff !important;
  background-position: 0 15px !important;
  background-repeat: no-repeat;
  padding: 15px 30px 15px 0 !important;
}

section.register-banner {
  background: url(../img/register/register_bg.png) no-repeat;
  background-position: bottom;
  background-size: 100%;
  height: 28vh !important;
}

div.greyline {
  background: url(../img/register/greyline.png) no-repeat;
  background-position: center;
  background-size: 0%;
}

section.real-banner {
  background: url(../img/login/berry_banner.png) no-repeat;
  background-position: bottom;
  background-size: 100%;
  height: auto !important;
}

button.check {
  font-size: .7rem;
}
   /*img#addonicon {
    width: 30% !important;
    }*/

  }

  @media only screen and (max-width: 330px){

    .custcontainer {
      height: 28rem;
    }

  }

  @media only screen and (min-width: 800px) and (max-width: 1920px){

    .custcontainer {
      height: 22rem;
    }

  }

  @media only screen and (max-width: 992px){

    .faq_ctrl:before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODIiIHZpZXdCb3g9IjAgMCA4MiA4MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZCkiPgo8cGF0aCBkPSJNNDEgNzRDNjEuNDM0NSA3NCA3OCA1Ny40MzQ1IDc4IDM3Qzc4IDE2LjU2NTUgNjEuNDM0NSAwIDQxIDBDMjAuNTY1NSAwIDQgMTYuNTY1NSA0IDM3QzQgNTcuNDM0NSAyMC41NjU1IDc0IDQxIDc0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTU3LjgyMzcgMzEuNzYxOUg0Ny43MzgxQzQ2LjkwOTcgMzEuNzYxOSA0Ni4yMzgxIDMxLjA5MDMgNDYuMjM4MSAzMC4yNjE5VjIwLjE3NjNDNDYuMjM4MSAxNy4zMjk5IDQzLjg0NzQgMTUgNDEgMTVDMzguMTUyNiAxNSAzNS43NjE5IDE3LjMyOTkgMzUuNzYxOSAyMC4xNzYzVjMwLjI2MTlDMzUuNzYxOSAzMS4wOTAzIDM1LjA5MDMgMzEuNzYxOSAzNC4yNjE5IDMxLjc2MTlIMjQuMTc2M0MyMS4zMjk5IDMxLjc2MTkgMTkgMzQuMTUyNiAxOSAzN0MxOSAzOS44NDc0IDIxLjMyOTkgNDIuMjM4MSAyNC4xNzYzIDQyLjIzODFIMzQuMjYxOUMzNS4wOTAzIDQyLjIzODEgMzUuNzYxOSA0Mi45MDk3IDM1Ljc2MTkgNDMuNzM4MVY1My44MjM3QzM1Ljc2MTkgNTYuNjcwMSAzOC4xNTI2IDU5IDQxIDU5QzQzLjg0NzQgNTkgNDYuMjM4MSA1Ni42NzAxIDQ2LjIzODEgNTMuODIzN1Y0My43MzgxQzQ2LjIzODEgNDIuOTA5NyA0Ni45MDk3IDQyLjIzODEgNDcuNzM4MSA0Mi4yMzgxSDU3LjgyMzdDNjAuNjcwMSA0Mi4yMzgxIDYzIDM5Ljg0NzQgNjMgMzdDNjMgMzQuMTUyNiA2MC42NzAxIDMxLjc2MTkgNTcuODIzNyAzMS43NjE5WiIgZmlsbD0iIzdFNTRDRSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjAiIHk9IjAiIHdpZHRoPSI4MiIgaGVpZ2h0PSI4MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQgZHk9IjQiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      content: "";
      display: inline-block;
      height: 25px;
      /* margin: 0 0 0 25rem; */
      line-height: 1;
      vertical-align: middle;
      width: 25px;
      position: absolute;
      /* margin-top: 1rem; */
      cursor: pointer;
      right: 0rem;
    }

    .faq_ctrl.active:before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODIiIHZpZXdCb3g9IjAgMCA4MiA4MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZCkiPgo8cGF0aCBkPSJNNDEgNzRDNjEuNDM0NSA3NCA3OCA1Ny40MzQ1IDc4IDM3Qzc4IDE2LjU2NTUgNjEuNDM0NSAwIDQxIDBDMjAuNTY1NSAwIDQgMTYuNTY1NSA0IDM3QzQgNTcuNDM0NSAyMC41NjU1IDc0IDQxIDc0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTU4Ljk3NjUgNDEuMjMzOUw0NC4xNzU5IDI2LjUwODZDNDMuNzcyMyAyNi4xMDI4IDQzLjI5MTIgMjUuNzgwNiA0Mi43NjA1IDI1LjU2MDdDNDIuMjI5OCAyNS4zNDA4IDQxLjY2MDIgMjUuMjI3NSA0MS4wODQ5IDI1LjIyNzVDNDAuNTA5NiAyNS4yMjc1IDM5Ljk0IDI1LjM0MDggMzkuNDA5MyAyNS41NjA3QzM4Ljg3ODYgMjUuNzgwNiAzOC4zOTc1IDI2LjEwMjggMzcuOTkzOSAyNi41MDg2TDIyLjk0MjggNDEuMzkxNkMyMi40NzI0IDQxLjg1MjggMjIuMTE1IDQyLjQxNDUgMjEuODk3OSA0My4wMzM1QzIxLjY4MDggNDMuNjUyNiAyMS42MDk5IDQ0LjMxMjYgMjEuNjkwNCA0NC45NjMxQzIxLjc4NzQgNDUuNzc3MSAyMi4xMTY3IDQ2LjU0NyAyMi42Mzk3IDQ3LjE4MjdDMjMuMTYyOCA0Ny44MTgzIDIzLjg1OCA0OC4yOTMzIDI0LjY0MzkgNDguNTUyMkMyNS40Mjk5IDQ4LjgxMSAyNi4yNzQxIDQ4Ljg0MyAyNy4wNzc3IDQ4LjY0NDRDMjcuODgxNCA0OC40NDU3IDI4LjYxMTIgNDguMDI0NiAyOS4xODE4IDQ3LjQzMDRMNDAuMTU3IDM2LjYwMzNDNDAuMjc5MiAzNi40ODE0IDQwLjQyNDcgMzYuMzg0OCA0MC41ODUgMzYuMzE5MUM0MC43NDUyIDM2LjI1MzMgNDAuOTE3MSAzNi4yMTk3IDQxLjA5MDYgMzYuMjIwM0M0MS4yNjU5IDM2LjIxODggNDEuNDM5OCAzNi4yNTIgNDEuNjAyIDM2LjMxNzhDNDEuNzY0MiAzNi4zODM1IDQxLjkxMTYgMzYuNDgwNiA0Mi4wMzU2IDM2LjYwMzNMNTIuOTQyNSA0Ny40OThDNTMuNzAyNiA0OC4yNTM4IDU0LjcxOCA0OC43MDUxIDU1Ljc5MzggNDguNzY1NEM1Ni44Njk3IDQ4LjgyNTcgNTcuOTMwMSA0OC40OTA3IDU4Ljc3MTYgNDcuODI0N0M1OS4yMzQ3IDQ3LjQ1NjIgNTkuNjEzMyA0Ni45OTQzIDU5Ljg4MjMgNDYuNDY5OUM2MC4xNTEyIDQ1Ljk0NTQgNjAuMzA0MyA0NS4zNzAzIDYwLjMzMTQgNDQuNzgyOEM2MC4zNzE2IDQ0LjEzMDEgNjAuMjcxNiA0My40NzY0IDYwLjAzODEgNDIuODY0N0M1OS44MDQ2IDQyLjI1MyA1OS40NDI4IDQxLjY5NzIgNTguOTc2NSA0MS4yMzM5WiIgZmlsbD0iIzdFNTRDRSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjAiIHk9IjAiIHdpZHRoPSI4MiIgaGVpZ2h0PSI4MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQgZHk9IjQiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      content: "";
      display: inline-block;
      height: 25px;
      /* margin: 0 0 0 25rem; */
      line-height: 1;
      vertical-align: middle;
      width: 25px;
      position: absolute;
      /*margin-top: 1rem;*/
      cursor: pointer;
      right: 0rem;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    .acc_ctrl:before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODIiIHZpZXdCb3g9IjAgMCA4MiA4MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZCkiPgo8cGF0aCBkPSJNNDEgNzRDNjEuNDM0NSA3NCA3OCA1Ny40MzQ1IDc4IDM3Qzc4IDE2LjU2NTUgNjEuNDM0NSAwIDQxIDBDMjAuNTY1NSAwIDQgMTYuNTY1NSA0IDM3QzQgNTcuNDM0NSAyMC41NjU1IDc0IDQxIDc0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTU3LjgyMzcgMzEuNzYxOUg0Ny43MzgxQzQ2LjkwOTcgMzEuNzYxOSA0Ni4yMzgxIDMxLjA5MDMgNDYuMjM4MSAzMC4yNjE5VjIwLjE3NjNDNDYuMjM4MSAxNy4zMjk5IDQzLjg0NzQgMTUgNDEgMTVDMzguMTUyNiAxNSAzNS43NjE5IDE3LjMyOTkgMzUuNzYxOSAyMC4xNzYzVjMwLjI2MTlDMzUuNzYxOSAzMS4wOTAzIDM1LjA5MDMgMzEuNzYxOSAzNC4yNjE5IDMxLjc2MTlIMjQuMTc2M0MyMS4zMjk5IDMxLjc2MTkgMTkgMzQuMTUyNiAxOSAzN0MxOSAzOS44NDc0IDIxLjMyOTkgNDIuMjM4MSAyNC4xNzYzIDQyLjIzODFIMzQuMjYxOUMzNS4wOTAzIDQyLjIzODEgMzUuNzYxOSA0Mi45MDk3IDM1Ljc2MTkgNDMuNzM4MVY1My44MjM3QzM1Ljc2MTkgNTYuNjcwMSAzOC4xNTI2IDU5IDQxIDU5QzQzLjg0NzQgNTkgNDYuMjM4MSA1Ni42NzAxIDQ2LjIzODEgNTMuODIzN1Y0My43MzgxQzQ2LjIzODEgNDIuOTA5NyA0Ni45MDk3IDQyLjIzODEgNDcuNzM4MSA0Mi4yMzgxSDU3LjgyMzdDNjAuNjcwMSA0Mi4yMzgxIDYzIDM5Ljg0NzQgNjMgMzdDNjMgMzQuMTUyNiA2MC42NzAxIDMxLjc2MTkgNTcuODIzNyAzMS43NjE5WiIgZmlsbD0iIzdFNTRDRSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjAiIHk9IjAiIHdpZHRoPSI4MiIgaGVpZ2h0PSI4MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQgZHk9IjQiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      content: "";
      display: inline-block;
      height: 30px;
      /* margin: 0 0 0 25rem; */
      line-height: 1;
      vertical-align: middle;
      width: 30px;
      position: absolute;
      margin-top: 1rem;
      cursor: pointer;
      right: 2rem;
    }

    .acc_ctrl.active:after {

      content: "";
      display: inline-block;
      height: 30px;
      /* margin: 0 0 0 25rem; */
      line-height: 1;
      vertical-align: middle;
      width: 30px;
      position: absolute;
      margin-top: .5rem;
      cursor: pointer;
      right: 2rem;
    }

    .acc_ctrl.active:before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODIiIHZpZXdCb3g9IjAgMCA4MiA4MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZCkiPgo8cGF0aCBkPSJNNDEgNzRDNjEuNDM0NSA3NCA3OCA1Ny40MzQ1IDc4IDM3Qzc4IDE2LjU2NTUgNjEuNDM0NSAwIDQxIDBDMjAuNTY1NSAwIDQgMTYuNTY1NSA0IDM3QzQgNTcuNDM0NSAyMC41NjU1IDc0IDQxIDc0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTU4Ljk3NjUgNDEuMjMzOUw0NC4xNzU5IDI2LjUwODZDNDMuNzcyMyAyNi4xMDI4IDQzLjI5MTIgMjUuNzgwNiA0Mi43NjA1IDI1LjU2MDdDNDIuMjI5OCAyNS4zNDA4IDQxLjY2MDIgMjUuMjI3NSA0MS4wODQ5IDI1LjIyNzVDNDAuNTA5NiAyNS4yMjc1IDM5Ljk0IDI1LjM0MDggMzkuNDA5MyAyNS41NjA3QzM4Ljg3ODYgMjUuNzgwNiAzOC4zOTc1IDI2LjEwMjggMzcuOTkzOSAyNi41MDg2TDIyLjk0MjggNDEuMzkxNkMyMi40NzI0IDQxLjg1MjggMjIuMTE1IDQyLjQxNDUgMjEuODk3OSA0My4wMzM1QzIxLjY4MDggNDMuNjUyNiAyMS42MDk5IDQ0LjMxMjYgMjEuNjkwNCA0NC45NjMxQzIxLjc4NzQgNDUuNzc3MSAyMi4xMTY3IDQ2LjU0NyAyMi42Mzk3IDQ3LjE4MjdDMjMuMTYyOCA0Ny44MTgzIDIzLjg1OCA0OC4yOTMzIDI0LjY0MzkgNDguNTUyMkMyNS40Mjk5IDQ4LjgxMSAyNi4yNzQxIDQ4Ljg0MyAyNy4wNzc3IDQ4LjY0NDRDMjcuODgxNCA0OC40NDU3IDI4LjYxMTIgNDguMDI0NiAyOS4xODE4IDQ3LjQzMDRMNDAuMTU3IDM2LjYwMzNDNDAuMjc5MiAzNi40ODE0IDQwLjQyNDcgMzYuMzg0OCA0MC41ODUgMzYuMzE5MUM0MC43NDUyIDM2LjI1MzMgNDAuOTE3MSAzNi4yMTk3IDQxLjA5MDYgMzYuMjIwM0M0MS4yNjU5IDM2LjIxODggNDEuNDM5OCAzNi4yNTIgNDEuNjAyIDM2LjMxNzhDNDEuNzY0MiAzNi4zODM1IDQxLjkxMTYgMzYuNDgwNiA0Mi4wMzU2IDM2LjYwMzNMNTIuOTQyNSA0Ny40OThDNTMuNzAyNiA0OC4yNTM4IDU0LjcxOCA0OC43MDUxIDU1Ljc5MzggNDguNzY1NEM1Ni44Njk3IDQ4LjgyNTcgNTcuOTMwMSA0OC40OTA3IDU4Ljc3MTYgNDcuODI0N0M1OS4yMzQ3IDQ3LjQ1NjIgNTkuNjEzMyA0Ni45OTQzIDU5Ljg4MjMgNDYuNDY5OUM2MC4xNTEyIDQ1Ljk0NTQgNjAuMzA0MyA0NS4zNzAzIDYwLjMzMTQgNDQuNzgyOEM2MC4zNzE2IDQ0LjEzMDEgNjAuMjcxNiA0My40NzY0IDYwLjAzODEgNDIuODY0N0M1OS44MDQ2IDQyLjI1MyA1OS40NDI4IDQxLjY5NzIgNTguOTc2NSA0MS4yMzM5WiIgZmlsbD0iIzdFNTRDRSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjAiIHk9IjAiIHdpZHRoPSI4MiIgaGVpZ2h0PSI4MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQgZHk9IjQiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      content: "";
      display: inline-block;
      height: 30px;
      /* margin: 0 0 0 25rem; */
      line-height: 1;
      vertical-align: middle;
      width: 30px;
      position: absolute;
      margin-top: 1rem;
      cursor: pointer;
      right: 2rem;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    section.our-story-banner {
      background: #fff !important;
      height: auto !important;
    }

    section.in-the-news-banner {
      /* background: #F2FDFF !important; */
      background-position: -630px 220px;
      background-size: cover;
      height: 80vh !important;
    }

    #footer-container {
      padding-right: 2rem !important;
    }

    .itntitle {
      font-size: 1.5rem !important;
      top: 20% !important;
    }

    .itnsub {
      top: 30% !important;
    }

    .hiwbike {
      height: 25vh !important;
    }

    .gone {
      display: none;
    }

    .bg-car {
      background: url(../img/product_page/bg-car.png);
      background-repeat: no-repeat;
      background-size: cover;
      height: unset;
    }

    .bg-bike{
      background: url(../img/product_page/bg-bike.png);
      background-repeat: no-repeat;
      background-size: cover;
      height: unset;
    }

    .bg-car-temp {
      height: unset !important;
    }

    .bg-bike-temp{
      height: unset !important;
    }

    div.failtemp {
      display: none !important;
    }

    div.insurancecard {
      margin-left: unset !important;
    }

    .product-page .questions {
      height: auto !important;
    }

    a.check {
      font-size: .7rem;
    }

    h2.vehinfo {
      font-size: 1.6rem !important;
    }

    .modaltitle {
      font-size: 20px !important;
    }

    .vehicle-description label {
      font-size: .8rem !important;
    }

    .h5, h5 {
      font-size: 1rem !important;
    }

    .h6, h6 {
      font-size: .8rem !important;
    }

    .custom-checkbox .custom-control-label:before {
      border-radius: 100px;
      background-color: #fff;
      border: 1px solid #946ec0;
      height: 1.5rem !important;
      width: 1.5rem !important;
    }

    .custom-control-label:after, .custom-control-label:before {
      height: 1.5rem !important;
      width: 1.5rem !important;
      top: .2rem !important;
    }

    div.edit-detail-card {
      padding: 1rem !important;
    }

    label.edit-detail-label {
      border-right: unset !important;
    }

    div.insurance-code {
      font-size: 14px !important;
    }

    div.insurance-code_covid {
      font-size: 18px !important;
    }

    .message-bird#live-chat-widget {
      bottom: 126px !important;
    }

    .scroll-top-wrapper {
      position: fixed;
      opacity: 0;
      visibility: hidden;
      overflow: hidden;
      text-align: center;
      z-index: 99999999;
      background-color: #777777;
      color: #eeeeee;
      width: 50px;
      height: 48px;
      line-height: 55px;
      /* right: 85px; */
      left: 10px;
      bottom: 142px !important;
      padding-top: 2px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }

    .custom-control-label:after, .custom-control-label:before {
      left: -1.5rem !important;
    }

    .smalltext {
      font-size: .8rem !important;
    }

    .side_icon {
      width: 25px !important;
    }

    .cov_label_payable {
      font-size: .8rem !important;
    }

    .wrapper-steps header .steps li.active:after {
      height: 2rem !important;
      left: 0;
      top: 66%;
      transform: none;
      width: 2rem !important;
    }

    .for_covid {
      position: relative;
      top: unset !important;
    }

    .threeK {
      font-size: 1rem !important;
    }

  }

  @media only screen and (max-width: 1200px){

    .currentcol {
      display: none;
    }

  }

  @media only screen and (min-width: 768px){

    div.goneproductbig {
      display: none;
    }

    div.marginnation {
      padding-top: .25rem !important;
      margin-top: 1rem !important;
    }

    div.margindob {
      padding-top: .25rem !important;
      margin-top: 1rem !important;
    }

    .marginsmall {
      margin-left: unset !important;
    }

    div.gonebig {
      display: none;
    }

    div.productcard {
      height: 22rem;
    }

    select#id_type {
      width: 112%;
      height: 52px;
      background: url(../img/select/nric.png);
      background-position: 0 15px !important;
      background-repeat: no-repeat;
      padding: 15px 30px 15px 0 !important;
      text-indent: 60px;
    }

  }

  @media only screen and (min-width: 992px){

    .auto{
      display: initial;
    }

    div.gonepayfail {
      display: none !important;
    }

    .ml-lg-si {
      margin-left: -4rem !important;
    }

    .ml-lg-payment {
      margin-left: -2rem !important;
    }

  }

  @media only screen and (min-width: 1200px){

    .auto{
      display: none;
    }

    div.goneproductbig {
      display: none;
    }

    .gonepayfail-lg {
      display: none !important;
    }

    .ml-lg-card {
      margin-left: -6rem !important;
    }

    select#id_type {
      width: 112%;
      height: 52px;
      background: url(../img/select/nric.png);
      background-position: 0 15px !important;
      background-repeat: no-repeat;
      padding: 15px 30px 15px 0 !important;
      text-indent: 60px;
    }

  }

/*global class for product campaign*/
.product-campaign b {
    color: #ffffff !important;
}