/* styles_responsive.css */
@media (max-width: 768px) {
    header nav {
        flex-direction: column;
    }

    header nav .login-form {
        margin-top: 10px;
    }

    .main-container {
        flex-direction: column;
    }

    aside.sections, main {
        width: 100%;
    }

    .slider-container {
        flex-direction: column;
    }

    .service-grid {
        flex-direction: column;
    }

    .footer-content {
        flex-direction: column;
        text-align: center;
    }
}