/* ============================================================
   MOBILE RESPONSIVE ADDITIONS
   Breakpoints:
     xs  : max-width 480px  (small phones)
     sm  : max-width 576px  (phones)
     md  : max-width 768px  (tablets / large phones)
     lg  : max-width 992px  (small laptops / landscape tablets)
   All rules are additive — no desktop styles are overridden
   except inside explicit media queries.
   ============================================================ */


    

/* ── Tablet / Large Phone (≤768px) ── */
@media (max-width: 768px) {
    
    /*Home page*/
    
    #main-navbar .navbar-brand img {
        margin-top:-20px;
    }
    #main-navbar{
        height: 85px;
    }
    
    .floating-social{
        display:none;
    }
    .hero-content{
        padding: 5rem 1.2rem !important;
    }
    .hero-heading{
        font-size: 3.3rem !important;
    }
    .hero-subtitle{
        font-size: 1.25rem !important;
        margin-bottom: 3rem !important;
    }
    .location-row{
        margin-bottom: 2rem !important;
    }
    .btn-glass-h{
        padding: 18px 50px !important;
    }
    
    h2{
        font-size: 2.1rem !important;
        line-height: 2.5rem !important;
    }
    .market-val-group{
        font-size: 30px !important;
        
    }
    .market-suffix{
        font-size:23px !important;
    }
    .market-title{
        font-size: 12px !important;
    }
     
    .bg-white .g-4{
        padding-left: unset !important;
        padding-right: unset !important;
    }
    .platform-section h2{
        font-size: 2.25rem !important;
        letter-spacing: -0.025em !important;
        line-height: 1.25 !important;
    }
    .platform-section .row{
        flex-direction: column-reverse !important;
        display: flex;
    }
    .platform-zoom-img{
        height: 269px !important;
    }
    .fs-2{
        font-size: 1.875rem !important;
        line-height: 2.25rem !important;
    }
    
    /*Home page end*/
    
    /*About page*/
    
    .display-3{
        font-size: 3rem;
        font-weight: 700 !important;
    }
    
    .position-relative{
        padding-bottom: 3rem !important;
    }
    .mob-reverse{
        flex-direction: column-reverse !important;
    }
    
    .display-5{
        font-size: 42px !important;
        letter-spacing: -0.025em !important;
    }
    .mob-grid{
        display:grid !important;
    }
    .mob-grid .col-lg-3{
        width:100% !important;
    }
    
    .fw-light{
        font-size: 1.25rem !important;
    }
    
     .hero-desc {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important;
    }
        
    }