/* Responsive css start */
 @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: 200px;
 	}

 	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: 30px) and (max-width: 767px) {

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

 	h1 {
 		font-size: 27px;
 	}

 	.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;
 	}

 	.hero-section {
 		padding: 75% 0% 0% 0%;
 		z-index: 999;
 	}

 	.hero-section span {
 		font-size: 16px;
 	}

 	.hero-section span:before {
 		content: "";
 		background: lightgreen;
 		height: .25em;
 		width: calc(100% + 2px);
 		position: absolute;
 		bottom: .15em;
 		left: -5px;
 		z-index: -1;
 	}


 	.hero-section h1 {
 		font-size: 30px;
 	}

 	.midd-container::before {
 		height: 98vh;

 	}

 	#myVideo {
 		position: fixed;
 		right: 0;
 		bottom: 0;
 		min-width: 100% !important;
 		min-height: 100% !important;
 	}

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

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

	 /** internal pages **/
	 .int-container::before {
		height: 34vh !important;
	 }
	 .team-person-container .flex-row {
	 flex-direction: column !important;
	 }
	 .team-person-container .w-50  {
		min-width: 100% !important;
		display: block;
	 }
 }

 /*4K screen */
@media (min-width: 1920px) and (max-width: 3840px)  {
	.int-container::before {
		height: 250px;
	}
	
}