.hv .callme{
    display:none;
}

body.hv .main_content {
    background-image:
      url(../images/hv-bg-buildings.png),
      url(../images/hv-bg.jpg);
    background-size:
      auto 32.5%,
      cover;
    background-position:
      center bottom 0px,
      center top;
    background-repeat:
      repeat-x,
      no-repeat;
    font-size: 1em;
    
    image-rendering: -moz-crisp-edges;
    image-rendering: pixelated;
}
body.hv .main_content.customBG {
    background: none;
}
.wrapper, .main_content {
    height: 100%;
    image-rendering: auto;
}
.wrapper-logo {
    position: relative;
    margin: 0;
    top: 8%;
}
.hv .wrapper-logo{
top:4vh;
}

h1 {
    font-size: 3.5em;
    display: block;
    width: 100%;
}
.form-submit {
    box-shadow: 5px 0 20px rgba(0,0,0,0.2);
    border: 2px solid #12A3D9;
    border-left-color: transparent;
    font-size: 1.2em;
}
#edit-address {
    border-color: #12A3D9;
}
@-moz-document url-prefix() { 
    #edit-address {
        padding-left: 3em;
    }
}


@media (max-width: 1200px) {
    h1 {
        font-size: 3em;
    }
}

@media (max-height: 900px) and (min-width: 500px) {
    body.hv {
        /* background-size:
          auto 250px,
          cover; */
    }
}

@media (max-width: 1600px) and (max-height: 730px) {
    body.hv {
        /* font-size: 0.8em; */
    }
    .wrapper-logo {
        height: 100px;
    }
    footer {
        /* font-size: 1em; */
    }
}

@media (max-width: 800px) and (max-height: 600px) {
    h1 {
        
/* font-size: 2.5em; */
    }
}

@media (max-width: 1000px) {
    h1 {
        font-size: 2.5em;
    }
}

@media (max-width: 730px) {
    body {
        font-size: 0.8em;
    }
    .description p {
        font-size: 1em;
    }

    footer {
        /* font-size: 1em; */
    }
}

@media (min-width: 481px) and (max-height: 650px) {
    body.hv {
        /* background-size:
          auto 150px,
          cover; */
    }
}

@media (min-width: 481px) and (max-width: 900px) and (max-height: 680px) {
    body.hv {
/*         background-size:
            auto 100px,
            cover; */
    }
    .wrapper-logo {
        background-size: auto 60%;
    }
}

/*
@media (max-width: 640px) {
    body.hv {
        font-size: 0.8em;
    }
    .description p {
        font-size: 1em;
    }
    .wrapper-logo {
        top: 16px;
        height: 90px;
    }
    .wrapper-inner {
         -webkit-transform: translateY(-90%);
        transform: translateY(-90%);
    }
    #edit-address {
        height: 45px;
        padding-left: 2.5em;
    }
    .form-submit {
        height: 45px;
        padding: 0 3px;
    }
    #whats_my_home_worth_form .form-item {
        width: 72%;
        min-width: 0;
    }
    footer {
        font-size: 1em;
    }
}

@media (max-width: 568px) and (max-height: 568px) {
    html, body.hv {
        height: 100%;
        overflow: hidden;
    }
    body.hv {
        background-size:
          auto 20%,
          cover;
    }
}*/

/* iPhone 6+ */
@media (max-width: 768px) {
    html, body.hv {
        font-size: 1em;
    }
    #whats_my_home_worth_form .form-item,
    #whats_my_commercial_property_worth_form .form-item {
        width: 65%;
        align-self: center;
    }
    #edit-unit_no, #edit-address{
        border:none;
        background-image:none;
        padding-left: 1.5em;
        background-color: #fff;
    }
    #whats_my_home_worth_form .form-item,
    #whats_my_commercial_property_worth_form .form-item {
        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.52);
        margin-bottom:1.3em;
    }
    .formvaluation-wrapper{
        flex-direction: column;
        height: auto;
    }
    .step-1.hv .description,
    #whats_my_home_worth_form .search_button,
    #whats_my_commercial_property_worth_form .search_button {
        width: 65%;
        max-width: 65%;
        margin:0 auto;
    }
    .step-1.hv .description p{
        margin-left:0px;
        margin-right:0px;
        line-height:1.2;
    }
    #whats_my_home_worth_form .search_button input.form-submit,
    #whats_my_commercial_property_worth_form .search_button input.form-submit {
        border-radius:0px;
        box-shadow: none;
        border:none;
        background-color:#46b6ff;
    }
    .step-1.hv .form_heading{
        width: 65%;
        text-align: left;
        margin: 2em auto 1em;
        padding-right:5%;
    }
    .step-1.hv .form_heading h1{
        padding:0px;
    }
    #whats_my_home_worth_form .formvaluation-wrapper div.form-item:nth-child(2),
    #whats_my_commercial_property_worth_form .formvaluation-wrapper div.form-item:nth-child(2) {
        width: 65%;
        max-width: 65%;
    }
    #whats_my_home_worth_form > div,
    #whats_my_commercial_property_worth_form > div {
        height:auto;
    }
    .step-1.hv .wrapper-inner{
        position:static;
        -webkit-transform: none;
        transform: none;
        padding-top: 2em;
    }
    .hv .wrapper-logo {
        top: 1.5em;
        height: 70px;
        width: 65%;
        text-align: left;
    }
    .step-1.hv .description{
        text-align:left;
    }
    .hv .callme{
        display:block;
        width: 80px;
    float: right;
    color: #5fb9f3;
    border: 1px solid #71c7ff;
    border-radius: 3px;
    padding: 0.3em 0.5em;
    font-size: 0.9em;
    text-align: center;
    margin-top: 25px;
    font-family: 'gorditaregular','Open Sans', sans-serif;
    }
    .hv .main_content.customBG .callme{
        background: #fff;
        opacity: 0.8;
    }
    .hv .callme:before{
        content: "\f095";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        position: relative;
        top: 1px;
        padding-right: 8px;
    }
    .hv .callme.partner{
        width: auto;
        display: flex;
        flex-direction: column;
        border: none;
        margin-top:0px;
    }
    .hv .callme.partner:before{
        display:none;
    }
    .hv .callme.partner .callme{
        width:auto;
        margin-top: 0;
    margin-bottom: 15px;
    }
}
@media (max-width: 736px) and (max-height: 736px) {
    html, body.hv {
        height: 100%;
        overflow: auto;
    }
    .wrapper-logo {
        height: 80px;
    }
    h1 {
        font-size: 2.2em;
        padding: 0 10px;
    }
    .description p {
        font-size: 0.9em;
    }
    
    .form-submit {
        padding: 0 3px;
    }
}


@media (max-width: 568px) and (max-height: 568px) {
    html, body.hv {

    }
    body.hv {
        background-size:
          auto 20%,
          cover;
    }
    .wrapper-logo {
        height: 50px;
        top: 0;
        margin-top: 5px;
    }
}

/* Mobile Landscape */
@media (min-width: 430px) and (max-height: 600px) {
    html, body.hv {
        height: 600px;
        overflow: auto;
    }
    body.hv .main_content{
        background-size:
          auto 190px,
          cover;
        background-position:
          center bottom 0px,
          center center;
    }
    .wrapper-logo {
/*         height: 80px; */
    }
}

@media (max-width: 480px) and (max-height: 700px) {

    .description p {
        font-size: 0.9em;
    }
    .wrapper-inner {
         -webkit-transform: translateY(-84%);
        transform: translateY(-84%);
    }
    .wrapper-logo {
      margin-top: 20px;
      top: 0;
    }
    
}


@media (max-width: 580px) {
.step-1.hv .form_heading {
    width: 85%;
    padding-right: 15%;
}
#whats_my_home_worth_form .form-item,
#whats_my_commercial_property_worth_form .form-item,
.hv .wrapper-logo{
    width:85%;
}
.step-1.hv .description, 
#whats_my_home_worth_form .search_button,
#whats_my_home_worth_form .formvaluation-wrapper div.form-item:nth-child(2),
#whats_my_commercial_property_worth_form .search_button,
#whats_my_commercial_property_worth_form .formvaluation-wrapper div.form-item:nth-child(2) {
    width: 85%;
    max-width: 85%;
}
}

@media (max-width: 500px) {
    body.hv .main_content{
        background-position:
          center bottom 0px,
          center top;
    }
}
/* iPhone 5 */
@media (max-width: 569px) and (max-height: 321px){
  body.hv .wrapper-inner{
    top: 40%;
  }
}

/* iPhone 4 */
@media (max-width: 480px) {
    .step-1.hv .form_heading{
        padding-right:0;
    }
}
@media (max-width: 480px) and (max-height: 480px) {
    html, body.hv {
        height: 480px;
        overflow: auto;
    }
    body.hv .main_content{
        background-size: 
           auto 22%,
           cover;
    }
}


@media (max-width: 420px) {
    .step-1.hv .form_heading h1{
        font-size: 1.9em;
    }
    #whats_my_home_worth_form .form-item,
    #whats_my_commercial_property_worth_form .form-item {
        min-width:10px;
    }
    .wrapper-logo.partners img{
        width: 80px;
        margin-top: 20px;
    }
}

@media (max-width: 355px) {
    .step-1.hv .form_heading h1{
        font-size: 1.6em;
    }
}


@media (min-width: 400px) and (max-width: 640px) {
    .form-submit {
        padding: 0 8px;
    }
}

@media (min-width: 2200px) {
    #whats_my_home_worth_form .formvaluation-wrapper div.form-item:nth-child(2),
    #whats_my_commercial_property_worth_form .formvaluation-wrapper div.form-item:nth-child(2) {
        min-width:350px;
    }
    .wrapper-logo {
        height: 200px;
    }
    .wrapper-logo img {
        height: 100%;
    }
    .wrapper-inner, footer {
        font-size: 2em;
    }
    footer {
        font-size: 1.5em;
    }
    footer #incom-logo {
        height: 45px;
    }
    #whats_my_home_worth_form > div,
    #whats_my_commercial_property_worth_form > div,
    .formvaluation-wrapper,
    #edit-unit_no,
    #edit-address, .form-submit {
        height: 100px;
    }
    #edit-address {
        border-radius: 10px 0 0 10px;
    }
    .form-submit {
        border-radius: 0 10px 10px 0;
        margin-left: -10px;
    }
    .pac-item-query, .pac-item-query + span {
        font-size: 3em;
    }
    .pac-item {
        height: 60px;
        line-height: 60px;
    }
    .pac-icon {
        height: 95%;
        width: 40px;
        background-size: 102px 840px;
        background-position: -4px -546px;
    }
}

input.form-submit[disabled="disabled"]{
    opacity:0.4;
}

/*Fix for mobile when keyboard is activated for typing*/
@media (max-width: 900px) and (orientation: landscape) {
    .customimageUser {
        height: 600px;
    }
}
@media (max-width: 480px) and (max-height: 480px) {
    html, body.hv {
        height: 600px;
    }
}