body{margin: 0; padding: 0; font-family: Calibri, Arial; font-size: 1.6rem; background-color: white; color: #474746; overflow-x: hidden;}
h1{margin: 0; padding: 0.5rem 0; font-size: 3.0rem; font-weight: bold; line-height: 3.5rem;}
h2{margin: 0; padding: 0.3rem 0; font-size: 2.6rem; font-weight: bold; line-height: 3.5rem;}
h3{margin: 0; padding: 0.3rem 0; font-size: 2.2rem;}
h3 a:link, h3 a:visited{margin: 0; padding: 0.3rem 0; font-weight: bold; font-size: 2.0rem;}
p{margin: 0; padding: 0.4rem 0; font-size: 1.8rem; line-height: 3rem;}
/*ul, li, input{font-size: 1.8rem;}*/
label{font-size: 1.8rem; line-height: 2.0rem;}
a:link, a:visited{margin: 0; font-size: 1.8rem; line-height: 3rem; color: #474746;}

.mypaging a:link, .mypaging a:visited{line-height: 2rem;}
.mypaging .pagination{justify-content: center;}

.navbar-light .navbar-nav .nav-link {
    font-weight: bold;
    color: #474746;
}


a.anim-border-bottom{
    position: relative;
    color: #474746;
    text-decoration: none;
}
a.anim-border-bottom:hover{
    color: red;
}
a.anim-border-bottom:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: red;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
a.anim-border-bottom:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


@media (max-width: 767px) {
    html{
        font-size: 50%;
    }
    .hot-property-img{
        width: 52rem;
        height: 34.4rem;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    .search-property-img{
        width: 40rem;
        height: 27rem;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    p{
        font-size: 2.2rem;
    }
    #map{
        width: 100%;
        height: 50rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    html{
        font-size: 43%;
    }
    .nav-item{
        margin-left: 0;
    }
    .hot-property-img{
        width: 32rem;
        height: 21.2rem;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    .aboutus-padding-right{
        padding-right: 4rem;
    }
    .aboutus-padding-left{
        padding-right: 4rem;
    }
    .search-property-img{
        width: 24rem;
        height: 16rem;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    .regions-padding-left{
        padding-left: 4rem;
    }
    #map{
        width: 100%;
        height: 73rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    html{
        font-size: 50%;
    }
    .nav-item{
        margin-left: 2rem;
    }
    .hot-property-img{
        width: 27rem;
        height: 17.8rem;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    .aboutus-padding-right{
        padding-right: 4rem;
    }
    .aboutus-padding-left{
        padding-right: 4rem;
    }
    .search-property-img{
        width: 25rem;
        height: 16rem;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    .regions-padding-left{
        padding-left: 4rem;
    }
    #map{
        width: 100%;
        height: 70rem;
    }
}

@media (min-width: 1200px) {
    html{
        font-size: 60%;
    }
    .nav-item{
        margin-left: 2rem;
    }
    .hot-property-img{
        width: 27rem;
        height: 17.8rem;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    .aboutus-padding-right{
        padding-right: 4rem;
    }
    .aboutus-padding-left{
        padding-right: 4rem;
    }
    .search-property-img{
        width: 25rem;
        height: 16rem;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    .regions-padding-left{
        padding-left: 4rem;
    }
    #map{
        width: 100%;
        height: 65rem;
    }
}