﻿#wrapper .show-1200,
#wrapper .show-1024,
#wrapper .show-768,
#wrapper .show-767,
#wrapper .show-700,
#wrapper .show-600,
#wrapper .show-500 {
	display: none !important;
}

@media only screen and (max-width : 1200px) {
	#wrapper .hide-1200 { display: none !important; }
	#wrapper .show-1200 { display: block !important; }
	#wrapper span.show-1200 { display: inline-block !important; }
	#wrapper .tbl.show-1200 { display: table !important; }
}

@media only screen and (max-width : 1024px) {
	#wrapper .hide-1024 { display: none !important; }
	#wrapper .show-1024 { display: block !important; }
	#wrapper span.show-1024 { display: inline-block !important; }
	#wrapper .tbl.show-1024 { display: table !important; }

	.clean_br br {
		display: none;
	}
	
}

@media only screen and (max-width : 768px) {
	#wrapper .hide-768 { display: none !important; }
	#wrapper .show-768 { display: block !important; }
	#wrapper span.show-768 { display: inline-block !important; }
	#wrapper .tbl.show-768 { display: table !important; }
	
	h1 br, #pageHeader h2 br {
		display: none;
	}
}

@media only screen and (max-width : 767px) {
	#wrapper .hide-767 { display: none !important; }
	#wrapper .show-767 { display: block !important; }
	#wrapper span.show-767 { display: inline-block !important; }
	#wrapper .tbl.show-767 { display: table !important; }
}

@media only screen and (max-width : 700px) {
	#wrapper .hide-700 { display: none !important; }
	#wrapper .show-700 { display: block !important; }
	#wrapper span.show-700 { display: inline-block !important; }
	#wrapper .tbl.show-700 { display: table !important; }
}

@media only screen and (max-width : 600px) {
	#wrapper .hide-600 { display: none !important; }
	#wrapper .show-600 { display: block !important; }
	#wrapper span.show-600 { display: inline-block !important; }
	#wrapper .tbl.show-600 { display: table !important; }
}

@media only screen and (max-width : 500px) {
	#wrapper .hide-500 { display: none !important; }
	#wrapper .show-500 { display: block !important; }
	#wrapper span.show-500 { display: inline-block !important; }
	#wrapper .tbl.show-500 { display: table !important; }
}


@media only screen and (max-width : 1300px) {
	
	#logo, .pp .logo {
		left: 20px;
		top: 22px;
	}
	
	#mobileMenu {
		display: block;
	}

	
	.bigImg, .bigImg > .tbl,
	.bigSlider, .bigSlider .slick-slide{
		max-height: 100vh !important;
	}

	#wrapper .padd_tb {
		padding-top: 50px !important;
		padding-bottom: 55px !important;
	}
	
	.error {
		font-size: 12px;
		padding-top: 5px;
		padding-bottom: 7px;
		width: 100%;
	}

}


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

	body {
		font-size: 12px;
	}

	h1 {
		font-size: 35px !important;
		padding-bottom: 20px;
		letter-spacing: 0 !important;
	}
	
	h1.big {
		font-size: 45px !important;
	}

	h2 {
		font-size: 20px !important;
		padding-bottom: 20px;
		letter-spacing: 0 !important;
	}

	h3 {
		font-size: 18px !important;
		padding-bottom: 20px;
	}
	
	#middle ul li:before,
	.disc li:before {
		top: 4px;
	}

	.marg_t {
		margin-top: 20px;
	}
	
	.marg_b {
		margin-bottom: 20px;
	}


	.bigImg .videoLink {
		font-size: 35px;
	}
		.bigImg .videoLink span{
			padding-bottom: 100px;
			background-size: 80px 80px;
		}
		
	#homeHeader .info,
	#pageHeader .info, .scrollDown {
		text-align: center;
	}
	
	.header .info h1 {
		padding-bottom: 15px;
		padding-right: 0;
		max-width: 90%;
		margin: 0 auto;
	}
		
		.header .info h1 br {
			display: none;
		}
		
	.slick-dots{
		text-align: center;
	}
	
	.slick-dots li{
		margin: 0 6px;
	}
		
	.neg_marg_r {
		margin-right: 0;
		margin-left: 0;
	}
	
	#wrapper #thePipeline .cell {
		display: block;
		width: auto;
		padding: 0 0 0px 0;
		text-align: center;
	}
	
	#thePipeline .imgBox {
		margin-top: 30px;
	}
	
	#thePipeline .imgBox img {
		margin: 0 auto;
	}
	
	#thePipeline .imgBox:after {
		display: none;
	}
	

}


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

	.tbl.cells2,
	.tbl.cols2,
	.tbl.cols3 {
		display: block;
		box-sizing: border-box;
	}

	.tbl.cells2 .cell ,
	.tbl.cols2 .cell,
	.tbl.cols3 .cell {
		box-sizing: border-box !important;
		width: 100% !important;
		display: block !important;
		padding: 0 0 30px 0 !important;
	}

	#wrapper .tbl.cols2_padd .cell:last-child {
		padding: 0 !important;
	}
	
	#wrapper .tbl.cols3 .cell:last-child {
		padding-bottom: 0 !important;
	}
	
	.tbl.cols2 .cell, 
	#wrapper #theSolution .left,
	#wrapper #theProblem .left,
	#wrapper #theTokenomics .left {
		text-align: center !important;
	}
	
	#wrapper #theProblem .left .btns a,
	#wrapper #theSolution .left .btns a {
		margin: 0 4px;
	}
	
}

@media only screen and (max-width : 1023px) {
	
	#topLinks .cell_1 {
		display: none;
	}
	
	#sideMenu {
		display: none;
	}
	
	#wrapper .bigSlider, #wrapper .bigSlider .slick-slide, #pageHeader {
		max-height: 100vh;
		min-height: 1px;
	}
	
	#pageHeader {
		max-height: 500px;
	}
	
	#pageHeader.terms {
		max-height: 300px;
	}
	
	#pageHeader.terms .info {
	}
	
	#wrapper .padd_b.padd_t,	
	#wrapper .padd_tb, #wrapper .padd_tb2, #wrapper .padd_tb3 {
		padding-top: 50px !important;
		padding-bottom: 55px !important;
	}
	
	#wrapper .padd_tb3 h1:last-child {
		padding-bottom: 0 !important;
	}
	
	.marg_t, .marg_t2, .marg_t3 {
		margin-top: 30px;
	}
	
	.marg_b, .marg_b2, .marg_b3 {
		margin-bottom: 30px;
	}
	
	.vidLink {
		font-size: 32px;
	}

	.maxImgSize {
		max-width: 250px;
		display: inline-block;
	}
	
	
	.tabsLong {
		display: block;
	}
		.tabsLong a {
			display: block;
			height: 40px;
			line-height: 38px;
			padding: 0 20px;
		}
		
		.tabsLong .tabs_act {
			height: 40px;
		}
	
	

}


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

	.padd_tb .padd {
		padding: 0;
	}

	#sitemap {
		padding: 0;
	}


}



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

	
	#wrapper .padd_b.padd_t,	
	#wrapper .padd_tb, #wrapper .padd_tb2, #wrapper .padd_tb3 {
		padding-top: 25px !important;
		padding-bottom: 25px !important;
	}
	
	.col-4{
		width:100%;
		float:left;
		margin:1%;
		margin-bottom:15px;
	}
	.tabsMed {
		display: block;
	}
		.tabsMed a {
			display: block;
			height: 40px;
			line-height: 38px;
			padding: 0 20px;
		}
		
		.tabsMed .tabs_act {
			height: 40px;
		}
	
	.pageText {
		padding-top: 70px;
	}

	#topMenu {
		top: 0px;
		font-size: 18px;
		width: 100%;
		text-align: center;
		padding-top: 70px;
	}
	
		#header #topMenu a {
			padding: 10px 20px 11px 20px;
		}
	
	#topMenu .ins {
		max-height: calc(100vh - 70px);
	}

	#header {
		height: 70px;
		padding-top: 17px;
	}
	
	.header .info h1 {
		font-size: 22px !important;
		line-height: 120%;
		max-width: 100%;
	}
	
	.header .info h2 {
		font-size: 16px !important;
		line-height: 120%;
	}
	
	#homeHeader .bigSlider .info h1 {
		font-size: 30px !important;
		line-height: 110%;
	}
	
	#homeHeader .bigSlider .info h2 {
		display: none;
	}

	#logo, .pp .logo {
		width: 165px;
		height: 35px;
		background-size: auto 35px;
		top: 15px;
		left: 15px;
	}
	
	
	.btnClose,
	#mobileMenu {
		height: 35px;
		width: 35px;
		top: 16px;
		right: 15px;
	}
	
		.burger,.burger-box {
			width: 18px;
		}
	
		.burger-inner, .burger-inner:before, .burger-inner:after {
			width: 18px;
		}

		.burger-inner:before {
			top: -6px;
			width: 16px;
		}

		.burger-inner:after {
			bottom: -6px;
			width: 14px;
		}
		
		
		.act .burger,
		.showMenu .burger,
		.act .burger-inner,
		.showMenu .burger-inner, 
		.act .burger-inner:before ,
		.showMenu .burger-inner:before, 
		.act .burger-inner:after ,
		.showMenu .burger-inner:after {
			width: 20px;
		}
	
	#topLinks {
		margin-right: 35px;
	}
	
	#topLinks .share a {
		width: 35px;
		height: 35px;
	}

	
	#theRoadmapSlider .tbl, #theRoadmapSlider .tbl .cell {
		display: block;
		width: 100%;
	}
	
	.roadmap {
		padding: 30px 0 30px 30px;
		position: relative;
		z-index: 1;
		min-height: 100px;
	}
	
	.roadmap .date {
		left: 30px;
		top: -5px;
	}
	
	.roadmap .track {
		top: 0px;
	}
	
		.roadmap .track {
			left: 5px;
			height: 100%;
			width: 0px;
			border-bottom: none;
			border-left: 5px solid #D7DAFE;
		}
			.roadmap .track.dashed {
				border-left-style: dashed;
				border-bottom: none;
			}

			.roadmap .track.act {
				border-color: #FFD400;
			}

			.roadmap .track .track {
				top: 0;
				left: 0;
			}
	
	
		.roadmap .marker {
			left: -10px !important;
		}
		
		
	.roadmap .track .track {
		top: 0;
		left: -5px;
		width: 0 !important;
	}
	
	
	.roadmap .track_10 { height: 10%; }
	.roadmap .track_20 { height: 20%; }
	.roadmap .track_30 { height: 30%; }
	.roadmap .track_40 { height: 40%; }
	.roadmap .track_50 { height: 50%; }
	.roadmap .track_60 { height: 60%; }
	.roadmap .track_70 { height: 70%; }
	.roadmap .track_80 { height: 80%; }
	.roadmap .track_90 { height: 90%; }

	.roadmap .marker_10 { top: 10%;}
	.roadmap .marker_20 { top: 20%;}
	.roadmap .marker_30 { top: 30%;}
	.roadmap .marker_40 { top: 40%;}
	.roadmap .marker_50 { top: 50%;}
	.roadmap .marker_60 { top: 60%;}
	.roadmap .marker_70 { top: 70%;}
	.roadmap .marker_80 { top: 80%;}
	.roadmap .marker_90 { top: 90%;}
	
	.theEvent {
		height: auto;
		padding: 20px 20px 80px 20px;
	}

	.theEvent br {
		display: none;
	}
		.theEvent b {
			font-size: 32px;
			padding: 0;
		}
		
		.theEvent span {
			font-size: 18px;
			left: 20px;
			bottom: 20px;
		}
		
	.form .inpt {
		margin-bottom: 20px;
	}
	
	.inpt_holder, .chks {
		padding: 0 0 20px 0;
	}
	
	.form .captcha {
		padding: 0 0 20px 0;
	}
	
	#footer .share {
		padding-bottom: 20px;
	}
	
	#subscribe {
		padding-bottom: 30px;
	}
	
	#footer .ins {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	
	#footer .logo {
		bottom: 45px;
	}
	
	#footer li {
		padding-right: 0px;
		margin-left: 9px;
		margin-right: 9px;
	}

	#footer li:after {
		display: none;
	}
	
	#thePartners h1.marg_b,
	#theFeaturedIn h1.marg_b {
		margin-bottom: 0px;
		padding-bottom: 5px !important;
	}
	
	
}

@media only screen and (max-width : 750px) {
	.cols3_slider {
		text-align: center;
	}

	.cols3_slider .icon_apply_t {
		background-position: center top;
	}

	.marg_b2 {
		margin-bottom: 30px;
	}

}

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


	#sidebar, #middle {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	
	#topLinks .btnSmall {
		min-width: 1px !important;
		display: inline-block !important;
	}
	
	.btnClose .text,
	#sideIcons {
		display: none !important;
	}
	
	.tabs a {
		padding: 0 15px;
	}

}


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


	.btn {
		float: none;
		display: block;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.btnBig {
		width: 100%;
	}
	
		#wrapper .btns a,
		#wrapper .homeSection .btns a {
			margin: 0 0 15px 0 !important;
		}
			#wrapper .btns a:last-child,
			#wrapper .homeSection .btns a:last-child {
				margin-bottom: 0 !important;
			}


	.pagination .pagination-btn,
	.pagination .pagination-btn a,
	#content .btn {
		display: block;
		float: none;
		max-width: 100%;
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#content .inpt {
		max-width: 100%;
		width: 100%;
	}
	
	.tbl.cols3 {
		display: block;
	}
		.tbl.cols3 .cell {
			float: left;
			display: block;
			width: 33.3333333%;
		}

	.cols3_slider.marg_t.slick-slider {
		margin-top: 0 !important;
	}
	
}


@media only screen and (max-width : 500px) {
	#topLinks .cell_2 {
		display: none;
	}
}
	
	
@media only screen and (max-width : 450px) {
	
	h1.big {
		font-size: 35px !important;
	}
	
	.header .info h1 br,
	.header .info h2 br {
		display: none;
	}

	.cell .padd,
	.padd .padd {
		padding: 0;
	}

	.chk + label br {
		display: none;
	}

}

@media only screen and (max-width : 420px) {
	.slct.lang {
		max-width: 230px !important;
	}

	.bigSlider .slick-dots{
		display: none !important;
	}
	
	.tabs a {
		padding: 0 10px;
	}
	
}


@media only screen and (max-width : 360px) {
	
	#homeHeader .bigSlider .info h1 {
		font-size: 20px !important;
		line-height: 110%;
	}
	
	
}


@media only screen and (max-width : 700px) and (max-height : 767px) {
	.home #topMenu .ins {
		left: 0;
		top: 70px;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@media only screen and (max-height : 900px) {
	
	.home .header .info {
		top: 57%;
	}
		
	.home .header .info h1 {
		font-size: 40px;
	}
	
	.home .header .info h2 {
		font-size: 25px;
	}
	
	.pp .ppTop h1 {
		font-size: 30px;
	}
	
	.pp .ppBtm h3 {
		font-size: 18px;
	}
	
	.ppTop {
		padding-bottom: 20px;
	}

	.ppBtm {
		padding-top: 20px;
	}

	.pp .inpt {
		margin-bottom: 15px;
	}
	
	.inpt_holder {
		padding-bottom: 15px;
	}
	
	.pp .captcha {
		padding-bottom: 10px;
	}
	
	.pp .chks {
		padding-bottom: 10px;
	}
	
	

	
}
	
	
@media only screen and (min-width : 769px) and (max-height : 767px) {
	#topMenu {
		font-size: 16px;
	}
	#topMenu .ins {
		left: 0;
		top: 90px;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}


@media only screen and (max-width : 1024px) {
	.deco {
		background-image: none;
	}
}

@media (min-width: 768px) and (max-width: 960px){
.col-lg{
	width:45%;
	float:left;
	height:800px;
}
.col-md{
	width:32%;
	float:left;
	height:800px;
}
.col-sm{
	width:23%;
	float:left;
	height:800px;
}
}


@media only screen and (max-width : 767px) {
	
	.col-lg{
		width:100%;
		float:left;
		height:auto;
	}
	.col-md{
		width:100%;
		float:left;
		height:auto;
	}
	.col-sm{
		width:100%;
		float:left;
		height:auto;
	}
}