@media (max-width: 768px) {
    .for-old-home-page-mobile{
        display: none;
    }
    .toggle-btn{
        background-color: #2c4a7d;
    }
    .hero-content, .aigenerated .general-container, .affiliate-content, .footer-content, .footer-bottom{
        display: block;
    }
    .hero{
        padding-top: 10rem;
    }
    .hero-title {
        font-size: 40px;
    }
    .toggle-btn{
        --toggle-btn-size: 4.2rem;
    }
    .nav-clickable{
        background-color: #fff;
        height:90vh;
    }
    .navigation {
        & li {
            & a {
                & {
                    padding: 1rem 0;
                    text-align: left;
                    padding-left: 30px;
                }
            }
        }
    }
    .navigation {
        & li {
            & a {
                &:hover {
                    background-color: rgb(26, 44, 74);
                    color: #fff;
                }
            }
        }
    }
    .nav-clickable {
        gap: 10rem;
    }
    .section-title, .section-heading, .cta-content h2{
        font-size: 30px;
        padding: 0 1rem;
    }
    .advanced-features-grid {
        grid-template-columns: auto;
    }
    .affiliate-content, .statistics .stats-grid, .footer-content{
        padding: 0 1rem;
    }
    .affiliate-visual, .footer-section{
        margin-top: 3rem;
    }
    .footer {
        padding-top: 0;
    }
    .footer-bottom{
        text-align: center;
    }
    .footer-badges{
        margin: 2rem 0;
        justify-content: center;
    }
    .mobile-foot{
        width: 50%;
    }
    .mobile-layout-footer{
        display: flex;
        flex-wrap: wrap;
    }
    .stats-container{
        gap: 3.2rem;
    }
    .steps-container{
        display: block;
        margin: 0;
    }
    .step-connector{
        display: none;
    }
    .step{
        margin-bottom: 2rem;
    }
    .card-addons.advanced-feature.featured-ai, .card-addons{
        margin-top: 2rem;
    }
    .card-addons{
        height: auto!important;
    }
    .subscription-addon-card .row, .regular-addon-card .row{
        gap: 2rem;
    }
        .custom-plan {
        padding: 0rem 2.4rem !important;
    }
    .faq{
        padding: var(--spacing-3xl) var(--spacing-xl);
    }
    .faq-grid{
        display: block;
        width: 100%;
    }
}