@media (max-width: 768px) {
    .logo img { width: 120px; }
}
@media (max-width: 768px) {
    .footer-brand {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .footer-logo img { width: 120px; }
}
@media (max-width: 1000px) {
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .footer-grid { grid-template-columns: 1fr; }
}
@media (max-width: 1000px) {
    .nav { gap: 15px; }
    .nav a { font-size: 14px; }
    .hero-text h1 { font-size: 48px; }
    .service-grid { grid-template-columns: repeat(2, 1fr); }
    .why-content { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .container { width: 92%; }
    .section { padding: 60px 0; }
    /* Mobile Navbar */
    .nav {
        background-color: #0f2a44;}
    .nav a {
        color: #ffffff;}
    .nav a:hover {
        color: #dbeafe;}
    .navbar {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
        padding: 12px 0 14px;
    }
    .logo {
        width: auto;
        flex: 1;
        text-align: left;
    }
    .logo a { font-size: 24px; }
    .nav {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px 14px;
    }
    .nav a {
        font-size: 13px;
        padding: 6px 2px;
    }
    .nav .admin-login,
    .nav .btn-primary { padding: 8px 12px !important; }
    .navbar > .btn-primary { display: none; }
    /* Hero */
    .hero-slider { height: 600px; }
    .hero-slider .hero-content {
        margin-left: 6%;
        margin-right: 6%;
        padding-top: 100px;
    }
    .hero-slider .hero-content h1 { font-size: 38px; }
    .hero-slider .hero-content p { font-size: 16px; }
    .hero-slider .hero-buttons {
        flex-direction: column;
        width: fit-content;
    }
    .hero-arrow {
        width: 42px;
        height: 42px;
        font-size: 20px;
    }
    .trust-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    .trust-item h3 { font-size: 27px; }
    .section-heading h2,
    .why-text h2,
    .enquiry-text h2 { font-size: 30px; }
    /* Services */
    .service-grid { grid-template-columns: 1fr; }
    /* Why Us */
    .why-grid { grid-template-columns: 1fr; }
    .why-text { text-align: center; }
    /* Enquiry */
    .enquiry-content {
        flex-direction: column;
        text-align: center;
    }
    /* Footer */
    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
}
@media (max-width: 1000px) {
    .testimonial-container { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 650px) {
    .success-section { padding: 60px 20px; }
    .success-header h1 { font-size: 30px; }
    .testimonial-container { grid-template-columns: 1fr; }
    .testimonial-card { min-height: auto; }
}
@media (max-width: 700px) {
    .blog-section { padding: 60px 6%; }
    .blog-header { margin-bottom: 45px; }
    .blog-header h1 { font-size: 36px; }
    .blog-header p { font-size: 16px; }
    .blog-list-item {
        gap: 20px;
        padding: 30px 5px;
    }
    .blog-list-date {
        width: 65px;
        min-width: 65px;
    }
    .blog-list-date span { font-size: 28px; }
    .blog-list-date small { font-size: 11px; }
    .blog-list-content h2 { font-size: 21px; }
    .blog-list-content p { font-size: 15px; }
}
@media (max-width: 700px) {
    .blog-detail { padding: 60px 6%; }
    .blog-detail-container h1 { font-size: 36px; }
    .blog-detail-intro { font-size: 17px; }
    .blog-detail-content { font-size: 16px; }
}
@media (max-width: 700px) {
    .form-row {
        flex-direction: column;
        gap: 0;
    }
}
@media (max-width: 900px) {
    .services-page-hero h1 { font-size: 46px; }
    .services-page-grid {
        grid-template-columns: 1fr;
        max-width: 650px;
    }
    .process-grid {
        grid-template-columns: 1fr;
        max-width: 500px;
    }
    .process-line {
        width: 2px;
        height: 35px;
        margin: auto;
    }
    .services-cta-box {
        flex-direction: column;
       align-items: flex-start;
    }
}
@media (max-width: 600px) {
    .services-page-hero { min-height: 520px; }
    .services-hero-content { padding: 70px 0; }
    .services-page-hero h1 { font-size: 36px; }
    .services-page-hero p { font-size: 15px; }
    .services-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }
    .services-main-btn,
    .services-outline-btn { width: 100%; }
    .services-intro,
    .services-process { padding: 65px 0; }
    .services-section-heading h2 { font-size: 31px; }
    .services-page-card {
        min-height: auto;
        padding: 27px 23px;
    }
    .services-card-content h3 { font-size: 21px; }
    .services-cta-box { padding: 32px 25px; }
    .services-cta-box h2 { font-size: 27px; }
    .services-cta-button {
        width: 100%;
        justify-content: center;
    }
}
@media (max-width: 900px) {
    .service-detail-hero h1 { font-size: 46px; }
    .service-detail-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }
    .service-main-content { max-width: 100%; }
    .service-help-card {
        position: static;
        max-width: 600px;
    }
    .service-benefits-grid {
        grid-template-columns: 1fr;
        max-width: 600px;
        margin: auto;
    }
    .service-detail-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width: 600px) {
    .service-detail-hero { min-height: 520px; }
    .service-detail-hero-content { padding: 70px 0; }
    .service-detail-hero h1 {
        font-size: 36px;
        letter-spacing: -0.8px;
    }
    .service-detail-hero p { font-size: 15px; }
    .service-detail-buttons {
        flex-direction: column;
        align-items: stretch;
    }
    .service-primary-btn,
    .service-secondary-btn { width: 100%; }
    .service-detail-content,
    .service-benefits { padding: 65px 0; }
    .service-main-content h2 { font-size: 31px; }
    .service-help-card { padding: 25px; }
    .service-benefits-heading h2 { font-size: 31px; }
    .service-detail-cta { padding: 65px 0; }
    .service-detail-cta-box { padding: 32px 25px; }
    .service-detail-cta-box h2 { font-size: 27px; }
    .service-detail-cta-box > a {
        width: 100%;
        justify-content: center;
    }
}
@media (max-width: 600px) {
    .demo-popup-content {
        padding: 25px 20px;
        margin: 3vh auto;
    }
    .popup-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .demo-popup-content h2 { font-size: 24px; }
}
@media (max-width: 768px) {
    .hero-slider { height: 600px; }
    .hero-slider .hero-content {
        position: absolute;
        inset: 0;
        max-width: none;
        margin: 0;
        padding: 0;
        z-index: 2;
    }
    .hero-slider .hero-content h1 {
        position: absolute;
        top: 50%;
        left: 7%;
        right: 7%;
        transform: translateY(-50%);
        margin: 0;
        font-size: 40px;
        line-height: 1.12;
    }
    .hero-slider .hero-buttons {
        position: absolute;
        bottom: 55px;
        left: 7%;
        right: 7%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin: 0;
    }
    .hero-btn {
        min-width: 180px;
        padding: 13px 22px;
    }
    .hero-arrow {
        width: 42px;
        height: 42px;
        font-size: 19px;
    }
    .hero-prev { left: 12px; }
    .hero-next { right: 12px; }
    .hero-dots { bottom: 18px; }
}
@media (max-width: 480px) {
    .hero-slider { height: 570px; }
    .hero-slider .hero-content h1 { font-size: 34px; }
    .hero-slider .hero-buttons { bottom: 50px; }
    .hero-btn { width: 100%; }
}
@media (max-width: 900px) {
    .colleges-hero h1 { font-size: 46px; }
    .college-grid {
        grid-template-columns: 1fr;
        max-width: 650px;
    }
    .college-benefits-grid {
        grid-template-columns: 1fr;
        max-width: 600px;
        margin: auto;
    }
    .college-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width: 600px) {
    .colleges-hero {min-height: 520px;}
    .colleges-hero-content { padding: 70px 0;}
    .colleges-hero h1 {font-size: 36px;letter-spacing: -0.8px;}
    .colleges-hero p { font-size: 15px;}
    .college-hero-buttons {flex-direction: column; align-items: stretch;}
    .college-primary-btn,
    .college-secondary-btn { width: 100%;}
    .college-list-section,
    .college-benefits { padding: 65px 0;}
    .college-section-heading h2 {font-size: 31px;}
    .college-card {min-height: auto; padding: 27px 23px;}
    .college-card-content h3 { font-size: 21px;}
    .college-cta-box {padding: 32px 25px;}
    .college-cta-box h2 {font-size: 27px;}
    .college-cta-box > a {width: 100%; justify-content: center;}
}
@media (max-width: 900px) {
    .blog-page-hero h1 {font-size: 46px;}
    .blog-grid {
        grid-template-columns: 1fr;
        max-width: 650px;
    }
    .blog-topics-grid {
        grid-template-columns: 1fr;
        max-width: 600px;
        margin: auto;
    }
    .blog-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width: 600px) {
    .blog-page-hero {min-height: 520px; }
    .blog-hero-content {padding: 70px 0;}
    .blog-page-hero h1 {
        font-size: 36px;
        letter-spacing: -0.8px;
    }
    .blog-page-hero p {font-size: 15px; }
    .blog-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }
    .blog-primary-btn,
    .blog-secondary-btn { width: 100%; }
    .blog-list-section,
    .blog-topics {
        padding: 65px 0;}
    .blog-section-heading h2 {
        font-size: 31px;}
    .blog-card {
        min-height: auto;
        padding: 27px 23px;}
    .blog-card-content h3 {
        font-size: 21px;}
    .blog-cta-box {
        padding: 32px 25px;}
    .blog-cta-box h2 {
        font-size: 27px;}
    .blog-cta-box > a {
        width: 100%;
        justify-content: center;}
}
@media (max-width: 900px) {
    .blog-detail {
        padding: 60px 20px;}
    .blog-detail-container {
        padding: 45px 40px;}
    .blog-detail-container h1 {
        font-size: 40px; }
}
@media (max-width: 600px) {
    .blog-detail { padding: 40px 15px; }
    .blog-detail-container {
        padding: 35px 22px;
        border-radius: 15px;
    }
    .blog-detail-container h1 { font-size: 31px; }
    .blog-detail-intro {
        padding: 18px 20px;
        font-size: 16px;
    }
    .blog-detail-content { font-size: 15px; }
    .blog-detail-content p {
        font-size: 15px;
        line-height: 1.8;
    }
    .blog-detail-content h2 { font-size: 25px; }
    .blog-detail-content h3 { font-size: 20px; }
}
@media (max-width: 700px) {
    .dashboard-cards { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .navbar { position: relative; }
    .menu-toggle {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }
    .nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #073763;
        flex-direction: column;
        padding: 15px 0;
    }
    .nav.show { display: flex; }
    .nav a,
    .nav span {
        padding: 12px 20px;
        text-align: center;
    }
    .navbar > .btn { display: none; }
}
@media (max-width: 600px) {
    .process-step { gap: 12px; }
    .step-number {
        min-width: 42px;
        height: 42px;
    }
}
@media (max-width: 600px) {
    .application-card { padding: 20px;}
    .application-header {flex-direction: column;}
    .application-info {
        flex-direction: column;
        gap: 10px;
    }
}
@media (max-width: 600px) {
    .application-section {
        padding: 30px 15px; }
    .application-container {
        padding: 25px 20px; }
    .application-container h1 {
        font-size: 24px; }
}
@media (max-width: 600px) {
    .payment-page {
        padding: 30px 15px;}
    .payment-card {
        padding: 28px 20px;}
    .payment-card h1 {
        font-size: 24px;}
    .payment-row {
        flex-direction: column;
        gap: 5px;}
    .payment-row strong {
        text-align: left;}
}
@media (max-width: 600px) {
    #chatbot-window {
        right: 15px;
        bottom: 80px;
        width: calc(100% - 30px);
        height: 420px;
    }
    #chatbot-button {
        right: 15px;
        bottom: 80px;
    }
}
@media (max-width: 768px) {
    .navbar { position: relative; }
    .menu-toggle {
        display: block;
        margin-left: auto;
        z-index: 1001;
        color: #1f2937;
    }
    .nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        background: #ffffff;
        padding: 15px 20px;
        z-index: 1000;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    }
    .nav.show { display: flex; }
    .nav a,
    .nav span {
        width: 100%;
        padding: 10px 0;
        color: #1f2937;
        text-decoration: none;
    }
    .nav a:hover { color: #2563eb; }
    .navbar > .btn { display: none; }
}
@media (max-width: 768px) {
    .legal-page { padding: 40px 15px; }
    .legal-header h1 { font-size: 30px; }
    .legal-section { padding: 20px; }
}
@media (max-width: 768px) {
    .live-project-training-section {padding: 70px 0;margin-top: 30px;}
    .live-project-training-section .services-section-heading h2 {font-size: 30px;}
    .live-project-training-cards {grid-template-columns: 1fr; gap: 18px;}
    .live-project-card {padding: 24px;}
}
@media (max-width: 900px) {
    .course-guidance-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .course-guidance-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .cookie-consent {left: 12px;right: 12px;bottom: 12px;width: auto;max-width: none;}
    .cookie-consent-box {padding: 22px;}
    .cookie-consent-box h3 {font-size: 21px;}
    .cookie-consent-box p {font-size: 14px;}
    .cookie-buttons {flex-direction: column;}
    .cookie-btn {width: 100%;}
}
@media (max-width: 480px) {
    .cookie-consent { left: 8px; right: 8px; bottom: 8px;}
    .cookie-consent-box { padding: 18px;}
    .cookie-consent-box h3 {font-size: 19px;}
    .cookie-consent-box p {font-size: 13px;line-height: 1.6;}
}