/* Blog Page Section - Mobile */
@media screen and (max-width: 1368px) {
	.banner-section .my-container {
		padding-top: 60px;
	}

	.docs-breadcrumb {
		top: 90px;
	}

	.docs-search-btn {
		width: 100%;
		margin-left: 0;
		padding: 12px 24px;
	}

	.blog-page-section {
		padding: 24px 0 40px 0;
	}

	.blog-container {
		padding: 0 16px;
	}

	.blog-header {
		margin-bottom: 32px;
	}

	.blog-title {
		font-size: 32px;
		margin-bottom: 12px;
	}

	.blog-description {
		font-size: 16px;
	}

	.blog-search-wrapper {
		margin-bottom: 32px;
	}

	.blog-search-bar {
		max-width: 100%;
		padding: 0 12px;
	}

	.blog-search-input {
		padding: 14px 0;
		font-size: 14px;
	}

	.blog-article-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.blog-article-image {
		height: 200px;
	}

	.blog-article-content {
		padding: 20px;
	}

	.blog-article-title {
		font-size: 18px;
	}

	.blog-nav-links {
		gap: 16px;
		flex-wrap: wrap;
	}

	.blog-nav-links .nav-link {
		font-size: 14px;
	}
}

/* Detail Page - Mobile */
@media screen and (max-width: 1368px) {
	.blog-detail-section {
		padding: 24px 0 80px 0;
	}

	.blog-detail-container {
		padding: 0 16px;
	}

	.blog-breadcrumb {
		font-size: 12px;
		margin-bottom: 24px;
		flex-wrap: wrap;
	}

	.blog-detail-header {
		margin-bottom: 24px;
	}

	.blog-detail-title {
		font-size: 28px;
		margin-bottom: 12px;
	}

	.blog-detail-category {
		padding: 4px 12px;
		font-size: 11px;
	}

	.blog-detail-hero-image {
		margin-bottom: 24px;
	}

	.blog-detail-author {
		margin-bottom: 32px;
		padding-bottom: 24px;
	}

	.blog-detail-author-avatar {
		width: 36px;
		height: 36px;
	}

	.blog-detail-author-name {
		font-size: 15px;
	}

	.blog-detail-author-meta {
		font-size: 13px;
	}

	.blog-detail-content {
		font-size: 16px;
	}

	.blog-detail-content p {
		margin-bottom: 20px;
	}

	.blog-detail-content h2 {
		font-size: 24px;
		margin: 32px 0 16px 0;
	}

	.blog-detail-content ul {
		margin: 20px 0;
		padding-left: 20px;
	}

	.blog-detail-content ul li {
		margin-bottom: 10px;
		font-size: 15px;
	}
}