.logo div {
	display: flex;
	justify-content: center;
}
.mobile-menu {
	display: none;
}
.table-title {
	margin-top: 20px;
}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
	.logo {
		display: none;
	}
	header {
		padding: 30px;
	}
	.sec {
		padding: 10px;
	}
	.sec h2 {
		font-size: 2em;
	}
	.sec p {
		font-size: 1.1em;
	}.sec ul li {
		font-size: 1em;
	}
	.sec ul, .sec ol.math {
		padding-left: 20px;
	}
	.transaction-explanation img {
		width: 95%!important;
	}
	section {
		height: 300px;
	}
	#btn {
		margin-top: -55px!important;
		font-size: 1.3em;
		z-index: 1002;
	}
	/* Table */
	#landsale-table-full, #ico-table-full, .coins {
		display: none;
	}
	#landsale-table-mobile, #ico-table-mobile {
		margin-top: -5px;
		display: table;
		margin-bottom: 25px;
	}
    table { 
		width: 100%!important; 
    }
    table, thead, tbody, th, td, tr { 
        display: block; 
    }
    
    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    td { 
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }
    
    td:before { 
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        content: attr(data-column);
        color: #99203c;
    }
}
@media only screen and (max-width: 768px) {
	.art-info, .check_cards {
		padding-top: 0;
	}
	.mounts_row .col-sm-2 {
		width: 100%!important;
	}
	.separator {
		display: none;
	}
	.sec6 .col-sm-3 {
		display: none;
	}
	.sec6 .cards {
		position: relative;
	}
	.sec6 .cards img {
		height: 22vh;
	}

	.sec6 .cards img.pet {
		height: 23vh;
		padding-right: 15px;
		margin-top: -2vh;
	}
	.sec6 .cards img {
		display: inline-flex;
		padding-top: 20px;
	}
}
@media only screen and (max-width: 760px) {
	section img#moon {
		height: 18vw;
		margin-top: 10px;
	}
	header .trailer img {
		max-height: 48px;
	}
	.menu-trailer {
		right: 15px;
		margin-top: 80px;
		position: absolute;
	}
	.logo {
		display: block;
		font-size: 1em!important;
	}
	.hide {
		display: none;
	}
	
	.sec ul.scenario {
		padding-left: 10px;
	}
	.sec ul.scenario li {
		font-size: 1em;
	}
	.sec ul.scenario li span {
		padding-left: 15px;
	}
	
	section {
		margin-top: 90px;
	}
	header {
		top: 0px!important;
		position: fixed!important;
		background-color: #171c2d;
		border-bottom: 1px solid #2f2e3a;
		padding: 20px!important;
		z-index: 10002;
	}
	section::before {
		content: '';
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 100px;
		background: linear-gradient(to top, #201f2f, transparent);
		z-index: 1000;
	}
	header ul {
		display: none;
	}
	header ul.visible {
		display: block;
	}
	header ul li {
		display: block;
		padding-bottom: 10px;
	}
	header ul li a {
		font-size: 1.5em;
	}
	
	/* Mobile menu */
	.mobile-menu {
		display: inline-block;
		position: absolute;
		cursor: pointer;
		right: 20px;
		top: 23px;
	}
	.bar1, .bar2, .bar3 {
		width: 35px;
		height: 5px;
		background-color: #efefef;
		margin: 6px 0;
		transition: 0.4s;
	}
	.change .bar1 {
		-webkit-transform: rotate(-45deg) translate(-9px, 6px);
		transform: rotate(-45deg) translate(-9px, 6px);
	}
	.change .bar2 {
		opacity: 0;
	}
	.change .bar3 {
		-webkit-transform: rotate(45deg) translate(-8px, -8px);
		transform: rotate(45deg) translate(-8px, -8px);
	}
	#player {
		width: 100%;
		margin-top: 80px;
	}
	#trailerSection {
		height: 225px!important;
	}
	.soundDiv {
		top: 110px;
	}
	#text {
		right: -50px;
		padding-top: 60px;
		font-size: 5.5vw;
	}
	/* New landing */
	.sec3 img {
		padding-left: 0;
		max-width: 200px;
	}
	.sec3 .coin {
		max-width: 150px;
	}
	.sec2 p {
		padding-left: unset;
		padding-right: unset;
		font-size: 1.6vh;
	}
	.roadmap_btn {
		text-align: center;
		display: block;
		margin-bottom: 20px;
	}
	.sec2 h1 {
		text-align: center;
		font-size: 4vw;
		margin-bottom: 5px;
	}
	
	.sec3 {
		height: unset;
		padding-top: 4vh;
		padding-bottom: 5vh;
	}
	.sec3 .chars {
		position: relative;
	}
	.sec3 .chars img {
		width: 20%;
		height: unset;
	}
	.sec3 h2 {
		font-size: 2.7vh;
	}
	.sec3 p {
		font-size: 1.6vh;
	}
	
	.sec4 {
		height: unset;
		padding-top: 7vh;
		padding-bottom: 20vh;
	}
.sec10 p {
font-size: 1.7vh
}
	.sec4 h2 {
		font-size: 2.7vh;
	}
	.sec4 p {
		font-size: 1.4vh;
	}
	.sec5 #card_1,
	.sec5 #card_2,
	.sec5 #card_3,
	.sec5 #card_4, 
	.sec5 #card_5 {
		margin-right: 0!important;
		margin-left: 0!important;
	}
	.nft-info {
		margin-top: -65px!important;
		margin-bottom: 20px!important;
	}
	.sec5 {
		padding-top: 0;
	}
	.sec5 h3 {
		font-size: 2.7vh;
	}
	.sec6 {
		height: unset;
		padding-bottom: 10vh;
	}
	.sec6 h3 {
		font-size: 2.7vh;
	}
	.sec6 p {
		font-size: 1.8vh;
	}
	.sec7 {
		padding-top: 5vh;
		padding-bottom: 5vh;
		min-height: unset;
		padding-left: 5%;
		padding-right: 5%;
	}
	.sec7 p {
		font-size: 1.8vh;
	}
	.sec7 .lands_space {
		height: unset
	}
	.sec7 .lands {
		position: relative;
		height: unset;
	}
	
	.sec7 .lands img {
		width: 48%;
		height: unset;
	}
	
	.sec8 {
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 5vh;
		height: unset;
		padding-bottom: 10vh;
	}
	img.tokens {
		height: 12vh!important;
	}
	img#token2 {
		bottom: 25px;
	}
	.sec8 p {
		font-size: 1.7vh;
	}
	.sec8 ul {
		padding-left: 5%;
		padding-right: 5%;
	}
	.sec8 ul li {
		font-size: 2.4vh;
	}
	.sec9 p {
		font-size: 1.7vh;
	}
.shifu-img {
	max-width: 150px!important;
}
.sec9 .shifu {
	padding-top: 0!important;
}
	.sec9 h1 {
		padding-top: 0;
		font-size: 3.3vh;
		text-align: center;
	}
	.sec9 .reg_btn img {
		width: 50%;
	}
	.sec9 {
		height: unset;
		padding-bottom: 15vh;
	}
	.sec10 .row div {
		display: block;
	}
	img.result {
		-webkit-transform:rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.sec11 ul li {
		font-size: 2vh;
	}
	.social-media-area img {
		width: 100%;
	}
	.tooltip {
		max-width: 12%;
	}
	.sec11 p {
		font-size: 1.5vh;
		padding-top: 10vh;
		padding-bottom: 5vh;
		text-align: center;
	}
	section .down_bar {
		height: 2vh;
	}
	.sec11 ul {
		padding-left: 10px;
	}
	#text-header {
		padding-top: 75px;
	}
}
@media only screen and (min-width: 761px) {
	section {
		min-height: 925px;
	}
	section.nft_sale {
		min-height: 790px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
	section .trailer_btn span#play_btn {
		font-size: 3em;
	}
	section .trailer_btn span.trailer_text {
		    font-size: 1.6em;
	}
	section .trailer_btn {
		padding-top: 120px;
	}
}
@media only screen and (min-width: 733px) and (max-width: 767px) {
	section .trailer_btn span#play_btn {
		font-size: 1.6em;
		margin-bottom: -11px;
	}
	section .trailer_btn span.trailer_text {
		font-size: 0.8em;
	}
	section .trailer_btn {
		padding-top: 24px;
		padding-left: 4px;
	}
}
@media only screen and (max-width: 732px) {
	section .trailer_btn span#play_btn {
		font-size: 1.3em;
		margin-bottom: -7px;
	}
	section .trailer_btn span.trailer_text {
		font-size: 0.7em;
	}
	section .trailer_btn {
		padding-top: 35px;
		padding-left: 4px;
	}
}
@media only screen and (max-width: 410px) {
	section {
		height: 200px;
	}
	#btn {
		margin-top: -95px!important;
		font-size: 1em;
	}
	section .trailer_btn span#play_btn {
		font-size: 1em;
		margin-bottom: -5px;
	}
	section .trailer_btn span.trailer_text {
		font-size: 0.5em;
	}
	section .trailer_btn {
		padding-top: 20px;
		padding-left: 2px;
	}
	#text {
		padding-top: 80px;
	}
}
@media only screen and (max-width: 320px) {
	.sec h2 {
		font-size: 1.6em;
	}
	.sec p {
		font-size: 0.8em;
	}
	.sec ul li {
		font-size: 0.9em;
	}
	section img#moon {
		height: 15vw;
	}
}
@media only screen and (min-width: 1600px) {
	section .trailer_btn {
		padding-top: 130px;
	}
}
#btn:hover {
	opacity: 0.7;
}
@media only screen and (max-width: 1420px) {
	.dual_side div.side {
		display: block;
		width: 100%
	}
	.dual_side div.side:nth-child(2) {
		padding-top: 20px;
	}
}