/* Tablet Services Section Responsive */
@media only screen and (max-width: 1024px) and (min-width: 769px) {
	.services-wrapper { grid-template-columns: 1fr !important; }
	.services-image { grid-column: 1 !important; margin-bottom: 30px; order: 2; }
	.services-image figure { min-height: 300px !important; }
	.services-image img { max-width: 100% !important; }
	.services-content { grid-column: 1 !important; order: 1; }
	.services-content h2 { font-size: 32px; }
	.Services_sec .section-intro { font-size: 15px; }
	.logo-text { font-size: 18px; }
	.contact-details { grid-template-columns: repeat(2, 1fr) !important; }
	.Contact_sec h3 { font-size: 30px; }
	.about-wrapper { flex-direction: column; }
	.about-image { flex: 0 0 100%; margin-bottom: 30px; order: 2; }
	.about-content { order: 1; }
	.service-detail-wrapper { flex-direction: column; }
	.service-detail-alt { flex-direction: column; }
	.detail-image { flex: 0 0 100%; margin-bottom: 30px; order: 2; }
	.detail-content { order: 1; }
	.service-detail-alt .detail-image { order: 2; }
	.service-detail-alt .detail-content { order: 1; }
}

/* Mobile logo responsive */
@media only screen and (max-width: 768px) {
	.hero-slide { padding: 25px 15px !important; gap: 15px !important; }
	.hero-content h3 { font-size: 24px; line-height: 32px; }
	.hero-content h3 span { font-size: 20px; }
	.hero-content p { font-size: 14px; }
	.hero-dots { margin-top: 15px; }
	.logo-text { font-size: 16px; }
	.services-content h2 { font-size: 28px; }
	.services-content h2::after { width: 50px; }
	.contact-details { grid-template-columns: 1fr !important; }
	.Contact_sec h3 { font-size: 28px; }
	.services-image figure { min-height: 280px !important; }
	.detail-image figure { min-height: 350px !important; }
	.detail-image img { height: 400px !important; max-width: 100% !important; }
	
	/* Image positioning on mobile - below content */
	.services-wrapper { display: flex !important; flex-direction: column !important; }
	.services-image { order: 2 !important; margin-bottom: 0 !important; margin-top: 30px !important; }
	.services-content { order: 1 !important; }
	.about-wrapper { flex-direction: column; }
	.about-image { order: 2 !important; margin-bottom: 0 !important; margin-top: 30px !important; }
	.about-content { order: 1 !important; }
	.service-detail-wrapper { flex-direction: column; }
	.service-detail-alt { flex-direction: column; }
	.detail-image { order: 2 !important; margin-bottom: 0 !important; margin-top: 30px !important; }
	.detail-content { order: 1 !important; }
	.service-detail-alt .detail-image { order: 2 !important; }
	.service-detail-alt .detail-content { order: 1 !important; }
	
	/* Mobile Navigation */
	.menu-toggle { display: flex; }
	.Navigation { display: none; position: fixed; top: 80px; left: 0; right: 0; width: 100% !important; background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%) !important; flex-direction: column !important; margin-right: 0 !important; float: none !important; z-index: 999; }
	.Navigation.active { display: flex; }
	.Navigation ul { flex-direction: column; margin: 0; }
	.Navigation li { float: none !important; line-height: auto !important; width: 100%; margin: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
	.Navigation li a { padding: 15px 20px !important; display: block; background: none !important; border: none !important; }
	.Navigation li a span { padding: 0 !important; background: none !important; display: inline !important; }
	.Navigation li a:hover, .Navigation li.active a { background: rgba(0, 179, 174, 0.2) !important; }
	.Navigation li.gap { margin-left: 0 !important; }
	.Navigation li.gap a span { padding: 0 !important; }
	.Navigation .triangle { display: none !important; }
	
	.Top_Bar { width: 100%; padding-bottom: 20px; }
	.header { padding: 20px 0; }
	
	/* Mobile padding for all sections */
	.Center { padding: 0 15px !important; }
	.Services_sec .Center { padding: 0 15px !important; }
	.Service_Areas .Center { padding: 0 15px !important; }
	.FAQ_sec .Center { padding: 0 15px !important; }
	.Contact_sec .Center { padding: 0 15px !important; }
	.Map_sec .Center { padding: 0 15px !important; }
	.Middle_sec .Center { padding: 0 15px !important; }
	.Detailed_Services .Center { padding: 0 15px !important; }
	footer .Center { padding: 0 15px !important; }
}

@media only screen and (max-width: 480px) {
	.logo-text { font-size: 14px; max-width: 240px; }
	.services-content h2 { font-size: 24px; }
	.contact-details { grid-template-columns: 1fr !important; }
	.Contact_sec h3 { font-size: 24px; }
	.Contact_sec { padding: 60px 0; }
	.contact-details p { padding: 20px; font-size: 14px; }
	footer p { font-size: 12px; }
	.services-image figure { min-height: 250px !important; }
	.services-image img { max-width: 100% !important; }
	.detail-image figure { min-height: 300px !important; }
	.detail-image img { height: 350px !important; max-width: 100% !important; }
	
	/* Extra small mobile padding */
	.Center { padding: 0 12px !important; }
	.Services_sec .Center { padding: 0 12px !important; }
	.Service_Areas .Center { padding: 0 12px !important; }
	.FAQ_sec .Center { padding: 0 12px !important; }
	.Contact_sec .Center { padding: 0 12px !important; }
	.Map_sec .Center { padding: 0 12px !important; }
	.Middle_sec .Center { padding: 0 12px !important; }
	.Detailed_Services .Center { padding: 0 12px !important; }
	footer .Center { padding: 0 12px !important; }
}