/* Large Desktop */
@media (min-width: 2000px) {
	.earth .planet {
		transform: translate(130px, -35px);
	}
	.earth .dollars-holder {
	    right: -80px;
	}
	.earth .planet-text {
	    transform: translate(200px, -20px);
	}
	.mars .planet {
	    transform: translate(25px, -40px);
	}
	.mars .dollars-holder {
	    right: 5px;
	}
	.mars .planet-text {
	    transform: translate(100px, -140px);
	}
	.jupiter .planet {
	    transform: translate(-80px, -30px);
	}
	.jupiter .dollars-holder {
	    left: 90px;
	}
	.uranus .planet {
	    transform: translate(30px, -25px);
	}
	.uranus .dollars-holder {
	    left: 125px;
	}
	.neptune .planet {
	    transform: translate(100px, -15px);
	}
	.neptune .dollars-holder {
	    right: -80px;
	}
	.pluto .planet {
	    transform: translate(90px, -30px);
	}
	.pluto .dollars-holder {
	    left: 70px;
	}
}
/* Desktop */
@media (min-width: 1025px) {
	.story-team-member.member-2 .col-md-6:first-child {
		float: right;
	}
	h1.page-title {
		margin-top: 100px;
	}
}
@media screen and (min-width: 1550px) and (max-width: 1700px) {
	.jupiter .planet-text {
	    transform: translate(-50px, -40px);
	}
}
/* Laptops */
@media screen and (min-width: 1280px) and (max-width: 1549px) {
	.header-home h1 {
		font-size: 40px;
	}
	.parallax-element.spaceman {
	    top: 250px;
	}
	.parallax-element.ipad {
	    left: -300px;
	}
	.parallax-element.rocket {
    	right: 0;
    }
    .parallax-element.like {
    	left: -400px;
    }
    .parallax-element.letter {
    	right: -300px;
    }
    .payments .ipad {
    	width: 200px;
    	top: 200px;
    }
    .start-training .ipad {
    	width: 200px;
    	top: 400px;
    }
    .payments .like {
    	width: 250px;
    	top: 1100px;
    }
    .start-training .like {
    	width: 250px;
    	top: 1400px;
    }
    .earth .planet {
	    transform: translate(0px, -5px);
	}
	.earth .dollars-holder {
	    top: -290px;
	    right: 55px;
	}
	.moon .planet {
	    transform: translate(200px, 0px);
	}
	.moon .dollars-holder {
	    top: -325px;
	}
    .jupiter .planet {
    	transform: translate(-60px, -60px) scale(0.7);
    }
    .jupiter .planet-text {
	    transform: translate(0px, -40px);
	}
	.saturn .planet-text {
	    transform: translateY(0);
	}
	.neptune .planet {
	    transform: translate(-80px, 30px);
	}
	.neptune .dollars-holder {
	    top: -280px;
	    right: 100px;
	}
	.neptune .planet-text {
	    transform: translate(50px, 50px);
	}
	.line-9 {
	    right: 2vw;
	    top: -80px;
	}
}
/* Small Laptops */
@media screen and (min-width: 1280px) and (max-width: 1366px) {
	.parallax-element.spaceman {
	    top: 350px;
	}
	.header-planet .parallax-element.spaceman {
	    top: 420px;
	}
}
/* Tablet and Mobile */
@media (max-width: 1024px) {
	.prelaunch-checklist .col-md-3 {
		text-align: center;
	}
	.prelaunch-checklist .col-md-3 img.tablet {
		display: inline;
	    max-width: 100%;
	    margin: 20px 0;
	    position: initial;
	    height: 250px;
	    margin: 0;
	}
	.header-home {
	    background: url(../images/backgrounds/header-home-rocket.jpg);
	}
	.header-home {
	    height: 1000px;
	    padding-top: 50px;
	}
	.header-home h1 {
		font-size: 40px;
	}
	.header-home .col-md-8 {
		display: block;
		width: 100%;
	}
	.countdown {
		margin-bottom: 50px;
	}
	.header-rocket {
		display: none;
	}
	.header-rocket-smoke {
		display: none;
	}
	.parallax-element.spaceman {
		display: none;
	}
	.prelaunch-checklist .col-md-3,
	.prelaunch-checklist .col-md-9 {
		width: 100%;
		display: block;
	}
	.prelaunch-checklist h2 {
		margin-top: 80px;
		text-align: center;
	}
	.prelaunch-checklist .col-md-6 {
		padding: 0 15px !important;
		margin-bottom: 15px;
	}
	.prelaunch-checklist .get-book-link {
		transform: translateY(-210px);
	    width: 100%;
	    text-align: center;
	}
	.prelaunch-checklist .get-book-arrow {
		position: initial;
	    text-align: center;
	    display: block;
	    margin: 0 auto;
	    transform: rotate(-30deg) rotateY(180deg) translate(-280px, -110px);
	}
	.how-it-works {
		height: auto;
	}
	.owl-nav {
		display: none !important;
	}
	.getting-started {
		height: auto;
		padding: 200px 0;
	}
	.getting-started .step img {
		display: none;
	}
	.getting-started .step#step-1 {
		padding-bottom: 110px;
		margin-top: 5px;
	}
	.getting-started .step#step-1 .number {
		left: 40%;
		margin-top: 35px;
	}
	.getting-started .step#step-2 .number {
		right: 40%;
	}
	.payments {
		height: auto;
    	padding-bottom: 50px;
	}
	.payments .parallax-element,
	.payments .ipad,
	.payments .like {
		display: none;
	}
	.join h2 {
		margin-top: 50px;
	}
	#home footer {
		text-align: center;
	}
	#home footer .login-form h5 {
		margin-top: 80px;
	}
	#home footer .footer-socials {
		margin-top: 200px;
	}
	.go-to-top {
	    bottom: 20px;
	    right: 20px;
	}
	.story-team-member.member-1 p,
	.story-team-member.member-3 p {
		margin-top: 0;
	}
	.story-team-member .col-md-6:last-child {
		margin-bottom: 100px;
	}
	#story footer .copyright {
		float: none;
		margin-bottom: 20px;
	}
	#story footer .links {
		float: none;
	}
	.header-planet,
	.clouds-planet {
		height: 1150px;
	}
	.planet-description {
		margin: 0 0 30px 0;
	}
	.progress {
		width: 300px;
	}
	.clouds-planet > img {
		object-fit: contain;
    	width: 200%;
	}
	.header-planet .planet-image img {
		max-width: 80%;
	}
	.header-planet .col-md-8 {
		width: 100%;
		display: block;
	}
	.start-training .parallax-element,
	.start-training .ipad,
	.start-training .like {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
	.are-you-bored .col-md-8 {
		width: 80%;
		margin-left: 15%;
	}
	#home footer .col-md-2 {
		width: 25%;
	}
	.see-story {
	    bottom: -40px;
	}
	.see-story-arrow {
	    transform: rotateY(0deg); 
	    bottom: -40px;
	}
	.story-team-member.member-2 .see-story {
	    bottom: -50px;
	    left: 160px;
	}
	.story-team-member.member-2 .see-story-arrow {
	    transform: rotate(40deg);
	    bottom: -40px;
	    left: 100px;
	}
}
/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	
}
@media (min-width: 992px) {
	.line-mobile {
		display: none;
	}
	.mobile-planet {
		display: none;
	}
	.line-1-mobile {
		display: none;
	}
}
@media (max-width: 991px) {
	.prelaunch-checklist .get-book-link,
	.prelaunch-checklist .get-book-arrow {
		display: none;
	}
	.prelaunch-checklist .col-md-4 {
		padding-left: 15px !important;
		margin-bottom: 20px;
	}
	.line-desktop {
		display: none;
	}
	.desktop-planet {
		display: none;
	}
	body#mission {
		background: url(../images/backgrounds/mission-mobile.jpg);
	}
	#mission .alignright,
	#mission .alignleft {
		text-align: center;
	}
	.planet-holder {
		top: 0 !important;
		margin-bottom: 30px;
	}
	.line-1-mobile {
		transform: translateX(20vw);
	}
	.planet-holder:nth-child(even) .line-mobile {
		transform: translateX(40px);
	}
	.planet-holder:nth-child(odd) .line-mobile {
		transform: rotateY(180deg) translateX(40px);
	}
	.planet {
    	margin-bottom: 30px;
    	position: relative;
    	z-index: -1;
	}
	.planet-holder a.planet-link {
		margin-top: -47px;
		display: block;
	}
	.planet,
	.planet-text {
		transform: none !important;
		text-align: center;
	}
	.dollars-holder {
	    position: initial;
	}
	.dollars-holder .dollars {
		margin: 0 auto;
		background: url(../images/mission/planet-pin-mobile.png);
		height: 200px;
	}
	.moon .dollars {
		background: url(../images/mission/moon-pin-mobile.png);
	}
	.pluto .dollars {
		background: url(../images/mission/pluto-pin-mobile.png);
	}
	.jupiter {
		overflow: visible;
	}
	.congrats, .finish, #mission footer {
		margin-top: 0;
		position: initial;
	}
	.congrats h2 {
		font-size: 50px;
		margin: 20px 0;
	}
	.finish {
	    background: url(../images/mission/finish-mobile.png);
	    background-position: center bottom;
	    background-size: contain;
	    margin-top: 100px;
	}
	#mission footer .bottom-footer {
		margin-top: 0;
	}
	.mission-rocket,
	.mission-spaceman {
		display: none;
	}
	.training .button-holder {
		margin-bottom: 80px;
	}
	.start-training {
		padding: 180px 0;
	}
	.congrats img {
		display: none;
	}
	.payment-options .col-md-5:last-child .payment-option {
		margin-top: 50px;
	}
}
/* Small Tablet */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.parallax-element.spaceman {
	    top: 480px;
	}
	.main-example {
		width: 318px;
	}
	.see-story-arrow {
		right: 250px;
	}
	.see-story {
		right: 110px;
	}
	.story-team-member.member-2 .see-story-arrow {
		bottom: 60px;
    	left: 160px;
	}
	.story-team-member.member-2 .see-story {
		bottom: 80px;
    	left: 20px;
	}
	#error .logo img {
	    width: 120px;
	}
	#error .clouds-planet {
		height: 100vh;
	}
	#error h1 {
	    font-size: 30vw;
	    line-height: 25vw;
	}
	#error h2 {
	    font-size: 13vw;
	    line-height: 13vw;
	}
	#error h4 {
	    font-size: 4vw;
	}
}
/* Mobile */
@media (max-width: 767px) {
	#menu-close i {
		margin-top: 30px;
	}
	.top-bar span {
		display: none;
	}
	.header-home {
	    background: url(../images/backgrounds/header-home-mobile.jpg);
	    background-position: left bottom;
	    background-size: 100%;
	    background-repeat: no-repeat;
	    height: auto;
	    padding-top: 50px;
	    padding-bottom: 450px;
	}
	.prelaunch-checklist .col-md-3 img.tablet {
	    height: 150px;
	    margin: 0;
	}
	.parallax-element.spaceman {
		display: none;
	}
	.logo img {
		width: 180px;
	}
	.menu-item {
		text-align: center;
	}
	.menu-item a {
		padding: 17px !important;
	}
	.header-home h1 {
		font-size: 35px;
	}
	.header-home .col-md-8 {
		padding: 0;
	}
	.main-example {
	    text-align: center;
	}
	.countdown {
		margin-bottom: 50px;
	}
	.prelaunch-checklist .get-book-link {
	    transform: translateY(-450px);
	    text-align: left;
	    padding-left: 50px;
	}
	.prelaunch-checklist .get-book-arrow {
	    transform: rotate(-30deg) rotateY(180deg) translate(-315px, -370px);
	}
	.are-you-bored {
		padding-bottom: 0;
	    margin-top: 0;
	}
	.are-you-bored h2 {
		font-size: 30px;
	}
	h2.title {
		font-size: 30px;
	}
	.testimonials {
		padding: 0;
		padding-bottom: 50px;
	}
	#testimonials .owl-item .testimonial-box {
		padding: 20px 10px 20px 20px;
	}
	.how-it-works {
		padding: 100px 0;
	}
	.video-holder iframe {
		height: 160px;
	}
	#stories .owl-item .image-holder img {
		float: none;
	}
	#stories .owl-item .story-content {
		padding: 0;
	}
	.getting-started .step {
		padding: 40px 20px !important;
	}
	.getting-started .step .number {
		display: none;
	}
	.getting-started .step#step-2 {
	    margin-top: 60px;
	}
	.getting-started .step p {
		font-size: 18px;
	}
	.payments .col-md-5 {
		padding: 0;
	}
	.bonuses .bonus a {
		font-size: 20px;
	}
	.join h5 {
		margin: 30px 0;
    	font-size: 24px;
	}
	#home footer .login-form .field-holder input {
		width: 100%;
	}
	#home footer .footer-socials {
	    margin-top: 100px;
	}
	#home footer .footer-socials a {
		margin: 0 2px;
	}
	#home footer .copyright {
		float: none;
	    color: #FFF;
	    margin-top: 50px;
	}
	#home footer .copyright a {
		color: #FFF;
	}
	#home footer .links {
		float: none;
    	margin-top: 50px;
	}
	.see-story-arrow {
		display: none;
	}
	.see-story {
		position: initial;
	    text-align: center;
	    display: block;
	    margin: 40px 0;
	}
	.story-team-member.member-2 .member-image {
		float: none;
	}
	#mission .planet {
		max-width: 100%;
	}
	.congrats h2 {
    	font-size: 7vw;
    }
    .line-1-mobile {
    	display: none;
    }
    #mission .page-title {
		font-size: 35px;
		margin-bottom: 80px;
	}
	#mission footer .copyright {
		float: none;
	    text-align: center;
	    margin-bottom: 20px;
	}
	#mission footer .links {
		float: none;
	    text-align: center;
	}
	.header-planet,
	.clouds-planet {
		height: 1000px;
	}
	.planet-title {
		font-size: 40px;
	}
	.progress {
	    width: 100%;
	    margin: 0 auto;
	}
	.progress-label:last-child {
		margin: 20px 10px;
	}
	.header-training {
		padding: 70px 0 350px 0;
	}
	.header-training h1 {
		font-size: 40px;
	}
	.header-training h1 span {
		font-size: 55px;
	}
	.start-training .col-md-5 {
		padding: 0;
	}
	#training footer .copyright,
	#training footer .links {
		text-align: center;
		float: none;
	}
	#error .logo img {
	    width: 100px;
	}
	#error h1 {
	    font-size: 33vw;
	    line-height: 28vw;
	}
	#error h2 {
	    font-size: 16vw;
	    line-height: 16vw;
	}
	#error h4 {
	    font-size: 5vw;
	    margin: 20px 0 40px 0;
	}
}
/* Small Phones */
@media (max-width: 350px) {
	.join-now-btn {
	    padding: 10px 50px;
	}
	.main-example .time {
		width: 40px;
	}
	.prelaunch-checklist .get-book-link {
	    transform: translateY(-490px);
	    padding-left: 30px;
	}
	.prelaunch-checklist .get-book-arrow {
	    transform: rotate(-30deg) rotateY(180deg) translate(-340px, -400px);
	}
	#home footer .col-md-12 {
		padding: 0;
	}
}