/* PHONES */
@media (max-width: 599px) {
	body,
	html {
		overflow-x: hidden;
	}
	html {
		font-size: 12px;
	}
	.container {
		max-width: 100%;
		padding: 0 2.5rem;
	}
	html,
	body,
	.main,
	.section-hero > .container,
	.section-hero > .container > .row {
		height: 100%;
	}
	.section-hero {
		height: calc(100% - 7.26rem);
	}
	.flex {
		display: block;
	}
	.row {
		margin-left: 0;
		margin-right: 0;
	}
	.cl-1, .cl-2, .cl-3, .cl-4, .cl-5, .cl-6,
	.cl-7, .cl-8, .cl-9, .cl-10, .cl-11, .cl-12, .cl-20 {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.h-mobile {
		display: none;
	}
	.h-desktop {
		display: block;
	}
	.m-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	#header {
		padding: 2.16rem 0;
		height: 7.26rem;
	}
	#header > .container > .row {
		display: flex;
	}
	#header > .container > .row .cl-3 {
		width: 6rem;
	}
	#header > .container > .row .cl-9 {
		display: flex;
	}
	#header .logo {
		width: 5.66rem;
	}
	#header .navigation li + li {
		margin-left: 0;
	}
	#header .navigation .cta a,
	#header .navigation .cta a:visited,
	#header .navigation .cta a:hover {
		display: block;
		width: auto;
		font-size: 0.92rem;
		padding: 0.83rem 2.5rem 0.83rem 0.83rem;
	}
	#header .cta a:after {
		right: 1rem;
		top: 0.83rem;
	}
	.section-title p {
		font-size: 1.16rem;
	}
	.section-hero {
		position: relative;
		padding-top: 0;
		margin-top: 0;
	}
	.section-hero:before {
		width: 72rem;
		height: 72rem;
		right: -15rem;
		margin-right: 0;
		top: -13rem
	}
	.section-hero .m-reverse {
		align-content: center;
		justify-content: center;
	}
	.section-hero .cl-5 {
		margin-top: 5rem;
	}
	.section-hero img {
		width: 100%;
	}
	.section-hero .store-links {
		justify-content: space-between;
	    display: flex;
	}
	.section-hero .store-links img {
		width: auto;
	}
	.section-hero .hero-icon-i {
		left: 0;
		margin-top: -2rem;
		width: 3rem;
		height: 2rem;
	}
	.section-hero .hero-icon-iv {
		right: 0rem;
		top: -4rem;
		width: 3rem;
		height: 2rem;
	}
	.section-hero .hero-icon-v {
		right: 0rem;
		bottom: -3rem;
		width: 2rem;
		height: 1.5rem;
	}
	.section-hero .hero-icon-ii {
		left: 0rem;
		bottom: -3rem;
		width: 3rem;
		height: 2rem;
	}
	.section-hero .hero-icon-iii {
		left: 50%;
		margin-left: -5rem;
		top: -4rem;
		width: 3rem;
		height: 2rem;
	}
	.section-about {
		margin-top: 1.5rem;
	}
	.section-about:before {
		left: inherit;
		right: -35rem;
		top: -30rem;
		opacity: 0.75;
	}
	.section-about:after {
		opacity: 0.4;
    	bottom: -25rem;
	}
	.section-about .about-items {
		display: flex;
		flex-wrap: wrap;
		margin-left: -2.5rem;
		margin-right: -2.5rem;
		margin-top: 3rem;
	}
	.section-about .about-items .cl-3 {
		width: 50%;
		padding: 0 2rem;
		margin-bottom: 2rem;
	}
	.section-about .about-items .cl-3:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	.section-about .about-items .image img {
		width: 100%;
		height: auto;
	}
	.section-about .item .content {
		margin-top: 1.25rem;
		font-size: 1.16rem;
	}
	.section-about .item .content br {
		display: contents;
	}
	.section-about .about-cta {
		margin-top: 2rem;
		text-align: center;
	}
	.section-features {
		margin-top: 10rem;
	}
	.section-features:after {
		opacity: 0.3;
    	bottom: -40rem;
	}
	.section-features .cl-7 {
		margin-top: 5rem;
	}
	.section-features .cl-7:after {
		right: -20rem;
		top: -11rem;
		width: 60rem;
		height: 55rem;
	}
	.section-features img {
		width: 100%;
	}
	.section-download {
		margin-top: 12rem;
	}
	.section-download:before {
		left: -50rem;
		top: -5rem;
	    margin-left: 0;
	}
	.section-download:after {
		right: inherit;
		left: -20rem;
		bottom: 10rem;
		opacity: 0.4;
	}
	.section-download .cl-7  {
		margin-top: 2rem;
	}
	.section-download .store-links {
		margin-top: 2rem;
	}
	.section-faq {
		margin-top: 15rem;
	}
	.section-cta a {
		display: inline-block;
	}
	.section-contact {
		margin-top: 10rem;
	}
	.section-contact:before {
		right: -27rem;
		left: inherit;
		margin-left: 0;
		top: -23rem;
		width: 140rem;
		height: 110rem;
	}
	.section-contact .section-title {
		margin-left: 0;
		max-width: 90%;
	}
	.section-contact .section-title .social-media {
		margin-top: 5rem;
	}
	.section-contact .form {
		margin-top: 5rem;
	}
	.section-contact .form p {
    	margin: 0 0 2rem 0;
	}
	.acceptance .form-group input[type="checkbox"] {
		width: 14px;
		height: 14px;
	}
	.acceptance .form-group input[type="checkbox"]:checked:after {
	    width: 8px;
    	height: 8px;
    	top: 3px;
		left: 2px;
	}
	.acceptance button {
		width: 8rem;
		margin-top: 2rem;
	}
	.acceptance button:before {
		right: 0;
	}
	#footer .wrapper {
		padding: 2rem 0;
	}
	#footer .footer-links,
	#footer .footer-logos,
	#footer .footer-copyright {
		text-align: center;
	}
	#footer .footer-logos {
		margin-top: 2rem;
	}
	#footer .footer-copyright {
		margin-top: 2rem;
	}
}

/* TABLET */
@media (min-width: 600px) and (max-width: 1023px) {
	html {
		font-size: 11px;
	}
	.container {
		max-width: 100%;
		padding: 0 2.5rem;
	}
	.h-mobile {
		display: block;
	}
	.h-desktop {
		display: none;
	}
	#header {
		padding: 2.16rem 0;
		height: 7.26rem;
	}
	#header .navigation .cta a,
	#header .navigation .cta a:visited,
	#header .navigation .cta a:hover {
		display: block;
		width: auto;
		font-size: 0.92rem;
		padding: 0.83rem 2.5rem 0.83rem 0.83rem;
	}
	#header .cta a:after {
		right: 1rem;
		top: 0.83rem;
	}
	.section-title p {
		font-size: 1.16rem;
	}
	.section-hero {
		position: relative;
		padding-top: 0;
		margin-top: 0;
	}
	.section-hero:before {
		width: 72rem;
		height: 72rem;
		right: -15rem;
		margin-right: 0;
		top: -13rem
	}
	.section-hero .m-reverse {
		align-content: center;
		justify-content: center;
	}
	.section-hero .cl-5 {
		margin-top: 5rem;
	}
	.section-hero .store-links {
		justify-content: space-between;
	    display: flex;
	}
	.section-hero .store-links img {
		width: auto;
	}
	.section-about {
		margin-top: 1.5rem;
	}
	.section-about:before {
		left: inherit;
		right: -35rem;
		top: -30rem;
		opacity: 0.75;
	}
	.section-about:after {
		opacity: 0.4;
    	bottom: -25rem;
	}
	.section-about .about-items {
		display: flex;
		flex-wrap: wrap;
		margin-left: -2.5rem;
		margin-right: -2.5rem;
		margin-top: 3rem;
	}
	.section-about .about-items .image img {
		width: 100%;
		height: auto;
	}
	.section-about .item .content {
		margin-top: 1.25rem;
		font-size: 1.16rem;
	}
	.section-about .item .content br {
		display: contents;
	}
	.section-about .about-cta {
		margin-top: 2rem;
		text-align: center;
	}
	.section-features {
		margin-top: 10rem;
	}
	.section-features:after {
		opacity: 0.3;
    	bottom: -40rem;
	}
	.section-features .cl-7 {
		margin-top: 5rem;
	}
	.section-features .cl-7:after {
		right: -20rem;
		top: -11rem;
		width: 60rem;
		height: 55rem;
	}
	.section-features img {
		width: 100%;
	}
	.section-download {
		margin-top: 12rem;
	}
	.section-download:before {
		left: -50rem;
		top: -5rem;
	    margin-left: 0;
	}
	.section-download:after {
		right: inherit;
		left: -20rem;
		bottom: 10rem;
		opacity: 0.4;
	}
	.section-download .cl-7  {
		margin-top: 2rem;
	}
	.section-download .store-links {
		margin-top: 2rem;
	}
	.section-faq {
		margin-top: 15rem;
	}
	.section-cta a {
		display: inline-block;
	}
	.section-contact {
		margin-top: 10rem;
	}
	.section-contact:before {
		right: -27rem;
		left: inherit;
		margin-left: 0;
		top: -23rem;
		width: 140rem;
		height: 110rem;
	}
	.section-contact .section-title {
		margin-left: 0;
		max-width: 90%;
	}
	.section-contact .section-title .social-media {
		margin-top: 5rem;
	}
	.section-contact .form {
		margin-top: 5rem;
	}
	.section-contact .form p {
    	margin: 0 0 2rem 0;
	}
	#footer .wrapper {
		padding: 2rem 0;
	}
	#footer .footer-links,
	#footer .footer-logos,
	#footer .footer-copyright {
		text-align: center;
	}
	#footer .footer-logos {
		margin-top: 2rem;
	}
	#footer .footer-copyright {
		margin-top: 2rem;
	}
	
}

/* LARGE TABLET & EXTRA SMALL DESKTOP & LAPTOP */
@media (min-width: 1024px) and (max-width: 1199px) {
	html {
		font-size: 9px;
	}
	.container {
		max-width: 880px;
	}
	.acceptance .form-group input[type="checkbox"] {
		width: 14px;
		height: 14px;
	}
	.acceptance .form-group input[type="checkbox"]:checked:after {
	    width: 8px;
    	height: 8px;
    	top: 3px;
		left: 2px;
	}
}


/* SMALL DESKTOP & LAPTOP */
@media (min-width: 1200px) and (max-width: 1365px) {
	html {
		font-size: 10px;
	}
	.container {
		max-width: 1040px;
	}
	.acceptance .form-group input[type="checkbox"] {
		width: 16px;
		height: 16px;
	}
	.acceptance .form-group input[type="checkbox"]:checked:after {
	    width: 10px;
    	height: 10px;
    	top: 2px;
		left: 2px;
	}
}


/* MEDIUM DESKTOP & LAPTOP */
@media (min-width: 1366px) and (max-width: 1599px) {
	html {
		font-size: 11.6px;
	}
	.container {
		max-width: 1180px;
	}
	.acceptance .form-group input[type="checkbox"] {
		width: 16px;
		height: 16px;
	}
	.acceptance .form-group input[type="checkbox"]:checked:after {
	    width: 10px;
    	height: 10px;
    	top: 2px;
		left: 2px;
	}
}


/* LARGE DESKTOP & LAPTOP */
@media (min-width: 1600px) and (max-width: 1919px) {
	html {
		font-size: 13.8px;
	}
	.container {
		max-width: 1400px;
	}
	.acceptance .form-group input[type="checkbox"] {
		width: 16px;
		height: 16px;
	}
	.acceptance .form-group input[type="checkbox"]:checked:after {
	    width: 10px;
    	height: 10px;
    	top: 2px;
		left: 2px;
	}
}

/* LARGE DESKTOP & LAPTOP */
@media (min-width: 1920px) and (max-width: 2559px) {
	
}

/* EXTRA LARGE DESKTOP & LAPTOP */
@media (min-width: 2560px) {
	html {
		font-size: 20px;
	}
	.container {
		max-width: 2060px;
	}
}





@media (min-width: 1025px) {
	.animation-element {
		opacity: 0;
		position: relative;
	}
	.animation-element.slide-left {
		opacity: 0;
		-moz-transition: all 500ms linear;
		-webkit-transition: all 500ms linear;
		-o-transition: all 500ms linear;
		transition: all 500ms linear;
		-moz-transform: translate3d(-200px, 0px, 0px);
		-webkit-transform: translate3d(-200px, 0px, 0px);
		-o-transform: translate(-200px, 0px);
		-ms-transform: translate(-200px, 0px);
		transform: translate3d(-200px, 0px, 0px);
	}
	.animation-element.slide-left.in-view {
		opacity: 1;
		-moz-transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
	.animation-element.slide-right {
		opacity: 0;
		-moz-transition: all 500ms linear;
		-webkit-transition: all 500ms linear;
		-o-transition: all 500ms linear;
		transition: all 500ms linear;
		-moz-transform: translate3d(200px, 0px, 0px);
		-webkit-transform: translate3d(200px, 0px, 0px);
		-o-transform: translate(200px, 0px);
		-ms-transform: translate(200px, 0px);
		transform: translate3d(200px, 0px, 0px);
	}
	.animation-element.slide-right.in-view {
		opacity: 1;
		-moz-transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
	.animation-element.slide-bottom {
		opacity: 0;
		-moz-transition: all 500ms linear;
		-webkit-transition: all 500ms linear;
		-o-transition: all 500ms linear;
		transition: all 500ms linear;
		-moz-transform: translate3d(0px, 200px, 0px);
		-webkit-transform: translate3d(0px, 200px, 0px);
		-o-transform: translate(0px, 200px);
		-ms-transform: translate(0px, 200px);
		transform: translate3d(0px, 200px, 0px);
	}
	.animation-element.slide-bottom.in-view {
		opacity: 1;
		-moz-transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
	.animation-element.slide-top {
		opacity: 0;
		-moz-transition: all 500ms linear;
		-webkit-transition: all 500ms linear;
		-o-transition: all 500ms linear;
		transition: all 500ms linear;
		-moz-transform: translate3d(0px, -200px, 0px);
		-webkit-transform: translate3d(0px, -200px, 0px);
		-o-transform: translate(0px, -200px);
		-ms-transform: translate(0px, -200px);
		transform: translate3d(0px, -200px, 0px);
	}
	.animation-element.slide-top.in-view {
		opacity: 1;
		-moz-transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
}