@media(max-width:768px)
{

	/*  Menu Toggle  */

	.menu-toggle{
		display: block;
	}

	.header{
		position: relative;
	}

	.nav{
		position: relative;
	}



	.nav ul{
		position: absolute;
		top: 70px;
		right: -10px;
		background: #fff;
		flex-direction: column;
		width: 220px;
		padding: 20px;
		border-radius: 10px;
		display: none;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	}



	.nav ul.active{
		display: flex;
	}

	.nav ul li a{
		color: #333;
	}

	.nav-btn{
		margin-top: 10px;
		text-align: center;
	}

	.nav-links{
		position: fixed;
		top: 70px;
		right: 15px;
		width: 220px;
		background: #fff;
		flex-direction: column;
		padding: 20px;
		border-radius: 10px;
		display: none;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
		z-index: 999;
	}

.nav-links.active{
	display: flex;
}

.nav-links li{
	margin-bottom: 10px;
}

.nav-links li a{
	color:#333;
}

.nav-btn{
	margin-top: 10px;
	text-align: center;
}


	.grid{grid-template-columns:1fr 1fr}
	.why-grid{grid-template-columns:1fr}
	.cta{flex-direction:column;gap:20px;text-align:center}
	.features-content{
	      flex-direction: column;
	    }

	    .features-column{
	      width: 100%;
	    }

	    .feature-image{
	      margin: 20px 0;
	    }

/*### FOOTER ###*/

	.footer-grid{
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 25px;
		padding: 0 20px;
	}

	/* BRAND (FULL WIDTH) */
	.footer-grid > div:nth-child(1){
		grid-column: 1 / -1;
		text-align: center;
	}

	/* COMPANY + SUPPORT WRAPPER */

	/*🔥 THIS IS THE MAGIC PART🔥*/
	.footer-grid > div:nth-child(2){
		text-align: left;
	}

	.footer-grid > div:nth-child(3){
		text-align: left;
	}



	/* CONTACT FULL WIDTH */
	.footer-grid > div:nth-child(4){
		grid-column: 1 / -1;
		text-align: center;
		margin-top: 10px;
	}

	.social-icons{
		justify-content: center;
	}

}