@media only screen and (max-width: 900px) {

	.hero-btns a::before {
		width: 20px;
		height: 20px;
		right: 11px;
	}

	.hero-btns a {
		padding: 8px 16px;
		padding-right: 35px;
		min-width: 130px;
		font-size: 15px;
	}

	.header-socials a {
		padding: 13px;
	}


	.menu-closer a {
		padding-top: 0px;
		padding-left: 45px !important;
	}

	.menu-closer a::before {
		top: -6px;
	}

	.float-nav ul li a {
		display: block;
		min-width: 210px;
		text-align: center;
	}

	.float-nav ul {
		overflow: auto;
	}

	.float-nav ul::-webkit-scrollbar {
		width: 10px; 
	}

	.float-nav ul::-webkit-scrollbar-track {
		background: #f1f1f1; 
	}

	.float-nav ul::-webkit-scrollbar-thumb {
		background: #7DA46B;  
		border-radius: 10px;  
		border: 2px solid #f1f1f1;
	}

	/* For Firefox */
	.float-nav ul {
		scrollbar-width: thin; 
		scrollbar-color: #7DA46B #f1f1f1; 
	}







}