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

	.banner-content h1,
	.banner-content h1>span {
		font-size: 28px;
	}

	.banner-content .sub-title {
		font-size: 36px;
	}

	.social-media a img {
		height: 58px;
	}

	.counter-wrapper h3 {
		font-size: 32px;
	}

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

@media screen and (max-width: 767px) and (min-width: 575px) {

	.banner-content h1,
	.banner-content h1>span {
		font-size: 40px;
	}

	.navbar .navbar-collapse {
		/* max-width: 540px !important; */
	}
}

@media screen and (max-width: 767px) {
	br {
		display: none;
	}

	.navbar-brand img {
		max-width: 135px;
	}

	.banner,
	.revolution-card,
	.about-card,
	.phase-card,
	.phase-card p {
		text-align: center;
	}

	.page-paddings {
		padding: 80px 0px;
	}

	.banner {
		padding: 60px 0px;
	}

	.banner-content p {
		font-size: 18px;
	}

	.banner-img {
		text-align: center;
		margin-top: 50px;
	}

	.sub-title {
		font-size: 22px;
		padding-bottom: 15px;
	}

	.revolution-card h3 {
		font-size: 26px;
	}

	.section-title,
	.revolution-card p,
	.about-area p,
	.tokenomics-area p,
	.roadmap-area p,
	.footer-top p {
		font-size: 18px;
	}

	.footer-bottom p {
		font-size: 16px;
	}

	.revolution-img {
		text-align: center;
		margin-top: 30px;
	}

	.banner-img {
		text-align: center;
	}

	.revolution-img img,
	.banner-img img {
		max-width: 240px;
	}

	.about-img {
		text-align: center;
		margin-bottom: 30px;
	}

	.about-area .about-intro {
		text-align: center;
	}

	.about-card {
		padding: 30px 30px;
	}

	.about-card .about-ico {
		position: static;
		transform: none;
		margin-bottom: 20px;
	}

	.about-card h3 {
		font-size: 24px;
	}

	.roadmap-area .mb-md-4 {
		margin-bottom: 10px !important;
	}

	.phase-card {
		margin-top: 50px;
	}

	.tokenomics-info h3 {
		font-size: 28px;
	}

	.tokenomics-info h2 {
		font-size: 24px;
	}

	.phase-card .phase-text {
		margin-top: -52px;
	}

	.phase-card span {
		font-size: 22px;
	}

	.social-media {
		flex-wrap: wrap;
	}



	.footer-link .nav-link {
		font-size: 15px;
		padding: 8px 12px;
	}

	footer .footer-top {
		padding: 60px 0px;
	}

	.footer-top p {
		font-size: 16px;
	}
}

@media screen and (max-width: 991px) {
	.navbar .navbar-collapse {
		position: absolute;
		/* top: 70px; */
		top: 100%;
		background-color: #162037;
		/* border-top: 3px solid #1b2c52; */
		left: 0px;
		right: 0px;
		/* max-width: 720px; */
		width: 100%;
		margin: 0px auto;
	}

	.navbar .navbar-collapse .navbar-nav {
		padding: 15px 0px;
	}

	#navbar-right .navbar-nav .nav-item {
		padding-bottom: 15px;
	}

	#navbar-right .navbar-nav .nav-item:last-child {
		padding-bottom: 0px;
	}

	#navbar-right .navbar-nav .nav-link {
		padding: 0px 15px;
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu {
		margin: 8px 15px 0px;
	}

	.navbar .primary-btn {
		font-size: 15px;
		padding: 10px 14px;
		border-radius: 6px;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.page-paddings {
		padding: 100px 0px;
	}

	.navbar .navbar-collapse {
		/* margin: 24px auto 0px; */
	}

	.navbar .navbar-toggler {
		margin-left: 10px;
	}

	.banner {
		text-align: center;
	}

	.banner-content h1,
	.banner-content h1>span {
		font-size: 40px;
	}

	.banner-img {
		text-align: center;
		margin-top: 50px;
	}

	.banner-img img {
		max-width: 450px;
	}

	.banner {
		padding: 80px 0px;
	}

	.sub-title {
		font-size: 38px;
	}

	.revolution-info {
		display: flex;
	}

	.revolution-card {
		margin: 0px 15px 0px;
	}

	.revolution-img {
		display: none;
	}

	.about-area {
		text-align: center;
	}

	.about-img {
		text-align: center;
		margin-bottom: 30px;
	}

	.about-card .about-ico {
		position: static;
		transform: none;
		margin-bottom: 20px;
	}

	.about-card {
		padding: 30px 30px;
		text-align: left;
	}

	.about-card h3 {
		font-size: 28px;
	}

	.about-card p {
		font-size: 16px;
	}

	.tokenomics-graph img {
		max-width: 540px;
	}

	.tokenomics-info h2 {
		font-size: 54px;
	}

	.roadmap-area .mb-md-4 {
		margin-bottom: 30px !important;
	}

	.phase-card {
		margin-top: 60px;
	}

	.footer-link .nav-link {
		padding: 0px 18px;
		font-size: 18px;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	br {
		display: none;
	}

	.page-paddings {
		padding: 80px 0px;
	}

	.sub-title {
		font-size: 36px;
	}

	.navbar-brand img {
		max-width: 120px;
	}

	header .primary-btn {
		font-size: 15px;
		padding: 10px 15px;
		border-radius: 6px;
	}

	#navbar-right .navbar-nav .nav-link {
		padding: 0px 14px;
		font-size: 15px;
	}

	.banner {
		padding: 120px 0px;
	}

	.banner-content h1 {
		font-size: 42px;
	}

	.banner-content h1>span {
		font-size: 56px;
	}

	.counter-wrapper {
		text-align: center;
	}

	.about-card {
		padding: 30px 30px 30px 115px;
	}

	.about-card .about-ico {
		width: 60px;
	}

	.about-card h3 {
		font-size: 24px;
	}

	.about-card p {
		font-size: 18px;
	}

	.roadmap-area .mb-md-4 {
		margin-bottom: 30px !important;
	}

	.phase-card {
		margin-top: 60px;
	}

	.tokenomics-graph img {
		max-width: 560px;
	}

	.footer-link .nav-link {
		padding: 0px 16px;
		font-size: 16px;
	}
}

@media screen and (max-width: 1399px) and (min-width: 1200px) {
	.navbar-brand img {
		max-width: 160px;
	}

	.sub-title {
		font-size: 42px;
	}

	.page-paddings {
		padding: 80px 0px;
	}
}