/* Responsive css start */

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

 @media only screen and (max-width: 1199px) {
 	nav ul li {
 		margin-left: 20px;
 	}

 	header {
 		padding-top: 15px;
 	}

 	h1 {
 		font-size: 42px;
 	}


 }

 @media only screen and (max-width: 991px) {
 	.logo img {
 		max-width: 180px;
 	}

 	nav {
 		margin-top: 3px;
 	}

 	nav ul li {
 		margin-left: 5px;
 	}

 	nav ul li a {
 		font-size: 14px;
 	}

 	.about-section,
 	.token-sale,
 	.roadmap-sec,
 	.team-section,
 	.blog-section,
 	footer {
 		padding: 60px 0;
 	}

 }

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

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

 	header,
 	header.fixed {
 		padding: 10px 0;
 	}

 	.main-menu {
 		position: relative;
 		top: 0;
 		padding: 0;
 		width: 100%;
 		max-width: 100%;
 		left: 0px;
 	}

 	.menu-icon {
 		position: absolute;
 		top: 18px;
 		right: 15px;
 		height: 30px;
 		width: 35px;
 		cursor: pointer;
 		z-index: 100;
 		-webkit-transition: opacity .25s ease;
 		transition: opacity .25s ease;
 		display: block;
 	}

 	.menu-icon.active .top {
 		-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
 		transform: translateY(11px) translateX(0) rotate(45deg);
 	}

 	.menu-icon.active .middle {
 		opacity: 0;
 		background: #0277ff;
 	}

 	.menu-icon.active .bottom {
 		-webkit-tra1nsform: translateY(-10px) translateX(0) rotate(-45deg);
 		transform: translateY(-10px) translateX(0) rotate(-45deg);
 		background: #0277ff;
 	}

 	.menu-icon span {
 		background: #0277ff;
 		border: none;
 		height: 3px;
 		width: 100%;
 		position: absolute;
 		top: 0px;
 		left: 0;
 		-webkit-transition: all .35s ease;
 		transition: all .35s ease;
 		cursor: pointer;
 	}

 	.menu-icon span:nth-of-type(2) {
 		top: 10px;
 	}

 	.menu-icon span:nth-of-type(3) {
 		top: 21px;
 	}

 	nav {
 		display: none;
 		width: 100%;
 		float: left;
 		padding-top: 0;
 		text-align: left;
 		position: fixed;
 		left: 0;
 	}

 	nav ul {
 		margin-top: 60px;
 		background: #fff;
 	}

 	nav ul li {
 		display: block;
 		padding: 5px 20px;
 		margin: 0 !important;
 		border-bottom: 1px solid #eee;
 	}

 	nav ul li a {
 		color: #1d1d1d;
 	}

 	nav ul li.nav-btn a {
 		display: inline-block;
 	}

	nav ul li.nav-btn-join a {
		display: inline-block;
	}

 	body {
 		font-size: 14px;
 		line-height: 25px;
 	}

 	.sub-txt {
 		font-size: 16px;
 	}

 	header .col-sm-6 {
 		max-width: 50%;
 		padding-right: 15px;
 		padding-left: 15px;
 	}

 	.show-in-desktop {
 		display: none !important;
 	}

 	.show-in-mobile {
 		display: block !important;
 	}

 	.pointer_style {
 		padding: 7%;
 		width: 100%;
 	}

 	.pointer-box {
 		padding: 25px 0px;
 	}

 	.about-icon {
 		padding: 25px 20px 20px 20px;
 		width: 140px;
 		float: left;
 		margin: 10px !important;
 		height: 140px;
 		text-align: center;
 	}

 	.about-icon {
 		margin: 0px auto;
 	}

 	.app-btn-download {
		width: 80%;
 		text-align: center;
 		margin: 0px auto;
		margin-bottom: 15px;
 	}

 	.app-d-icon {
 		width: 75px;
 	}

	.contact_image { 
		padding-top: 55px;
	}

	.Subscribe-box { 
		padding: 3%;
	}
	input.sub-btnf {
		display: block;
		min-width: 130% !important;
		max-width: 100% !important;
		width: 100% !important;
		border-radius: 100px;
		padding: 17px 0px 17px 26px;
		border:none;
	}

	.btn-primary1 {
		padding: 10px 14px !important;
	}

	.btn-primary1 span {
		display: none;
	}

 }

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

 @media only screen and (max-height:766px) {}