.container{
    max-width:1200px;
    margin:auto;
    padding:0 20px;
    overflow-x:hidden;
}

@media(max-width:1024px){

    h1{
        font-size:34px;
    }

    h2{
        font-size:28px;
    }

}

@media(max-width:768px){

    .container{
        padding:0 15px;
    }

    h1{
        font-size:26px;
    }

    h2{
        font-size:22px;
    }

    .loan-hero-inner{
        flex-direction:column;
        text-align:center;
    }

    .loan-left{
        width:100%;
    }

    .loan-calculator{
        width:100%;
        margin-top:20px;
    }

    .loan-grid,
    .form-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:480px){

    h1{
        font-size:22px;
    }

    h2{
        font-size:20px;
    }

}

.mobile-only{
    display:none;
}

.desktop-only{
    display:inline-flex;
}

@media(max-width:900px){

    .menu-toggle{
        display:flex;
        align-items:center;
        justify-content:center;
        margin-right:20px;
    }

    .nav-container{
        flex-wrap:wrap;
        gap:14px;
        width:calc(100% - 24px);
    }

    .main-header nav{
        order:3;
        width:100%;
        margin-left:0;
    }

    .nav-menu{
        display:none;
        flex-direction:column;
        align-items:stretch;
        position:relative;
        top:0;
        left:0;
        width:100%;
        background:rgba(255,250,243,.98);
        padding:16px 16px 16px;
        box-shadow:0 14px 28px rgba(0,0,0,.08);
        border-radius:20px;
        z-index:999;
        gap:0;
    }

    .nav-menu.active{
        display:flex;
    }

    .nav-menu li{
        width:100%;
    }

    .nav-menu a{
        display:block;
        padding:10px 0;
        border-bottom:1px solid #edf1f5;
    }

    .dropdown-menu{
        position:static;
        box-shadow:none;
        padding:4px 0 0 10px;
        border-radius:0;
        min-width:unset;
        display:none;
    }

    .dropdown.open .dropdown-menu{
        display:block;
    }

    .mobile-only{
        display:block;
        width:100%;
    }

    .desktop-only{
        display:none;
    }

    .nav-menu .apply-btn,
    .nav-menu .login-btn{
        width:80%;
        text-align:center;
        margin:8px auto 0;
        padding:8px 12px;
        min-height:36px;
        font-size:13px;
        border-radius:12px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        border-bottom:none;
    }

    .nav-menu .apply-btn{
        background:#ff7a00;
        color:white;
        border:none;
    }

    .nav-menu .login-btn{
        border:1.5px solid #1b4d8f;
        color:#1b4d8f;
        background:#fffdf9;
    }

    .mobile-account-toggle{
        margin-top:8px;
    }

    .mobile-account-menu a{
        padding-left:52px;
    }

    .logo{
        flex:1;
    }

    .menu-toggle{
        flex:0;
        margin-left:auto;
    }

    .logo img{
        height:48px;
    }

}

body{
    overflow-x:hidden;
}