/* Dt. 21-10-2026 Responsive Blog Listing Section Start */
.knowledge-listing-category-select-wrap {
	display: none;
}

@media (max-width: 900px) {
	.end-product.knowledge-page,
	.knowledge-page .knowledge-listing {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.knowledge-listing-hero {
		height: clamp(320px, 38vw, 410px);
		min-height: 0;
	}

	.knowledge-listing-hero-copy {
		width: min(680px, calc(100% - 48px));
		max-height: calc(100% - 32px);
	}

	.knowledge-listing-hero-copy h1 {
		font-size: 36px;
	}

	.knowledge-listing-intro,
	.knowledge-listing-intro p {
		font-size: 17px;
		line-height: 25px;
	}

	.knowledge-listing-nav-inner,
	.knowledge-listing-content {
		width: min(100% - 40px, 720px);
	}

	.knowledge-listing-nav-inner {
		gap: 16px;
		min-height: 62px;
	}

	.knowledge-listing-categories {
		gap: 12px;
	}

	.knowledge-listing-categories a {
		font-size: 13px;
	}

	.knowledge-listing-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}

	.knowledge-listing-content {
		padding-top: 28px;
	}

	.knowledge-category-hero {
		height: clamp(190px, 28vw, 250px);
	}

	.knowledge-category-nav-inner {
		width: min(100% - 40px, 720px);
		gap: 14px;
	}

	/* Dt. 21-10-2026 Mobile Blog Category Dropdown */
	.knowledge-category-select-wrap {
		position: relative;
		display: block;
		flex: 1 1 180px;
		min-width: 0;
		max-width: 240px;
	}

	.knowledge-category-select-wrap::after {
		position: absolute;
		top: 50%;
		right: 12px;
		width: 7px;
		height: 7px;
		border-right: 1px solid #315cff;
		border-bottom: 1px solid #315cff;
		content: "";
		pointer-events: none;
		transform: translateY(-70%) rotate(45deg);
	}

	.knowledge-category-select {
		display: block;
		width: 100%;
		min-width: 0;
		height: 31px;
		padding: 0 30px 0 10px;
		appearance: none;
		border: 1px solid rgba(255, 255, 255, .75);
		border-radius: 0;
		background: #fff;
		color: #333;
		font-family: 'Verbatim-Regular';
		font-size: 12px;
		line-height: 1;
	}

	.knowledge-category-links {
		display: none;
	}

	.knowledge-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}
}

@media (max-width: 767px) {
	.knowledge-listing-hero {
		width: 100%;
		height: clamp(230px, 62vw, 280px);
		min-height: 0;
	}

	.knowledge-listing-hero-copy {
		width: calc(100% - 36px);
		max-height: calc(100% - 24px);
		padding: 6px 0;
		overflow: hidden;
	}

	.knowledge-listing-hero-copy h1 {
		margin-bottom: 13px;
		font-size: 27px;
	}

	.knowledge-listing-intro,
	.knowledge-listing-intro p {
		font-size: 12px;
		line-height: 18px;
	}

	.knowledge-listing-nav {
		min-height: 50px;
	}

	.knowledge-listing-nav-inner {
		width: 100%;
		min-height: 50px;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 0 14px;
	}

	.knowledge-listing-categories {
		display: none;
	}

	.knowledge-listing-category-select-wrap {
		position: relative;
		display: block;
		flex: 0 1 145px;
		min-width: 0;
	}

	.knowledge-listing-category-select-wrap::after {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 7px;
		height: 7px;
		border-right: 1px solid #315cff;
		border-bottom: 1px solid #315cff;
		content: "";
		pointer-events: none;
		transform: translateY(-70%) rotate(45deg);
	}

	.knowledge-listing-category-select {
		display: block;
		width: 100%;
		height: 31px;
		padding: 0 27px 0 10px;
		appearance: none;
		border: 1px solid rgba(255, 255, 255, .75);
		border-radius: 0;
		background: #fff;
		color: #333;
		font-family: 'Verbatim-Regular';
		font-size: 12px;
		line-height: 1;
	}

	.knowledge-listing-search {
		flex: 0 1 145px;
		width: auto;
		height: 31px;
		margin-left: auto;
		background: transparent;
	}

	.knowledge-listing-search input {
		padding: 0 32px 0 9px;
		border: 1px solid rgba(255, 255, 255, .75);
		background: #fff;
		font-family: 'Verbatim-Regular';
		font-size: 12px;
	}

	.knowledge-listing-search button {
		width: 31px;
		height: 31px;
	}

	.knowledge-listing-content {
		width: 100%;
		padding: 22px 0 32px;
	}

	.knowledge-listing-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
		width: min(76%, 360px);
		margin: 0 auto;
	}

	.knowledge-card-image-link {
		aspect-ratio: 1.55 / 1;
	}

	.knowledge-card-body {
		padding: 15px 16px 0;
	}

	.knowledge-card-title {
		font-size: 19px;
	}

	.knowledge-card-excerpt {
		font-size: 14px;
	}

	.knowledge-card-read-more {
		width: calc(100% + 32px);
		margin-right: -16px;
		margin-left: -16px;
		min-height: 36px;
	}

	.knowledge-category-hero {
		height: clamp(170px, 54vw, 230px);
	}

	.knowledge-category-nav {
		min-height: 50px;
	}

	.knowledge-category-nav-inner {
		width: 100%;
		min-height: 50px;
		gap: 8px;
		padding: 0 10px;
	}

	.knowledge-category-select-wrap {
		flex: 1 1 auto;
		max-width: none;
	}

	.knowledge-category-links {
		display: none;
	}

	.knowledge-category-search {
		flex: 0 0 94px;
		width: 94px;
		height: 29px;
	}

	.knowledge-category-search input {
		padding-left: 7px;
		font-size: 10px;
	}

	.knowledge-category-search button {
		width: 27px;
		height: 29px;
	}

	.knowledge-category-content {
		padding: 22px 0 32px;
	}

	.knowledge-category-grid {
		width: min(76%, 360px);
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	.knowledge-category-card-image-link {
		aspect-ratio: 1.55 / 1;
	}

	.knowledge-category-card-body {
		padding: 14px 14px 0;
		font-size: 12px;
	}

	.knowledge-category-card-title {
		font-size: 16px;
	}

	.knowledge-category-card-read-more {
		width: calc(100% + 28px);
		min-height: 32px;
		margin-right: -14px;
		margin-left: -14px;
	}
}
/* Dt. 21-10-2026 Responsive Blog Listing Section End */

/* Blog Details Page Style Start Here */
@media (max-width: 900px) {
	.single-post-container {
		width: min(720px, calc(100% - 40px));
	}

	.single-post-featured-image {
		width: 35%;
	}
}

@media (max-width: 767px) {
	.single-post-hero {
		display: none;
	}

	.single-post-container {
		width: calc(100% - 48px);
		max-width: 480px;
		padding: 20px 0 28px;
	}

	.single-post-topline {
		min-height: 18px;
		align-items: center;
		gap: 8px;
	}

	.single-post-category {
		padding: 4px 9px;
		font-size: 9px;
	}

	.single-post-back {
		padding-top: 0;
		font-size: 8px;
		white-space: nowrap;
	}

	.single-post-title {
		margin: 14px 0 3px;
		font-size: 18px;
		line-height: 1.08;
	}

	.single-post-meta {
		gap: 5px;
		font-size: 8px;
		line-height: 1.4;
	}

	.single-post-meta-separator {
		font-size: 11px;
	}

	.single-post-body {
		margin-top: 15px;
		font-size: 10px;
		line-height: 1.55;
	}

	.single-post-featured-image {
		float: none;
		width: 100%;
		max-width: none;
		margin: 0 0 16px;
	}

	.single-post-content {
		font-size: 10px;
		line-height: 1.55;
	}

	.single-post-content p {
		margin-bottom: 13px;
		font-size: 15px;
	}

	.single-post-content img,
	.single-post-content iframe,
	.single-post-content video {
		display: block;
		width: auto;
		max-width: 100%;
		height: auto;
	}

	.single-post-navigation {
		gap: 12px;
		margin-top: 14px;
		padding-top: 10px;
		border-top: 0;
	}

	.single-post-navigation a {
		font-size: 14px !important;
	}
}
/* Blog Details Page Style End Here */