@media screen and (max-width: 600px) {
    .hero .right::before {
        display: none;
    }

    .hero .left h1{
        font-size: 28px;
    }

    .menu-toggle{
        display: block;
    }

    .navigation nav{
        display: none;
    }
    .cta-content h2 {
        font-size: 1.8rem;
    }

    .cta-btn {
        padding: 12px 24px;
        font-size: 0.95rem;
    }
    .cta-section img{
        right: -90%;
    }
    .services-container .service-card{
        min-height: 600px;
    }
    .page-not-found{
        margin-top: 80px;
    }
}