/*
*===================================================================================================
This file contains css code for new developments website
*===================================================================================================
 */

/*** start of universal css ***/

@font-face {
    font-family: 'Nexa Light';
    src: url('font/nexa/Nexa-Light.eot');
    src: url('font/nexa/Nexa-Light.eot?#iefix') format('embedded-opentype'),
    url('font/nexa/Nexa-Light.woff2') format('woff2'),
    url('font/nexa/Nexa-Light.woff') format('woff'),
    url('font/nexa/Nexa-Light.ttf') format('truetype'),
    url('font/nexa/Nexa-Light.svg#Nexa Light') format('svg');
}

@font-face {
    font-family: 'Montserrat';
    src: url('font/montserrat/Montserrat-Light.woff2') format('woff2'),
    url('font/montserrat/Montserrat-Light.woff') format('woff');
}

@font-face {
    font-family: 'Baskerville ';
    src: url('font/baskerville/BaskervilleBT-BoldItalic.woff2') format('woff2'),
    url('font/baskerville/BaskervilleBT-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Baskerville Bold';
    src: url('font/baskerville/BaskervilleBT-Italic.woff2') format('woff2'),
    url('font/baskerville/BaskervilleBT-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Ico Moon";
    src: url(webfonts/icomoon.woff) format("woff"), url(webfonts/icomoon.ttf) format("ttf"), url(webfonts/icomoon.svg) format("svg"), url(webfonts/icomoon.eot) format("eot");
    font-display: swap;
}
[class*=" customIcon-"],
[class^="customIcon-"] {
    font-family: "Ico Moon" !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
}
.customIcon-property-size:before {
    content: "\e900";
    font-weight: 700;
}
.customIcon-payment-terms:before {
    content: "\e902";
    font-weight: 700;
}

.darker-gray{
    color: #111
}

.btn-outline-dark:focus,
.btn-dark:focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0 rgb(33 37 41 / 50%);
}

body {
    font-family: 'Montserrat';
    color: #000000;
}

:root {
    --primary-color: #000000;
}

.is-invalid {
    color: red;
}

.padding-5 {
    padding: 0 0.5rem;
}

.padding-6 {
    padding: 0 0.85rem;
}

.remove-right-padding {
    padding-right: 0;
}

.remove-left-padding {
    padding-left: 0;
}

a {
    text-decoration: none;
}

.remove-padding {
    padding-left: 0;
    padding-right: 0;
}

.new-dev-btn {
    background: #fccd31;
    color: #000000;
}

.card {
    border: none;
}


/*** end of universal css ***/

/*** start of header css ***/
#currency-changer {
    position: absolute;
    z-index: 1000;
    background: black;
    color: white;
    padding: 0.3rem 1rem;
    margin-top: 0.5rem;
    right: 10%;
    border-radius: 0.5rem;
}

#currency-changer ul {
    margin-bottom: 0;
}

#search-icon {
    color: #ffffff;
}

.header-background {
    background: #000000;
}

nav a {
    color: #ffffff;
}

.breadcrumb a {
    color: #000000;
}

.breadcrumb a:hover {
    color: #000000;
}

nav a:hover {
    color: #ffffff;
}

.dropdown-menu .dropdown-item {
    color: #212529;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    color: #000000;
}

.navbar-toggler-icon {
    color: #ffffff;
    padding-top: .2rem;
}

.navbar-toggler {
    padding-right: 0;
}

.nav-link {
    font-weight: bold;
}

.nav-link.active {
    border-bottom: 2px solid #fccd31;
    padding-bottom: 0;
}

.list-dev-btn {
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
    border: 1px solid #fccd31;
    color: #fccd31;
}

feat
.list-dev-btn:hover {
    background: #fccd31;
    color: #000000;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
    margin-right: .5rem;
    margin-left: .5rem;
}

.currency-change img {
    width: 2.5rem;
}

.login img {
    width: 2.1rem;
}

.currency-change {
    padding-top: 0.1rem;
}

.login {
    padding-top: 0.3rem;
    margin-right: 0 !important;
}

.navbar-expand-lg .navbar-nav .nav-link.list-dev-btn {
    margin-right: 0.3rem !important;
}

.header-background .container-fluid {
    padding-right: 0 !important;
}

/*** end of header css ***/

/*** start of homepage css ***/

#home-search .search-box {
    background: #000000;
    padding: 1rem 1rem 2rem 1rem;
    margin-top: 9rem;
}

.search-term-li .select2-container--default {
    width: 350px !important;
}

.price-select-li .select2-container--default {
    width: 160px !important;
}

.search-heading {
    line-height: 2rem;
    margin-bottom: 1rem;
    padding-left: 0.25rem;
    color: #ffffff;
    font-size: 1.6rem
}

.home-logos {
    /*padding: 0.5rem;*/
    /*margin-top: 1rem;*/
}

#collage-heading {
    font-size: 1.5rem;
}

.home-logo-container {
    box-shadow: 0 0 11px rgba(33, 33, 33, .5);
    /*margin: 1rem;*/
}

.home-recent-listing img:hover {

    -moz-box-shadow: 0px 0px 20px 3px rgba(33, 33, 33, .5);
    -webkit-box-shadow: 0px 0px 20px 3px rgba(33, 33, 33, .5);
    -khtml-box-shadow: 0px 0px 20px 3px rgba(33, 33, 33, .5);
    transition: box-shadow 0.4s
}

.home-logo-container:hover {
    -moz-box-shadow: 0px 0px 30px 5px rgba(33, 33, 33, .5);
    -webkit-box-shadow: 0px 0px 30px 5px rgba(33, 33, 33, .5);
    -khtml-box-shadow: 0px 0px 30px 5px rgba(33, 33, 33, .5);
    transition: box-shadow 0.4s
}

.collage-container {
    margin-top: 0.9rem;

}

.featured-dev-link {
    text-decoration: none;
}

.featured-card {
    margin-top: .5rem;
}

.home-featured {
    margin-top: 0;
}

.bg-gradient {
    height: 10rem;
    width: 100%;
    position: absolute;
    bottom: 10rem;
    background: #e66465;
}

.dev-details {
    padding: 0.5rem 0;
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold
}

/*#img-2{
   !* height: 432px;*!
    height: 438px;
}*/
#third-img {
    height: 42.8% !important;
}

#top-right-img {
    height: 20.6rem;
}

.featured-dev-logo img {
    position: relative;
    width: 7rem;
    right: 0.5rem;
    bottom: 0.5rem;
    top: 0rem;
}

.dev-details {
    color: #000000 !important;
}

.home-dev-description {
    padding: 0 0.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

.home-dev-name-container {
    height: 3.3rem;
    padding-top: 0.2rem;
}

.home-dev-name {
    padding-left: .5rem;
    font-size: 1rem;
    padding-top: 0.7rem;
}

.home-dev-name .fa-map-marker-alt {
    position: relative;
}

/*.home-price span{
    text-shadow: text-shadow:2px 2px 4px #000000;
}*/

.home-overlay-1 {
    position: absolute;
    bottom: 4.3rem;
    height: auto;
    background: #000000ab;
    padding-bottom: 0.5rem;
    width: 100%;
}

.name-3 {
    font-size: 1.5rem;
    text-align: center;
    background: none;
    color: #ffffff;
    height: 4rem;
    text-shadow: 0px 0px 1px #000000;
}

.name3-padding-top {
    padding-top: 1.1rem;
}

/*.name{
    position: relative;
    top: 45%;
    font-size: 2rem;
    text-align: center;
    background: none;
    color: #ffffff;
}
.name-2{
    font-size: 1.6rem;
    text-align: center;
    background: none;
    color: #ffffff;
}*/
/*
.featured-card:hover .home-overlay{
    height: 100%;
}
.home-overlay button{
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    background: none;
    border: 2px solid #ffffff;
    border-radius: 6px;
    color: #ffffff;
}
.home-overlay button:hover{
    background: #ffffff;
    color: #000000;
    border-color: #000000;
}*/

.home-opt-3.home-price {
    background: #000;
    color: #fff;
    border: 2px solid #fff;
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 2px;
    font-size: 1.3rem;
    border-left: none;
}

.home-dev-description .size-label,
.size {
    font-size: 1rem;
}

.option-1.home-dev-description {
    font-size: 0rem;
}

.option-1 .btn {
    font-size: 0.8rem;
}

.home-price {
    font-weight: bold;
    position: absolute;
    top: 0.9rem;
    padding-left: 0.2rem;
    padding: 0.3rem;
    background: #ffffff;
    color: #000000;
    font-size: 2rem;
}

.home-price {
    line-height: 1.5rem;
}

.home-from {
    font-size: 1.3rem
}

.home-from sup {
    font-size: 0.5em;
    top: -.5em;
}

.dev-details {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #004EA1;
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
}

.home-hr {
    margin: 0;
}

.featured-button a {
    color: #ffffff;
    padding: 0.5rem 0;
    display: inline-block;
    text-align: center
}

.featured-button a:hover {
    background: #ffffff;
    color: #000000;
}


#home-developments,
#subListing-content,
#mainListing {
    background: #f5f5f5;
}

#collage .row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
    -ms-flex: 50%; /* IE10 */
    flex: 50%;
    max-width: 50%;
    padding: 0 4px;
}

.first-column {
    padding-left: 12px;
}

.second-column {
    padding-right: 12px;
}

.column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}

.tag-line-header {
    margin-top: 0.5rem
}

.contact {
    margin-top: 0.5rem
}

.dev-logo {
    margin-top: 1rem
}

.developed-by {
    color: #ffffff;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

.subscribe-text {
    font-size: 1.1rem;
}

.intro {
    font-weight: bold;
    font-size: 1.1rem;
    padding-top: 0.2rem;
}

#subscribe {
    padding: 2rem;
    background: lightgrey;
    margin-top: 0.5rem;
}

#subscribe-form {
    /*padding-top: 1rem;*/
}

.footer-col .social-media {
    margin: 0 0.5rem;
    padding: 0;
}

#powereby-by {
    padding-left: 1rem;
}

.footer-col .social-media.footer-fb-link {
    margin-left: 0;
}

.footer-col {
    padding-left: 5rem;
}

.footer-col.last {
    padding-left: 3rem;
}

.bottom-logo {
    margin-bottom: 0.4rem;
}

.powered-by {
    padding-bottom: 0.3rem;
}

.bottom-logo img {
    width: 8rem;
}

/*** end of homepage css ***/


/*** start of main listings css ***/
.main-listing {
    background-image: url(images/listing-title.png);
    height: 196px;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
}

.non-developer.main-listing {
    padding: 51px 0px;
}

.non-developer.inner-search-box {
    padding: 30px 0px;
}

.inner-search-box {
    padding: 20px 0px;
    background: #0000007F;
}

.search-form {
    padding: 0 1rem;
}

.search-form {
    opacity: 1;
}

.content-title {
    padding-top: 1rem;
}

.content-title h1 {
    border-bottom: 1px solid #000000;
    font-size: 1.8rem;
    padding-bottom: 0.5rem;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.19);
}

.card:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ad img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.19);
}

.heading-styling {
    color: #000000;
}

.breadcrumb {
    font-size: 0.7rem;
    font-family: "Nexa Light";
}

.heading-styling.floor-size {
    font-size: 1rem;
}

.dev-overlay-container {
    position: absolute;
    top: 0;
    width: 40%;
    right: 0;
    height: 100%;
    color: #ffffff;
}

.dev-overlay-container-left {
    position: absolute;
    top: 0;
    width: 60%;
    left: 0;
    height: 100%;
    color: #ffffff;
}

.dev-overlay-container .developer-logo .img-div img {
    width: 120px;
}

.overlay {
    background: #000000;
    opacity: 0.5;
    height: 100%;
    position: relative;
    top: 0;
}


.content-title h2 {
    font-size: 1.3rem;
}

.dev-title h2 {
    font-size: 1.3rem;
    font-weight: bold;
}

.dev-description {
    font-weight: lighter;
}

.dev-title {
    /*height: 2.3rem;*/
}

.bottom-featured {
    margin-top: 1.5rem;
}

.view-more-btn {
    width: 100%;
}

.view-more-btn a {
    width: 100%;
    font-weight: bold;
    background: #000000;
}

.view-more-btn a:hover {
    color: #000000;
}

.pamgolding a:hover {
    background: #004b1c;
    color: #ffffff !important;
}

.stevensons a:hover {
    background: #cb42d6;
    color: #ffffff !important;
}

.agency a:hover {
    background: #ffffff;
    color: #000000 !important;
}

.city-property a:hover {
    background: #d1052a;
    color: #ffffff !important;
}

.featured-developments .content-title {
    padding-top: 0;
}

/*.dev-img img {*/
/*    height: 19.7rem;*/
/*}*/

/*** end of main listings css ***/
/******* Css below is for the main listing page developments section *****/
.property-listing .content-title {
    padding-top: 0.6rem;
}

.new-overlay {
    position: absolute;
    top: 0;
    background: #000000;
    height: 100%;
    width: 100%;
    opacity: 0.4
}

.new-featured-logo img {
    width: 10rem;
}

.header-row {
    font-size: 1.3rem;
    padding-left: 0.5rem;
    font-weight: bold;
    padding-top: 0.5rem;
    line-height: 1.5rem;
}

.header-row-location {
    font-size: 0.9rem;
}

.dev-name {
    position: absolute;
    top: 50%;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
}

.new-featured-container {
    margin-bottom: 1.3rem;
}

.mainlisting-search.list-inline {
    margin-bottom: 0;
}

.mainlisting-search .list-inline-item:not(:last-child) {
    margin-right: .2rem;
}

.search-text {
    width: 23rem;
}

.location-span {
    font-size: 0.7rem;
    font-style: italic;
    float: right;
}

.search-container {
    padding: 0 0rem
}

#main-listind-search-btn {
    min-width: 10rem;
    opacity: 1 !important;
    background: #fccd31;
    color: #000000;
    font-weight: bold;
}

/******* Css below is for the main listing page developments section *****/

.priority-card {
    width: 100%;
    /* height: 20rem;*/
    margin-bottom: 1.2rem
}

.priority-logo img {
    width: 9rem;
}

.priority-card-image img {
    height: 15.9rem;
}

.priority-ribbon {

}

.property-details-container {
    padding: 1rem 1rem 0rem 0rem
}

.property-details-container h1 {
    font-size: 1.2rem;
    font-weight: bold;
}

.property-details-container .description {
    margin-top: 1rem;
    height: 5.45rem;
}

.normal-details-container .description {
    height: 5.7rem;
}

.details-footer {
    margin-top: 1.5rem;
}

.size-label {
    font-weight: bold;
}

.priority-size {
    /*padding-top: 0.6rem;*/
}

.price {
    color: #ffffff;
    /*padding: 0.9rem 0.4rem 0 0;*/
    font-weight: bold;
    font-size: 1.3rem;
}

.priority-ribbon .price {
    /*padding-left: 0.5rem;*/
}

.size {
    margin-right: 0.3rem;
}

.general-listing-price {
    position: absolute;
    z-index: 10;
    bottom: 0rem;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    text-shadow: 2px 2px 4px #000000;
    background: #0000008A;
    width: 41.3%;
    height: 2.5rem;
    padding-top: 0.51rem;
}

/*.general-listing-price-bg{
    background: #000000;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 41.3%;
    height: 2.5rem;
    opacity: 0.6;
}*/
/*** start of priority listings css ***/

/*** start of sidebar listings css ***/
.side-popular-location h1 {
    font-size: 1.5rem;
    margin-top: 0.5rem;
}

.location-link {
    cursor: pointer;
    text-decoration: none;
    color: #000000;
}

.small-text {
    font-size: 0.7rem;
    font-style: italic
}

.bp-group {
    margin-top: 1rem;
}

.site-name {
    padding-top: 1.9rem;
    font-size: 1rem;
    font-weight: bold;
}

.subscribe-form p {
    font-size: 0.9rem;
}

.subscribe-btn {
    margin-top: 0.8rem;
}

#subscribe .subscribe-btn {
    margin-top: 0;
}

#subscribe .home.subscribe-btn {
    margin-top: 0.5rem;
}

/*** end of sidebar listings css ***/

/*** start of normal listings css ***/

.normal-logo {
    position: absolute;
    right: 0.9rem;
    top: 0.9rem;
}

.normal-logo img {
    width: 5.5rem;
}

.normal-details-container h1 {
    font-size: 1.2rem;
    font-weight: bold;
}

.normal-details-container .description {
    padding-top: 1rem;
}

#follow-us {
    font-size: 0.9rem;
}

.normal-details-footer {
    /*margin-top: 0.4rem;*/
    position: relative;
    bottom: -0.5rem;
}

.normal-card {
    width: 100%;
    /* height: 15rem;*/
    margin-bottom: 1rem;
}

.card-container-normal {
    margin-bottom: 0.5rem;
}

.normal-card-image img {
    width: 100%;
    height: 14.9rem;
}

.normal-content-title {
    margin-top: 1rem !important;
}

.normal-content-title h2 {
    font-size: 1.5rem;
}

.normal-details-container {
    padding: 0.6rem 0.7rem 0 0rem;
}

.normal-view-more {
    margin-top: 3px;
    margin-right: 0.3rem;
}

.developer-name {
    /*position: absolute;*/
    font-size: 1.4rem;
    color: #ffffff;
    /*top: 0.8rem;*/
    font-weight: bold
}

.developer-name span {
    /*padding-left: 2rem;*/
}

.content-title.dev-team h1 {
    border-width: 60%;
}

/*** end of normal listings css ***/
/*** back to top button css ***/
#scrollTOTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: black;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

#scrollTOTop:hover {
    background-color: #0e0e0e;
}

/*** end of back to top button css ***/
/*** start of footer css ***/
footer {
    background: #ffffff;
    margin-bottom: 2rem;
}

.disclaimer {
    font-size: 0.55rem;
}

.popular-areas {
    background: #ffffff;
}

.locations a {
    color: #000000 !important;
}

.locations .heading a {
    text-decoration: none;
    font-weight: bolder;
    color: #fdc714 !important;
    text-shadow: 2px 1px 1px #000000;
}

.locations p a {
    text-decoration: none !important;
    font-size: 0.9rem;
}

.footer-col {
    color: #ffffff;
}

.footer-col h1 {
    font-size: 1rem;
    font-weight: bold;
    color: #fdc714;
    text-shadow: 2px 1px 1px #000000;
}

.footer-col-section {
    background: #000000;
}

.footer-col-section .container {
    padding-top: 1.9rem;
}

.list-unstyled li {
    font-size: 0.9rem;
    padding: 0.3rem 0;
}

.footer-links .list-group-item {
    border: none;
    padding-left: 0;
    font-size: 0.7rem;
}

.social-media {
    margin: 1rem 0;
}

.social-media a {
    font-size: 1.2rem;
    color: #ffffff;
}

.footer-social-media-icons .social-media a {
    font-size: 1.2rem;
    color: #000000;
}

.social-media .fa-twitter:hover {
    color: #0dcaf0;
}

.social-media .fa-instagram:hover {
    color: #bb2d3b;
}

.social-media .fa-envelope:hover {
    color: #31d2f2;
}

.powered-by {
    padding-right: 3rem;
}

/******* Pagination *******/
.page-link {
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #000000;
}

.page-item {
    margin-right: 0.5rem;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #000000;
    border: 1px solid #000000;
}

.page-link:hover {
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #000000;
}

.page-item.disabled .page-link {
    color: #000000;
    pointer-events: none;
    background-color: #ffffff;
    border-color: #000000;
}

/******* End Pagination *******/

/*** start of sublisting page css ***/
.image-container {
    height: 25rem;
    background: no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.custom-header-container .dev-logo img {
    width: 6rem;
}

.custom-header-container a {
    text-decoration: none;
}

.tab-container:hover {
    cursor: pointer;
    background: #2d2c2c;
}

.tab-container.active {
    background: #ffffff;
    color: #000000;
    border-bottom: 2px solid gold;
}

.tab-container {
    padding: 0.5rem;
    font-weight: bold;
    font-size: 1.1rem;
}

.dev-heading-description {
    margin-top: 2rem;
}

.dev-heading-description .heading {
    min-height: 6rem;
}

.page-heading .heading {
    background: #000000;
    opacity: 0.6;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.5rem;
    padding: 1rem
}

.main-image img {
    width: 100%;
}

/*.main-image{
    padding: 0.2rem 0.2rem 0 0.2rem;
}*/
#community-property .card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 1.2rem;
}

#community-property .card:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.19);
}

.subListing-cards {
    /*background: #000000;*/
}

.main-image.subListing-cards {
    /*padding: 0.3rem 0 0.3rem 0.3rem ;*/
}

.main-image-col {
    padding-right: 0;
}

.listing-thumbnails {
    /*padding:3px;*/
}

.second-thumb .listing-thumbnails {
    /*padding-top: 1px;*/
}

.third-thumb .listing-thumbnails {
    /*padding-top: 1px;*/
    /*padding-bottom: 4px;*/
}

.thumb-nail-col {
    padding-left: 0.25rem;
    padding-right: 0.3rem;
}

.info-section {
    /*background: #ffffff;*/
}

.subListing-description {
    margin-top: 0.8rem;
    /*height: 7.5rem;*/
    font-size: 1.1rem;
}

.subListing-icons {
    /*margin-top: 1rem;*/
    /*position: absolute;*/
    /*bottom: 1.4rem;*/
}

.info-section .location {
    font-size: 1.2rem;
}

.subListing-action {
    /*position: absolute;*/
    /*bottom: 1.01rem;*/
    /*right: 0;*/
}

.Location {
    font-weight: bold;
}

.mansion-price {
    font-size: 1.5rem;
    font-weight: bold;
    color: #fdc714;
    text-shadow: 2px 1px 1px #000000;
}

.subList-row {
    margin-top: 0.5rem;
}

.subList-icons {
    color: #000000;
    font-size: 1rem;
    padding: 0.3rem
}

.contact-details P {
    font-weight: bold;
}

.subList-icons a {
    text-decoration: none;
    color: #000000 !important;
    font-weight: bold;
}

.subList-icons i {
    font-size: 1.5rem;
}

.call-icon a:hover {
    color: deepskyblue !important;
    font-weight: bold;
}

.whatsapp-icon a:hover {
    color: green !important;
    font-weight: bold;
}

.facebook-icon a:hover {
    color: blue !important;
    font-weight: bold;
}

.ig-icon a:hover {
    color: #833AB4 !important;
    font-weight: bold;
}

.email-icon a:hover {
    color: lightblue !important;
    font-weight: bold;
}

.read-more {
    font-size: 1rem;
    color: #fccd31;
    cursor: pointer;
    text-decoration: none;
}

.heading a {
    text-decoration: none;
}

.normal-listing-h1 {
    height: 2rem;
}

.normal-details-container .location {
    margin-top: 1rem;
}

/*** end of sublisting page css ***/

/****** Pagination *************/
.custom-pagination {
    margin: 1rem 1rem 1.8rem 1rem;
}

.page_link {
    color: #000000;
    padding: 0.5rem 0.8rem;
    border: 1px solid #000000;
}

.page_link.active,
.page_link:hover {
    background: #000000;
    color: #ffffff;
}

.sidebar-container {
    padding: 0 1rem 1rem 1rem;
    margin-top: 1rem;
    border-radius: 0.3rem;
}

.sidebar-dev-counter {
    font-size: 0.9rem;
}

.card.sidebar-container {

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.19);
}

.card.sidebar-container:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.19);
}

/****** End Pagination *************/

.dev-heading-name.page-heading {
    height: 25rem;
    width: 17rem;
    position: absolute;
    right: 10%;
    margin-top: 2rem;
}

.overlay.about-developer {
    /*height: 15.7rem;*/
    /*width: 100%;*/
    /*background: #000000*/
}

.custom-header-container {
    padding: 1rem;
    position: absolute;
    /*top: 7rem;*/
    /*height: 17.7rem;*/
    background: #00000096;;
}

.dev-header-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.dev-header-logo img {
    width: 100%;
}

code {
    font-size: 1rem;
    color: #ffffff !important;
    text-shadow: 2px 2px 4px #000000;
}

.price-span {
    text-shadow: 2px 2px 4px #000000;
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: bold
}

.tag-line-header {
    margin-top: 1rem;
    font-size: 1.1rem;
    color: #ffffff;
    text-shadow: 2px 2px 4px #000000;
}

.contact {
    margin-top: 2rem
}

/*** start of subListing page css ***/
.tag-line-header {
    margin-top: 0.5rem
}

.contact {
    margin-top: 0.5rem
}

.dev-logo {
    margin-top: 1rem;
}

.about-developer-header {
    margin-top: 1rem;
}

.about-developer-header h1 {
    font-size: 1.8rem;
}

.mansion-price {
    font-size: 1.5rem;
}

#community-description h2 {
    font-size: 1.5rem;
}

.dev-team h1 {
    font-size: 1.4rem;
}

/*** end of subListing page css ***/
/*** start of singlelisting page css ***/
.property-name-section {
    border-bottom: 1px solid #000000;
    padding: 1rem 0;
}

.contact a {
    background: #000000;
    color: #ffffff
}

.contact a:hover {
    background: #ffffff;
    color: #000000;
    font-weight: bold;
}

.property-name-section h1 {
    font-size: 2rem;
}

iframe {
    height: 500px;
}

.map-location .view-map-link-wrapper {

}

.map-location a {
    color: #1C5FE9;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1rem;
    font-weight: bold;
    border: 1px #1C5FE9 solid;
    padding: .36rem 3rem;
}

.map-location a:hover {
    background: #1C5FE9;
    color: #fff;
}

#community-description .map-location a {
    /*margin-top: 10%;*/
    /*left: 25%;*/
}

#singleListing {
    margin-bottom: 1rem;
}

.singleListing.content-title h1 {
    font-size: 2rem !important;
}

.property-name-section .heading-styling {
    color: #000000;
    font-size: 1rem;
}

.amount {
    color: #000000;
    font-size: 1.5rem;
    font-weight: bold
}

.singleListing-icons {
    font-size: 1.3rem;
    padding: 1rem 0;
}

.features-heading {
    font-weight: bold;
    font-size: 1rem;
    margin-top: 0.7rem;
}

.features-heading hr {
    opacity: 1;
    margin-bottom: 10px !important;
    margin: 0;
}

.features-icon {

}

.share-platforms a {
    text-decoration: none;
}

#nav-profile .col-4 {
    padding-right: 0 !important;
}

.checkbox {
    font-size: 0.7rem;
}

.space-above {
    padding-top: 0.8rem;
}

.features-icon {
    font-weight: bold;
}

.feature-name {
    font-weight: normal;
    padding-left: 0.5rem;
    color: #000000;
}

.gallery-thumbnail .text-center {
    height: 1.5rem;
    width: 100%;
}

.change-padding.feature-name {
    padding-left: 0rem;
}

.add-padding {
    padding-left: 0.8rem;
}

.number-box {
    font-weight: bold;
    padding: 2px 2px;
    /* border: 2px solid #000000;
     background: #000000;
     color: #ffffff;
     width: 22px;*/
    font-size: 0.9rem;
}

.proper-info-container {
    /*min-height: 19rem*/
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000000;
    /*background-color: #000000;*/
    border-color: #000000;
    border-bottom: none;
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-tabs {
    border-bottom: 1px solid #000000;
}

.sinleListing-desc-heading {
    font-size: 1.5rem;
}

.agent-name {
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.agent-phone {
    /*padding-left: 1rem*/
}

.call-number {
    color: white;
    background: #0b5ed7;
    /*border: solid #0b5ed7 2px;*/
}

.agent-phone span {
    margin-right: 1rem;
    font-weight: bold;
    cursor: pointer;
}

.call-number.w-100:hover {
    background: blue;
    color: white;
}

.whatsapp-number.w-100:hover {
    background: #0DC143;
    color: white;
}

.agent-details {
    margin-top: 0.7rem;
}

.whatsapp-number {
    color: white;
    background: #0DC143;
    /*border: solid green 2px;*/
}

.see-more-agents {
    margin: 1rem;
}

#singleListing-tab-content {
    padding-top: 1rem;
}

.see-more-agents a {
    color: #000000;
}

.form-input-margin {
    margin: 1rem 0;
}

.share-platforms a {
    color: #000000;
    padding: 1.5rem 0;
    font-size: 2rem;
}

.facebook:hover {
    color: blue;
}

.twitter:hover {
    color: lightskyblue;
}

.whatsapp:hover {
    color: green;
}

.email:hover {
    color: lightblue;
}

.share-property-icons {
    padding-top: 1rem;
}

#singleListing-tab-content {
    margin-bottom: 1rem;
}

.thumpnails-img img {
    width: 5rem;
    padding: 0.5rem 0 0.1rem 0.1rem;
}

#container-email-enquire {
    border: 1px solid #000000;
    padding: 1rem;
    padding-bottom: 0
}

#gmap_canvas {
    width: 600px;
    height: 500px;
}

.mapouter {
    position: relative;
    text-align: right;
    height: 500px;
    width: 600px;
}

.gmap_canvas {
    overflow: hidden;
    background: none !important;
    height: 500px;
    width: 600px;
}

.floor-plan h2 {
    margin-top: 1.5rem;
    font-size: 1.1rem !important;
}

.modal-body.gallary-modal {
    padding: 0.3rem;
}

.gallery-thumbnail {
    padding: 0.3rem !important;
    background: #000000;
}

.gallery-thumbnail:hover {
    cursor: pointer;
}

.modal-body img {
    width: 100%;
}

.gallery-thumbnail .text-muted {
    color: #ffffff;
    font-weight: bold;
}

.arrows {
    cursor: pointer;
    position: absolute;
    top: 45%;
    background: rgba(0, 0, 0, 0.57);
    padding: 1.3rem;
    color: #ffffff;
}

.singleListing-more-btn {
    margin-top: 2rem;
}

#leftArrow {
    left: 0;
}

#rightArrow {
    right: 0;
}

.col-4 .gallery-thumbnail {
    margin-top: 0.5rem;
}

.dev-team {
    margin-bottom: 0.7rem;
    margin-top: 1rem;
}

#about-developer,
#about-development {
    margin-bottom: 0.7rem;
}

#singleListing-location,
#development-gallery-heading {
    margin-bottom: 1.4rem;
}

.dev-partner {
    padding-top: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    margin-top: 0.5rem;
}

.dev-partner h3 {
    font-size: 1.3rem;
    font-weight: bold;
}

.sale-rep {
    text-decoration: none;
    cursor: pointer;
}

.sale-rep:hover {
    text-decoration: none;
}

.sale-rep.whatsapp {
    color: green;
}

.sale-rep.email {
    color: #3dd5f3;
}

.btn.sale-rep.phone {
    background: #0b5ed7;
    color: #ffffff;
}

.btn.sale-rep.whatsapp {
    background: green;
    color: #ffffff;
}

.btn.sale-rep.email {
    background: #3dd5f3;
    color: #ffffff;
}

.btn.sale-rep.view-number {
    background: goldenrod;
    color: #ffffff;
}

#dev-topsection .developer-logo {
    position: absolute;
    right: 15%;
    padding-top: 2rem;
    z-index: 1
}

#dev-topsection .developer-logo img {
    width: 15rem;
}

.gallery-thumbnail .text-muted {
    color: #ffffff !important;
    text-decoration: none;
}

/*** end of singlelisting page css ***/
/*** start of developer page page css ***/
#dev-topsection .carousel-caption img {
    width: 5rem;
}

.carousel-caption {
    background: #00000078
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: none;
}

.aboutDeveloper {
    border-bottom: 1px solid #000000;
    margin-top: 1rem;
    margin-bottom: 0.7rem;
}

.dev-contacts p {
    margin-bottom: 0.1rem;
}

.developments-list {
    margin-bottom: 1.5rem;
}

.developments-list .row {
    margin-top: 1.2rem;
}

.dv-contacts {
    margin-top: 2rem;
}

.dv-contacts p {
    font-weight: bold;
}

.contact-type {
    font-weight: bold;
}

#dev-content .text-muted {
    color: #ffffff !important;
}

#dev-content small {
    text-decoration: none !important;
}

.developments-list a {
    text-decoration: none;
}

/*** end of developer page page css ***/

.contact-type {
    font-weight: bold;
}

.contact-type span {
    font-weight: normal;
}

.footer-developments a {
    text-decoration: none;
    color: #ffffff;
}

.footer-developments a:hover {
    color: #f5eded;
}

/*** end of footer css ***/

/**** Developers List ****/
.devList-name {
    /*padding-top: 0.5rem;*/
}

.contact-buttons {
    padding: 1.5rem 1rem 0 1rem;

}

.contact-buttons ul {
    margin-bottom: 0.4rem;
}

.social-media-icon {
    font-size: 1.7rem;
}

.fb-icon {
    color: #b4b3b3;
}

.social-media-icon .whatsapp-icon {
    color: grey
}

.social-media-icon .whatsapp-icon:hover {
    color: green
}

.twitter-icon {
    color: grey
}

.twitter-icon:hover {
    color: #51d5ef;
}

.ig-icon {
    color: #b4b3b3;
}

.ig-icon:hover {
    color: #e55e5e;
}

.social-media-icon a:hover {
    cursor: pointer;
}

.devList-name {
    border-bottom: #000000 solid 1px;
    width: 97%;
}

.dev-button {
    padding: 1rem;
    padding-top: 0.5rem;
}

.developer-info .description {
    padding-right: 1rem;
}

.card.dev-card {
    margin: 1.2rem 0 2em 0;
}

.devList-name h3 {
    font-size: 1.6rem;
}

.devList-name {
    /*margin-bottom: 0.5rem;*/
}

/**** Developers List ****/
@media (min-width: 1371px) {
    .developments-list .gallery-thumbnail img {
        width: 100%;
    }

    /*#community-description .map-location a {*/
    /*    margin-top: 8%;*/
    /*    left: 30%;*/
    /*}*/

}

@media (max-width: 1920px) {
    .search-container {
        padding: 0 6rem;
    }

    .search-text {
        width: 24rem;
    }

    #main-listind-search-btn {
        min-width: 10rem;
    }

    /*.map-location a {*/
    /*    left: 31%;*/
    /*    margin-top: 10.5rem;*/
    /*}*/

}

@media (min-width: 1370px) {
    /*.map-location a {*/
    /*    left: 34%;*/
    /*}*/
    .dev-title {
        height: 5rem;
        padding-top: 1.3rem;
    }

    .dev-title h2 {
        padding-top: 0.5rem;
    }

    #top-right-img {
        height: 23.6rem;
    }

    .main-image.subListing-cards {
        /*padding: 0.22rem 0 0.22rem 0.25rem;*/
    }

}

@media (max-width: 1370px) {
    /*.search-text {
        width: 13.9rem;
    }*/
    #main-listind-search-btn {
        min-width: 7.7rem;
    }

    .developer-info .description {
        height: 5rem;
    }

    .dev-card .contact-buttons {
        padding-top: 2.8rem;

    }

    .gmap_canvas {
        width: 545px;
    }
}

@media (max-width: 1366px) {
    .search-container {
        padding: 0 0;
    }

    #innersearchSearchText {
        max-width: 285px;
    }

    #main-listind-search-btn {
        min-width: 8rem;
    }

    /****** home page ***/
    .home-overlay {
        height: 82.5%;
    }

    .dev-description {
        /*margin-top: 0.7rem;*/
    }

    /****** end of home page ***/
    .subListing-description {
        margin-top: 0;
        font-size: 1rem;
    }

}

@media (max-width: 1024px) {
    /************ Header **********/
    .nav-item {
        font-size: 0.85rem;
    }

    .navbar-nav {
        padding-top: 10px;
    }

    .currency-change {
        padding-top: 0.11rem;
    }

    .login {
        padding-top: 0.3rem;
    }

    /************ End of Header **********/
    /************* Mainlisting and home Page css **************/
    .home-opt-3.home-price {
        font-size: 0.9rem;
    }

    .search-text {
        width: 14rem;
    }

    #main-listind-search-btn {
        min-width: 8rem;
    }

    .header-row {
        font-size: 1rem;
        padding-top: 0.3rem;
    }

    .new-featured-logo img {
        width: 8rem;
    }

    .priority-logo img {
        width: 8rem;
    }

    .price {
        padding: 0.7rem 0.4rem 0 0;
    }

    .developer-name {
        top: 0.56rem;
    }

    .property-details-container {
        padding: 0.5rem 1rem 0rem 0.2rem;
    }

    .property-details-container h1 {
        /* height: 2rem;*/
    }

    .property-details-container .description {
        margin-top: 0.3rem;
    }

    .priority-card-image img {
        height: 14.7rem;
    }

    .text-start.priority-size {
        /*position: absolute;*/
    }

    .priority-size {
        padding-top: 0.5rem;
    }

    .name-3 {
        font-size: 1rem;
        height: 3rem;
    }

    .name3-padding-top {
        padding-top: 0.75rem;
    }

    .home-overlay-1 {
        padding-bottom: 0rem;
        bottom: 3.3rem;
    }

    .home-dev-name {
        font-size: 0.9rem;
    }

    .home-dev-name-container {
        height: 2.7rem;
        padding-top: 0.45rem;
    }

    .home-dev-name {
        padding-top: 0.6rem;
    }

    .description.justify-content-around {
        font-size: 0.98rem;
    }

    #top-right-img {
        height: 17.3rem;
    }

    .intro {
        font-weight: bold;
        font-size: 1rem;
        padding-top: 0.4rem;
    }

    #scrollTOTop {
        right: 21px;
    }

    .social-media {
        margin-bottom: 0;
    }

    .price {
        font-size: 1.1rem;
        padding-top: 0.9rem;
    }

    .developer-name {
        font-size: 1rem;
    }

    .developer-name {
        top: 0.94rem;
    }

    .normal-listing-h1 {
        padding-top: 0.5rem;
        height: 3rem;
    }

    .normal-details-container {
        padding: 0.2rem 0.7rem 0 0rem;
    }

    .normal-details-container .description {
        padding-top: 0.5rem;
    }

    .description.justify-content-around {
        font-size: 0.9rem;
    }

    .normal-details-container h1 {
        font-size: 1rem;
    }

    .normal-logo img {
        width: 5rem;
    }

    @media (max-width: 768px) {
        footer .last-footer .social-media-row {
            flex-direction: column;
        }
    }

    .normal-logo {
        right: 0.6rem;
        top: 0.5rem;
    }

    .normal-details-footer {
        bottom: -1.1rem;
    }

    .side-popular-location h1 {
        font-size: 1.3rem;
    }

    .content-title h1 {
        font-size: 1.3rem;
        margin-top: 1rem;
    }

    .location-link {
        font-size: 0.8rem;
    }

    .details-footer {
        margin-top: 1.75rem;
    }

    /************** End of Main Listing Page css ******/
    /************** Start of SubListing Page css ******/
    .dev-heading-name.page-heading {
        width: 15rem;
    }

    .page-heading .heading {
        font-size: 1.1rem;
    }

    code {
        font-size: 0.7rem;
    }

    .price-span {
        font-size: 1.1rem;
    }

    .tag-line-header {
        font-size: 1.1rem;
    }

    .developed-by {
        font-size: 0.95rem;
    }

    #subListing-content .price {
        font-size: 1rem;
        padding-top: 0rem;
    }

    .subListing-description {
        font-size: 0.9rem;
    }

    .subListing-icons {
        bottom: 1.2rem;
    }

    .subListing-action {
        right: 0rem;
        bottom: 1rem;
    }

    .size-label {
        font-size: 0.8rem;
    }

    .home-dev-description .size-label, .size {
        font-size: 1rem;
    }

    .subListing-action .btn {
        font-size: 0.9rem;
    }

    .main-image.subListing-cards {
        /*padding: 0.2rem 0 0.13rem 0.2rem;*/
    }

    .content-title {
        padding-top: 0.3rem;
    }

    .listing-thumbnails {
        /*padding:3px;*/
    }

    .second-thumb .listing-thumbnails {
        padding-top: 0;
    }

    .third-thumb .listing-thumbnails {
        /*padding-top: 0;*/
        /*padding-bottom: 3px;*/
    }

    .tag-line-header {
        margin-top: 0.1rem;
    }

    /************** End of subListing Page css ******/
    /************** Start of single Listing Page css ******/
    .property-name-section h1 {
        font-size: 1.7rem;
        margin-bottom: 0rem;
    }

    .property-name-section .heading-styling {
        font-size: 0.7rem;
    }

    .location {
        font-size: 0.9rem;
    }

    .padding-6 .location {
        font-size: 0.8rem;
    }

    .amount {
        font-size: 1.2rem;
    }

    .singleListing-icons {
        padding: 0.6rem 0;
    }

    #nav-tab {
        font-size: 0.8rem;
    }

    .sinleListing-desc-heading {
        font-size: 1.1rem;
    }

    #nav-home p {
        font-size: 0.9rem;
    }

    .feature-name {
        font-size: 0.9rem;
    }

    .features-icon {
        font-size: 0.9rem;
    }

    .features-heading {
        margin-top: 0rem;
    }

    .agent-name {
        font-size: 0.9rem;
    }

    .agent-details {
        margin-top: 0rem;
    }

    .agent-phone .btn {
        line-height: 0.5;
    }

    .share-platforms .size-label {
        font-size: 1.5rem;
    }

    #singleListing .content-title {
        padding-top: 0.9rem;
    }

    .mansion-price {
        font-size: 1.3rem;
    }

    .info-section .location {
        font-size: 0.9rem;
    }

    /************** End of single Listing Page css ******/
    /***** Developer Lists page ******/
    .developer-info .description {
        font-size: 0.9rem;
    }

    /***** Developer Lists page ******/
    /*** eveloper page **/
    #dev-topsection .developer-logo img {
        width: 10rem;
    }

    /*** eveloper page **/
    /********** footer ********/
    .footer-col {
        padding-left: 3rem;
    }

    /********** footer ********/
}

@media (max-width: 834px) {
    /*** homepage ***/
    .home-featured .card .card-img img {
        width: 100%;
    }

    .dev-title h2 {
        font-size: 1.3rem;
    }

    .padding-6 .location {
        font-size: 1rem;
    }

    .dev-title {
        /*padding-top: 0.6rem;*/
        /*height: 3.3rem;*/
    }

    /*** start of header css ***/
    .navbar .container-fluid {
        padding-left: 0;
    }

    .navbar-brand {
        padding-top: unset;
        padding-bottom: unset;
    }

    .navbar-brand img {
        width: 8rem;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        margin-left: 0;
    }

    .nav-link {
        font-weight: normal;
    }

    .nav-link.active {
        font-weight: bold;
        border-bottom: none;
    }

    .list-dev-btn {
        border: none;
        color: #ffffff;
        padding-left: 0 !important;
    }

    .btn.list-dev-btn {
        display: none;
    }

    .menu-bars {
        padding-left: 0.1rem;
    }

    .currency-change img {
        width: 1.6rem;
    }

    #currency-change {
        padding-top: 0.11rem;
    }

    .mainlisting-search .form-control {
        font-size: 0.7rem;
    }

    #main-listind-search-btn {
        min-width: 2.8rem;
    }

    .inner-search-box {
        padding: 41px 0px;
    }

    .main-listing {
        padding: 43px 0px;
    }

    .navbar {
        padding-top: .3rem;
        padding-bottom: .3rem;
    }

    /*** end of header css ***/
    /*** home page css ***/
    #home-search .search-box {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .search-text {
        width: 8.7rem;
    }

    .inner-search-box .search-text {
        width: 11.5rem;
    }

    .md-name3-padding-top {
        padding: 0.75rem 0.2rem 0 0.2rem;
    }

    .featured-card {
        margin-bottom: 1rem;
    }

    .home-dev-name-container {
        height: 3.5rem;
        padding-top: 1.1rem;
    }

    #top-right-img {
        height: 13rem;
    }

    #subscribe .subscribe-btn {
        margin-top: 1rem;
    }

    .home-logo-container {
        margin: 0rem 0.5rem 0 0.5rem;
    }

    /*** end of home page scc ***/
    /**** banner area sublisting page *****/
    .dev-heading-name.page-heading {
        right: 5.2%;
    }

    .page-heading .heading {
        font-size: 1rem;
    }

    .custom-header-container {
        padding: 0.7rem;
    }

    .dev-heading-name.page-heading {
        /*margin-top: 2rem;*/
    }

    .size-label {
        font-size: 0.8rem;
    }

    .priority-listings .subscribe-form {
        margin-bottom: 1rem;
    }

    .main-image img {
        /*height: 14.54rem;*/
    }

    .remove-left-padding {
        padding-left: 0;
    }

    .remove-right-padding {
        padding-right: 0;
    }

    #nav-tab {
        font-size: 1rem;
    }

    .nav-link.active {
        padding-bottom: 0.5rem;
    }

    .description .size-label,
    .size {
        font-size: 0.8rem;
    }

    .singleListing-icons .size {
        font-size: 1rem;
    }

    .dev-partner h3 {
        font-size: 1rem;
    }

    /**** end of banner area sublisting page *****/
    /********** search section *************/
    #mainListing .content-title {
        padding-top: 1rem;
    }

    .tag-line-header {
        font-size: 1rem;
    }

    .price-span {
        font-size: 1rem;
    }

    .overlay.about-developer {
        height: 14.9rem;
    }

    .header-row {
        font-size: 0.7rem;
    }

    .dev-name {
        font-size: 1.4rem;
    }

    .property-details-container h1 {
        font-size: 1.1rem;
    }

    .location {
        /*font-size: 0.9rem;*/
        /*font-weight: bold;*/
    }

    .description.justify-content-around {
        font-size: 0.85rem;
    }


    .property-details-container {
        padding-left: 0;
    }

    /********** end of search section *************/
    /********** Listings Sublisting page *************/
    .header-row-location {
        font-size: 0.7rem;
    }

    .new-featured-logo img {
        width: 7rem;
    }

    .details-footer {
        margin-top: 2rem;
    }

    .about-developer-header {
        margin-top: 1.4rem;
    }

    .mansion-price {
        font-size: 1rem;
    }

    .info-section .content-title h1 {
        font-size: 1.1rem;
        margin-bottom: 0.1rem;
    }

    .info-section .location {
        font-size: 0.7rem;
    }

    .subListing-description {
        margin-top: 0.1rem;
        font-size: 0.75rem;
    }

    .subListing-icons {
        bottom: 0.7rem;
    }

    .subListing-action {
        bottom: 0.8rem;
    }

    .subListing-action .btn {
        font-size: 0.7rem;
    }

    .main-image.subListing-cards {
        /*padding: 0.15rem 0 0.15rem 0.1rem;*/
    }

    .listing-thumbnails img {
        /*height: 4.7rem;*/
    }

    /********** end Listings Sublisting page *************/
    /********** footer *************/
    .footer-col h1 {
        font-size: 0.8rem;
    }

    .footer-col .dev-list .list-unstyled li {
        font-size: 0.8rem;
    }

    .footer-col {
        padding-left: 1rem;
    }

    .footer-col.last {
        padding-left: 0rem;
    }

    /********** end footer *************/
    /***** Developer info page *****/
    .aboutDeveloper h1 {
        font-size: 1.8rem;
    }

    .aboutDeveloper h2 {
        font-size: 1.5rem;
    }

    .dv-contacts h3 {
        font-size: 1.5rem;
    }

    #dev-content .description {
        font-size: 0.9rem;
    }

    .developer-info .devList-name h3 {
        font-size: 1.2rem;
    }

    .carousel-item img {
        min-height: 20rem;
    }

    /***** End Developer info page *****/
}

@media (max-width: 768px) {
    /*** header ***/
    .mobile-search-icon {
        color: #ffffff;
    }

    /*** header ***/
    /************ search section *************/
    #main-listind-search-btn {
        min-width: 6rem;
    }

    #main-listind-search-btn.mainlisting {
        min-width: 4rem;
    }

    .search-text {
        width: 9rem;
    }

    #homepage-search-btn {
        width: 0;
    }

    #mobileSearchForm {
        width: 100%;
    }

    /********** end search section **********/
    /********* mobile search dropdown search *********/
    #mobileSearchForm,
    #navbarSupportedContent {
        padding: 3rem 1rem 5rem 1rem;
        position: absolute;
        top: 3.6rem;
        background: #000000;
        z-index: 10;
    }

    #mobileSearchForm h2 {
        color: #ffffff;
    }

    #navbarSupportedContent {
        width: 100%;
        padding: 0rem 1rem 1rem 1rem;
    }

    #navbarSupportedContent .nav-item a {
        color: #ffffff !important;
    }

    #mobile-search-form .search-text {
        width: 100%;
    }

    /********* mobile search dropdown search *********/
    /********** property section **********/
    .header-row-location {
        font-size: 0.6rem;
    }

    .description.justify-content-around {
        font-size: 0.8rem;
    }

    .details-footer {
        /*margin-top: 1.45rem;*/
        margin-top: 0.3rem;
    }

    .priority-view-more .btn-outline-dark {
        font-size: 0.9rem;
    }

    .size-label {
        font-size: 0.6rem;
    }

    .priority-card-image img {
        height: 13.2rem;
    }

    .property-details-container h1 {
        margin-bottom: 0.04rem;
    }

    .location {
        /*font-weight: bold;*/
    }

    .priority-size {
        /*padding-top: 0.3rem;*/
    }

    /********** property section **********/
    /********** normal listing section **********/
    .normal-details-container .description {
        padding-top: 0.3rem;
    }

    .normal-details-container h1 {
        margin-top: 0.05rem;
    }

    .normal-view-more {
        margin-right: 0;
    }

    .normal-view-more .btn-outline-dark {
        font-size: 0.9rem;
    }

    .normal-details-footer {
        bottom: -0.93rem;
    }

    .normal-card-image img {
        height: 13.9rem;
    }

    .normal-details-container .description {
        height: 5.5rem;
    }

    .normal-view-more {
        margin-top: 0;
    }

    /********** end normal listing section **********/
    /*** sublisting page ***/
    .tag-line-header {
        margin-top: 0.5rem;
    }

    #community-description p {
        font-size: 0.9rem;
    }

    .listing-thumbnails img {
        /*height: 4.723rem;*/
    }

    .main-image.subListing-cards {
        /*padding: 0.2rem 0 0.22rem 0.2rem;*/
    }

    .listing-thumbnails {
        /*padding: 3px;*/
    }

    .main-image img {
        /*height: 14.5rem;*/
    }

    .subListing-about-dev {
        font-size: 0.9rem;
        margin-top: 1rem;
    }

    .subList-icons {
        font-size: 1rem;
    }


    /*** end sublisting page ***/
    /** single  listing **/
    .property-name-section {
        padding: 0.7rem 0;
    }

    .singleListing-icons {
        padding: 0.2rem 0;
    }

    .proper-info-container {
        margin-top: 1rem;
    }

    /** end single  listing **/
    /**** Footer ***/
    .bottom-logo img {
        max-width: 7rem;
    }

    #scrollTOTop {
        padding: 10px;
    }

    .priority-size .size-label,
    .priority-size .size {
        font-size: 1rem;
    }

    .subListing-icons.priority-size .size-label,
    .subListing-icons.priority-size .size {
        font-size: 0.8rem;
    }

    .property-details-container .location {
        font-size: 0.9rem;
        margin-top: 0.8rem;
    }

    .description.justify-content-around {
        font-size: 0.85rem;
    }

    .social-media-statement {
        font-size: 0.9rem;
    }

    .footer-social-media-icons {
        padding-right: 15px;
    }

    /**** end Footer ***/

}

@media (max-width: 700px) {
    /** header **/
    .navbar-toggler {
        padding-left: 0;
    }

    #search-icon {
        padding-top: 0;
    }

    #currency-change,
    #mobile-search-icon {
        margin-right: 3px;
    }

    #currency-change {
        padding-left: 5px;
    }

    .mobile-search-icon {
        color: #ffffff;
    }

    #mobileSearchForm h2 {
        font-size: 1.3rem;
    }

    /** end header **/
    /** home page **/
    .search-text {
        width: 100%;
    }

    .search-heading {
        font-size: 1.1rem;
    }

    #home-search .search-box {
        background: #00000073;
        padding: 1rem 1rem 1.2rem 1rem;
        margin-top: 4.9rem;
    }

    .search-heading {
        margin-bottom: 0.6rem;
    }

    .home-overlay-1 {
        bottom: 4rem;
    }

    .home-dev-name-container {
        height: 3rem;
        padding-top: 0;
    }

    .home-dev-name {
        padding-top: 0.8rem;
    }

    #top-right-img {
        margin-top: 1.9rem;
    }

    #subscribe {
        padding: 0;
        padding-top: 1rem;
        background: lightgrey;
        margin-top: 0.5rem;
    }

    #subscribe-form {
        padding-top: 0.7rem;
        padding-bottom: 1.5rem;
    }

    /** end home page **/
    /** footer **/
    .footer-col .dev-list .list-unstyled li {
        font-size: 0.9rem;
    }

    .footer-col h1 {
        font-size: 1rem;
    }

    .social-media {
        font-size: 1.5rem;
    }

    .bottom-logo {
        margin-top: 1.5rem;
    }

    /** end footer **/
    /** mainlisting page **/
    .inner-search-box .search-text {
        width: 100%;
    }

    .main-listing {
        height: 100%;
        width: 100%;
        padding: 10px 0px;
    }

    .content-title h1 {
        margin-top: 0rem;
    }

    .breadcrumb {
        font-size: 0.9rem;
    }

    .priority-card .remove-right-padding,
    .normal-card .remove-right-padding {
        padding-right: 12px;
    }

    .normal-details-container {
        padding: 1rem;
    }

    .priority-card-image img {
        width: 100%;
        height: auto;
    }

    .property-details-container {
        padding: 1rem;
        padding-top: 1.5rem;
    }

    .mobile-price {
        border: 2px solid #ffffff;
        border-radius: 0.5rem;
        background: #000000;
        padding: 0.3rem;
        position: absolute;
        color: #ffffff;
        left: 1rem;
        top: 14.3rem;
    }

    .developer-name span {
        padding-left: 1rem;
    }

    .normal-logo {
        right: 1rem;
        top: 1rem;
    }

    .general-listing-price {
        top: 11.4rem;
        width: 100%;
    }

    .normal-listing-h1 {
        padding-top: 0;
        height: auto;
    }

    .normal-details-footer {
        bottom: 0rem;
    }

    .dev-heading-name.page-heading {
        width: 7rem;
    }

    .custom-header-container {
        /*top: 3rem;*/
    }

    .price-span {
        font-size: 0.8rem;
    }

    .tag-line-header {
        font-size: 0.8rem;
    }

    /** end mainlisting page **/
    /** subListing page **/
    .page-heading .heading {
        font-size: 0.7rem;
        padding: 0.4rem !important;
    }

    .subListing-action .btn {
        font-size: 0.9rem;
    }

    .read-more {
        font-size: 0.8rem;
    }

    .contact .btn {
        padding: .375rem .75rem;
        font-size: 0.7rem;
    }

    .developed-by {
        font-size: 0.8rem;
    }

    .dev-logo {
        margin-top: 0;
    }

    .overlay.about-developer {
        height: 9.4rem;
    }

    code {
        font-size: 0.7rem;
    }

    .custom-header-container {
        padding: 0.4rem;
    }

    .custom-header-container .dev-logo img {
        width: 100%;
    }

    /*.image-container {
         height: 16rem;
     }*/
    .about-developer-header h1 {
        font-size: 1.4rem;
    }

    .main-image.subListing-cards {
        /*padding: 0.25rem 0.25rem 0.25rem 0.25rem;*/
    }

    #subListing .image-container {
        height: 16.5rem;
    }

    .main-image-col {
        /*padding-right: 12px;*/
    }

    .thumb-nail-col {
        padding-left: revert;
        padding-right: revert;
    }

    .subListing-cards.thumpnails {
        /*padding: 0 0.1rem 2px 0.1rem ;*/
    }

    .content-title h1 {
        margin-top: 0.8rem;
    }

    .custom-container .content-title h1 {
        margin-top: 0.2rem;
    }

    .info-section .content-title h1 {
        font-size: 1.4rem;
        margin-bottom: 0.5rem;
    }

    .info-section .location {
        font-size: 0.9rem;
    }

    .mansion-price {
        font-size: 1.3rem;
    }

    .info-section .price {
        /*position: absolute;*/
        /*right: 0.5rem;*/
        /*top: 20.2rem;*/
    }

    .info-section {
        background: none;
    }

    .custom-container {
        padding: 0.5rem;
    }

    .custom-container {
        padding: 0 0.8rem 0.8rem 0.8rem;
    }

    .subListing-description {
        margin-top: 0.1rem;
        font-size: 0.8rem;
    }

    .subListing-icons.priority-size .size-label, .subListing-icons.priority-size .size {
        font-size: 0.9rem;
    }

    .subListing-action {
        right: 0.7rem;
    }

    .listing-thumbnails {
        /*padding: 0;*/
    }

    .first-thumb .listing-thumbnails {
        /*padding-left: 2px;*/
    }

    .third-thumb .listing-thumbnails {
        /*padding-right: 2px;*/
    }

    .about-developer-header {
        margin-top: 0;
    }

    .subList-icons {
        font-size: 0.9rem;
    }

    /** end subListing page **/
}

@media (max-width: 428px) {

    /********* Main listing ********/
    .mobile-price {
        top: 14.9rem;
    }

    /******** Main listing page ********/
    /***** header ******/
    .login img {
        width: 1.1rem;
    }

    .nav-item .nav-link {
        font-size: 1rem;
    }

    /***** header ******/
}

@media (max-width: 414px) {
    /******** header ***********/
    #currency-change {
        padding-top: 0.3rem;
    }

    /********* end header *******/
    .featured-header .header-row {
        padding-top: 0.2rem;
    }

    .sidebar-dev-counter {
        font-size: 0.8rem;
    }

    .mobile-price {
        top: 14.5rem;
    }

    .header-row {
        font-size: 1.1rem;
    }

    .header-row-location {
        font-size: 0.89rem;
    }

    .dev-img img {
        height: 17rem;
    }

    .featured-header .col-12 {
        padding-top: 3px;
        padding-bottom: 5px;
    }

    /** sublisting page **/
    .about-developer-header {
        margin-top: 1rem;
    }

    .custom-container.developer-details-container {
        padding: 0;
    }

    .developer-details {
        font-size: 0.9rem;
    }

    #community-description {
        margin-bottom: 1rem;
    }

    /** end sublisting page **/
    /*** Home page **/
    .dev-overlay-container, .dev-overlay-container-left {
        width: 50%;
    }

    .dev-overlay-container .developer-logo .img-div img {
        width: 60px;
    }

    .home-featured .home-opt-3.home-price {
        font-size: 1rem;
    }

    .home-logo-container {
        margin: 0.5rem;
    }

    .home-featured .card .card-img img {
        height: 14rem;
    }

    .dev-title h2 {
        font-size: 0.9rem;
    }

    .dev-title {
        padding-top: 0;
        height: 2.3rem;
    }

    .padding-6 .location {
        font-size: 0.8rem;
    }

    .subList-icons {
        font-size: 0.85rem;
    }

    .first-column {
        padding-right: 12px;
    }

    .second-column {
        padding-left: 12px;
    }

    /**** developer lists page ***/
    .developer-info {
        padding: 1rem;
    }

    .developer-info .description {
        padding-right: 0;
    }

    .dev-button {
        margin-top: 2rem;
        padding: 0;
    }

    .dev-button .btn-success {
        width: 10rem;
    }

    .contact-buttons {
        bottom: 3.6rem;
    }

    .social-media-icon {
        font-size: 1.2rem;
    }

    /**** developer lists page ***/
    /** Single Listing page **/
    .dev-heading-name.page-heading {
        width: 10rem;
    }

    .custom-header-container {
        padding-top: 1.2rem;
    }

    .price-span {
        font-size: 0.8rem;
    }

    .dev-logo {
        margin-top: 0.4rem;
    }

    .custom-header-container .dev-logo img {
        width: 42%;
    }

    .property-name-section h1 {
        font-size: 1.5rem;
    }

    .gallery-thumbnail .text-center {
        height: unset;
    }

    iframe {
        height: 300px;
    }

    .proper-info-container {
        margin-top: 2rem;
    }

    #gmap_canvas {
        height: 423px;
        width: 388px;
    }

    .mapouter {
        position: relative;
        text-align: right;
        height: 423px;
        width: 388px;
    }

    .gmap_canvas {
        overflow: hidden;
        background: none !important;
        height: 423px;
        width: 388px;
    }

    .dev-partner {
        margin-top: 1rem;
    }

    .dev-partner img {
        -moz-box-shadow: 0px 0px 5px 5px rgba(33, 33, 33, .5);
        -webkit-box-shadow: 0px 0px 5px 5px rgba(33, 33, 33, .5);
        -khtml-box-shadow: 0px 0px 5px 5px rgba(33, 33, 33, .5);
    }

    .overlay.about-developer {
        height: 7rem;
    }

    .singleListing-more-btn {
        margin-top: 1rem;
        margin-bottom: 2rem;
    }

    /** Single Listing page **/
    /*** developers List page **/
    .developersList h1 {
        font-size: 1.6rem;
    }

    /*** end developers List page **/
    /*** about developer page **/
    .dv-contacts {
        margin-top: 1rem;
    }

    .carousel-item img {
        min-height: 13rem;
    }

    #dev-topsection .developer-logo img {
        width: 6rem;
    }

    .carousel-caption {
        padding-top: 0.9rem;
        padding-bottom: 0.5rem;
    }

    .dev-contacts {
        margin-bottom: 0.8rem;
        font-size: 0.9rem;
    }

    .carousel-caption h5 {
        font-size: 1rem;
    }

    .social-media-icon {
        font-size: 2rem;
    }

    .dev-card .contact-buttons {
        padding-top: 1rem;
    }

    .developer-info .devList-name h3 {
        font-size: 1.5rem;
    }

    .developer-info .description {
        height: auto;
    }

    .developer-info .description {
        font-size: 1rem;
    }

    .social-media {
        margin: 0rem 0;
    }

    /*** about developer page **/
    /**footer **/
    .bottom-logo {
        margin-top: 0;
        padding-left: 0.9rem;
    }

    #follow-us {
        font-size: 0.7rem;
    }

    .footer-social-media-icons {
        padding-right: unset;
    }

    /**footer **/
    .custom-pagination li {
        font-size: 0.7rem;
    }

    .img {
        margin-bottom: 1rem;
    }

    #devDetailsCol,
    #theArchTextCol,
    #builderTextCol {
        margin-bottom: 1rem;
    }

    .dev-team {
        margin-top: 0;
    }

    .dev-team.content-title h1 {
        margin-top: 0;
        font-size: 1.5rem;
    }
}

@media (max-width: 390px) {
    /*********** Listing Page *************/
    .mobile-price {
        top: 13.5rem;
    }

    /****** End listing page ********/
}

@media (max-width: 375px) {
    /*** homepage***/
    .dev-title h2 {
        font-size: 0.9rem;
    }

    .view-more-btn a {
        font-size: 0.8rem;
    }

    .home-featured .home-opt-3.home-price {
        font-size: 0.83rem;
    }

    .subListing-description {
        /*height: 9.5rem;*/
    }

    .subList-icons {
        font-size: 1.1rem;
    }

    /***** dev list page **/
    .dev-button button {
        font-size: 0.8rem;
    }

    .dev-button .btn-success {
        width: 9rem;
    }

    .contact-buttons {
        bottom: 3.3rem;
    }

    /***** dev list page **/
    /**** Main Listing ***/
    .mobile-price {
        top: 13.3rem;
    }

    #gmap_canvas {
        height: 423px;
        width: 351px;
    }

    .mapouter {
        position: relative;
        text-align: right;
        height: 423px;
        width: 351px;
    }

    .gmap_canvas {
        overflow: hidden;
        background: none !important;
        height: 423px;
        width: 351px;
    }

    /**** Main Listing ***/
    /*** sublisting ***/
    .price-span {
        font-size: 0.7rem;
    }

    .mansion-price {
        font-size: 1.1rem;
    }

    #subListing-content .price {
        padding-top: 0.1rem;
    }

    .info-section .content-title h1 {
        font-size: 1.2rem;
    }

    /*** Developer ***/
}

@media (max-width: 360px) {
    .read-more {
        font-size: 0.7rem;
    }

    .info-section .content-title h1 {
        font-size: 1.1rem;
    }

    .mansion-price {
        font-size: 1rem;
    }

    .info-section .price {
        top: 20.4rem;
    }

    .subList-icons {
        font-size: 0.9rem;
    }

    #subListing-content .about-developer-header h1 {
        margin-top: 0.8rem;
    }

    /***** dev list page **/
    .dev-button .btn-success {
        width: 8rem;
    }

    /***** dev list page **/
    /***** Main listing page ***/
    .mobile-price {
        top: 12.7rem;
    }

    #gmap_canvas {
        height: 423px;
        width: 336px;
    }

    .mapouter {
        position: relative;
        text-align: right;
        height: 423px;
        width: 336px;
    }

    .gmap_canvas {
        overflow: hidden;
        background: none !important;
        height: 423px;
        width: 336px;
    }

    /***** Main listing page ***/
    /**** single Listing *****/
    .nav-link.active {
        padding-bottom: 0.1rem;
    }

    .nav-link {
        display: block;
        padding: .5rem 0.5rem;
    }

    /**** single Listing *****/
    /*** Developer list page **/
    .developer-info .devList-name h3 {
        font-size: 1.4rem;
    }

    .developer-info .description {
        font-size: 0.95rem;
    }

    /*** Developer list page **/

}


/****** The Following css is for select 2 dropdown *********/
.select2-selection--multiple .select2-selection__choice {
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
    color: #ffffff;
}

@media (min-width: 415px) {
    .search-box .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 5px !important;
    }

    .inner-search-box .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 5px !important;
    }

    .select2-container .select2-search--inline .select2-search__field {
        height: 26px !important;

    }

    .select2-container .select2-selection--single {
        height: 38px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 36px !important;
    }

    @media (max-width: 1024px) {
        .select2-container .select2-search--inline .select2-search__field {
            height: 25px !important;

        }

        .select2-container--default .select2-selection--multiple{
            height: 37px !important;
        }

        .select2-container .select2-selection--single {
            height: 37px !important;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 35px !important;
        }
    }
    @media (max-width: 810px) {
        .select2-container .select2-search--inline .select2-search__field {
            height: 18px !important;
        }
        .select2-container--default .select2-selection--multiple{
            height: 30px !important;
        }

        .select2-container .select2-selection--single {
            height: 30px !important;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 28px !important;
        }
    }
}

@media (max-width: 414px) {
    #mobileSearchForm .select2-container {
        width: 100% !important;
    }

    .search textarea {
        height: 29px !important;
        padding-top: 3px !important;
    }
    .select2-container--default .select2-selection--multiple{
        height: 2.5rem !important;
    }
    .select2-container--default .select2-selection--single {
        border-radius: 7px;
        height: 2.5rem !important;
        padding-top: 0.3rem;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 0 !important;
        position: relative !important;
        width: 20px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: -15px !important;
        right: -150px !important;
    }

    #mobileSearchForm .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: -15px !important;
        right: -170px !important;
    }

}

@media (max-width: 375px) {
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: -15px !important;
        right: -130px !important;
    }

    .search .select2-container {
        width: 301px;
    }

    .widthAdjust {
        width: 301px !important;
    }
}

@media (max-width: 360px) {
    .widthAdjust {
        width: 283.219px !important;
    }
}

/****** end css is for select 2 dropdown *********/


@media only screen and (max-width: 768px) {
    /*.main-image-col, .community-container .thumbs-wrapper{*/
    /*    padding: 0 !important;*/
    /*}*/
    /*.community-container .thumbs-wrapper .thumb-item{*/
    /*    padding: 0 !important;*/
    /*}*/
    .community-container .thumbs-wrapper .thumbs-container {
        width: 100% !important;
        margin: 0 !important;
    }
}

.info-section .custom-container {
    padding: 9px;
}

@media only screen and (min-width: 768px) {
    .thumbs-container, .thumbs-wrapper, .main-image-col {
        /*background: black;*/
    }
}

#subListing-content {
    padding-top: 10px;
    padding-bottom: 60px;

}

.page-link {
    padding: 1px 7px !important;
}