@media (max-width: 786px) {
	* {
		font-size: 14px !important;
	}

	p {
		font-size: 14px !important;
	}

	h1,
	h2,
	h3 {
		font-size: 25px !important;
	}

	.subtitle {
		font-size: 12px !important;
	}

	.resp-img-dnone img {
		display: none;
	}

	.icon-cards {
		margin: 45px auto;
	}

	.breadcrumb-area {
		padding: 80px 0px;
	}

	.resp-w-350 {
		width: 350px;
		margin: 0px auto;
	}

	.links {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}

	.mybtn1 {
		text-align: center;
		margin: 12px 0px !important;
		font-size: 10px !important;
		padding: 12px 5px !important;
		width: 100%;
	}

	.resp-gap {
		gap: 10px;
		justify-content: center;
	}

	.resp-w-50 {
		width: 45%;
		/* margin: 0px auto; */
		border-radius: 12px;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	}

	.social-links {
		width: 90% !important;
		margin: 0px auto;
		align-items: flex-start;
		justify-content: space-between;
	}

	.about .section-heading {
		text-align: center !important;
	}

	.right-area {
		text-align: centerres;
	}

	.resp-p-6 {
		padding: 30px 0px;
	}
}

html {
    scroll-behavior: smooth;
}
#our-brands {
    scroll-margin-top: 100px; /* Adjust based on navbar height */
}

.social-links {
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: center;
	justify-content: space-between;
}


@media (max-width: 786px) {
	br {
		display: none;
	}

	.hero-area .left-content .content .links .link1 {
		margin-right: 0px;
	}

	.LMS-footer .col-sm-6 {
		width: 50%;
		text-align: center;
	}

	.container {
		width: 100% !important;
	}

	.hero-area,
	.home2 .hero-area {
		padding: 70px 10px 10px !important;
	}

	.lend {
		padding: 20px 0px 10px !important;
	}

	.footer {
		padding: 10px 0px 0px !important;
	}

	.testimonial {
		padding: 10px 0px 0px !important;
	}

	.get-start {
		padding: 35px 0px 35px !important;
	}

	.breadcrumb-area {
		padding: 70px 0px 0px !important;
	}

	.contact {
		padding: 29px 0px 20px !important;
	}

	.partner {
		padding: 10px 0px 10px !important;
	}

	.affiliat-info-area {
		padding: 30px 0px 5px !important;
	}

	.about {
		padding: 60px 0px 0px !important;
	}

	.about .about-bottom-area {
		padding: 10px 0px 10px !important;
	}

	.check-questions {
		padding: 30px 0px 40px !important;
	}

	.hero-area,
	.home2 .hero-area {
		padding: 70px 0px 40px !important;
	}

	.fact {
		padding: 30px 0px 10px !important;
	}

	.swiper-slide {
		width: 100% !important;
	}

	.preview-coming {
		height: 250px !important;
	}

	.left-image {
		width: 80%;
		margin: 0px auto;
	}

	.resp-d-block {
		display: block !important;
	}

	.get-start .rihgt-area .section-heading {
		margin-top: 0px !important;
	}

	.how-it-work {
		padding: 60px 0px 30px !important;
	}

	.order-lg-last {
		margin: 50px 0px;
	}

	.about .section-heading .text {
		text-align: center;
	}

	.subscribe-box .right-area form {
		position: static !important;
	}

	.subscribe-box .right-area form button {
		position: static !important;
		width: 100% !important;
		margin: 15px 0px !important;
		/* padding: 12px 5px; */
		height: 45px !important;
	}

	.subscribe-box .right-area form input {
		width: 100% !important;
		/* padding: 12px 5px; */
		height: 45px !important;
	}

	.address-area {
		box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
		padding: 20px;
		border-radius: 12px;
	}

	.navbar-brand {
		width: 100%;
		text-align: center;
	}
}