@media (max-width: 768px) {
	:root {
		--section-padding: 60px 0;
	}

	.logo img {
		height: 80px;
		width: 80px;
		object-fit: fill;
	}

	.hero-section {
		padding: 140px 0 60px;
	}

	.profile-img {
		width: 300px;
		height: 300px;
	}

	.hero-text h1 {
		font-size: 1.8rem;
	}

	.hero-text p {
		font-size: 1rem;
	}

	.main-nav {
		top: 118px;
	}

	.nav-menu {
		justify-content: flex-start;
		padding: 10px 15px;
	}

	.nav-link {
		padding: 8px 12px;
		font-size: 0.9rem;
	}

	/* Improved section styling for mobile */
	.section-title {
		font-size: 1.5rem;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}

	.section-content {
		padding: 20px 15px;
		margin: 0 10px;
		width: auto;
	}

	/* Fix contact section spacing */
	#contact .section-content {
		padding-top: 10px;
	}

	/* Fix email display on mobile */
	.contact-info p {
		font-size: 0.95rem;
		word-break: break-word;
		margin-bottom: 12px;
		line-height: 1.4;
	}

	.contact-info .fas,
	.contact-info .fab {
		display: block;
		margin: 0 auto 5px;
		font-size: 1.2rem;
	}

	/* Better form container styling */
	.contact-form-container {
		padding: 20px 15px;
		margin-top: 30px;
		background-color: rgba(10, 25, 47, 0.4);
		border-radius: 8px;
		border: 1px solid rgba(212, 175, 55, 0.1);
	}

	/* Form elements adjustments */
	.form-group {
		margin-bottom: 15px;
	}

	.form-group label {
		margin-bottom: 5px;
		font-size: 0.95rem;
	}

	.form-group input,
	.form-group textarea,
	.form-group select {
		padding: 12px;
		font-size: 0.95rem;
	}

	.form-group textarea {
		height: 120px;
	}

	/* Submit button adjustments */
	.submit-btn {
		width: 100% !important;
		padding: 12px 0 !important;
		margin-top: 20px !important;
		font-size: 1rem !important;
	}

	/* Adjust form title */
	.form-title {
		margin-bottom: 20px;
		font-size: 1.3rem;
		text-align: center;
	}

	/* Fix list items on mobile */
	.section-content ul li {
		padding: 10px 0 10px 28px;
		font-size: 0.95rem;
	}

	body:not(.english) .section-content ul li {
		padding: 10px 28px 10px 0;
	}

	.section-content ul li:before {
		top: 12px;
		font-size: 10px;
	}

	/* Fix paragraph styling on mobile */
	.section-content p {
		padding-left: 15px;
		font-size: 0.95rem;
	}

	body:not(.english) .section-content p {
		padding-right: 15px;
		padding-left: 0;
	}
}

/* Additional styles for very small screens */
@media (max-width: 480px) {
	.profile-img {
		width: 220px;
		height: 220px;
	}

	.hero-text h1 {
		font-size: 1.5rem;
	}

	.hero-text p {
		font-size: 0.9rem;
	}

	/* Stack contact info items vertically */
	.contact-info p {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 20px;
	}

	.contact-info .fas,
	.contact-info .fab {
		margin-bottom: 8px;
		font-size: 1.4rem;
	}

	/* Make email more readable on very small screens */
	.contact-info p a {
		display: inline-block;
		word-break: break-all;
		font-size: 0.9rem;
	}
}