/* Responsive Design */
@media (max-width: 768px) {
    .navbar {
        flex-direction: column;
        height: auto;
        padding: 1rem;
		padding: 20px;
    }
    
    .nav-links {
        flex-direction: column;
        width: 100%;
        align-items: center;
    }
    
    .nav-links li {
        margin-left: 0;
        margin-top: 10px;
		margin: 10px 0;
    }
    
    .nav-links li a {
        padding: 10px 20px;
    }

	.slider {
	width: 90%;
	max-width: 100%;
    }

    .contact-container {
        flex-direction: column;
        align-items: center;
    }

    .contact-details, .contact-form {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .map-container {
        width: 100%;
        height: 300px;
    }
}