@media screen and (max-width: 991px) {
	.header-main {
		position: relative;
	}

	.header-main {
		padding: 15px 15px;
	}

	.header-main .logo h2 {
		font-size: 32px;
	}

	.header-right .navbar-toggler {
		font-size: 28px;
		padding: 0px;
		outline: 0 !important;
		box-shadow: none !important;
		margin-right: 15px;
	}

	.header-main .navbar {
		position: static;
	}

	header .navbar .navbar-collapse {
		position: absolute;
		top: 100%;
		left: 0px;
		right: 0px;
	}

	header .navbar .navbar-collapse .navbar-nav {
		background-color: #fff;
		border-top: 2px solid #eee;
		padding: 15px 15px;
		text-align: left;
	}

	.header-right .navbar-nav .nav-item {
		margin: 0px;
	}

	.header-right .navbar-nav .nav-link {
		padding: 10px 0px;
	}

	.hero {
		padding: 210px 0px 150px;
	}

	.hero-text h1 {
		font-size: 50px;
	}

	.hero-media img {
		max-width: 300px;
	}
}

@media screen and (max-width: 767px) {
	body {
		text-align: center;
	}

	br {
		display: none;
	}

	.about-media>img {
		position: relative;
		left: 20px;
		bottom: 65px;
		width: 320px;
	}

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

	.about {
		padding-bottom: 0;
	}

	.page-title h2 {
		font-size: 38px;
	}

	p,
	.page-title p,
	.why-card p {
		font-size: 16px;
	}

	.hero-text h1 {
		font-size: 56px;
	}

	.hero-media {
		position: absolute;
		bottom: 0px;
		right: 30px;
	}

	.hero-media img {
		max-width: 200px;
	}

	.rank-item h2 {
		font-size: 40px;
	}

	.rank-item {
		font-size: 20px;
	}

	.phase-card ul>li {
		font-size: 16px;
		text-align: left;
	}

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

@media screen and (min-width: 479px) {
	.header-btn .btn.btn-primary>i {
		display: none;
	}
}

@media screen and (max-width: 575px) {
	.hero-media img {
		max-width: 200px;
	}

	.tokenomics-card {
		height: 400px;
		width: 400px;
		margin: 30px auto 0px;
	}

	.tokenomics-ico img {
		max-width: 120px;
	}

	.tokenomics-card h3 {
		margin-bottom: 6px;
	}

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

	.community-text .page-title {
		margin-bottom: 25px;
	}

	.community-media img {
		max-width: 220px;
		margin-bottom: 30px;
	}

	.community-social {
		display: flex;
		justify-content: center;
	}

	.community-social a {
		height: 50px;
		width: 50px;
		line-height: 48px;
	}

	.community-social a svg {
		width: 20px;
	}

	.footer-text .footer-link {
		flex-wrap: wrap;
		margin-bottom: 20px;
	}

	.footer-link a {
		font-size: 16px;
		margin: 5px 15px;
	}

	.footer-social a {
		height: 45px;
		width: 45px;
		line-height: 46px;
		font-size: 20px;
	}

	.footer-text h2 {
		font-size: 36px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 479px) {
	.page-title h2 {
		font-size: 30px;
	}

	.hero-text h1 {
		font-size: 36px;
	}

	.rank-item h2 {
		font-size: 22px;
	}

	.rank-item {
		font-size: 15px;
		margin-right: 10px;
	}

	.header-main .logo h2 {
		font-size: 22px;
	}

	.header-btn .btn.btn-primary {
		font-size: 0px;
		padding: 0px;
		height: 40px;
		width: 40px;
		letter-spacing: 0;
	}

	.header-btn .btn.btn-primary>i {
		font-size: 22px;
	}

	.tokenomics-card {
		width: 280px;
		height: 280px;
	}

	.tokenomics-ico img {
		max-width: 80px;
	}

	.tokenomics-card h3 {
		font-size: 22px;
	}

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

	.phase-card h3,
	.buy-top h3 {
		font-size: 22px;
	}

	.buy-card .buy-top {
		display: block !important;
	}

	.buy-card .buy-top .buy-ico {
		margin-bottom: 20px;
	}

	.buy-top h3 {
		margin-left: 0px;
	}
}

@media screen and (max-width: 767px) and (min-width: 575px) {
	.tokenomics-card {
		height: 240px;
		width: 240px;
		border-radius: 240px;
	}

	.tokenomics-ico img {
		max-width: 70px;
	}

	.tokenomics-card h3 {
		font-size: 22px;
		margin-bottom: 4px;
	}

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

	.community-media img {
		max-width: 220px;
		margin-bottom: 30px;
	}

	.community-text .page-title {
		margin-bottom: 30px;
	}

	.community-social {
		display: flex;
		justify-content: center;
	}

	.footer-text h2 {
		font-size: 40px;
	}

	.footer-text .footer-link {
		flex-wrap: wrap;
	}

	.footer-link a {
		font-size: 18px;
		margin: 8px 15px;
	}

	.footer-social a {
		height: 45px;
		width: 45px;
		line-height: 48px;
		font-size: 20px;
	}

	.footer-text h2,
	.footer-text .footer-link {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {

	p,
	.why-card p,
	.phase-card ul>li {
		font-size: 18px;
	}

	.page-title h2 {
		font-size: 40px;
	}

	/* .about-media {
		display: none;
	} */
	.about {
		margin-bottom: 0px;
	}

	.rank-item h2 {
		font-size: 40px;
	}

	.rank-item {
		font-size: 20px;
	}

	.tokenomics-card {
		height: 340px;
		width: 340px;
		border-radius: 340px;
	}

	.tokenomics-ico img {
		max-width: 120px;
	}

	.tokenomics-card h3 {
		margin-bottom: 8px;
	}

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

	.footer-text h2 {
		font-size: 40px;
	}

	.footer-link a {
		font-size: 18px;
		margin: 0px 20px;
	}
}

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

	p {
		font-size: 16px;
	}

	.page-title h2 {
		font-size: 38px;
	}

	.page-title p {
		font-size: 16px;
		max-width: 600px;
		margin: 0px auto;
	}

	.header-main {
		padding: 15px 15px;
	}

	.header-main .logo h2 {
		font-size: 32px;
	}

	.header-btn .btn.btn-primary {
		padding: 16px 16px;
	}

	.header-right .navbar-nav .nav-link {
		font-size: 16px;
	}

	.hero {
		padding: 220px 0px 150px;
	}

	.hero-media img {
		max-width: 390px;
	}

	.hero-text h1 {
		font-size: 60px;
	}

	.about {
		padding-bottom: 50px;
	}

	.about .container>.align-items-center {
		align-items: end !important;
	}

	.about-media>img {
		max-width: 310px;
	}

	.rank-item h2,
	.footer-text h2 {
		font-size: 40px;
	}

	.rank-item,
	.why-card p,
	.phase-card ul>li {
		font-size: 16px;
	}

	.tokenomics-card {
		width: 300px;
		height: 300px;
		border-radius: 300px;
	}

	.tokenomics-ico img {
		max-width: 80px;
	}

	.tokenomics-card h3 {
		margin-bottom: 8px;
	}

	.tokenomics-card p,
	.footer-link a {
		font-size: 18px;
	}

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

	.why-card .why-ico {
		margin-bottom: 20px;
	}
}

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

	.page-title h2 {
		font-size: 40px;
	}

	.page-title p {
		max-width: 650px;
		margin: 0px auto;
	}

	p {
		font-size: 18px;
	}

	.header-main .logo h2 {
		font-size: 38px;
	}

	.hero-media img {
		max-width: 460px;
	}

	.hero-text h1 {
		font-size: 70px;
	}

	.about {
		margin-bottom: 0;
		padding-bottom: 35px;
	}

	.about .container>.align-items-center {
		align-items: end !important;
	}

	.about-media>img {
		max-width: 420px;
	}

	.rank-item h2 {
		font-size: 40px;
	}

	.rank-item {
		font-size: 20px;
	}

	.tokenomics-ico img {
		max-width: 100px;
	}

	.tokenomics-card {
		height: 300px;
		width: 300px;
		border-radius: 300px;
	}

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

	.tokenomics-card h3 {
		font-size: 24px;
		margin-bottom: 4px;
	}

	.tokenomics-card p,
	.why-card p {
		font-size: 16px;
	}

	.phase-card ul>li {
		font-size: 16px;
	}

	.buy-ico img {
		max-width: 50px;
	}
}