/* For tablet view */
@media only screen and (max-width: 1259px) {
	.portfolio_development {
		margin-top: 4rem;
	}
}

/* For mobile view */
@media only screen and (max-width: 1023px) {
	/* Common styles here */
	.main-container {
		padding-inline: 16px;
	}

	.services_banner_heading {
		font-size: 32px;
		line-height: 140%;
	}

	.services_banner_summary {
		font-size: 13px;
		line-height: 160%;
	}

	.contact-us a,
	.contact-us a::after {
		width: 120px;
		height: 120px;
	}

	.contact-us a p {
		font-size: 14px;
		line-height: 20px;
	}

	.portfolio_content_section {
		margin-top: 2.5rem;
	}

	.portfolio_development .portfolio_content_section+.home-contact-form {
		padding: 2.5rem 0 !important;
		margin: 0 !important;
	}

	.portfolio-content-grid {
		grid-template-columns: 1fr;
	}
	.portfolio-content-box img {
		width: 100%;
	}
	.portfolio-content-box h3 {	
		font-size: 20px;
	}
	.portfolio-content-box h4 {
		font-size: 16px;
		line-height: 24px;
	}

	.portfolio_tabs .tab {
		font-size: 14px;
		line-height: 20px;
		padding: 10px 12px;
		margin-right: 6px;
	}

	.portfolio-tab-main{
		top: 80px;
	}
}

@media only screen and (max-width: 767px) {
	.portfolio_content_section .arrow-link {
		width: 48px;
		height: 48px;
	}
}

@media only screen and (max-width: 426px) {
	.portfolio-tab-main{ 
		padding-inline: 12px;
	}

	.portfolio_tabs .tab {
		font-size: 13px;
		line-height: 18px;
		padding: 6px 10px;
		margin-right: 4px;
	}
}