@media screen and (min-width: 320px) and (max-width: 767px){
	/* 	header */
	.hfe-nav-menu__toggle{
		z-index: 2;
	}
	body:has(.menu-is-active){
		overflow-y:hidden !important;
	}
	.hfe-nav-menu:has(.menu-is-active) {
	  	background: #4c84ff;
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
		padding-left: 25px;
		height: 100vh;
		margin-top: -10px;
	}
	header nav ul li{
		border-bottom: none;
	}
	header nav ul li a{
		font-family: 'Avenir-Regular' !important;
	}
	header nav ul{
		padding-top: 40px !important;
		height:85vh;
	}
	header .li-login{
		width: 50% !important;
		float: left;
		padding: 30px 0 !important
	}
	header .li-get-started{
		width: 50% !important;
		float: right;
		padding: 30px 0 !important;
	}
	header .li-login a{
		border: 1px solid #fff;
		justify-content: center !important;
		border-radius: 25px;
		margin-right: 25px;
	}
	header .li-get-started a{
		border: 1px solid #fff;
		background-color: #fff !important;
		color: #4c84ff !important;
		justify-content: center !important;
		border-radius: 25px;
		margin-right: 10px;
	}
	header .social-icons{
		margin-top:10px;
	}

	/* 	footer */
	.industries-menu, .developers-menu, .resources-menu{
		display:none;
	}
	
	footer .social-icons{
		display: none;
	}
	
/* 	home page */
	.home-section-4 .image-box .elementor-image-box-wrapper{
		display: flex;
	}
	
/* 	retail page css */
	.div-slick-slider{
		position: relative;
	}
	.div-slick-slider ul.slick-dots{
		list-style-type: none;
		display: flex;
		align-items: center;
		gap: 10px;
		position: absolute;
		bottom: 15px;
		padding-left: 0 !important;
		left: 50%;
		transform: translate(-50%, 0);
	}
	.div-slick-slider ul.slick-dots li button{
		width:80px;
		height: 10px;
		border: none;
		color: transparent;
		background-color: #333232;
		padding: 0 !important;
		opacity: 0.10;
	}
	.div-slick-slider ul.slick-dots li.slick-active button{
		background-color: #4C84FF;
		opacity: 1;
	}
	
	/* 	e-commerce page css */
	.page-e-commerce .grid-last-child{
		grid-column: span 2;
	}

	/* about us page */
	.page-about-us .div-grid{
		overflow: auto;
	}
	
/* 	contact us page */
	.page-contact-us .contact-form .d-flex{
		flex-direction: column;
	}
	.page-contact-us .contact-form .btn-submit input{
		width: 100%;
	}
	.page-contact-us .icon-list ul{
		gap: 20px;
	}
	
/* 	faq page */
	.page-faq .section-faq .elementor-tab-title{
		padding: 15px 0 !important;
	}
	.section-faq .elementor-toggle-title{
		gap:15px;
	}
	.section-faq .elementor-toggle-title:before{
		min-width: 29px;
	}
	.page-faq .li-faq {
		width: max-content;
	}
	.ticket-form .btn-submit{
		text-align: center;
	}
/* 	blog detail page */
	.single-post .related-post .elementor-posts{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		overflow-x: auto;
	}
	.single-post .related-post .elementor-posts article{
		width:270px;
	}
	
/* 	blog page */
	.page-blog .blog-section-2 .elementor-posts{
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		overflow-x: auto;
	}
	.page-blog .blog-section-2 .elementor-posts article,
	.page-blog .blog-section-5 .elementor-posts article{
		width:270px;
	}
	.page-blog .blog-section-3 .elementor-post__text{
		padding: 20px !important;
	}
	.page-blog .blog-section-3 article{
		flex-direction: column-reverse;
		padding-top:60px;
	}
	.page-blog .blog-section-3 article .elementor-post__thumbnail__link{
		margin-left: 0 !important;
	}
	.page-blog .blog-section-3 .slick-prev{
		right: 52%;
	}
	.page-blog .blog-section-3 .slick-next{
		right: 35%;
	}
	.page-blog .blog-section-5 .elementor-posts{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		overflow-x: auto;
	}
/* 	login page */
	.page-login .btn-get-started .elementor-button-link{
		width: 280px;
	}
}