@media screen and (max-width: 1399px) {
.hero-section {padding: 5rem 0 !important;}
}

@media screen and (max-width: 991px) {
.fs-5 {font-size: 1rem !important;}	
.homepad {padding-top: 4rem; padding-bottom: 4rem;}
.waitlist-card {padding: 50px 30px;}
.waitlist-card::after {width: 280px; height: 280px;}
.gaba-card-num {font-size: 46px;}
.mobile-toggle-btn{display: inline-block;}
.navbar .btn-theme-dark {padding: 6px 14px; font-size: 14px;}
.hero-section {padding: 4rem 0 !important;}
}

@media screen and (max-width: 767px) {
.homepad {padding-top: 3.5rem; padding-bottom: 3.5rem;}
.footer-links li {margin-bottom: 6px;}
th.tzaar-text {color: #3b2863 !important;}
.navbar {padding: 14px 0;}
.sub-tag {font-size: 0.75rem !important;}
}

@media (max-width: 767px) {
.div-compare-container { background: transparent; border: none; box-shadow: none; padding: 0; }
.div-compare-header, .div-compare-row { display: none; }
.mobile-sticky-table-view { display: block; }
.table-responsive-wrapper { width: 100%; overflow-x: auto; border-radius: 18px; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 6px 20px rgba(0,0,0,0.05); position: relative; }
.table-responsive-wrapper::-webkit-scrollbar { height: 6px; }
.table-responsive-wrapper::-webkit-scrollbar-thumb { background: rgba(27,60,25,0.3); border-radius: 10px; }
.m-table { display: table; width: 100%; white-space: nowrap; border-collapse: collapse; }
.m-table th {padding: 10px 12px; font-size: 14px; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.08); background-color: var(--purple-dark); color: #ffffff; font-weight: 700; letter-spacing: 0.3px;}
.m-table td { padding: 10px 12px; font-size: 14px; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.08); }
.m-table th:first-child { position: sticky; left: 0; background-color: var(--purple-dark); color: #ffffff; font-weight: 700; text-align: left; z-index: 3; box-shadow: 3px 0 6px rgba(0,0,0,0.06); }
.m-table td:first-child {position: sticky; left: 0; background-color: #fff; color: var(--purple-dark); font-weight: 600; text-align: left; z-index: 2; box-shadow: 3px 0 6px rgba(0,0,0,0.06); font-size: 13px; }
.m-table th:nth-child(2), .m-table td:nth-child(2) { background-color: rgb(238, 230, 213); }
.m-scroll-hint { text-align: center; font-size: 12px; font-weight: 600; color: var(--purple-dark); margin-top: 10px; }
}

@media (max-width: 479px) {
.navbar .btn-theme-dark {padding: 4px 10px; font-size: 12px;}
.navbar-brand {font-size: 20px; letter-spacing: 1px;}
}