@media (max-width: 991px) {
    .site-header .navbar {
        min-height: auto;
        padding: 10px 0;
    }

    .navbar-collapse {
        background: #fff;
        margin-top: 15px;
        border-top: 1px solid #eee;
        padding-top: 15px;
    }

    .navbar-nav .nav-link {
        padding: 12px 0 !important;
        text-align: center;
    }

    .header-action {
        margin-left: 0;
        margin-top: 15px;
        text-align: center;
    }

    .hero-content {
        padding: 30px;
        text-align: center;
    }

        .hero-content h1 {
            font-size: 50px;
        }

        .hero-content h2 {
            font-size: 34px;
        }

    .hero-btn a {
        display: block;
        margin: 10px 0;
    }

    .feature-item {
        border-bottom: 1px solid rgba(255,255,255,.1);
    }

    .roadmap-line {
        display: none;
    }

    .roadmap-item {
        margin-bottom: 30px;
    }

    .section-title h2 {
        font-size: 30px;
    }
}