@media (max-width:991px){body{padding-top:56px;font-size:16px;-webkit-text-size-adjust:100%} .container,.navbar .container{width:100% !important;max-width:100% !important;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto} .navbar,.navbar-modern{min-height:56px;padding:0.5rem 0} .navbar .container{max-width:100%} .navbar-brand,.navbar-brand-3d{font-size:1.15rem} .navbar-brand img,.navbar-brand-3d img{max-height:32px} .navbar-collapse{background:rgba(0,0,0,0.15);margin:0.5rem -16px -0.5rem -16px;padding:0.75rem 16px 1rem;border-radius:0 0 12px 12px} .navbar-nav{flex-direction:column;gap:2px} .navbar-nav .nav-link,.nav-link-3d{padding:12px 14px;min-height:48px;display:flex;align-items:center;border-radius:10px;font-size:1rem} .navbar-toggler{padding:10px 12px;min-width:48px;min-height:48px;border-radius:10px} .hero-section,.hero-section-3d{padding:72px 0 48px;min-height:280px} .hero-section h1,.hero-title-3d{font-size:1.75rem;line-height:1.25;margin-bottom:0.5rem} .hero-section .lead,.hero-text-3d{font-size:1rem;line-height:1.5} .search-section{margin-top:-24px;padding-left:16px;padding-right:16px} .search-section .card,.search-panel-3d .card{border-radius:14px;margin-bottom:1rem} .search-section .card-body{padding:1.25rem} .form-control,.form-select{min-height:48px;font-size:16px;border-radius:10px;padding:12px 14px} .form-label{font-size:0.9375rem;margin-bottom:0.375rem} .btn,.btn-primary,.btn-3d{min-height:48px;padding:12px 20px;font-size:1rem;border-radius:10px;display:inline-flex;align-items:center;justify-content:center} .btn-sm{min-height:40px;padding:8px 14px;font-size:0.9375rem} .category-card-item,.category-card-3d .category-card-item{min-height:160px;padding:1.25rem 1rem;border-radius:14px} .category-icon-wrapper{width:56px;height:56px;margin-bottom:0.75rem;border-radius:14px} .category-title{font-size:1rem} .feature-card,.feature-card-3d,.new-feature-card-3d{margin-bottom:1rem;border-radius:14px;padding:1.25rem} .feature-icon-3d{width:56px;height:56px;margin-bottom:1rem} .feature-icon-3d i{font-size:1.5rem} .new-feature-card-3d h4{font-size:1.125rem} .new-feature-card-3d p{font-size:0.9375rem} .hero-3d-background,.badge-3d,.metric-tile-3d::before,.category-card-3d .category-card-item::before,.new-feature-card-3d::before{animation:none} .hero-insight-3d:hover,.search-panel-3d:hover,.category-card-3d:hover .category-card-item,.feature-card-3d:hover,.new-feature-card-3d:hover{transform:translateY(-4px)} .metric-tile-3d:hover{transform:translateY(-4px)} } @media (max-width:768px){body{padding-top:52px} .navbar,.navbar-modern{min-height:52px} .container{padding-left:14px;padding-right:14px} .hero-section,.hero-section-3d{padding:60px 0 36px;min-height:240px} .hero-section h1,.hero-title-3d{font-size:1.5rem} .search-section{margin-top:-20px} .search-section .card-body{padding:1rem} h1{font-size:1.5rem} h2{font-size:1.375rem} h3{font-size:1.2rem} h4{font-size:1.1rem} .lead{font-size:1rem} .card{margin-bottom:1rem;border-radius:12px} .card-body{padding:1rem} .result-card .card-body{padding:1rem} .info-item{padding:0.5rem 0;font-size:0.9375rem} .pincode-badge .badge{font-size:0.9375rem;padding:0.5rem 0.75rem} .breakdown-card{margin-bottom:0.75rem} .breakdown-card .card-body{padding:1rem 0.75rem;min-height:100px} .breakdown-card h4{font-size:1.5rem} .breakdown-card h6{font-size:1rem} .breakdown-label{font-size:0.7rem} .table-responsive{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px;-webkit-overflow-scrolling:touch} .table{font-size:0.875rem} .table td,.table th{padding:0.625rem 0.5rem} footer{padding:2rem 0 1.25rem;margin-top:2.5rem} footer .row{row-gap:1.5rem} footer h5,footer h6{font-size:1rem;margin-bottom:0.75rem} footer .stat-item h4{font-size:1.25rem} footer .social-links a{width:44px;height:44px;line-height:44px} } @media (max-width:576px){body{padding-top:50px} .navbar,.navbar-modern{min-height:50px} .container{padding-left:12px;padding-right:12px} .hero-section,.hero-section-3d{padding:52px 0 28px;min-height:200px} .hero-section h1,.hero-title-3d{font-size:1.35rem} .hero-section .lead,.hero-text-3d{font-size:0.9375rem} .search-section{margin-top:-16px} .search-section .btn-primary,.btn-3d{width:100%;margin-top:0.75rem} .btn-group{flex-direction:column} .btn-group .btn{width:100%;margin-bottom:0.5rem} .category-card-item{min-height:140px;padding:1rem} .category-icon-wrapper{width:48px;height:48px;margin-bottom:0.5rem} .category-title{font-size:0.9375rem} .breakdown-card .card-body{padding:0.875rem 0.5rem;min-height:90px} .breakdown-card h4{font-size:1.35rem} .breakdown-card h6{font-size:0.9375rem} .result-card .card-body{padding:0.875rem} .info-item{font-size:0.875rem} .pincode-badge .badge{font-size:0.875rem;padding:0.4rem 0.6rem} .stat-item h4{font-size:1.125rem} @supports (padding:max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))} .navbar .container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))} .container{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))} } } @media (max-width:991px){a:not(.btn):not(.nav-link):not(.navbar-brand){min-height:0;min-width:0} .nav-link,.nav-link-3d,.dropdown-item{min-height:48px;display:flex;align-items:center} .dropdown-menu{border-radius:12px;margin-top:0.5rem;padding:0.5rem 0} .dropdown-item{padding:12px 1rem;font-size:1rem} }