/* ==========================================================================
   Media Queries
   ========================================================================== */


@media only screen and (min-width: 1200px) {
	/****Large Desktop 1200px+ ****/
	.container { max-width: 1140px; }
	.header h1 { font-size: 56px; }
	.we-create li { font-size: 16px; }
	.link { font-size: 18px; padding: 18px 40px; }
	.main-section { padding: 100px 0 120px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/****Desktop 992px - 1199px ****/
	.container { max-width: 960px; }
	.header h1 { font-size: 52px; }
	.we-create li { font-size: 15px; }
	.link { font-size: 17px; padding: 16px 38px; }
	.main-section { padding: 90px 0 110px; }
	.service-list { margin-bottom: 30px; }
	.c-logo-part ul li { margin: 0 15px; }
	.form { margin: 0 0 0 20px; }
	.main-nav { display: block !important; }
}	
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/****Tablet Portrait 768px - 991px ****/
	.container { max-width: 720px; }
	body { font-size: 14px; }
	p { line-height: 22px; }
	.header h1 { font-size: 42px; }
	.header { padding: 70px 0; }
	.we-create li { font-size: 14px; }
	.link { font-size: 15px; padding: 14px 32px; }
	.main-nav ul li a { padding: 12px 16px; }
	.small-logo { padding: 0 20px; }
	h2 { font-size: 28px; margin: 0 0 12px 0; }
	h6 { font-size: 15px; margin: 0 0 50px 0; }
	h3 { font-size: 15px; }
	.service-list { margin-bottom: 25px; font-size: 14px; }
	.featured-work p.padding-b { padding-bottom: 15px; }
	.main-section { padding: 70px 0; }
	.c-logo-part ul li { margin: 0 1%; float: left; width: 18%; }
	.c-logo-part ul li a { display: block; }
	.c-logo-part ul li a img { display: block; }
	.form { margin: 0; }
	.contact-info-box { margin: 0; }
	.social-link { margin: 0; }
	.main-nav { display: block !important; }
	.main-nav li a { padding: 8px 15px; }
	
	/* Enhanced navbar mobile improvements */
	.main-nav li a i {
		margin-right: 6px;
		font-size: 12px;
	}
	
	.main-nav li a span {
		font-size: 12px;
	}
	
	/* Tablet navbar adjustments */
	.main-nav-outer .container {
		min-height: 70px;
	}
	
	.nav-logo img {
		height: 34px;
	}
	
	.main-nav li a {
		padding: 20px 24px;
	}
}

@media only screen and (max-width: 767px) {
	/* Navbar mobile improvements */
	.main-nav-outer {
		z-index: 9999 !important;
		background: rgba(0, 0, 0, 0.95) !important;
	}
	
	.main-nav-outer .container {
		min-height: 60px;
	}
	
	/* Mobile logo adjustments */
	.nav-logo {
		left: 16px;
	}
	
	.nav-logo img {
		height: 30px;
	}
	
	/* Enhanced mobile navbar styling */
	.main-nav li a {
		padding: 16px 20px;
		border-radius: 8px;
		color: #e2e8f0;
		background: rgba(59, 130, 246, 0.1);
		border: 1px solid rgba(59, 130, 246, 0.2);
		margin: 4px 0;
		text-align: center;
		justify-content: center;
	}
	
	.main-nav li a:hover {
		transform: translateY(-1px);
		background: rgba(59, 130, 246, 0.2);
		border-color: rgba(59, 130, 246, 0.4);
		color: #ffffff;
	}
	
	.main-nav li a span {
		font-size: 12px;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	}
	/****Mobile Landscape 480px - 767px ****/
	.container { max-width: 100%; padding: 0 15px; }
	body { font-size: 14px; }
	h2 { font-size: 28px; margin: 0 0 15px 0; }
	h3 { font-size: 16px; }
	h6 { font-size: 16px; margin-bottom: 40px; }
	p { line-height: 22px; }
	.service-list { font-size: 14px; margin-bottom: 25px; }
	.we-create li { font-size: 14px; padding: 0 0 0 10px; }
	.header h1 { font-size: 32px; }
	.header { padding: 60px 0; }
	.logo { width: 100px; margin: 0 auto 25px; }
	
	/* Hero section mobile improvements */
	.hero-title {
		font-size: 36px;
		margin-bottom: 20px;
	}
	
	.hero-subtitle {
		font-size: 16px;
		margin-bottom: 24px;
	}
	
	.hero-description {
		margin-bottom: 32px;
	}
	
	.hero-description p {
		font-size: 16px;
	}
	
	.hero-features {
		gap: 20px;
		margin-bottom: 32px;
		grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	}
	
	.feature-item {
		padding: 12px 18px;
	}
	
	.feature-item span {
		font-size: 12px;
	}
	
	.hero-stats {
		gap: 24px;
		margin-top: 32px;
		grid-template-columns: repeat(2, 1fr);
		max-width: 100%;
	}
	
	.stat-item {
		padding: 16px;
	}
	
	.stat-icon {
		width: 50px;
		height: 50px;
	}
	
	.stat-icon i {
		font-size: 20px;
	}
	
	.stat-number {
		font-size: 24px;
	}
	
	.stat-label {
		font-size: 10px;
	}
	.main-section { padding: 60px 0 70px; }
	
	/* Services section mobile spacing */
	#service {
		padding-top: 100px;
		padding-bottom: 80px;
	}
	
	/* Modern services grid mobile */
	.services-grid {
		grid-template-columns: 1fr;
		gap: 24px;
		margin-bottom: 60px;
	}
	
	.service-item.primary {
		grid-column: span 1;
	}
	
	.service-header h2 {
		font-size: 36px;
	}
	
	.service-subtitle {
		font-size: 18px;
	}
	
	.service-highlight {
		padding: 40px 24px;
	}
	
	.highlight-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	
	
	
	/* Featured Functions Mobile */
	.featured-functions-section {
		padding: 80px 0;
	}
	
	.team-section {
		padding: 60px 0;
	}
	
	.contact-section {
		padding: 60px 0;
	}
	
	.featured-functions-header h2,
	.team-header h2,
	.contact-header h2 {
		font-size: clamp(32px, 8vw, 40px);
	}
	
	.featured-subtitle,
	.team-subtitle,
	.contact-subtitle {
		font-size: clamp(16px, 4vw, 18px);
	}
	
	.featured-functions-grid {
		grid-template-columns: 1fr;
		gap: 32px;
		margin-bottom: 80px;
	}
	
	.featured-function-card {
		padding: 28px 20px;
		min-height: 460px;
	}
	
	.featured-function-card.primary {
		grid-column: span 1;
		min-height: 460px;
	}
	
	.function-icon-wrapper {
		width: 56px;
		height: 56px;
		margin-bottom: 20px;
	}
	
	.function-icon-wrapper i {
		font-size: 22px;
	}
	
	.tech-card,
	.principle-card {
		padding: 24px 20px;
	}
	
	.tech-icon,
	.principle-icon {
		width: 56px;
		height: 56px;
		margin-bottom: 20px;
	}
	
	.tech-icon i,
	.principle-icon i {
		font-size: 24px;
	}
	
	.company-card {
		padding: 40px 24px;
	}
	
	.contact-form-card {
		padding: 40px 24px;
	}
	
	.function-content h3 {
		font-size: clamp(18px, 5vw, 22px);
		margin-bottom: 12px;
	}
	
	.function-content p {
		font-size: 14px;
		margin-bottom: 20px;
	}
	
	.feature-tag {
		font-size: 10px;
		padding: 6px 10px;
	}
	
	.function-cta {
		padding: 16px 20px;
		font-size: 14px;
	}
	
	.featured-functions-cta {
		padding: 60px 32px;
	}
	
	.cta-content h3 {
		font-size: clamp(28px, 6vw, 32px);
	}
	
	.cta-content p {
		font-size: clamp(16px, 4vw, 18px);
	}
	
	.primary-cta-button {
		padding: 18px 36px;
		font-size: 16px;
	}
	
	/* Contact Section Mobile */
	.contact-section {
		padding: 60px 0;
	}
	
	.contact-header h2 {
		font-size: 36px;
	}
	
	.contact-subtitle {
		font-size: 18px;
	}
	
	.contact-content {
		max-width: 100%;
		padding: 0 20px;
	}
	
	.contact-form-card {
		padding: 32px 24px;
	}
	
	.info-header h3,
	.form-header h3 {
		font-size: 24px;
	}
	
	.info-header p,
	.form-header p {
		font-size: 14px;
	}
	
	.social-link-card {
		padding: 16px;
	}
	
	.social-icon {
		width: 40px;
		height: 40px;
	}
	
	.social-icon i {
		font-size: 16px;
	}
	
	.social-name {
		font-size: 14px;
	}
	
	.social-handle {
		font-size: 12px;
	}
	
	.contact-features .feature-item {
		font-size: 13px;
		gap: 10px;
	}
	
	.contact-features .feature-item i {
		font-size: 14px;
		padding: 5px;
		width: 16px;
	}
	
	.form-group {
		gap: 6px;
	}
	
	.form-group label {
		font-size: 12px;
	}
	
	.form-input,
	.form-textarea {
		padding: 12px 16px;
		font-size: 14px;
	}
	
	.submit-button {
		padding: 16px 28px;
		font-size: 14px;
	}
	
	/* Footer Mobile */
	.footer-content {
		padding: 60px 0 30px;
	}
	
	.footer-main-section {
		grid-template-columns: 1fr;
		gap: 40px;
		margin-bottom: 40px;
	}
	
	.footer-logo-section {
		text-align: center;
		align-items: center;
	}
	
	.footer-tagline {
		font-size: 16px;
		max-width: 100%;
		text-align: center;
	}
	
	.footer-social-links {
		justify-content: center;
	}
	
	.footer-links-section {
		grid-template-columns: 1fr;
		gap: 30px;
		text-align: center;
	}
	
	.footer-links-group h4::after {
		left: 50%;
		transform: translateX(-50%);
	}
	
	.footer-bottom-content {
		flex-direction: column;
		text-align: center;
		gap: 20px;
	}
	
	.footer-legal-links {
		justify-content: center;
		gap: 20px;
	}
	.main-nav { 
		display: none; 
		position: absolute; 
		left: 0; 
		width: 100%; 
		top: 70px; 
		margin: 0; 
		float: none; 
		background: #fff; 
		z-index: 1001; 
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
		border-top: 1px solid #eee;
	}
	.main-nav li { 
		display: block; 
		margin: 0;
		border-bottom: 1px solid #f0f0f0;
	}
	.main-nav li.small-logo { display: none; }
	.main-nav li a { 
		display: block; 
		padding: 16px 32px; 
		border-bottom: none; 
		text-align: center;
		transition: all 0.3s ease;
	}
	.main-nav li a:hover { color: #7cc576; }
	.team-leader-box { max-width: 307px; width: auto; float: none; margin: 0 auto; }
	.team-leader-box:nth-of-type(3n) { margin: 0 auto; }
	.res-nav_click {
		display: flex !important;
        align-items: center;
        justify-content: center;
		position: absolute;
	}
	.featured-work { font-size: 14px; margin-top: 30px; }
	.featured-box { font-size: 14px; }
	.featured-box p { line-height: 20px; }
	.c-logo-part ul a { margin-bottom: 5px; }
	.main-section.team { padding: 60px 0 50px; }
	.business-talking h2 { font-size: 36px; }
	.contact-info-box { margin: 0 0 12px 30px; font-size: 14px; }
	.contact-info-box span { line-height: 20px; }
	.social-link { margin-left: 30px; } 
	.form { margin: 0 30px; }
	.copyright { font-size: 14px; }
	.business-talking a { padding: 10px 25px; font-size: 14px; }
	.main-section.contact { padding: 60px 0 70px; }
	.client-part-haead { font-size: 20px; line-height: 30px; }
	.link { font-size: 14px; padding: 12px 28px; }
	.header-buttons {
		flex-direction: column;
		gap: 20px;
		margin-top: 24px;
	}
	
	.header-buttons .link {
		min-width: 140px;
		padding: 16px 28px;
		font-size: 15px;
	}
	.main-section.contact { background-size: contain; }
	.Products-nav li a { padding: 5px 16px; }
	.Products-nav li { display: block; }
	
	/* Enhanced mobile responsiveness for all sections */
	.service-list-col1 { width: 60px; height: 60px; }
	.service-list-col1 i { font-size: 24px; line-height: 60px; }
	.service-list-col2 { margin-left: 70px; }
	
	/* Service cards mobile responsiveness */
	.service-card {
		padding: 32px 28px;
		margin-bottom: 32px;
	}
	
	/* Enhanced mobile services section */
	#service h2 {
		font-size: 36px;
		margin-bottom: 28px;
	}
	
	#service h6 {
		font-size: 18px;
		margin-bottom: 70px;
	}
	
	.service-icon {
		width: 70px;
		height: 70px;
		margin-bottom: 24px;
	}
	
	.service-content h3 {
		font-size: 20px;
		margin-bottom: 16px;
	}
	
	.service-content p {
		font-size: 15px;
		margin-bottom: 24px;
	}
	
	.feature-tag {
		padding: 8px 16px;
		font-size: 13px;
	}
	
	.service-cta {
		padding: 12px 20px;
		font-size: 15px;
	}
	
	/* Professional spacing adjustments for mobile */
	#service h2 {
		font-size: 32px;
		margin-bottom: 24px;
	}
	
	#service h6 {
		font-size: 16px;
		margin-bottom: 60px;
	}
	
	#service .row {
		gap: 40px;
	}
	
	.service-icon {
		width: 50px;
		height: 50px;
	}
	
	.service-icon i {
		font-size: 20px;
	}
	
	.service-features {
		gap: 6px;
	}
	
	.feature-tag {
		font-size: 11px;
		padding: 3px 10px;
	}
	
	.service-showcase {
		padding: 30px 25px;
	}
	
	.showcase-content h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.benefits-list li {
		font-size: 13px;
		margin-bottom: 12px;
	}
	
	.showcase-stats {
		margin-bottom: 25px;
	}
	
	.stat-number {
		font-size: 20px;
	}
	
	.stat-label {
		font-size: 11px;
	}
	.featured-box { margin-bottom: 20px; }
	.featured-box-col1 { width: 50px; height: 50px; }
	.featured-box-col1 i { font-size: 20px; line-height: 50px; }
	.featured-box-col2 { margin-left: 60px; }
	.team-leader { max-width: 280px; margin: 0 auto; }
	.team-leader img { width: 100%; height: auto; }
	.team-leader ul { bottom: 20px; }
	.team-leader ul li a { width: 35px; height: 35px; line-height: 35px; font-size: 14px; }
	.form input, .form textarea { margin-bottom: 15px; padding: 12px; }
	.social-link li { margin: 0 8px; }
	.social-link li a { width: 40px; height: 40px; line-height: 40px; font-size: 16px; }
}

@media only screen and (max-width: 479px) {
	/* Navbar ultra-mobile improvements */
	.main-nav-outer .container {
		min-height: 50px;
		padding: 0 16px;
	}
	
	.nav-logo img {
		height: 24px;
	}
	
	.main-nav li a {
		padding: 12px 16px;
		font-size: 12px;
	}
	
	/* Services section ultra-mobile spacing */
	#service {
		padding-top: 75px;
		padding-bottom: 60px;
	}
	
	/* Ultra-mobile services */
	.service-header h2 {
		font-size: 28px;
	}
	
	.service-subtitle {
		font-size: 16px;
	}
	
	.service-card-modern {
		padding: 20px 16px;
	}
	
	.icon-wrapper {
		width: 60px;
		height: 60px;
	}
	
	.icon-wrapper i {
		font-size: 24px;
	}
	
	.service-number {
		font-size: 36px;
	}
	
	.card-content h3 {
		font-size: 20px;
	}
	
	.service-metrics {
		flex-direction: column;
		gap: 8px;
		margin-bottom: 16px;
	}
	
	.metric {
		padding: 12px 8px;
	}
	
	.service-highlight {
		padding: 32px 20px;
	}
	
	.highlight-text h3 {
		font-size: 24px;
	}
	
	.stat-card {
		padding: 16px 14px;
		gap: 14px;
	}
	
	.stat-icon {
		width: 44px;
		height: 44px;
	}

	.res-nav_click {
		padding: 12px;
		right: 10px;
	}

	.res-nav_click i {
		font-size: 16px;
	}
	/****Mobile Portrait 320px - 479px ****/
	.container { padding: 0 10px; }
	.header { padding: 40px 0; }
	.header h1 { font-size: 28px; }
	.logo { width: 80px; margin: 0 auto 20px; }
	
	/* Hero section small mobile improvements */
	.hero-title {
		font-size: 28px;
		margin-bottom: 16px;
	}
	
	.hero-subtitle {
		font-size: 14px;
		margin-bottom: 24px;
	}
	
	.hero-features {
		gap: 16px;
		margin-bottom: 24px;
	}
	
	.feature-item {
		padding: 10px 16px;
	}
	
	.feature-item span {
		font-size: 11px;
	}
	
	.hero-stats {
		gap: 16px;
		margin-top: 24px;
	}
	
	.stat-item {
		padding: 12px;
	}
	
	.stat-number {
		font-size: 20px;
	}
	
	.stat-label {
		font-size: 9px;
	}
	.we-create li { font-size: 13px; padding: 0 0 0 8px; }
	.link { font-size: 13px; padding: 10px 24px; }
	.main-section { padding: 50px 0 60px; }
	h2 { font-size: 24px; margin: 0 0 12px 0; }
	h6 { font-size: 14px; margin: 0 0 30px 0; }
	h3 { font-size: 15px; }
	p { line-height: 20px; }
	.service-list { font-size: 13px; margin-bottom: 20px; }
	.featured-work { font-size: 13px; margin-top: 25px; }
	.featured-box { font-size: 13px; }
	.featured-box p { line-height: 18px; }
	.contact-info-box { margin-left: 0px; }
	.social-link { margin-left: 0px; }
	.form { margin: 0 15px; }
	.c-logo-part ul li { display: block; }
	.Products-box { max-width: 300px !important; width: 96.4% !important; margin: 0 !important; }
	.Products-box img { max-width: 100%; }
	.portfolioContainer { width: 280px !important; margin: 0 auto !important; }
	.header-buttons {
		flex-direction: column;
		gap: 16px;
		margin-top: 20px;
	}
	
	.header-buttons .link {
		min-width: 120px;
		padding: 14px 24px;
		font-size: 14px;
	}
	
	/* Enhanced small mobile responsiveness for all sections */
	.service-list-col1 { width: 50px; height: 50px; }
	.service-list-col1 i { font-size: 20px; line-height: 50px; }
	.service-list-col2 { margin-left: 60px; }
	
	/* Service cards small mobile responsiveness */
	.service-card {
		padding: 18px;
		margin-bottom: 18px;
	}
	
	.service-icon {
		width: 45px;
		height: 45px;
		margin-bottom: 15px;
	}
	
	.service-icon i {
		font-size: 18px;
	}
	
	.service-content h3 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	
	.service-content p {
		font-size: 13px;
		margin-bottom: 15px;
	}
	
	.service-features {
		gap: 5px;
		margin-bottom: 15px;
	}
	
	.feature-tag {
		font-size: 10px;
		padding: 2px 8px;
	}
	
	.service-showcase {
		padding: 25px 20px;
	}
	
	.showcase-content h3 {
		font-size: 18px;
		margin-bottom: 18px;
	}
	
	.benefits-list li {
		font-size: 12px;
		margin-bottom: 10px;
	}
	
	.showcase-stats {
		margin-bottom: 20px;
	}
	
	.stat-number {
		font-size: 18px;
	}
	
	.stat-label {
		font-size: 10px;
	}
	.featured-box { margin-bottom: 15px; }
	.featured-box-col1 { width: 40px; height: 40px; }
	.featured-box-col1 i { font-size: 16px; line-height: 40px; }
	.featured-box-col2 { margin-left: 50px; }
	.team-leader { max-width: 250px; }
	.team-leader ul { bottom: 15px; }
	.team-leader ul li a { width: 30px; height: 30px; line-height: 30px; font-size: 12px; }
	.form input, .form textarea { margin-bottom: 12px; padding: 10px; font-size: 13px; }
	.social-link li { margin: 0 6px; }
	.social-link li a { width: 35px; height: 35px; line-height: 35px; font-size: 14px; }
}

@media only screen and (max-width: 359px) {
	/****Small Mobile 320px - 359px ****/
	.container { padding: 0 8px; }
	.header { padding: 30px 0; }
	.header h1 { font-size: 24px; }
	.logo { width: 70px; margin: 0 auto 15px; }
	
	/* Hero section ultra-small mobile improvements */
	.hero-title {
		font-size: 24px;
		margin-bottom: 12px;
	}
	
	.hero-subtitle {
		font-size: 12px;
		margin-bottom: 20px;
	}
	
	.hero-features {
		gap: 12px;
		margin-bottom: 20px;
	}
	
	.feature-item {
		padding: 8px 12px;
	}
	
	.feature-item span {
		font-size: 10px;
	}
	
	.hero-stats {
		gap: 12px;
		margin-top: 20px;
	}
	
	.stat-item {
		padding: 10px;
	}
	
	.stat-number {
		font-size: 18px;
	}
	
	.stat-label {
		font-size: 8px;
	}
	.we-create li { font-size: 12px; padding: 0 0 0 6px; }
	.link { font-size: 12px; padding: 8px 20px; }
	.main-section { padding: 40px 0 50px; }
	h2 { font-size: 22px; }
	h6 { font-size: 13px; margin: 0 0 25px 0; }
	.service-list { font-size: 12px; margin-bottom: 18px; }
	.form { margin: 0 10px; }
	.header-buttons {
		gap: 12px;
		margin-top: 16px;
	}
	
	.header-buttons .link {
		min-width: 100px;
		padding: 12px 20px;
		font-size: 13px;
	}
	
	/* Enhanced ultra-small mobile responsiveness for all sections */
	.service-list-col1 { width: 45px; height: 45px; }
	.service-list-col1 i { font-size: 18px; line-height: 45px; }
	.service-list-col2 { margin-left: 55px; }
	
	/* Service cards ultra-small mobile responsiveness */
	.service-card {
		padding: 20px 16px;
		margin-bottom: 20px;
	}
	
	.service-icon {
		width: 45px;
		height: 45px;
		margin-bottom: 16px;
	}
	
	.service-icon i {
		font-size: 16px;
	}
	
	.service-content h3 {
		font-size: 15px;
		margin-bottom: 12px;
	}
	
	.service-content p {
		font-size: 12px;
		margin-bottom: 16px;
	}
	
	.service-features {
		gap: 6px;
		margin-bottom: 16px;
	}
	
	.feature-tag {
		font-size: 9px;
		padding: 3px 8px;
	}
	
	.service-showcase {
		padding: 28px 20px;
	}
	
	.showcase-content h3 {
		font-size: 16px;
		margin-bottom: 18px;
	}
	
	.benefits-list li {
		font-size: 11px;
		margin-bottom: 10px;
	}
	
	.showcase-stats {
		margin-bottom: 20px;
	}
	
	.stat-number {
		font-size: 16px;
	}
	
	.stat-label {
		font-size: 9px;
	}
	.featured-box { margin-bottom: 12px; }
	.featured-box-col1 { width: 35px; height: 35px; }
	.featured-box-col1 i { font-size: 14px; line-height: 35px; }
	.featured-box-col2 { margin-left: 45px; }
	.team-leader { max-width: 220px; }
	.team-leader ul { bottom: 12px; }
	.team-leader ul li a { width: 28px; height: 28px; line-height: 28px; font-size: 11px; }
	.form input, .form textarea { margin-bottom: 10px; padding: 8px; font-size: 12px; }
	.social-link li { margin: 0 5px; }
	.social-link li a { width: 32px; height: 32px; line-height: 32px; font-size: 13px; }
}

/* Enhanced Color Scheme Responsive Styles */
@media only screen and (max-width: 767px) {
	/* Enhanced mobile color scheme */
	.service-card-modern:hover {
		transform: translateY(-6px) scale(1.01);
	}
	
	.icon-wrapper {
		width: 70px;
		height: 70px;
	}
	
	.icon-wrapper i {
		font-size: 28px;
	}
	
	.service-highlight {
		padding: 32px 24px;
	}
	
	.highlight-content {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	
	.header-badge {
		padding: 10px 20px;
	}
	
	.header-badge span {
		font-size: 13px;
	}
	
	.service-header h2 {
		font-size: 36px;
	}
}

@media only screen and (max-width: 479px) {
	/* Enhanced small mobile color scheme */
	.service-card-modern {
		padding: 30px 24px;
	}
	
	.icon-wrapper {
		width: 60px;
		height: 60px;
	}
	
	.icon-wrapper i {
		font-size: 24px;
	}
	
	.service-highlight {
		padding: 30px 24px;
	}
	
	.header-badge {
		padding: 8px 16px;
	}
	
	.header-badge span {
		font-size: 12px;
	}
}