@media only screen and (max-width: 1920px) and (min-width: 1445px) {
	.container {
		max-width: 1405px;
	}
}

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

@media only screen and (max-width: 1445px) {
	html {
		font-size: 15px;
	}
}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 14px;
	}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 13px;
	}

	.plans-card {
		padding: 3rem 2rem 2rem;
	}

	.steps-card {
		padding: 2rem;
	}

	.steps-card .number {
		width: 80px;
		font-size: 2rem;
	}

	.connectivity-card__img {
		min-width: 120px;
	}
}

@media (max-width: 991.98px) {
	html {
		font-size: 12px;
	}

	header .navbar-toggler {
		border: none;
		outline: none;
		box-shadow: none !important;
	}

	.offcanvas-header .btn-close {
		opacity: 1;
	}

	header .offcanvas-title {
		font-size: 1.75rem;
		font-weight: 700;
		color: var(--primary);
	}

	.header-main__btns {
		gap: 1rem;
		flex-wrap: wrap;
		margin-left: 0;
	}

	.offcanvas-header {
		padding: 2rem;
	}

	.offcanvas-body {
		padding: 2rem;
	}

	.header-main__nav li:not(:nth-child(-n+4)) {
		display: block;
	}

	.banner {
		text-align: center;
		padding: 5rem 0;
	}

	/* .banner-img {
		width: 70%;
		margin: 0 auto;
	} */

	.banner-content .themeBtn {
		margin: 0 auto;
	}

	.footer-content {
		padding: 0.5rem 2rem;
	}

	.footer-linksWrapper {
		flex-direction: column;
	}

	.footer-links {
		justify-content: center;
		gap: 1rem 1.25rem;
	}
}

@media (max-width: 767.98px) {
	html {
		font-size: 11px;
	}

	.footer-content {
		padding: 2rem 0.5rem;
	}

	.footer-content::before {
		border-left: none;
		border-top: 1px solid var(--white);
	}

	.footer-content--right::after {
		border: none;
	}
}

@media (max-width: 575.98px) {
	.header-top {
		flex-direction: column;
		gap: 1rem;
	}

	.connectivity-card__img {
		min-width: 80px;
	}

	.footer-copyright__logo {
		width: 100px;
	}
}

@media (max-width: 425.98px) {
	.header-main__logo {
		width: 100px;
	}
}

@media (max-width: 320.98px) {}