/* ================= MEDIA SCREEN ================= */
/* ================= Class use General Devices ================= */
@media (min-width: 1024px) and (max-width:1400px){
	.navbar, .navbar-brand{
		padding:0;
	}
	
	.navbar-brand img{
		width:150px;
	}
	
	#pre-sale{
		padding:104px 0 140px;
	}
}

/* ================= Class use General Devices ================= */
@media (min-width: 1200px){
	.container{
		width:1170px;
		margin:0 auto;
	}
}

/* ================= Class use General Devices Small ================= */
@media (min-width: 750px){
	.container_small{
		width:750px;
		margin:0 auto;
	}
}

/* ================= Large Devices (Desktop) ================= */
@media (min-width: 992px){
	.space_section{
		padding:70px 0;
	}
	
	.order-first{
		order:0 !important;
	}
}

/* ================= Medium Devices (Tablets, Mobile) ================= */
@media (max-width: 991.98px){
	.space_section{
		padding:60px 0;
	}
	
	.timeline-row{
		text-align:left !important;
	}
	
	.timeline-date{
		font-size:20px;
	}
	
	.timeline-done .timeline-title{
		font-size:18px;
	}
	
	.timeline-item {
		padding: 30px 25px 24px;
	}

	.timeline-item:before,
	.timeline-item:after {
		width: 3px;
	}

	.timeline-item:before {
		top: 0;
		left: 9px;
		height: 72px;
	}

	.timeline-item:after {
		top: 72px;
		right: auto;
		left: 9px;
		height: calc(100% - 72px);
	}

	.timeline-date:after,
	.timeline-date:before {
		left: 0;
	}

	.timeline-date:after {
		margin-left: -23px;
		margin-bottom: -2px;
	}

	.timeline-date:before {
		margin-left: -34px;
		margin-bottom: -13px;
	}

	.timeline-title {
		padding-top: 30px;
	}

	.timeline-title:before {
		top: 0;
		left: -25px;
		height: 0;
		width: 40px;
		margin-top: -1.5px;
		border-right: none;
		border-top: 1px dashed rgba(186, 188, 195, 0.3);
	}

	.timeline-info li:after {
		left: 0;
		margin-left: 0;
	}

	.timeline-row {
		margin-left: 12px;
	}

	.timeline-row:before {
		top: 0;
		width: 0;
		height: 100%;
		border-left: 1px dashed rgba(186, 188, 195, 0.3);
		border-bottom: none;
	}

	.timeline-row:after {
		display: none;
	}

	.timeline-row-even .timeline-item {
		padding-left: 25px;
		padding-right: 25px;
	}

	.timeline-row-even .timeline-item:before {
		right: auto;
		left: -1px;
	}

	.timeline-row-even .timeline-item:after {
		left: -1px;
		right: auto;
	}
	
	.timeline-date{
		padding-bottom:0;
		margin-top:3px;
	}
	
	.timeline-done .timeline-title{
		padding-top:5px;
	}
	
	.timeline-title:before{
		top: 4px;
	}
	
	.timeline-item .timeline-title{
		padding-top:10px;
	}
	
	.nav-fixed .navbar-toggler img{
		width:22px;
		margin-right:15px;
	}
	
	#pre-sale{
		background-size:cover;
		padding:86px 0 70px;
	}
	
	#pre-sale article h1, .title_section h2{
		font-size:24px;
	}
	
	#pre-sale article p{
		font-size:15px;
	}
	
	#box-presale{
		margin-top:60px;
	}
	
	#platform #list-features .row:last-child{
		margin-bottom:0;
	}
	
	.abs_01, .abs_02, .abs_03, .abs_04, .abs_05, .abs_06, .abs_07{
		display:none;
	}
	
	.title_main{
		width:100% !important;
	}
	
	#how_it_works .card{
		padding:10px;
	}
	
	#chart-profit .price{
		font-size:34px;
		text-align:center;
	}
	
	#chart-profit .price .btn_gold{
		left:0;
		display:block;
		text-align:center;
		top:10px;
	}
	
	#ico_token .box-content{
		padding:20px;
	}
	
	#ico_token .box-content h5{
		padding:0;
	}
	
	#ico_token .box-content h5 span,
	#document ul li, #mobile_app ul li{
		font-size:14px;
	}
	
	#ico_token .box-content h5{
		font-size:16px;
	}

	#why_choose .card {
		padding: 0;
		margin-bottom: 40px;
		text-align: center;
	}
	
	#why_choose .card .card-body h5{
		font-size:18px;
		height:50px;
		overflow:hidden;
		margin:20px 0 -20px;
	}
	
	.title_main h2{
		font-size:26px;
	}
	
	#document .btn_gold{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	#chart-profit .nav-tabs{
		margin-top:40px;
	}
	
	#mobile_app ul li img{
		float:left;
	}
	
	#mobile_app .group_a a{
		width:170px;
		padding:20px 15px;
	}
	
	#contact_us .info_contact h6{
		font-size:16px;
	}
	
	.info_contact{
		margin-bottom:25px;
	}
	
	#contact_us .info_contact img{
		margin-top:-4px;
	}
	
	.container_small{
		max-width:100%;
		margin:0 15px;
	}
	
	#subscribe{
		padding-top:0;
	}
	
	#subscribe p{
		font-size:22px;
	}
	
	#linkMenu{
		background-color:#232323;
		padding:15px 30px;
	}
	
	header .navbar-toggler:focus{
		box-shadow:none;
	}
	

}