/* 
	==========================================
	Responsive Tablet Breakpoints 1
	==========================================
*/
@media only screen and (max-width:1023px)
{
	/* home grid */
	.postListing{grid-template-columns:repeat(2, 1fr) !important;}
	.heroBanner .recentBlogContent{padding:0 24px;}
	.heroBanner .recentBlogContent h1{padding:16px 0 24px 0;}
	.blogContent .heroBanner .topPostMeta{flex-wrap:wrap;}
	.youTubeSection p{width:100%;}
	.podcastList{margin-top:64px;}
	
	/* auther listing */
	.archive.author .archive-header .wrapper{padding:24px 35px 0 35px;}	

	/* email tempate code */
	.entry-content .templateTitle{cursor:auto;}	
	.entry-content .wp-block-code{
		margin:0px 0px 30px 0px! important; padding:0px !important;	
		border-top:transparent!important;
		cursor:auto;
	}
	.entry-content .wp-block-code code div{
		display:flex;
		padding:16px 24px;
		border-bottom:1px solid #BFDBFE!important;		
	}
	.entry-content .wp-block-code code label{
		font-family: 'Inter',sans-serif; font-weight:600;
		color:#1F2937; width:15%;
	}
	.entry-content .wp-block-code code p{padding:0px 24px; color:#1F2937; margin:0px 0px 16px 0px! important; cursor:auto;}
	.copy-the-code-wrap pre .copy-the-code-button{left:24px;}
	
	/* sub header in blog details page for 7 blogs only */
	.wrap{display:none;}
	.wrap-mobile{
		display:flex;
		align-items:center; justify-content:flex-start;
		gap:16px; height:56px;
	}
	.wrap-mobile .dropdown{width:calc(100% - 132px);}
	.wrap-mobile .dropdown .pickertoggle{
		display:flex;
		align-items:center; justify-content:space-between;
		z-index:10;
	}
	.wrap-mobile .dropdown .pickertoggle .selected{
		display:flex;
		align-items:center; justify-content:space-between;
	}
	.wrap-mobile .dropdown .pickertoggle .caret{
		height:15px; width:15px;
		margin-top:-3px; margin-left:8px; 
	}
	.wrap-mobile .dropdown .pickertoggle .caret img{
		width:14px; height:14px;
		filter:brightness(0);
		cursor:pointer;
		transform:rotate(180deg);
	}
	.wrap-mobile .dropdown span{
		font-family:'Inter',sans-serif; font-weight:400;
		font-size:14px; line-height:20px;
		cursor:pointer;
	}
	.guidesNav .title{width:122px;}
	.guidesNav span.selected span:nth-child(2){top:0px;}
	.guidesNav .item.selected .item.selectedspan{line-height:56px;}
	.wrap-mobile .dropdown-menu{ 		
		width:236px;
		position:absolute; top:36px; left:-6px;
		z-index:0;
		padding:12px;
		font-family:'Inter',sans-serif;
		font-size:14px; text-align:left;
		list-style:none;
		background-color:#fff;
		border-radius:6px;
		box-shadow:0 6px 12px rgba(0,0,0,.175);
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: transform 0.3s ease, opacity 0.3s ease;			
		transform-origin:top;
		transform:scale(1,1);
		opacity:1;
		pointer-events:auto;		
	}
	.wrap-mobile .dropdown-menu .blogLink a{ 
		font-size:14px; line-height:20px;
		font-family: 'Inter',sans-serif; font-weight:400;
		color:#111827; padding:9px 0px;
	}
	.wrap-mobile .dropdown-menu .blogLink a.selected span{
		font-weight:600;
		color:#111827;
	}
	.wrap-mobile .dropdown-menu .blogLink a.selected:after{
		content: " ";
		display:block;
		width:30px; height:30px;
		position:absolute; top:8px; right:-9px;
		z-index:1;
		background-size:20px;
		background-image: url(https://www.saleshandy.com/blog/wp-content/uploads/2023/08/Check.svg);
		background-repeat: no-repeat;		
	}
}

/* 
	==========================================
	Responsive Table Breakpoints 2
	==========================================
*/
@media only screen and (max-width:950px)
{	
	.headerMain.blogNavigation .searchInput{border:none;}
	
	/* hoem page herobanner */
	.blogContent .blogDetailMiddle .heroBanner{padding:40px 0 40px 0;}
	.blogContent .blogDetailMiddle .heroBanner .wrapper{display:block; padding:0px 20px;}
	.heroBanner .recentBlogContent{padding:0; margin-top:44px;}
	.heroBanner .recentBlogContent h1{padding:24px 0 48px 0; font-size:48px;}
	.postPagging{padding:64px 0;}
	.youTubeSection.podcastList{padding-bottom:64px;}
	
	/* ====== */
	.keepinTouchLight h1{ margin:0px 15% 45px;}
	
	/* ====== */
	.postListing.grid{ 
		display:grid;
		grid-template-columns:48% 48%; grid-column-gap:4%;
		margin:44px 0; padding:0px;
	}	
	
	/* ====== */
	.keepinTouchBlue{margin:64px 24px;}
	
	/* ====== userAccessModel */
	.userAccessModel .modelWrapper{margin:25px;}
	
	/* == Selected category blog listing ==*/
	.archive-header p{margin:0 4%;}
	.archive.author .archive-header{margin-top:24px;}
	
	/* == No search result found ==*/
	.noSearchResultTitle{ margin:64px 24px -26px 24px;}
	.noSearchResultTitle .noSearchMessage p{margin:0px 25%;}
	
	/* == blog details page ==*/
	.blogContent{margin:0px; padding:0px;}
	.blogDetailLeft{display:none;}
	.blogDetailRight{display:none;}
	.blogContent .post-inner.thin{padding:48px 0;}
	.blogContent .post-inner.thin .wrapper{display:block;}
}

/* 
	==========================================
	Responsive Mobile Breakpoints
	==========================================
*/
@media only screen and (max-width:767px)
{
	main{padding-top: 0;}
	.container{padding:0 20px;}
	
	/* ==== */
	.headerMain .headerTop{padding:30px 0px;}
	.headerMain .headerTop nav{display:none;}
	.headerButton{display:none;}
	
	/* old pricing header for temparary */
	.oldHeader .oldHeaderText{display:block; padding:0px 24px;}
	.oldHeader .oldHeaderText p{font-weight:400; line-height:24px;}
	.oldHeader .oldHeaderText a{margin:16px 0px 7px 0px;}
	
	/* ==== */
	.postListing.grid{display:block; margin:24px 10px;}
	.postListing.grid .featuredThumb img{height:auto;}
	.navigation.pagination{border-top:0px;}
	
	/* ==== */
	.mostRecent{display:block; margin:60px 10px 0px;}
	.mostRecent ul{display:block!important;}
	.mostRecent .postListing:nth-child(2) li{display:block; margin:0px 0px 30px;}
	.mostRecent .postListing:nth-child(2) li .recentBlogContent{padding-bottom:35px;}
	.mostRecent .postListing:nth-child(2) li h2{margin-bottom:20px;}
	
	/* ==== */
	.prev label{display:none;}
	.next label{display:none;}
	.postPagging .next, .postPagging .prev{
		top:15px; height:40px; margin:0px;
		width:40px; height:40px; padding:0px;
	}
	.postPagging .next:before{right:0px;}	
	
	/* ==== */
	.keepinTouchLight{padding:64px 24px 50px 24px;}
	.keepinTouchLight h1{padding:0px; margin:0px; font-size:24px; line-height:32px;}
	
	/* ==== */
	.subscription{display: block;}
	.subscription .formEmail input[type="email"]{
		width:100%;
		line-height:24px;
		padding:7px 25px;
		margin:20px 0px 15px 0px;
	}
	.subscription .formEmail span span {padding: 0px; margin-top: -8px; margin-bottom: 5px;}
	.subscription .value{margin: 0px; padding: 0px;}
	.subscription .value input{
		width:100%; line-height:24px;
		padding:7px 25px; margin:0px;
	}
	
	/*==== */
	.sent .wpcf7-response-output{padding-top:20px;}
	.sent .wpcf7-response-output::before{
		position:absolute;
		top:calc(1vh - 31.5px);
		left: calc(50% - 14.5px);
	}
	
	/* ==== */
	.keepinTouchBlue{margin:65px 10px; padding:65px 15px;}
	.keepinTouchBlue h2{padding:0px; margin:0px; font-size:24px; line-height:32px;}
	.keepinTouchBlue p{margin:15px 0px 0px!important;}
	.keepinTouchBlue .subscription{margin:0px;}
	
	/* ==== */
	.archive-header h1{margin-bottom:0px;}
	.archive-header p{font-size:14px; margin:0px;}
	.archive-header .author span img{width:95px; height:95px;}
	.archive-header .archive-title span.color-accent{
		font-size:20px; line-height:28px;
		line-height:20px; font-weight:400;
		top:0px;
	}
	.archive-header .archive-title span{
		font-size:24px; line-height:32px;
		line-height:20px;
		top: -12px;
	}
	
	/* ==== */
	.searchPageTitle{display:block; margin:60px 10px;}
	.searchPageTitle div p{text-align:left;}
	
	/* ==== */
	.noSearchResultTitle{margin:90px 10px;}
	.noSearchResultTitle .noSearchMessage p{margin:0px 4%;}
	
	/*=== Recent Articles Title ===*/
	.recentArticle h4{font-size:24px; line-height:33.6px;}
	
	/*=== blog details page - auther image, name, date, view count ====*/
	
	.blogDetailMiddle .topPostMeta{text-align:center; display:block;}
	.blogDetailMiddle .topPostMeta div{display:inline-block;}
	.clr{display:block!important; clear:both; margin:10px 0px;}
	.blogDetailMiddle .topPostMeta .postReadingTime{margin-left:0px; padding-left:0px; border:none;}
	.blogDetailMiddle .post-inner{margin:0px;}
	
	/* email tempate code */
	.entry-content .wp-block-code code div{display:block;}
	.entry-content .wp-block-code code label{display:block; width:100%;}
	
	/* breadcrumb in details page */
	.breadcrumb{display:none;}
	
	/* ====== userAccessModel */
	.userAccessModel .modelWrapper{
		margin:25px; max-height: calc(100vh - 50px); overflow-y:auto;		
	}
	
	/* top scrolled button desing in footer */
	.progress-wrap{position:fixed; right:24px; bottom:40px;}
	
	/* Create table in blog details page cutum html css >> 13th aug'24 */	
	.features-table tr:nth-child(1){display:none;}
	.features-table tr td:last-child{margin-bottom:15px !important;}
	.features-table tr:nth-child(8) td:last-child{margin-bottom:0px !important;}
	.features-table td .listlem{display:block; font-weight:bold;}
	.features-table td{
		width:100%;
		display:flex; align-items:center;
		justify-content: space-between;
	}
	.features-table td:nth-child(1){width:100%;}
	
	/* tablepress plugin table css */
	.features-table-desktop{display:none;}
	.features-table-mobile{
		display:table;
		margin:20px 0px;
		width:100%;
		background:#fff;
		box-shadow:0 2px 15px rgba(0,0,0,.1);
		border:1px solid #ddd !important;
	}
	.features-table-mobile td{
		padding:12px 10px !important;
		border:1px solid #ddd !important;
		text-align:left; color:#374151 !important;
	}
	.features-table-mobile tr td:last-child{width:190px !important;}	
}
@media only screen and (max-width:410px)
{
	.postPagging{margin:30px 10px;}
}