@media screen and (max-width: 988px) {
	
	.nav_left h1 {
    color: var(--sec);
    font-weight: 600;
    font-size: 20px;
}
	.updated_featured_post {
    display: flex;
    gap: 20px;
    width: 100%;
    margin: 10px auto;
    align-items: center;
}
	header .search_icon {
    position: absolute;
    top: 16px;
    right: 1rem;
    height: 22px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
	
	header {
		position: relative;
	}

	.nav {
		display: flex;
		justify-content: center;
		text-align: center;
		height: 50px;
		border-bottom: 1px solid gainsboro;
		align-items: center;
		align-content: center;
		width: 100%;
	}

	.nav_left {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}

	.nav_left img {
		width: 100%;
		height: 35px;
	}

	header .mobile_menu {
		display: block;
		position: absolute;
		left: 0px;
/* 		height: 100vh; */
		width: 100vw;
		top: 0px;
		right: 0px;
		background: none;
	}

	.nav_right {
		display: none;
	}


	/**Mobile Sidebar Menu **/

	.sidebar_nav .menu-desk-menu-container ul.menu li.menu-item-has-children ul.sub-menu {
		display: none;
		width: 100%;
		height: 100%;
		list-style: none;
		position: relative;
		margin: 6px 19px;
		padding: 7px 4px;
	}

	.sidebar_nav .menu-desk-menu-container ul.menu li.menu-item-has-children ul.sub-menu li {
		border-bottom: none !important;
	}

	/**Hero Header Responsiveness**/


	.hero_header {
		width: 100%;
		margin: 15px auto;
		display: flex;
		min-height: 269px;
		background: white;
		box-shadow: var(--sha);
		gap: 21px;
		border-radius: 15px;
		justify-content: center;
		flex-direction: column-reverse;
		text-align: center;
		align-items: center;
	}

	.hero_header_left {
		gap: 29px;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		width: 95%;
		text-align: center;
		align-items: center;
		margin: 20px 0px 0px 0px;
	}

	.hero_header_left_left {
		width: unset !important;
	}

	.hero_header_left_right {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, 100%);
		justify-content: center;
		grid-gap: 20px;
		text-align: left;
	}

	.hero_header_right {
		width: 100%;
		margin: 14px;
	}

.hero_header_buttons {
    display: grid;
    width: 100%;
    grid-gap: 20px;
    --herobtnwidth: 200px;
    margin: 0px auto;
    grid-template-columns: repeat(auto-fit, var(--herobtnwidth));
    place-content: center;
    place-items: center;
}

.hero_header_buttons div button {
    border: none;
    height: 44px;
    width: 100%;
    color: white;
    background: var(--pri);
    border-radius: 22px;
    width: var(--herobtnwidth);
    cursor: pointer;
}

	/**Single Post**/

	.homemint_page {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: 0px auto;
		grid-gap: 20px;
		padding: 0px;
	}

	.body-left-page {
		background: white;
		padding: 10px !important;
	}
	
	.breadcrumb {
    margin: 0px 0px 10px;
    text-align: left;
    padding: 4px 0px 0px;
    font-size: 1.6rem;
}
	
	.post_top_info_meta {
    display: flex;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
}
	.body-left-page img {
    width: 100% !important;
    margin: 0px auto;
    text-align: center;
    display: flex;
	min-width: 100%;
}

	.author-box {
		max-width: 95%;
		margin: 20px auto;
		border-radius: var(--curve);
		padding: 24px 31px;
		background: white;
		display: grid;
		grid-template-columns: 1fr;
		text-align: center;
		align-items: center;
		box-shadow: var(--sha);
		border: 1px solid gainsboro;
	}

}