/* ================================
RESPONSIVE  
================================ */
/* DESKTOP NAVBAR DROPDOWN */
/* TABLET + MOBILE */
/* MOBILE */
/* SMALL MOBILE */

/* ================================
   DESKTOP NAVBAR DROPDOWN
================================ */
@media (min-width: 1200px){

    .navbar-w .dropdown{
        position: relative;
    }

    .navbar-w .dropdown-menu::before{
        content: "";
        position: absolute;
        top: -12px;
        left: 0;
        width: 100%;
        height: 12px;
    }

    .navbar .dropdown:hover > .dropdown-menu{
        display: block;
    }
    /* img height fix */
    /*Home*/
    .why_choose_img_1{
        height: 310px;
    }
    /*buy-property*/
    .why_choose_img_buy-property{
        height: 485px;
    }
    /*off-propert*/
    .why_choose_img_off-property{
        height: 415px;
    }
    /*Sell*/
    .form_left_sell{
       height: 460px;
       object-fit: cover;
    }
    

}


/* ================================
   TABLET + MOBILE
================================ */
@media (max-width: 991px){

    #navMenu{
        background: rgb(8 43 32);
        padding: 15px 10px 20px 15px;
        border-radius: 4px;
        border: 1px solid #495057;
        margin: 5px 0 15px;
    }

    .section-py-sm{
        padding: 25px 0;
    }

    .hero-content{
        top: 6%;
    }

    .search-bar-w{
        flex-wrap: wrap;
        border-radius: var(--radius-lg);
    }

    .search-bar-w .sb-divider{
        display: none;
    }

    .search-bar-w .sb-select,
    .search-bar-w .sb-input{
        width: 100%;
        min-width: 100%;
    }

    .view_right{
        display: none;
    }
    
    .hero-sub {
        height: auto;
        padding: 160px 0px 60px 0px;
    }
    .navbar-w.scrolled .nav-logo img {
    height: 40px;
    }
    .navbar-w.scrolled {
    padding: 0px 0;
    }
    .scrolled.navbar-w .navbar-toggler{
     font-size: 23px;
    }

}


/* ================================
   TABLET + DESKTOP
================================ */
@media (min-width: 768px){

    .about_1{
        min-height: 500px !important;
    }

}


/* ================================
   MOBILE
================================ */
@media (max-width: 768px){

    :root{
        --section-py: 56px;
    }
    
     table{
        min-width:700px;
    }

    table td,
    table th{
        padding:12px 14px;
        font-size:14px;
    }

    .main-img{
        height: 230px;
    }

    .form-card{
        padding: 22px 16px;
    }

    .hero-display{
        font-size: 32px;
    }

    .float-wa{
        bottom: 16px;
        right: 16px;
        width: 48px;
        height: 48px;
        font-size: 22px;
    }

    .footer-bottom-w .d-flex{
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }

    .tabs-underline .nav-link,
    .tabs-pill .nav-link{
        margin-right: 6px;
        margin-bottom: 6px;
    }
    
  .no-border-mobile {
    border-left: 0 !important;
  }
  

}


/* ================================
   SMALL MOBILE
================================ */
@media (max-width: 576px){

    .btn-w-lg{
        padding: 12px 24px;
        font-size: 14px;
    }

    .card-stat .stat-number{
        font-size: 34px;
    }

}