﻿


.html-landing-page .master-wrapper-content {
  background-image: url("../images/landing.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  background-color: transparent!important;
}
.html-landing-page .master-column-wrapper {
  background-color: transparent !important;
}
.landing-page {
  padding-top: 48px;
  height: 100vh;
}

  .landing-page .page-header {
    padding-bottom: 12px;
    width: 250px;
    height:110px;
    margin: 0 auto;
  }
  .landing-page .page-header img {
      display: block;
      width: 100%;
      height: 100%;
  }

    .landing-page .page-header h3 {
      color: #ffffff;
      text-align: center;
    }

/*.landing-page-content .content-header {
    padding: 55px 0;
}*/

.landing-page-content .content-header h1 {
  text-align: center;
  color: #ffffff;
}

.finding-options-wrapper {
  padding: 38px 0 0;
}

.finding-options {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}

.finding-option {
  flex-basis: 25%;
  padding-bottom: 20px;
}

  .finding-option:not(:last-of-type) {
    padding-right: 20px;
  }
  .finding-option a {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #E6EFFB;
    border-radius: 20px;
    padding: 30px;
  }
  .finding-option a:hover {
      text-decoration: none;
  }
  .finding-option h2 {
    margin: 10px 0 27px;
  }
  .finding-option p {
    text-align: center;
    font-size: 14px;
    font-family: "Gilroy Regular";
    color: #9FA0AF;
    line-height: 18px;
    margin-bottom: 19px;
  }

  .finding-option .btn.btn-default {
    padding: 7px 15px 8px;
    font-size: 14px;
  }

  .finding-option .btn-has-icon .icon-chevron-right {
    font-size: 10px;
    margin-left: 12px
  }


.car-parts,
.home-appliance,
.grocery {
  background-repeat: no-repeat;
  background-position: center;
  width: 100px;
  height:100px;
}

.property-icons {
    width: 100px;
    height: 100px;
}
.vehicle-icons {
    width: 200px;
    height: 100px;
}


.icons img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.car-parts {
  background-image: url('../images/Group 19709.png');
  background-size: 86px;
}

.home-appliance {
  background-image: url('../images/Group 19715.png');
  background-size: 85px;
}

.grocery {
  background-image: url(../images/shop.png);
}

@media (max-width: 767.98px) {
  .html-landing-page .master-wrapper-content {
    background-image: url("../images/landingmobile.png");
  }
  .html-landing-page .master-column-wrapper {
    height: 100vh!important;
  }
  /*  .html-landing-page .master-wrapper-page {
    height:100vh;
}*/
  .html-landing-page #backTop {
    display: none;
  }

    .landing-page {
    height: auto !important;
    padding-top: 17%;
  }
  .landing-page-content .content-header h1 {
      font-family: "Gilroy Regular";
      font-size: 16px;
      line-height: 21px;
  }
  .landing-page .page-header h3 {
      font-size: 29px;
      line-height: 38px;
      font-family:"Gilroy Bold";
  }
  .finding-options-wrapper.for-desktop {
    display: none;
  }

  .finding-options.download-buttons {
      margin-top: 75px;
  }

  .finding-option {
    flex-basis: 100%;
  }
    .finding-option:not(:last-of-type) {
        padding-right: 0;
    }

    .finding-option a {
      display: flex;
      flex-flow: row wrap;
      background-color: #f8f8fa;
      border: 1px solid #e6effb;
      border-radius: 20px;
      padding: 10px 25px;
      align-items: center;
    }
    .finding-option.download-app-buttons a {
        background-color: #000000;
        color: #ffffff;
        border: none;
        padding: 20px
    }
    .finding-option.download-app-buttons .icons.appstore-icon {
        width: 21px;
        height: 25px;
    }
    .finding-option.download-app-buttons .icons.playstore-icon {
      width: 21px;
      height: 25px;
    }
    .finding-option h2 {
      margin: 0;
      font-family: "Gilroy Medium";
      font-size: 16px;
      line-height: 22px;
      color: #000000;
      flex-basis: 65%;
      padding-left: 10px;
    }
    .finding-option.download-app-buttons p {
      color: #ffffff;
      font-family: "Gilroy Medium";
      font-size: 16px;
      width: 93%;
      padding-left: 10px;
      margin-left: 0;
    }
    .finding-option .btn {
      padding: 0;
    }
    .finding-option .car {
      width: 50px;
      height: 37px;
      background-size: 50px 37px;
    }

    .finding-option .estate {
      width: 48px;
      height: 48px;
      background-size: 48px;
    }

    .finding-option .home-appliance,
    .finding-option .car-parts,
    .finding-option .grocery {
      width: 45px;
      height: 45px;
      background-size: 45px;
    }

    .finding-option p {
      font-size: 16px;
      line-height: 21px;
      color: #000000;
      width: 75%;
      text-align: left;
      margin-left: 10px;
      margin-bottom: 0;
    }

    .finding-option .icon-chevron-right {
      font-size: 13px;
      color: #0F3F62;
    }
  .landing-page-content .content-header {
    padding: 0;
  }
}

@media (device-width: 375px) and (device-height: 667px) {
  .finding-options.download-buttons {
      margin-top:50px;
  }
  .icons.vehicle-icons {
    background-size: 45px!important;
  } 
  .icons.property-icons {
      background-size: 45px!important;
  }
  .icons {
      width:50px!important;
      height: 50px!important;
  }
  .finding-option.download-app-buttons .icons.appstore-icon {
    width: 21px !important;
    height: 25px !important;
  }

  .finding-option.download-app-buttons .icons.playstore-icon {
    width: 21px !important;
    height:25px !important;
  }
}

/*Galaxy S7,S8*/

@media (device-width: 360px) and (device-height: 740px) {
  .finding-options.download-buttons {
    margin-top: 50px;
  }

  .icons.vehicle-icons {
    background-size: 45px !important;
  }

  .icons.property-icons {
    background-size: 45px !important;
  }

  .icons {
    width: 50px !important;
    height: 50px !important;
  }

  .finding-option.download-app-buttons .icons.appstore-icon {
    width: 21px !important;
    height: 25px !important;
  }

  .finding-option.download-app-buttons .icons.playstore-icon {
    width: 21px !important;
    height: 25px !important;
  }
}
/*Galaxy S20, S21, S22*/
@media (device-width: 360px) {
  .finding-options.download-buttons {
    margin-top: 50px;
  }

  .icons.vehicle-icons {
    background-size: 45px !important;
  }

  .icons.property-icons {
    background-size: 45px !important;
  }

  .icons {
    width: 50px !important;
    height: 50px !important;
  }

  .finding-option.download-app-buttons .icons.appstore-icon {
    width: 21px !important;
    height: 25px !important;
  }

  .finding-option.download-app-buttons .icons.playstore-icon {
    width: 21px !important;
    height: 25px !important;
  }
  .finding-option.download-app-buttons p {
    width: 75%;
    padding-left: 5px;
    margin-left: 0;
  }
}
/*Galaxy S20+, S21+, S22+ and S23Ultra*/
@media (device-width: 384px) {
  .finding-options.download-buttons {
    margin-top: 100px;
  }

  .icons.vehicle-icons {
    background-size: 45px !important;
  }

  .icons.property-icons {
    background-size: 45px !important;
  }

  .icons {
    width: 50px !important;
    height: 50px !important;
  }

  .finding-option.download-app-buttons .icons.appstore-icon {
    width: 21px !important;
    height: 25px !important;
  }

  .finding-option.download-app-buttons .icons.playstore-icon {
    width: 21px !important;
    height: 25px !important;
  }
}
/*Google Pixel*/
@media(device-width:393px) {
  .finding-options.download-buttons {
    margin-top: 75px;
  }
}
  /*Google Pixel*/
  @media(device-width:412px) {
    .finding-options.download-buttons {
      margin-top: 100px;
    }
  }

  /* Galaxy S21 Ultra and S20 Ultra*/
  @media(device-width:412px) and (device-height: 915px) {
    .finding-options.download-buttons {
      margin-top: 100px;
    }
  }
  /* Galaxy S9+*/
  @media(device-width:412px) and (device-height: 846px) {
    .finding-options.download-buttons {
      margin-top: 100px;
    }
  }
  /* iphone 6,7,8 plus*/
  @media(device-width:414px) and (device-height: 736px) {
    .finding-options.download-buttons {
      margin-top: 50px;
    }
  }
  /* iphone 11,x*/
  @media(device-width:375px) and (device-height: 812px) {
    .finding-options.download-buttons {
      margin-top: 50px;
    }
  }
  /* iphone 11 pro,x*/
  @media(device-width:375px) and (device-height: 812px) {
    .finding-options.download-buttons {
      margin-top: 50px;
    }
  }
  /* iphone 12,12 pro,13,13 pro,14*/
  @media(device-width:390px) and (device-height: 844px) {
    .finding-options.download-buttons {
      margin-top: 50px;
    }
  }
  /* iphone 11 pro max,pro x*/
  @media(device-width:414px) and (device-height: 896px) {
    .finding-options.download-buttons {
      margin-top: 50px;
    }
  }
  /* iphone 12 pro max,13 pro max, 14 promax*/
  @media(device-width:428px) and (device-height: 926px) {
    .finding-options.download-buttons {
      margin-top: 100px;
    }
  }
  /* iphone 12 pro mini,13 pro mini*/
  @media(device-width:360px) and (device-height: 780px) {
    .finding-options.download-buttons {
      margin-top: 50px;
    }
  }
  /*iPhone 15, 15Pro and 14Pro*/
  @media(device-width:393px) and (device-height: 852px) {
    .finding-options.download-buttons {
      margin-top: 50px;
    }
  }

  @media (min-width: 768px) {
    .finding-options-wrapper.for-desktop {
      display: flex;
      flex-flow: row wrap;
      padding-left: 50px;
    }

    .finding-options {
      width: 100%;
    }
  }

  @media(min-width: 768px) and (max-width:1023.98px) {
    .html-landing-page #backTop {
      display: none;
    }

    .finding-option {
      flex-basis: 50%;
    }

      .finding-option:last-of-type,
      .finding-option:nth-of-type(2n) {
        padding-right: 0;
      }

    .landing-page-content .content-header {
      padding: 0;
    }

      .landing-page-content .content-header h1 {
        font-family: "Gilroy Regular";
        font-size: 22px;
        line-height: 21px;
      }

    .landing-page .page-header h3 {
      font-size: 32px;
      line-height: 38px;
      font-family: "Gilroy Bold";
    }

    .finding-option a {
      padding: 20px 25px;
    }

    .estate, .car, .car-parts, .home-appliance, .grocery {
      width: 85px;
      height: 85px;
      background-size: 75px;
    }

    .finding-option h2 {
      margin: 10px 0 20px;
    }
  }

  @media(min-width: 1024px) and (max-width:1199.98px) {
    .html-landing-page #backTop {
      display: none;
    }

    .finding-option {
      flex-basis: 50%;
    }

      .finding-option:last-of-type,
      .finding-option:nth-of-type(2n) {
        padding-right: 0;
      }



      .finding-option h2 {
        font-size: 20px;
        line-height: 28px;
      }

    .estate,
    .car,
    .car-parts,
    .home-appliance,
    .grocery {
      width: 50px;
      height: 50px;
      background-size: 50px;
    }
  }

  @media(min-width: 1200px) and (max-width:1365.98px) {
    .html-landing-page #backTop {
      display: none;
    }

    .finding-option {
      flex-basis: 25%;
    }

      .finding-option h2 {
        font-size: 20px;
        line-height: 28px;
      }

    .estate,
    .car,
    .car-parts,
    .home-appliance,
    .grocery {
      width: 50px;
      height: 50px;
      background-size: 50px;
    }
  }
