/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	.container{
		max-width: 1140px;
	}.hero-btn{
		width: 50.3rem;
		z-index: 1;
	}
}
/* large and madium devices ( 1199 down)*/
@media (min-width: 992px) and (max-width: 1199px) { 
	.container{
		max-width: 992px;
	}
}

@media (max-width: 1199px) {
	/* hero */
	.hero-main-img::before,
	.seeNft-main-img::before {
		left: 0rem;
	}
	/* roadMap */
	.features .content{
		max-width: 37.5rem;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	html{
		font-size: 50%;
	}
	/* roadMap */
	.features .content {
		max-width: 51.5rem;
	}
	/* Footer */
	.footer .subscribe .email{
		max-width: 47rem;
	}
}

@media (max-width: 991px) {
	/* hamburger */
	#menu{
		display: none;
	}
	.hamburger-menu {
		display: block;
	}
	.ofcavas-menu {
		display: block;
	}
	/* Hero */
	.hero .title::before {
		left: 0;
		top: -20rem;
	}
	.hero-main-img::before,
	.seeNft-main-img::before{
		left: -8rem;
	}
	/* roadMap */
	.roadMap-title {
		margin-bottom: 20rem;
	}
	/* Footer */
	.features-2 {
		margin-bottom: 30rem;
	}
	.features-1 .title h3::before,
	.features-3 .title h3::before{
		top: -30rem;
	}
	/* time */
	.time-content .days h1, .time-content .hours h1, .time-content .minutes h1, .time .seconds h1{
		font-size: 9rem;
	}
	.time .days p, .time .hours p, .time .minutes p, .time .seconds p{
		font-size: 2rem;
	}
	.time .days::after, .time .hours::after, .time .minutes::after {
		content: ':';
		position: absolute;
		right: -70%;
		bottom: 5%;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767px) {
	html{
		font-size: 50%;
	}

	.listFeatures{
		padding-top: 10rem;
	}
	/* Hero */
	.hero .title::before {
		/* content: url('../img/dragonMobile.svg'); */
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: -12rem;
		z-index: -1;
	}

	.test1{
		padding-top: 250px;
	}
	.hero-main-img::before{
		content: url('../img/shape-12.svg');
		left: -3rem;
	}
	.hero-main-img::after {
		content: url('../img/shape-13.svg');
		right: -4rem;
	}
	/* seeNft */
	.seeNtf-title {
		margin-bottom: 20rem;
	}
	/* nft dragus */
	.video::before {
		content: url('../img/bluemonster.svg');
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: -21rem;
		z-index: -1;
	}
	/* time */
	.time {
		padding: 1.3rem 0 20rem;
	}
	.time-title {
		margin-top: 5.7rem;
		z-index: 1;
	}
	.time-content{
		position: relative;
		z-index: 1;
	}
	.time-content::before{
		content: url('../img/yellowmonster.svg');
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: -6rem;
		z-index: -1;
	}
	/* roadMap */
	.features .title {
		margin-bottom: -4rem;
	}
	.features-1 .title h3::after,
	.features-2 .title h3::before,
	.features-3 .title h3::after{
		display: none;
	}
	/* last 2 section */
	.last2-section{
		background: url('../img/banner-4.svg') no-repeat center;
		background-size: cover;
	}
	/* roadMap */
	.roadMap{
		padding-bottom: 7rem;
	}
	/* Time */
	.time-content .days h1, .time-content .hours h1, .time-content .minutes h1, .time .seconds h1{
		font-size: 7rem;
	}
	.time .days p, .time .hours p, .time .minutes p, .time .seconds p{
		font-size: 1.7rem;
	}
	.time .days::after, .time .hours::after, .time .minutes::after {
		content: ':';
		position: absolute;
		right: -70%;
		bottom: 7%;
		font-size: 9rem;
	}
	/* Footer */
	.footer {
		padding: 3.8rem 0 0;
	}
	.footer .subscribe {
		margin-top: -25rem;
	}
	.footer .subscribe p{
		font-size: 2.4rem;
		color: #FFFFFF;
		font-family: 'Pirata One';
		font-style: normal;
		font-weight: 400;
		margin-bottom: 4rem;
	}
	.otherLogo-1 img,
	.otherLogo-2 img{
		width: 61%;
	}
	.otherLogo-1{
		margin-bottom: 5.2rem;
	}
}

@media (max-width: 575px) {
	html{
		font-size: 50%;
	}
	/* footer */
	.footer .subscribe {
		margin-top: -20rem;
	}
	.footer .subscribe .email,
	.footer .subscribe .submit,
	.submit-overlay::after {
		height: 5rem;
	}
	.hero .title {
	    margin-bottom: 6.4rem;
	}
}
@media (max-width: 480px) {
	/* time */
	.time-content .days h1, .time-content .hours h1, .time-content .minutes h1, .time .seconds h1{
		font-size: 4.5rem;
		-webkit-text-stroke: .2rem #E13C68;
	}
	.time .days p, .time .hours p, .time .minutes p, .time .seconds p{
		font-size: 1.4rem;
		-webkit-text-stroke: .1rem #E13C68;
	}
	.time .days::after, .time .hours::after, .time .minutes::after {
		content: ':';
		position: absolute;
		right: -40%;
		bottom: 20%;
		font-size: 5rem;
		-webkit-text-stroke: .2rem #E13C68;
	}
	/* footer */
	.footer .subscribe {
		margin-top: -20rem;
	}
	.footer .subscribe .email {
		width: 30rem;
	}
}