/** Responsive css **/

/** override for smaller screen size **/

@media (max-width: 996px){

	#blog-postx-main-wrap .blog-postx-article-inner .post-meta .button-text.hide-on-mobile{
		display: none;
	}

}

@media (max-width: 1350px) {
	.blog-postx-web-stories .inner-stories .slick-list {
		width: 380px;
	}
}

/* 1030 for stickey **/
@media (max-width: 1030px){
	.sidebar-sticky #theme-content .row .secondary-sidebar {
		z-index: initial;
	}

	.sidebar-sticky .secondary-sidebar,
	.sidebar-sticky .secondary-left-sidebar,
	.sidebar-sticky .secondary-sidebar,
	.sidebar-sticky .primary-content {
		position: initial;
	}

	.blog-postx-sticky-posts {
		display: none;
	}
}

/** 1025 **/
@media (max-width: 1025px) {
	.main-header .blog-postx-container .row {
		flex-direction: column;
		text-align: center;
	}

	.main-header .blog-postx-container .row > div {
		width: 100%;
	}

	.main-header .blog-postx-container .menu-section {
		text-align: center;
	}

	.site-branding-section {
		margin-bottom: 10px;
	}

	body.archive--right-sidebar #blog-postx-main-wrap > .blog-postx-container .row,
	body.archive--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row,
	body.archive--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row,

	body.single--right-sidebar #blog-postx-main-wrap > .blog-postx-container .row,
	body.single--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row,
	body.single--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row,


	body.page--right-sidebar #blog-postx-main-wrap > .blog-postx-container .row,
	body.page--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row,
	body.page--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row,

	body.error404 #blog-postx-main-wrap > .blog-postx-container .row,
	body.error-page--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row,
	body.error-page--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row,

	body.search-page--right-sidebar #blog-postx-main-wrap > .blog-postx-container .row,
	body.search-page--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row,
	body.search-page--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row {
		flex-direction: column;
	}

	body.archive--right-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary,
	body.single--right-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary,
	body.search-page--right-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary,
	body.page--right-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary,
	body.error404 #blog-postx-main-wrap > .blog-postx-container .row #primary,
	body.search-page--right-sidebar #blog-postx-main-wrap .blog-postx-container .row #primary {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}

	body.archive--right-sidebar #blog-postx-main-wrap .blog-postx-container .row #secondary,
	body.single--right-sidebar #blog-postx-main-wrap .blog-postx-container .row #secondary,
	body.search-page--right-sidebar #blog-postx-main-wrap .blog-postx-container .row #secondary,
	body.page--right-sidebar #blog-postx-main-wrap .blog-postx-container .row #secondary,
	body.error404 #blog-postx-main-wrap .blog-postx-container .row #secondary,
	body.search-page--right-sidebar #blog-postx-main-wrap .blog-postx-container .row #secondary {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
	}

	body.archive--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary,
	body.single--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary,
	body.search-page--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary,
	body.page--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary,
	body.error-page--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary,
	body.search-page--left-sidebar #blog-postx-main-wrap .blog-postx-container .row #primary {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		order: 1;
		margin-bottom: 40px;
	}

	body.archive--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary-aside,
	body.single--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary-aside,
	body.search-page--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary-aside,
	body.page--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary-aside,
	body.error-page--left-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary-aside {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		order: 2;
	}

	body.archive--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary,
	body.single--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary,
	body.search-page--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary,
	body.page--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary,
	body.error-page--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #primary {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		order: 1;
		margin-bottom: 40px;
	}

	body.archive--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary,
	body.single--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary,
	body.search-page--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary,
	body.page--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary,
	body.error-page--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		order: 2;
		margin-bottom: 40px;
	}

	body.archive--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary-aside,
	body.single--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary-aside,
	body.search-page--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary-aside,
	body.page--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary-aside,
	body.error-page--both-sidebar #blog-postx-main-wrap > .blog-postx-container .row #secondary-aside {
		 max-width: 100%;
		width: 100%;
		margin-right: 0;
		order: 3;
	}

	body.single-tablet-column--three #blog-postx-main-wrap > .blog-postx-container .row #primary .blog-postx-inner-content-wrap {
		grid-template-columns: repeat(3, 1fr);
	}

	body.single-tablet-column--two #blog-postx-main-wrap > .blog-postx-container .row #primary .blog-postx-inner-content-wrap {
		grid-template-columns: repeat(2, 1fr);
	}

	body.single-tablet-column--one #blog-postx-main-wrap > .blog-postx-container .row #primary .blog-postx-inner-content-wrap {
		grid-template-columns: repeat(1, 1fr);
	}

	body.blog-postx-stickey-sidebar--enabled .row #primary,
	body.blog-postx-stickey-sidebar--enabled #blog-postx-main-wrap aside.secondary-aside,
	body.blog-postx-stickey-sidebar--enabled #blog-postx-main-wrap aside.secondary{
		position: initial;
		position: initial;
		top: initial;
		align-self: initial;
	}

	.site-header.layout--one .main-header .row {
		flex-wrap: wrap;
		flex-direction: initial;
	}

	.site-header.layout--one .main-header .row .site-branding-section {
		margin-bottom: 20px;
		flex: 100%;
	}

	.site-header.layout--one .main-header .row .site-navigation-wrapper {
		flex: 1 1 50%;
		text-align: left;
	}

	.site-header.layout--one .main-header .row .header-custom-button-wrapper,
	.site-header.layout--one .main-header .row .search-wrap,
	.site-header.layout--one .main-header .row .mode-toggle-wrap,
	.site-header.layout--one .main-header .row .blog-postx-canvas-menu {
		flex: 0 1 10%;
		text-align: right;
	}

	.site-header.layout--one .main-header .row > div {
		margin-right: 0;
	}

	.single-related-posts-section-wrap.column--three .single-related-posts-wrap {
		grid-template-columns: repeat(2, 1fr);
	}

	.widget_blog_postx_post_grid_widget .post-grid-wrap {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.widget_blog_postx_post_grid_widget .post-grid-wrap .post-item {
		margin: 0;
	}

	.widget_blog_postx_carousel_widget .slick-vertical .post-item {
		margin-bottom: 10px;
	}

	.widget_blog_postx_carousel_widget .post-thumb-wrap {
		height: 278px;
	}

	body .blog-postx-you-may-have-missed-section .blog-postx-you-may-missed-inner-wrap .you-may-have-missed-wrap {
		grid-template-columns: repeat(2, 1fr);
	}

	body.blog-postx-stickey-sidebar--enabled .row #primary,
	body.blog-postx-stickey-sidebar--enabled #blog-postx-main-wrap aside#secondary-aside,
	body.blog-postx-stickey-sidebar--enabled #blog-postx-main-wrap aside#secondary {
		position: initial;
	}

	/* search */
	.search-type--live-search .search-form-wrap form.search-form,
	.search-wrap.search-type--live-search .search-results-wrap {
		width: 60%;
	}

	/* sidebar sidebar */
	.single--left-sidebar.toc--on .blog-postx-main-wrap .row .widget-area {
		max-width: 100%;
		margin-left: 0;
	}
}

/** 940 tab**/
@media (max-width: 994px) {
	.site-header .site-title {
		font-size: var(--blog-postx-site-title-size-tab);
		line-height: var(--blog-postx-site-title-lineheight-tab);
		letter-spacing: var(--blog-postx-site-title-letterspacing-tab);
	}

	.site-header .site-description {
		font-size: var(--blog-postx-site-description-size-tab);
		line-height: var(--blog-postx-site-description-lineheight-tab);
		letter-spacing: var(--blog-postx-site-description-letterspacing-tab);
	}

	.main-navigation .menu li a,
	.main-navigation .nav.menu li a {
		font-size: var(--blog-postx-menu-size-tab);
		line-height: var(--blog-postx-menu-lineheight-tab);
		letter-spacing: var(--blog-postx-menu-letterspacing-tab);
	}

	footer.site-footer .bb-bldr-widget:not(.has-sidebar) .menu li a {
		font-size: var(--blog-postx-footer-menu-size-tab);
		line-height: var(--blog-postx-footer-menu-lineheight-tab);
		letter-spacing: var(--blog-postx-footer-menu-letterspacing-tab);
	}

	.site-header .header-custom-button .custom-button-label {
		font-size: var(--blog-postx-custom-button-size-tab);
		line-height: var(--blog-postx-custom-button-lineheight-tab);
		letter-spacing: var(--blog-postx-custom-button-letterspacing-tab);
	}

	.site-header .header-custom-button {
		border-radius: var(--blog-postx-custom-button-border-radius);
	}

	article .content-wrap .post-button .button-text {
		font-size: var(--blog-postx-readmore-font-size-tab);
		letter-spacing: var(--blog-postx-readmore-font-letterspacing-tab);
		line-height: var(--blog-postx-readmore-font-lineheight-tab);
	}

	article .entry-title {
		font-size: var(--blog-postx-post-title-font-size-tab);
		line-height: var(--blog-postx-post-title-font-lineheight-tab);
		letter-spacing: var(--blog-postx-post-title-font-letterspacing-tab);
	}

	article .post-excerpt {
		font-size: var(--blog-postx-post-content-font-size-tab);
		line-height: var(--blog-postx-post-content-font-lineheight-tab);
		letter-spacing: var(--blog-postx-post-content-font-letterspacing-tab);
	}

	body .site .post-date.posted-on {
		font-size: var(--blog-postx-date-font-size-tab);
		line-height: var(--blog-postx-date-font-lineheight-tab);

	}

	body .site .post-date.posted-on a {
		letter-spacing: var(--blog-postx-date-font-letterspacing-tab);
	}

	article .post-meta .byline {
		font-size: var(--blog-postx-author-font-size-tab);
		letter-spacing: var(--blog-postx-author-font-letterspacing-tab);
		line-height: var(--blog-postx-author-font-lineheight-tab);
	}

	article .content-wrap .post-button {
		font-size: var(--blog-postx-readmore-font-size-tab);
		line-height: var(--blog-postx-readmore-font-lineheight-tab);
		letter-spacing: var(--blog-postx-readmore-font-letterspacing-tab);

	}

	article .post-meta .post-meta .post-read-time {
		font-size: var(--blog-postx-readtime-font-size-tab);
		line-height: var(--blog-postx-readtime-font-lineheight-tab);
		letter-spacing: var(--blog-postx-readtime-font-letterspacing-tab);
	}

	article .post-meta .post-meta .post-comments-num {
		font-size: var(--blog-postx-comment-font-size-tab);
		line-height: var(--blog-postx-comment-font-lineheight-tab);
		letter-spacing: var(--blog-postx-comment-font-letterspacing-tab);
	}

	article .post-categories .cat-item a{
		font-size: var(--blog-postx-category-font-size-tab);
		letter-spacing: var(--blog-postx-category-font-letterspacing-tab);
		line-height: var(--blog-postx-category-font-lineheight-tab);
	}

	.widget_block .wp-block-group__inner-container .wp-block-heading,
	section.widget  .widget-title,
	.widget_block.widget_search .wp-block-search__label {
		font-size: var(--blog-postx-widget-block-font-size-tab);
		letter-spacing: var(--blog-postx-widget-block-font-letterspacing-tab);
		line-height: var(--blog-postx-widget-block-font-lineheight-tab);
	}

	.widget_blog_postx_post_grid_widget .post-grid-wrap  .post-title,
	.widget_blog_postx_category_collection_widget .categories-wrap .category-item .category-count,
	.widget_blog_postx_posts_grid_two_column_widget .posts-wrap .post-title,
	body .widget_blog_postx_carousel_widget .post-title,
	body aside .widget.widget_blog_postx_post_list_widget .post-list-wrap .post-item .post-content-wrap h3.post-title {
		font-size: var(--blog-postx-widget-title-font-size-tab);
		line-height: var(--blog-postx-widget-title-font-lineheight-tab);
		letter-spacing: var(--blog-postx-widget-title-font-letterspacing-tab);
	}

	body aside .widget.widget_blog_postx_post_list_widget .post-list-wrap .post-item .post-content-wrap h3.post-title {
		font-size: calc( var(--blog-postx-widget-title-font-size-tab) * 0.99);
	}

	ul.wp-block-latest-posts a,
	ol.wp-block-latest-comments li footer,
	ul.wp-block-archives a,
	ul.wp-block-categories a,
	ul.wp-block-page-list a,
	ol.wp-block-latest-comments li footer a {
		font-size: calc( var(--blog-postx-widget-title-font-size-tab) * 0.94);
		line-height: var(--blog-postx-widget-title-font-lineheight-tab);
		letter-spacing: var(--blog-postx-widget-title-font-letterspacing-tab);
	}

	.widget_blog_postx_post_grid_widget .post-grid-wrap .post-categories a,
	.widget_blog_postx_category_collection_widget .categories-wrap .category-item .category-name {
		font-size: var(--blog-postx-widget-category-font-size-tab);
		line-height: var(--blog-postx-widget-category-font-lineheight-tab);
		letter-spacing: var(--blog-postx-widget-category-font-letterspacing-tab);
	}

	body.single-post #blog-postx-main-wrap .entry-header .post-thumbnail {
		position: relative;
		padding-bottom: calc( 100% * var(--blog-postx-single-post-image-ratio-tab) );
	}

	.page-template-default #primary article .post-thumbnail {
		padding-bottom: calc( 100% * var(--blog-postx-single-page-image-ratio-tab) );
	}

	article .post-meta .post-meta .post-read-time {
		font-size: var(--blog-postx-readtime-font-size-tab);
		letter-spacing: var(--blog-postx-meta-font-letterspacing-tab);
		line-height: var(--blog-postx-meta-font-lineheight-tab);
	}

	article .content-wrap .post-button {
		font-size: var(--blog-postx-readmore-font-size-tab);
		letter-spacing: var(--blog-postx-readmore-font-letterspacing-tab);
		line-height: var(--blog-postx-readmore-font-lineheight-tab);
	}

	.blog_postx_search_page form.search-form {
		width: 100%;
	}

	.blog-postx-cursor {
		display: none;
	}

	body .single-related-posts-section-wrap .single-related-posts-section .single-related-posts-wrap {
		grid-template-columns: repeat(2, 1fr);
	}

	.blog-postx-you-may-have-missed-section .you-may-have-missed-wrap .post-thumbnail-wrapper:before {
		padding-bottom: calc( 100% * var(--blog-postx-youmaymissed-image-ratio-tab) );
	}

	.blog-postx-you-may-have-missed-section .section-title {
		font-size: var(--blog-postx-widget-block-font-size-tab);
		line-height: var(--blog-postx-widget-block-font-lineheight-tab);
		letter-spacing: var(--blog-postx-widget-block-font-letterspacing-tab);
	}

	.blog-postx-you-may-have-missed-section .post-thumbnail-wrapper .entry-title {
		font-size: var(--blog-postx-youmaymissed-title-font-size-tab);
		line-height: var(--blog-postx-youmaymissed-title-font-lineheight-tab);
		letter-spacing: var(--blog-postx-youmaymissed-title-font-letterspacing-tab);
	}

	.blog-postx-you-may-have-missed-section .post-thumbnail-wrapper .post-categories a {
		font-size: var(--blog-postx-youmaymissed-category-font-size-tab);
		line-height: var(--blog-postx-youmaymissed-category-font-lineheight-tab);
		letter-spacing: var(--blog-postx-youmaymissed-category-font-letterspacing-tab);
	}

	.blog-postx-you-may-have-missed-section .post-thumbnail-wrapper .post-date {
		font-size: var(--blog-postx-youmaymissed-date-font-size-tab);
		line-height: var(--blog-postx-youmaymissed-date-font-lineheight-tab);
		letter-spacing: var(--blog-postx-youmaymissed-date-font-letterspacing-tab);
	}

	.blog-postx-you-may-have-missed-section .post-thumbnail-wrapper .author {
		font-size: var(--blog-postx-youmaymissed-author-font-size-tab);
		line-height: var(--blog-postx-youmaymissed-author-font-lineheight-tab);
		letter-spacing: var(--blog-postx-youmaymissed-author-font-letterspacing-tab);
	}

	.blog-postx-main-banner-section .main-banner-wrap .post-elements .post-title {
		font-size: var(--blog-postx-banner-title-font-size-tab);
		line-height: var(--blog-postx-banner-title-font-lineheight-tab);
		letter-spacing: var(--blog-postx-banner-title-font-letterspacing-tab);
	}

	.blog-postx-main-banner-section .main-banner-wrap .post-elements .post-excerpt {
		font-size: var(--blog-postx-banner-excerpt-font-size-tab);
		line-height: var(--blog-postx-banner-excerpt-font-lineheight-tab);
		letter-spacing: var(--blog-postx-banner-excerpt-font-letterspacing-tab);
	}

	.widget_blog_postx_posts_grid_two_column_widget .posts-wrap .post-thumb {
		height: 140px;
	}

	body .widget-area .widget,
	body .widget-area #widget_block {
		padding: 15px 20px 20px 20px;
	}

	.blog-postx-main-banner-section .scrollable-post .title-date-wrapper .post-title {
		font-size: var(--blog-postx-banner-sidebar-title-font-size-tab);
		line-height: var(--blog-postx-banner-sidebar-title-font-lineheight-tab);
		letter-spacing: var(--blog-postx-banner-sidebar-title-font-letterspacing-tab);
	}
}

/** 768 **/
@media (max-width: 769px) {
	.site-header.layout--three .blog-postx-container .site-branding-section {
		flex-direction: column;
	}

	.site-header.layout--three .blog-postx-container .site-branding-section > div {
		width: 100%;
	}

	.site-header.layout--three .blog-postx-container .site-branding-section .site-branding {
		margin-bottom: 15px;
	}

	body.single-mobile-column--three #blog-postx-main-wrap > .blog-postx-container .row #primary .blog-postx-inner-content-wrap {
		grid-template-columns: repeat(2, 1fr);
	}

	body.single-mobile-column--two #blog-postx-main-wrap > .blog-postx-container .row #primary .blog-postx-inner-content-wrap {
		grid-template-columns: repeat(2, 1fr);
	}

	body.single-mobile-column--one #blog-postx-main-wrap > .blog-postx-container .row #primary .blog-postx-inner-content-wrap {
		grid-template-columns: repeat(1, 1fr);
	}

	body.single-mobile-column--one #blog-postx-main-wrap > .blog-postx-container .row #primary .blog-postx-inner-content-wrap {
		grid-template-columns: repeat(1, 1fr);
	}

	.main-header .menu-section {
		display: flex;
		align-items: center;
		position: relative;
	}

	.main-header .menu-section nav{
		flex: 0 1 40%;
		text-align: left;
		justify-content: flex-start;
	}

	.main-header .menu-section nav button{
		border-color: transparent;
		padding: 6px 15px;
	}

	.main-header .menu-section .subscribe-section {
		flex: 0 1 60%;
		text-align: right;
	}

	.main-header nav.toggled .blog-postx-primary-menu-container,
	.main-header nav.toggled div.menu {
		position: absolute;
		top: auto;
		padding: 20px 40px;
		background: var(--blog-postx-submenu-bk-color);
		z-index: 999;
		width: 100%;
		border-radius: 15px;
		margin-top: 10px;
		box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.25);
		left: 0;
	}

	body .site-header .menu-alignment--center .row .menu-section .site-navigation-wrapper {
		text-align: center;
	}

	header nav .blog-postx-primary-menu-container ul li,
	header nav div.menu ul li {
		padding: 4px 0;
	}

	header nav .blog-postx-primary-menu-container ul li > a,
	header nav div.menu ul li > a {
		min-width: 210px;
		width: 100%;
		font-family: var(--blog-postx-submenu-font-family);
		font-weight: var(--blog-postx-submenu-font-weight);
		text-transform: var(--blog-postx-submenu-font-texttransform);
		text-decoration: var(--blog-postx-submenu-font-textdecoration);
	}

	.main-navigation ul.menu li.menu-item-has-children > a:after,
	.main-navigation ul.menu li.page_item_has_children > a:after,
	.main-navigation ul.nav-menu li.menu-item-has-children > a:after,
	.main-navigation ul.nav-menu li.page_item_has_children > a:after {
		float: right;
	}

	.main-navigation .menu > li li a,
	.main-navigation .nav-menu > li li a {
		padding: 5px 15px;
	}

	.main-navigation .menu li a,
	.main-navigation .nav.menu li a {
		margin: 5px 0;
	}

	.main-navigation ul.menu li > ul.sub-menu.isShow,
	.main-navigation ul.nav-menu li > ul.sub-menu.isShow,
	.main-navigation ul.menu li > ul.children.isShow,
	.main-navigation ul.nav-menu li > ul.children.isShow {
		position: relative;
		left: 10px;
	}

	.main-navigation ul.menu li > ul.sub-menu, 
	.main-navigation ul.nav-menu li > ul.sub-menu,
	.main-navigation ul.menu li > ul.children, 
	.main-navigation ul.nav-menu li > ul.children {
		display: none;
	}

	.main-navigation ul li > ul.isShow, 
	.main-navigation ul.menu li > ul.sub-menu.isShow, 
	.main-navigation ul.nav-menu li > ul.sub-menu.isShow,
	.main-navigation ul.menu li > ul.children.isShow, 
	.main-navigation ul.nav-menu li > ul.children.isShow {
		position: relative;
		width: 100%;
		left: 10px;
		box-shadow: none;
		display: inline-block;
	}

	.main-navigation ul.menu li,
	.main-navigation ul.nav-menu li {
		position: relative;
	}

	.main-navigation ul li a.toggle-sub-menu,
	.main-navigation ul.menu li a.toggle-sub-menu,
	.main-navigation ul.nav-menu li a.toggle-sub-menu {
		position: absolute;
		right: 0;
		display: inline-block;
		margin-top: -29px;
		text-align: right;
		z-index: 1;
		padding: 5px 10px;
		min-width: initial;
		text-align: center;
		width: auto;
	}

	.single-related-posts-section-wrap.layout--list .single-related-posts-wrap article .post-thumb-wrap {
		flex: 0 1 30%;
	}

	.single-related-posts-section-wrap.layout--list .single-related-posts-wrap article .post-element {
		flex: 1 1 60%;
	}

	.blog-postx-main-banner-section.main-banner-arrow-show .main-banner-wrap .slick-arrow, 
	.blog-postx-carousel-section.carousel-banner-arrow-show .carousel-wrap .slick-arrow {
		display: block!important;
	}

	.blog-postx-carousel-section article.post-item .post-thumb {
		padding-bottom: calc( 100% * var(--blog-postx-carousel-image-ratio-tab) );
	}

	.site-header.layout--two .blog-postx-container .row .menu-section {
		text-align: center;
	}

	.site-header.layout--two .menu-alignment--left .blog-postx-container .row .menu-section {
		text-align: left;
	}

	body.archive.author .site #blog-postx-main-wrap .page-header .blog-postx-container {
		width: 95%;
	}

	.top-header .row {
		flex-direction: column;
		text-align: center;
		gap: 8px;
	}

	.top-header .top-header-inner-wrapper {
		flex-direction: column;
		margin-bottom: 5px;
	}

	body.single-post #primary .post-navigation .nav-links {
		flex-direction: column;
		gap: 25px;
	}

	body.single-post #primary .post-navigation .nav-links .button-thumbnail {
		flex: 0 1 12%;
	}

	body.single-post #blog-postx-main-wrap .blog-postx-container .row #primary nav.navigation {
		padding: 20px;
	}

	body.single-post #blog-postx-main-wrap .blog-postx-container .row #primary .post-inner,
	body.single-post #blog-postx-main-wrap .blog-postx-container .row #primary .comments-area,
	body.single-post  #primary article .post-card .bmm-author-thumb-wrap,
	body.single-post #blog-postx-main-wrap .blog-postx-container .row #primary nav.navigation,
	body.single-post #blog-postx-main-wrap .blog-postx-container .row #primary .comments-area,
	body.single-post #blog-postx-main-wrap .blog-postx-container .row #primary .single-related-posts-section-wrap.layout--list {
		padding: 20px;
	}

	body.home .blog-postx-social-share {
		display: none;
	}

	body .blog-postx-inner-content-wrap article figure.post-thumbnail-wrapper:before {
		padding-bottom: calc( 100% * var(--blog-postx-archive-post-image-ratio-tab) );
	}

	/* banner four */
	.blog-postx-main-banner-section.layout--five .row {
		flex-direction: column;
		gap: 15px;
	}

	.blog-postx-main-banner-section.layout--five .main-banner-slider {
		max-width: 100%;
	}

	.blog-postx-main-banner-section.layout--five .main-banner-slider .post-elements {
		padding: 25px;
	}

	/* search */
	.search-type--live-search .search-form-wrap form.search-form,
	.search-wrap.search-type--live-search .search-results-wrap {
		width: 90%;
	}

	body .blog-postx-main-banner-section .main-banner-slider article.post-item .post-thumb {
		padding-bottom: calc( var(--blog-postx-banner-image-ratio-tab) * 100% );
	}

	.blog-postx-category-collection-section.column--three .category-wrap:before {
		padding-bottom: calc(var(--blog-postx-category-image-ratio-tab) * 100%);
	}

	header .bb-bldr-row.row-one {
		padding: 20px 0;
	}
	
	body:not(.single-post--layout-seven) .site-header {
		background-color: var(--blog-postx-white-dark-color);
	}

	.blog-postx-web-stories .stories-wrap .preview:before {
		padding-bottom: calc(100% * var(--blog-postx-web-stories-image-ratio-tab));
	}

	.blog-postx-carousel-section.carousel-layout--three article.post-item .post-thumb:before {
		padding-bottom: calc(var(--blog-postx-carousel-image-ratio-tab) * 100%);
	}

	.page-template-web-stories .blog-postx-web-stories .stories-wrap {
		grid-template-columns: repeat(3, 1fr);
	}

	.blog-postx-main-banner-section.layout--five .scrollable-post .count-image-wrapper {
		height: 155px;
	}

	body.single .site-main > .post-read-time-wrap {
		display: none;
	}
	
}/* 768 end */

/* 660 large mobile */
@media (max-width: 675px) {
	body.single-post #blog-postx-main-wrap .blog-postx-container .row #primary .post-inner,
	body.single-post #blog-postx-main-wrap .blog-postx-container .row #primary .comments-area,
	body.search-post #blog-postx-main-wrap > .blog-postx-container > .row #primary article .blog-postx-article-inner,
	body.single-post #blog-postx-main-wrap .blog-postx-container .row #primary .single-related-posts-section-wrap.layout--list {
		padding: 20px;
	}

	body.single-post #primary .post-navigation .nav-links > div {
		flex: 0 1 47%;
	}
}

/** 
	MARK: 610 Mobile
**/
@media (max-width: 610px) {
	.site-header .site-title {
		font-size: var(--blog-postx-site-title-size-mobile);
		line-height: var(--blog-postx-site-title-lineheight-mobile);
		letter-spacing: var(--blog-postx-site-title-letterspacing-mobile);
	}

	.site-header .site-description {
		font-size: var(--blog-postx-site-description-size-mobile);
		line-height: var(--blog-postx-site-description-lineheight-mobile);
		letter-spacing: var(--blog-postx-site-description-letterspacing-mobile);
	}

	.main-navigation .menu li a,
	.main-navigation .nav.menu li a {
		font-size: var(--blog-postx-menu-size-mobile);
		line-height: var(--blog-postx-menu-lineheight-mobile);
		letter-spacing: var(--blog-postx-menu-letterspacing-mobile);
	}

	footer.site-footer .bb-bldr-widget:not(.has-sidebar) .menu li a {
		font-size: var(--blog-postx-footer-menu-size-mobile);
		line-height: var(--blog-postx-footer-menu-lineheight-mobile);
		letter-spacing: var(--blog-postx-footer-menu-letterspacing-mobile);
	}

	.site-header .header-custom-button .custom-button-label {
		font-size: var(--blog-postx-custom-button-size-mobile);
		line-height: var(--blog-postx-custom-button-lineheight-mobile);
		letter-spacing: var(--blog-postx-custom-button-letterspacing-mobile);
	}

	.site-header .header-custom-button {
		border-radius: var(--blog-postx-custom-button-border-radius);
	}

	body .blog-postx-inner-content-wrap article figure.post-thumbnail-wrapper:before {
		padding-bottom: calc( 100% * var(--blog-postx-archive-post-image-ratio-mobile) );
	}

	article .entry-title {
		font-size: var(--blog-postx-post-title-font-size-mobile);
		line-height: var(--blog-postx-post-title-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-post-title-font-letterspacing-mobile);
	}

	article .post-excerpt {
		font-size: var(--blog-postx-post-content-font-size-mobile);
		line-height: var(--blog-postx-post-content-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-post-content-font-letterspacing-mobile);
	}

	body .site .post-date.posted-on {
		font-size: var(--blog-postx-date-font-size-mobile);
		line-height: var(--blog-postx-date-font-lineheight-mobile);

	}

	body .site .post-date.posted-on a {
		letter-spacing: var(--blog-postx-date-font-letterspacing-mobile);
	}

	article .post-meta .byline{
		font-size: var(--blog-postx-author-font-size-mobile);
		letter-spacing: var(--blog-postx-author-font-letterspacing-mobile);
		line-height: var(--blog-postx-author-font-lineheight-mobile);
	}

	article .content-wrap .post-button {
		font-size: var(--blog-postx-readmore-font-size-mobile);
		line-height: var(--blog-postx-readmore-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-readmore-font-letterspacing-mobile);
	}

	article .post-meta .post-meta .post-read-time {
		font-size: var(--blog-postx-readtime-font-size-mobile);
		line-height: var(--blog-postx-readtime-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-readtime-font-letterspacing-mobile);
	}

	article .post-meta .post-meta .post-comments-num {
		font-size: var(--blog-postx-comment-font-size-mobile);
		line-height: var(--blog-postx-comment-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-comment-font-letterspacing-mobile);
	}

	article .post-categories .cat-item a{
		font-size: var(--blog-postx-category-font-size-mobile);
		letter-spacing: var(--blog-postx-category-font-letterspacing-mobile);
		line-height: var(--blog-postx-category-font-lineheight-mobile);
	}

	.widget_block .wp-block-group__inner-container .wp-block-heading,
	section.widget  .widget-title,
	.widget_block.widget_search .wp-block-search__label {
		font-size: var(--blog-postx-widget-block-font-size-mobile);
		letter-spacing: var(--blog-postx-widget-block-font-letterspacing-mobile);
		line-height: var(--blog-postx-widget-block-font-lineheight-mobile);
	}

	.widget_blog_postx_post_grid_widget .post-grid-wrap  .post-title,
	.widget_blog_postx_category_collection_widget .categories-wrap .category-item .category-count,
	.widget_blog_postx_posts_grid_two_column_widget .posts-wrap .post-title,
	body .widget_blog_postx_carousel_widget .post-title,
	body aside .widget.widget_blog_postx_post_list_widget .post-list-wrap .post-item .post-content-wrap h3.post-title {
		font-size: var(--blog-postx-widget-title-font-size-mobile);
		line-height: var(--blog-postx-widget-title-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-widget-title-font-letterspacing-mobile);
	}

	body aside .widget.widget_blog_postx_post_list_widget .post-list-wrap .post-item .post-content-wrap h3.post-title {
		font-size: calc( var(--blog-postx-widget-title-font-size-mobile) * 0.95);
	}

	ul.wp-block-latest-posts a,
	ol.wp-block-latest-comments li footer,
	ul.wp-block-archives a,
	ul.wp-block-categories a,
	ul.wp-block-page-list a {
		font-size: calc( var(--blog-postx-widget-title-font-size-mobile) * 0.94);
		line-height: var(--blog-postx-widget-title-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-widget-title-font-letterspacing-mobile);
	}

	ol.wp-block-latest-comments li footer a {
		font-size: calc( var(--blog-postx-widget-title-font-size-mobile) * 0.94);
		line-height: var(--blog-postx-widget-title-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-widget-title-font-letterspacing-mobile);
	}

	.widget_blog_postx_post_grid_widget .post-grid-wrap .post-categories a,
	.widget_blog_postx_category_collection_widget .categories-wrap .category-item .category-name {
		font-size: var(--blog-postx-widget-category-font-size-mobile);
		line-height: var(--blog-postx-widget-category-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-widget-category-font-letterspacing-mobile);
	}

	body.single-post #blog-postx-main-wrap .entry-header .post-thumbnail {
		padding-bottom: calc( 100% * var(--blog-postx-single-post-image-ratio-mobile) );
	}

	.page-template-default #primary article .post-thumbnail {
		padding-bottom: calc( 100% * var(--blog-postx-single-page-image-ratio-mobile) );
	}

	article .post-meta .post-meta .post-read-time {
		font-size: var(--blog-postx-readtime-font-size-mobile);
		letter-spacing: var(--blog-postx-meta-font-letterspacing-mobile);
		line-height: var(--blog-postx-meta-font-lineheight-mobile);
	}

	article .content-wrap .post-button {
		font-size: var(--blog-postx-readmore-font-size-mobile);
		letter-spacing: var(--blog-postx-readmore-font-letterspacing-mobile);
		line-height: var(--blog-postx-readmore-font-lineheight-mobile);
	}

	.single-related-posts-section-wrap.layout--one .single-related-posts-wrap article {
		flex-direction: column;
	}

	.single-related-posts-section-wrap.layout--list .single-related-posts-wrap article .post-element {
		margin-top: 15px;
	}

	.single-related-posts-section-wrap.layout--list .single-related-posts-wrap article .post-thumb-wrap {
		margin-right: 0;
	}

	.single-related-posts-section-wrap.layout--list .single-related-posts-wrap article > div,
	.single-related-posts-section-wrap.layout--list .single-related-posts-wrap article > figure {
		width: 100%;
	}

	body .widget .wp-block-latest-comments article{
		margin-bottom: 0;
	}

	body.single-post .comments-area .comment-meta {
		flex-direction: column;
		text-align: left;
		justify-content: flex-start;
		align-items: flex-start;
	}

	body.single-post .comments-area .comment-author.vcard {
		margin-bottom: 10px;
	}

	body.single-post .comments-area .comment-content {
		margin: 10px 10px 10px 40px;
	}

	body.single-post .comments-area li > ul, body.single-post .comments-area li > ol {
		margin-left: 0.2em;
	}

	body .blog-postx-central-mode-enable article {
		padding-left: 0;
		padding-right: 0;
	}

	.search-form-wrap form.search-form input.search-submit{
		width: 30%;
	}

	.search-wrap.search-type--live-search .search-results-wrap {
		width: 90%;
	}

	.main-header nav.sub-menu-hide-on-mobile ul li a.toggle-sub-menu,
	.search-wrap.hide-on-mobile,
	.blog-postx-scroll-btn.hide-on-mobile, .header-custom-button.hide-on-mobile,
	.custom-button-label.hide-on-mobile, .mode-toggle-wrap.hide-on-mobile,
	.blog-postx-canvas-menu.hide-on-mobile, .menu-txt.hide-on-mobile,
	.main-banner-wrap .post-excerpt.hide-on-mobile,
	.blog-postx-carousel-section .post-excerpt.hide-on-mobile,
	#blog-postx-main-wrap #primary article .post-excerpt.hide-on-mobile,
	#blog-postx-main-wrap #primary article .author.vcard.hide-on-mobile,
	#blog-postx-main-wrap #primary article .post-meta .byline.hide-on-mobile,
	#blog-postx-main-wrap #primary article .post-button.hide-on-mobile,
	#blog-postx-main-wrap #primary article .post-read-time.hide-on-mobile,
	#blog-postx-main-wrap #primary article .post-comments-num.hide-on-mobile,
	.widget-area.hide-on-mobile,
	.blog-postx-social-share.hide-on-mobile,
	.button-text.hide-on-mobile,
	.blog-postx-breadcrumb-element.hide-on-mobile {
		display: none !important;
	}

	.blog-postx-carousel-section article.post-item .post-thumb {
		padding-bottom: calc( 100% * var(--blog-postx-carousel-image-ratio-mobile) );
	}

	#site-navigation #blog-postx-menu-burger {
		margin: 0;
	}

	body .post-date.hide-on-mobile, 
	body .blog-postx-article-inner .post-categories.hide-on-mobile,
	.top-header.hide-on-mobile,
	.top-header .top-date-time.hide-on-mobile,
	.top-header .social-icons-wrap.hide-on-mobile,
	.top-header .top-header-search-wrap.hide-on-mobile  {
		display: none;
	}

	.single-related-posts-section-wrap.column--three .single-related-posts-wrap {
		grid-template-columns: 100%;
	}

	body .single-related-posts-section-wrap.layout--one .single-related-posts-section .single-related-posts-wrap article .post-thumbnail {
		padding-bottom: 60%;
	}

	.single .post-format-ss-wrap .blog-postx-social-share .share-icon {
		display: none;
	}

	.widget_blog_postx_post_grid_widget .post-grid-wrap {
		grid-template-columns: 100%;
	}

	.widget_blog_postx_carousel_widget .post-thumb-wrap {
		height: 248px;
	}

	.main-header nav.toggled .blog-postx-primary-menu-container,
	.main-header nav.toggled div.menu {
		padding: 20px;
	}

	article .content-wrap .post-button .button-text {
		font-size: var(--blog-postx-readmore-font-size-mobile);
		letter-spacing: var(--blog-postx-readmore-font-letterspacing-mobile);
		line-height: var(--blog-postx-readmore-font-lineheight-mobile);
	}

	body .single-related-posts-section-wrap .single-related-posts-section .single-related-posts-wrap {
		grid-template-columns: 100%;
	}

	body .blog-postx-you-may-have-missed-section .blog-postx-you-may-missed-inner-wrap .you-may-have-missed-wrap {
		grid-template-columns: 100%;
	}

	.blog-postx-you-may-have-missed-section .you-may-have-missed-wrap .post-thumbnail-wrapper:before {
		padding-bottom: calc( 100% * var(--blog-postx-youmaymissed-image-ratio-mobile) );
	}

	.blog-postx-you-may-have-missed-section .section-title {
		font-size: var(--blog-postx-widget-block-font-size-mobile);
        letter-spacing: var(--blog-postx-widget-block-font-letterspacing-mobile);
        line-height: var(--blog-postx-widget-block-font-lineheight-mobile);
	}

	.blog-postx-you-may-have-missed-section .post-thumbnail-wrapper .entry-title {
		font-size: var(--blog-postx-youmaymissed-title-font-size-mobile);
		line-height: var(--blog-postx-youmaymissed-title-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-youmaymissed-title-font-letterspacing-mobile);
	}

	.blog-postx-you-may-have-missed-section .post-thumbnail-wrapper .post-categories a {
		font-size: var(--blog-postx-youmaymissed-category-font-size-mobile);
		line-height: var(--blog-postx-youmaymissed-category-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-youmaymissed-category-font-letterspacing-mobile);
	}

	.blog-postx-you-may-have-missed-section .post-thumbnail-wrapper .post-date {
		font-size: var(--blog-postx-youmaymissed-date-font-size-mobile);
		line-height: var(--blog-postx-youmaymissed-date-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-youmaymissed-date-font-letterspacing-mobile);
	}

	.blog-postx-you-may-have-missed-section .post-thumbnail-wrapper .author {
		font-size: var(--blog-postx-youmaymissed-author-font-size-mobile);
		line-height: var(--blog-postx-youmaymissed-author-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-youmaymissed-author-font-letterspacing-mobile);
	}

	.blog-postx-main-banner-section .main-banner-wrap .post-elements .post-title {
		font-size: var(--blog-postx-banner-title-font-size-mobile);
		line-height: var(--blog-postx-banner-title-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-banner-title-font-letterspacing-mobile);
	}

	.blog-postx-main-banner-section .main-banner-wrap .post-elements .post-excerpt {
		font-size: var(--blog-postx-banner-excerpt-font-size-mobile);
		line-height: var(--blog-postx-banner-excerpt-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-banner-excerpt-font-letterspacing-mobile);
	}

	.blog-postx-main-banner-section .main-banner-wrap .post-elements .post-title {
		font-size: var(--blog-postx-banner-title-font-size-mobile);
		line-height: var(--blog-postx-banner-title-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-banner-title-font-letterspacing-mobile);
	}

	body #blog-postx-main-wrap > .blog-postx-container > .row #primary article .blog-postx-article-inner {
		padding: 15px;
	}

	body .blog-postx-main-banner-section .main-banner-slider article.post-item .post-thumb {
		padding-bottom: calc( var(--blog-postx-banner-image-ratio-mobile) * 100% );
	}

	/* search */
	.search-wrap.search-type--live-search .article-item .post-element .post-title {
		font-size: 0.94rem;
	}

	.blog-postx-main-banner-section .scrollable-post .title-date-wrapper .post-title {
		font-size: var(--blog-postx-banner-sidebar-title-font-size-mobile);
		line-height: var(--blog-postx-banner-sidebar-title-font-lineheight-mobile);
		letter-spacing: var(--blog-postx-banner-sidebar-title-font-letterspacing-mobile);
	}

	.blog-postx-category-collection-section.column--three .category-wrap:before {
		padding-bottom: calc(var(--blog-postx-category-image-ratio-mobile) * 100%);
	}

	.archive--block-two-layout .blog-postx-inner-content-wrap .blog-postx-article-inner .content-wrapper {
		flex-direction: column;
		align-items: initial;
		row-gap: 18px;
	}

	.blog-postx-web-stories .stories-wrap .preview:before {
		padding-bottom: calc(100% * var(--blog-postx-web-stories-image-ratio-mobile));
	}

	.blog-postx-web-stories .stories-wrap .story-title {
		font-size: 22px;	
		line-height: 31px;
	}

	.blog-postx-carousel-section.carousel-layout--three article.post-item .post-thumb:before {
		padding-bottom: calc(var(--blog-postx-carousel-image-ratio-mobile) * 100%);
	}

	.page-template-web-stories .blog-postx-web-stories .stories-wrap {
		display: flex;
	}

	.page-template-web-stories .blog-postx-web-stories .stories-wrap .story {
		width: 247px;
	}

	.blog-postx-main-banner-section.layout--five .scrollable-post .count-image-wrapper {
		height: initial;
	}
} /* 610 end */

/* 
	MARK: 470
*/

@media (max-width: 470px) {
	.blog-postx-main-banner-section.layout--five .main-banner-slider .post-elements {
		left: 25px;
    	width: 75%;
	}

	.blog-postx-main-banner-section.layout--five .main-banner-slider .slick-arrow {
		bottom: 28px;
		width: 35px;
		height: 35px;
		line-height: 33px;
	}

	.blog-postx-main-banner-section.layout--five .main-banner-slider .slick-arrow.slick-prev {
		right: 105px;
	}
}

/* 
	MARK: 425
*/

@media (max-width: 425px) {
	.blog-postx-main-banner-section.layout--five .main-banner-slider .slick-arrow.slick-prev {
        right: 70px;
    }

	.blog-postx-main-banner-section.layout--five .main-banner-slider .slick-arrow.slick-next {
		right: 30px;
	}

	.blog-postx-web-stories .inner-stories .slick-list {
        width: 370px;
    }
}

/* 
	MARK: 375
*/

@media (max-width: 375px) {
	.blog-postx-main-banner-section.layout--five .main-banner-slider .post-elements {
        left: 10px;
        width: 80%;
    }

	.blog-postx-web-stories .inner-stories .slick-list {
        width: 310px;
    }
}

@media (max-width: 375px) {
	.blog-postx-main-banner-section.layout--five .main-banner-slider .slick-arrow.slick-prev {
        right: 50px;
    }

	.blog-postx-main-banner-section.layout--five .main-banner-slider .slick-arrow.slick-next {
		right: 10px;
	}
}

@media ( max-width: 320px ) {
	.blog-postx-web-stories .inner-stories .slick-list {
		width: 270px;
	}
}