@media (max-width: 575.98px) { 

    

    #heroCarousel .carousel-item h1 {
        font-size: 2rem !important;
    }

    #heroCarousel .carousel-item h3 {
        font-size: 1rem !important;
    }

    .lpo{
        margin-top: 40px;
    }

    .app-download img {
        width: 128px !important;
        height: 40px  !important;
    }

    .app-download {
        margin-bottom: 20px;
    }

    .propwall-box {
        right: -20%;
    }

    .group-box img, 
    .matching-box img, 
    .propwall-box img{
        width: 50%;
    }

    .features div > span {
        width: 48px !important;
        height: 48px !important;
    }

    .features div > span img {
        width: 24px;
        height: 24px;
    }

    @keyframes topRight {
        0% { transform: translateY(0) translateX(0); opacity: 0.2;}
        100% { transform: translateY(-156px) translateX(156px); opacity: 1; }
    }

    @keyframes bottomLeft {
        0% { transform: translateY(0) translateX(0); opacity: 0.2; }
        100% { transform: translateY(24px) translateX(-64px); opacity: 1;}
    }

    @keyframes bottomRight {
        0% { transform: translateY(0) translateX(0); opacity: 0.2;  }
        100% { transform:  translateX(150px) translateY(90px); opacity: 1; }
    }

    .carousel-item img.slide {
        max-height: 320px !important;
    }

    .about > div.container {
        background-size: cover;
        background-position: top center;
        align-items: flex-end !important;
    }

    .about h1 {
        font-size: 24px;
    }
    
    .about h3 {
        font-size: 20px;
    }
    
    .about img {
        width: 120px;
    }

    .promo h4 {
        font-size: 14px;
    }

    .promo .free-trial .reg-card {
        text-align: center;
    }

    
    
    .promo .cards .col-6{
        margin-bottom: 60px;
    }

    .video-player video {
        width: 184px;
        padding: 0 !important;
    }

.video-player .frame{
        width: 204px;
}
    section.navbar-options {
        right: 1%;
    }

    #app-options {
        max-width: 575.98px;
        overflow: hidden;
    }

    #inquiries .row,
    #listings .row,
    #propchat .row  {
        flex-direction: column-reverse;
        margin-bottom: 40px;
    }

    article#inquiries .objects div:nth-child(1) {
        display: none;
    }

    article#inquiries .objects div img {
        width: 64px;
    }

    article#smartlisting .objects{
        top: 10%;
        left: 2%;
        opacity: 0.9;
    }

    article#smartlisting .objects .avator{
        margin: auto;
    }

    article#smartlisting .objects div button{
        font-size: 12px;
           margin: auto;
    }

    article#listings .objects{
        top: 10%;
        left: -10%;
        z-index: -1;
    }

    article#listings .objects img {
        width: 50%;
    }

    article#market .objects{
        top: 0;
    }

    article#market .objects img {
        width: 80%;
    }

    article#forms .objects{
        left: -26%;
    }

    article#compares .objects
    {
        left: 20%;
    }

    article#compares .objects img:nth-child(1) {
        width: 50%;
    }

    .sub-heading {
        font-size: 1.2rem;
    }

    .app-options article p {
        font-size: 14px;
    }

    #propwall 
    {
        margin-bottom: 50px;
    }
    

    #testimonials
    {
        margin-top: 100px;
    }

    #testimonials h2 {
        margin-top: 40px;
        font-size: 14px;
    }

    #testimonials h5 {
        font-size: 12px;
    }

    footer { 
        font-size: 12px;
    }
    footer [class*="col-"] {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgb(211, 211, 211);
    }

    footer [class*="col-"]:last-child{
        border-bottom: none;
    }


    footer .app-download a img{
        width: 180px;
    }

    footer hr {
        display: none !important;
    }

    .support-wa {
        z-index: 9999;
    }

}

@media (max-width: 991.98px) { 
    
    .about > div.container {
        background-size: 100% !important;
    }
    
    footer .app-download a img{
       max-width: 246px;
    }
    
}

@media (max-width: 1199.98px) { 
    
    #heroCarousel .carousel-item h1 {
        font-size: 1.5rem !important;
    }

    #heroCarousel .carousel-item h3 {
        font-size: 0.8rem !important;
    }
    
    .carousel-item img.slide {
        max-height: 550px !important;
    }
    
    .group-box img, 
    .matching-box img, 
    .propwall-box img{
        width: 50%;
    }

    .features div > span {
        width: 48px !important;
        height: 48px !important;
    }

    .features div > span img {
        width: 24px;
        height: 24px;
    }
    
    .about > div.container {
        background-size: 100% !important;
    }
    
    footer .app-download a img{
       max-width: 246px;
    }
}

@media (max-width: 1399.98px) {
    
    #heroCarousel .carousel-item h1 {
        font-size: 1.8rem !important;
    }

    #heroCarousel .carousel-item h3 {
        font-size: 1.2rem !important;
    }
    
    .carousel-item img.slide {
        max-height: 550px !important;
    }
    
    
    .group-box img, 
    .matching-box img, 
    .propwall-box img{
        width: 50%;
    }

    .features div > span {
        width: 48px !important;
        height: 48px !important;
    }

    .features div > span img {
        width: 24px;
        height: 24px;
    }
    
    .about > div.container {
        background-size: 100%;
    }
    
    footer .app-download a img{
       max-width: 246px;
    }
    
}