/*************************************/
/*********** MEDIA QUERIES ***********/
/*************************************/
@media screen and (max-width: 320px) {
	.pricing-wrapper-mini {
		height: 55.6rem;
	}
}
@media screen and (max-width: 290px) {
	.pricing-wrapper-mini {
		height: 57.6rem;
	}
}
@media screen and (max-width: 270px) {
	.pricing-wrapper-mini {
		height: 62.6rem;
	}
}
@media screen and (max-width: 238px) {
	.pricing-wrapper-mini {
		height: 69.6rem;
	}
}
@media screen and (max-width: 895px) {
	.feature-text {
		padding: 0 1.6rem;
	}
}
@media screen and (max-width: 1000px) {
	.installer-wrapper,
	.session-wrapper,
	.pressure-tool-wrapper,
	.fuel-slide-wrapper,
	.setup-optimizer-wrapper,
	.loader {
		scale: 0.7;
	}
	.session-data {
		top: -13.5rem;
		right: -12rem;
	}
	.session-stats {
		top: -13rem;
		left: -13rem;
	}
	.setup-spring-box {
		top: 1rem;
		right: -16rem;
	}
}
@media screen and (max-width: 1260px) {
	.price-feature {
		grid-template-columns: repeat(3, 25.1rem);
	}
	.pricing-btn-last {
		width: 100%;
		max-width: 92.4rem;
	}
	.installer-wrapper,
	.session-wrapper,
	.pressure-tool-wrapper,
	.fuel-slide-wrapper,
	.setup-optimizer-wrapper,
	.loader {
		scale: 0.8;
	}
	.circle-wing {
		top: -2.2rem;
		left: -6.9rem;
	}
	.circle-front {
		top: 17.8rem;
		right: 5.2rem;
	}
	.circle-rear {
		top: 17.8rem;
		left: 13.3rem;
	}
	.front-car-box {
		top: 6.5rem;
		right: -10rem;
	}
	.rear-car-box {
		top: 27rem;
		left: 26rem;
	}
	.wing-lvl-box {
		bottom: 28.5rem;
		left: 8rem;
	}
	.session-data {
		top: -13.5rem;
		right: -10rem;
	}
	.session-lines {
		top: 20rem;
		left: -9.5rem;
	}
	.session-stats {
		top: -13rem;
		left: -9rem;
	}
	.psi-box {
		top: 27rem;
		left: 30rem;
	}
	.large-circle-box {
		top: 13.5rem;
		left: 9.2rem;
	}
	.fuel-box {
		top: 28.5rem !important;
		left: -10rem;
	}
	.fuel-needed {
		top: -13rem !important;
		right: -1rem;
	}
	.setup-wing-box {
		top: -12.9rem;
		left: 6rem;
	}
	.setup-spring-box {
		top: 1rem;
		right: -19rem;
	}
	.skills-feature-l,
	.skills-img-l {
		width: 100%;
		max-width: 80.8rem;
	}
}
@media screen and (max-width: 350px) {
	.mobile-header-content {
		flex-wrap: wrap;
		gap: 2rem;
	}
	.mobile-download {
		width: 100%;
		margin-left: 0 !important;
	}
}
@media screen and (max-width: 370px) {
	.nav-links {
		flex-direction: column;
		align-items: flex-start;
		gap: 1.6rem;
	}
}
/********************************************/
/********** ALIGNMENT QUERIES **********/
@media screen and (max-width: 900px) {
	.price-feature {
		grid-template-columns: repeat(3, 22.1rem);
	}
	.pressure-p1,
	.installer-p1,
	.telemetry-p1,
	.tracking-p1,
	.fuel-p1,
	.optimizer-p1 {
		text-align: center;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}
	.page-btn {
		justify-content: center;
	}
	.pressure-button-game {
		flex-wrap: wrap;
		justify-content: center;
	}
	.cta-box {
		text-align: center;
		padding: 3.2rem 12rem;
		height: auto;
	}
	.setup-spring-box-feature,
	.setup-wing-box-feature {
		text-align: left;
	}
}
@media screen and (max-width: 440px) {
	.installer-lines {
		justify-content: flex-start !important;
	}
}
/********************************************/
/********** GLOBAL MOBILE QUERIES **********/
@media screen and (max-width: 700px) {
	.section-installer,
	.section-pressure,
	.section-telemetry,
	.section-stint,
	.section-fuel,
	.section-opti,
	.section-footer,
	.cta-box,
	.trusted-by,
	.section-cta,
	#main-animation-container,
	.section-games,
	.section-hero,
	.section-master-skills,
	.section-drive-smarter,
	.testimonial-header,
	.section-leaderboards 
	{
		padding: 0 2.6rem;
	}
	.footer-wrapper {
		padding: 4rem 0;
	}
	.section-installer .section-drive-smarter,
	.section-opti .section-testimonials {
		padding: 0;
	}
	.section-testimonials {
		margin-top: 0;
	}
	.section-pricing {
		padding: 2.8rem;
	}
	.section-installer,
	.section-pressure,
	.section-telemetry,
	.section-stint,
	.section-fuel,
	.section-opti,
	.section-leaderboards {
		margin-top: 8rem;
	}
	.setups-2,
	.setups-2-img {
		height: 31.5rem !important;
	}
	.setups-2-leaderboard {
		height: 31rem !important;
	}
	.pricing-features {
		margin-bottom: 8rem;
	}
	.hero-animation {
		padding-top: 10rem;
	}
	.animation-container {
		height: auto;
	}
	.mobile-header {
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 122.9rem;
		border-radius: 4rem;
		padding: 1.6rem 2.4rem;
		height: auto;
		align-self: flex-start;
		align-items: normal;
		z-index: 12;
	}
	.mobile-header-dropdown {
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 12;
	}
	.dropdowns-mobile {
		display: none;
	}
	.mobile-header-close {
		display: none;
	}
	.mobile-header.nav-open {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		align-content: flex-start;
		background-color: #1c1c1e;
	}
	.mobile-header.nav-open .dropdowns-mobile {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		z-index: 12;
	}
	.mobile-header.nav-open .mobile-header-open {
		display: none;
	}
	.mobile-header.nav-open .mobile-header-close {
		display: block;
	}
	.mobile-features {
		display: flex !important;
		flex-direction: column;
		gap: 3.2rem;
		width: 100%;
		max-width: 39.2rem;
		margin: 0 auto;
	}
	.mobile-pricing-mini {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		gap: 2.4rem;
	}
	.mobile-creators {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}
	.mobile-creator {
		margin-top: 10.2rem;
	}
	.mobile-hero {
		width: 10rem;
		height: 2.5rem;
	}
	.mobile-download {
		margin-left: 0.5rem;
	}
	.hero-logo {
		width: 13rem;
	}
	.skills-feature-l {
		padding-bottom: 2rem;
	}
	.footer-signup {
		flex-direction: column;
    	height: auto;
    	padding: 1.6rem;
    	border-radius: 2rem;
    	gap: 2.4rem;
    	text-align: center;
	}
	.signup-input-container {
		flex-direction: column;
		border: 1px solid #FFFFFF1A;
		border-radius: 2rem;
		padding: 1.6rem;
		gap: 1.6rem;
	}
	.signup-input {
		border: 1px solid transparent;
		padding: 0;
	}
	.signup-btn {
		position: static;
		transform: none;
	}
  /********************************************/
	/*********** Setup Installer Queries ***********/
	.installer-games {
		flex-wrap: wrap;
		justify-content: center;
		z-index: 10;
		gap: 1.6rem;
	}
	.installer-p1 {
		flex-direction: column;
		text-align: center;
	}
	.installer-p2 {
		flex-direction: column;
		align-items: center;
	}
	.installer-p3 {
		grid-template-columns: 1fr;
		justify-content: center;
		text-align: center;
	}
	.feature-l-container,
	.red-mesh,
	.go-learn-mobile {
		justify-content: center;
		text-align: center;
		height: auto;
	}
	.feature-l-container {
		padding: 3.2rem 2.4rem;
	}
	.installer-p4 {
		flex-direction: column;
		align-items: center;
	}
	.installer-img,
	.installer-feature {
		height: auto;
	}
	.cta-box {
		padding: 3.2rem 2.4rem;
		text-align: center;
		height: auto;
		margin-bottom: 8rem;
	}
	.cta-box-head {
		font-size: 4.8rem;
	}
	.installer-text-p2,
	.installer-text-p4 {
		width: 100%;
	}
	.installer-car {
		height: auto;
	}
	.wing-lvl-box-2 {
		top: 1rem;
		left: 2.5rem;
		scale: 0.6;
	}
	.setups-2-indicator {
		top: 2.8rem;
		left: -1.8rem;
		scale: 0.6;
	}
  /********************************************/
	/*********** Tyre Pressure Queries ***********/
	.pressure-p1 {
		flex-direction: column;
		text-align: center;
	}
	.pressure-p2 {
		flex-direction: column;
		align-items: center;
		margin-top: -5rem;
	}
	.pressure-btn-game {
		flex-direction: column;
	}
	.pressure-car {
		height: auto;
	}
	.tool-bento {
		grid-template-rows: auto auto auto;
    	grid-template-columns: 1fr;
		row-gap: 2.4rem;
		column-gap: unset;
	}
	.tool-bento h2 {
		grid-row: 2 / span 1;
	}
	.tool-textbox {
		padding: 2rem 0;
		grid-row: 3 / span 1;
	}
  /********************************************/
	/*********** Telemetery Data Queries ***********/
	.telemetry-p1 {
		flex-direction: column;
		text-align: center;
		gap: 6rem;
	}
	.telemetry-p2 {
		flex-direction: column;
		align-items: center;
		margin-top: -2rem;
	}
	.telemetry-p3 {
		grid-template-columns: 1fr;
		row-gap: 1.6rem;
	}
	.telemetry-p4 {
		flex-direction: column;
		align-items: center;
	}
	.telemetry-text {
		width: 100%;
	}
	.skills-feature-l-mobile {
		width: 100%;
		max-width: 39.2rem;
		overflow: hidden;
	}
	.skills-img-l-width-auto {
		width: auto;
	}
	.telemetry-feature-text {
		padding-top: 1.6rem;
		padding-bottom: 1.6rem;
	}
	.telemetry-car {
		margin: 6rem 0;
		height: auto;
	}
  /********************************************/
	/*********** Stint Tracking Queries ***********/
	.tracking-p1 {
		flex-direction: column;
		text-align: center;
		gap: 2rem;
	}
	.tracking-p1-text {
		align-items: center;
	}
	.tracking-p2 {
		flex-direction: column;
		align-items: center;
		margin-top: 2rem;
	}
	.tracking-text {
		width: 100%;
	}
	.tracking-img {
		height: auto;
		padding-top: 4rem;
        padding-bottom: 6rem;
	}
  /********************************************/
	/*********** Fuel Calculator Queries ***********/
	.fuel-p1 {
		flex-direction: column;
		text-align: center;
		gap: 6rem;
	}
	.fuel-p1-text {
		align-items: center;
	}
	.fuel-p2 {
		flex-direction: column;
		align-items: center;
		margin-top: -2rem;
	}
	.fuel-p2-text {
		width: 100%;
	}
	.fuel-car {
		margin: 6rem 0;
		height: auto;
	}
  /********************************************/
	/*********** Setup Optimiser Queries ***********/
	.optimizer-p1 {
		flex-direction: column;
		text-align: center;
		gap: 4rem;
	}
	.optimizer-p1-text {
		align-items: center;
	}
	.optimizer-p2 {
		flex-direction: column;
		align-items: center;
		margin-top: -2rem;
	}
	.optimizer-p3 {
		grid-template-columns: 1fr;
		row-gap: 2.4rem;
	}
	.optimizer-text {
		width: 100%;
	}
	.skills-feature-l-mobile {
		width: 100%;
		max-width: 39.2rem;
		overflow: hidden;
		height: auto;
	}
	.skills-img-l-mobile {
		width: 100%;
		max-width: 39.2rem;
	}
	.optimizer-feature-text {
		padding-top: 1.6rem;
		padding-bottom: 1.6rem;
	}
	.spring-rate-absolute {
		display: none;
		width: 100%;
		max-width: 22.9rem;
		height: 16.3rem;
		top: 0;
		left: 0;
	}
	.spring-rate-absolute-mobile {
		display: block;
		width: 100%;
		max-width: 15.9rem;
		height: 10.3rem;
		top: -3.15rem;
		left: 6.5rem;
	}
	.setups-2-mobile {
		height: 48rem;
	}
	.optimizer-car {
		height: auto;
	}
	.optimizer-btn {
		flex-direction: column;
	}
  /********************************************/
	/*********** Leaderboard Queries ***********/
	.podium-img {
		height: auto;
		padding-top: 4rem;
        padding-bottom: 6rem;
	}
  /********************************************/
	/*********** Overlay Queries ***********/
	.overlay-img {
		width: 101%;
		height: auto;
	}
  /********************************************/
	/*********** Pricing Page Queries ***********/
	.section-pricing {
		margin-top: 8rem;
	}
	.price-feature {
		grid-template-columns: repeat(3, 20rem);
	}
	.btn-ghost-l {
		width: 32rem;
	}
	.pricing-btn-last {
		justify-content: end;
		width: 79rem;
	}
	.pricing-table-scroll {
		width: 100%;
		max-width: 35rem;
		overflow-x: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.pricing-table-scroll::-webkit-scrollbar {
		display: none;
	}
	.pricing-p1 {
		flex-direction: column;
		align-items: center;
	}
	.pricing-table {
		gap: 2.4rem;
	}
	.pricing-placeholder {
		display: none;
	}
	.break {
		display: none;
	}
	  /********* SO Compatible Cars Queries *******/
 	.cars-table-top {
    	align-items: center !important;
    	flex-direction: column;
    	justify-content: center;
    	gap: 1rem;
  	}
  	.game-options {
    	align-items: end !important;
  	}
  	.compatible-car-wrapper {
    	justify-content: space-between;
    	width: 100%;
  	}
  	.acc-table table th:first-child {
    	width: 20rem;
  	}
  	.table-top-search,
  	.table-top-search input  {
    	max-width: none !important;
  	}
  /********************************************/
	/*********** Landing Page Queries ***********/
	.footer-mobile {
		flex-direction: column-reverse;
		gap: 6.4rem;
	}
	.footer-nav-links,
	.footer-bottom,
	.footer-right {
		flex-direction: column;
	}
	.footer-right {
		font-size: 1.6rem !important;
		gap: 4rem;
	}
	.footer-left {
		width: 100%;
		gap: 4rem;
		align-items: center;
	}
	.left-top {
		align-items: center;
		width: 100%;
		text-align: center;
	}
	.footer-bottom {
		align-items: center;
		gap: 2rem;
		text-align: center;
	}
	.btn-tertiary-l {
		width: 100%;
	}
	.static-bar {
		margin-bottom: 1rem;
	}
	.static-bar a {
		margin-bottom: 1rem;
		position: fixed;
		bottom: 0;
	}
	.feature-l-drive {
		flex-direction: column;
	}
	.feature-911-img,
	.feature-l-car {
		max-width: 32.4rem;
	}
	.feature-l-car {
		height: 20rem;
	}
	.feature-911-img {
		top: 3rem;
		left: -2rem;
	}
	.installer-games {
		height: 3.5rem;
	}
	.installer-p3-drive {
		gap: 4rem;
	}
	.width-helper {
		width: 100%;
	}
	.scroll-wrapper {
  		overflow-x: auto;
  		overflow-y: hidden;
  		width: 100%;           
	}
	.testimonial-bento-container {
  		width: max-content;
  		-ms-overflow-style: none;
  		scrollbar-width: none;
		margin: 0 2rem;
	}
	.scroll-wrapper::-webkit-scrollbar {
  		display: none;
	}
	.mobile-heading {
		display: block;
		font-family: 'Satoshi Bold';
		font-size: 1.6rem;
		font-weight: bold;
	}
	.desktop-heading {
		display: none;
	}
	.testimonial-right {
		flex-direction: row;
	}
	.testimonial-car-img,
	.testimonial-car-glow {
		display: none;
	}
	.testimonial-bento-l .testimonial {
		margin-bottom: 0;
	}
	.testimonial {
		gap: 0.8rem;
	}
	.testimonial-bento-l,
	.testimonial-bento-m,
	.testimonial-bento-s {
		width: 28.8rem;
		height: 28.9rem;
		padding: 1.6rem;
		border-radius: 2.4rem;
		background: linear-gradient(0deg, #1c1c1e, #101010);
	}
	.cta-box-home {
		padding: 3.2rem 2.4rem;
		text-align: center;
	}
	.games-main,
	.games-wrapper {
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		gap: 2.4rem;
	}
	.section-cta {
		margin-top: 10rem;
	}
	.section-setup-autoinstall,
	.trusted-by {
		margin-top: 8rem;
		margin-bottom: 8rem;
	}
	.feature-text {
		padding-top: 1.6rem;
		padding-bottom: 1.6rem;
	}
	h1 {
		font-size: 4.8rem;
		overflow-wrap: break-word;
	}
	h2 {
		font-size: 3.2rem;
	}
	.h2-l-font {
		font-size: 4.8rem;
	}
	.delta-box,
	.landing-lines,
	.header-regular,
	.car-badge {
		display: none;
	}
	.installer-line {
		width: 5.1rem;
	}
	.skills-img-l-fp {
		width: auto !important;
		left: -19rem;
		z-index: -1;
	}
	.games-70 {
		height: 2.4rem;
        display: flex;
        gap: 1.6rem;
	}
	.skills-feature-s {
		display: flex;
    	flex-direction: column;
    	justify-content: space-between;
		height: 43.1rem;
	}
	.skills-img-s {
		height: 23rem;
	}
}
/************************************/
/* FEATURE ANIMATION QUERIES  800PX */
@media screen and (max-width: 800px) {
	.installer-wrapper,
	.session-wrapper,
	.pressure-tool-wrapper,
	.fuel-slide-wrapper,
	.setup-optimizer-wrapper,
	.loader {
		scale: 0.65;
	}
	.circle-box {
		scale: 1.35;
	}
	.circle-wing {
		top: -3rem;
		left: -16.2rem;
	}
	.circle-front {
		top: 18.3rem;
		right: -2.9rem;
	}
	.circle-rear {
		top: 18.3rem;
		left: 5.3rem;
	}
	.front-car-box {
		top: 6.5rem;
		right: -18rem;
	}
	.rear-car-box {
		top: 28rem;
		left: 19rem;
	}
	.wing-lvl-box {
		bottom: 28.5rem;
		left: 2rem;
	}
	.session-data {
		top: -13.5rem;
		right: -18rem;
	}
	.session-lines {
		top: 20rem;
		left: -18.5rem;
	}
	.session-stats {
		top: -13rem;
		left: -14rem;
	}
	.psi-box {
		top: 29rem;
		left: 24rem;
	}
	.large-circle-box {
		top: 14.5rem;
		left: 1.4rem;
	}
	.fuel-box {
		top: 30.5rem !important;
		left: -14rem;
	}
	.fuel-needed {
		top: -12rem !important;
		right: -8rem;
	}
	.setup-wing-box {
		top: -14.3rem;
		left: -3rem;
	}
	.setup-spring-box {
		top: -1rem;
		right: -19rem;
	}
}
/* FEATURE ANIMATION QUERIES  700PX */
@media screen and (max-width: 700px) {
	.installer-wrapper,
	.session-wrapper,
	.pressure-tool-wrapper,
	.fuel-slide-wrapper,
	.setup-optimizer-wrapper,
	.loader,
	.overlay-slide-wrapper {
		scale: 0.6;
	}
	.loader {
		top: 11rem;
	}
	.circle-wing {
		top: -2rem;
		left: -18rem;
	}
	.circle-front {
		top: 17.8rem;
		right: -6rem;
	}
	.circle-rear {
		top: 17.8rem;
		left: -2rem;
	}
	.circle-wing-feature {
		top: 3rem;
		left: 0.1rem;
	}
	.circle-front-feature {
		top: 13.8rem;
		right: 6.5rem;
	}
	.circle-rear-feature {
		top: 13.8rem;
		left: 10.8rem;
	}
	.overlays-box-top {
    	left: 8.9rem;
    	top: 7.8rem;
	}
	.overlays-box-bot {
    	top: 32.5rem;
    	left: -19rem;
	}
}
/* FEATURE ANIMATION QUERIES  600PX */
@media screen and (max-width: 600px) {
	.side-911-img {
		top: 10rem;
		left: 0;
	}
	.side-911-img-feature {
		top: 7.5rem;
		left: 0;
	}
	.animation-container-features {
		height: 23rem;
	}
	.circle-wing-feature {
		top: 3.8rem;
		left: -0.5rem;
	}
	.circle-front-feature {
		top: 13.2rem;
		right: 5.5rem;
	}
	.circle-rear-feature {
		top: 13.3rem;
		left: 9.2rem;
	}
	.wing-lvl-box-feature,
	.rear-car-box-feature,
	.front-car-box-feature {
		scale: 0.6;
		text-align: left !important;
	}
	.wing-lvl-box-feature {
		top: 2.5rem;
		left: 6rem;
	}
	.rear-car-box-feature {
		top: 19rem;
		left: 13.5rem;
	}
	.front-car-box-feature {
		top: 8rem;
		right: -5rem;
	}
	.large-circle-box-feature {
		scale: 0.6;
		top: 9rem;
		left: 4.2em;
	}
	.psi-box-feature {
		scale: 0.6;
		top: 19rem;
		left: 19rem;
	}
	.session-data-feature {
		top: -15rem;
		right: -8rem;
		scale: 0.4;
	}
	.session-stats-feature {
		top: -12rem;
		left: -8rem;
		scale: 0.5;
	}
	.session-lines-feature {
		top: 1rem;
		left: -6rem;
		scale: 0.5;
	}
	.fuel-needed-feature {
		top: -16rem !important;
		right: 2.5rem;
		scale: 0.5;
	}
	.fuel-box-feature {
		top: 7rem !important;
		left: -7rem;
		scale: 0.5;
	}
	.setup-optimizer-wrapper-feature {
		left: 0;
		top: -2.5rem;
	}
	.setup-wing-box-feature {
		scale: 0.6;
		top: -4.2rem;
		left: 5rem;
	}
	.setup-spring-box-feature {
		scale: 0.6;
		top: 1.5rem;
		right: -7rem;
	}
	.overlays-box-top {
    	left: 6.5rem;
    	top: 6.5rem;
		scale: 0.6;
	}
	.overlays-box-bot {
    	top: 26.5rem;
    	left: -19rem;
    	scale: 0.8;
	}
}
/* FEATURE ANIMATION QUERIES  500PX */
@media screen and (max-width: 500px) {
	.installer-wrapper,
	.session-wrapper,
	.pressure-tool-wrapper,
	.fuel-slide-wrapper,
	.setup-optimizer-wrapper,
	.loader,
	.overlay-slide-wrapper {
		scale: 0.5;
	}
	.installer-wrapper-feature,
	.setup-optimizer-wrapper-feature {
		scale: 0.7;
	}
	.circle-wing {
		top: 0.5rem;
		left: -20.2rem;
	}
	.circle-front {
		top: 16.5rem;
		right: -10.5rem;
	}
	.circle-rear {
		top: 16.5rem;
		left: -4rem;
	}
	.large-circle-box {
		top: 11.5rem;
		left: -8rem;
	}
	.circle-wing-feature {
		top: 2.7rem;
		left: -9rem;
	}
	.circle-front-feature {
		top: 14rem;
		right: -2.5rem;
	}
	.circle-rear-feature {
		top: 14rem;
		left: 2.1rem;
	}
	.wing-lvl-box-feature {
		top: 1.5rem;
		left: -0.5rem;
	}
	.rear-car-box-feature {
		top: 20rem;
		left: 7.2rem;
	}
	.front-car-box-feature {
		top: 8rem;
		right: -14rem;
	}
	.large-circle-box-feature {
		scale: 0.5;
		top: 8.3rem;
		left: 2rem;
	}
	.psi-box-feature {
		scale: 0.5;
		top: 17rem;
		left: 14.5rem;
	}
	.fuel-needed-feature {
		top: -17rem !important;
		right: 0.6rem;
	}
	.fuel-box-feature {
		top: 6rem !important;
		left: -8rem;
	}
	.setup-wing-box-feature {
		scale: 0.5;
		top: -4.7rem;
		left: -5rem;
	}
	.setup-spring-box-feature {
		scale: 0.5;
		top: 1rem;
		right: -15rem;
	}
	.overlays-box-top {
    	left: 6.5rem;
    	top: 6.9rem;
	}
	.overlays-box-bot {
    	top: 24.5rem;
    	left: -21rem;
    	scale: 0.8;
	}
}
/* FEATURE ANIMATION QUERIES  400PX */
@media screen and (max-width: 438px) {
	.installer-wrapper,
	.session-wrapper,
	.pressure-tool-wrapper,
	.fuel-slide-wrapper,
	.setup-optimizer-wrapper,
	.loader,
	.overlay-slide-wrapper {
		scale: 0.4;
	}
	.circle-wing {
		top: -1rem;
		left: -26rem;
	}
	.circle-front {
		top: 16.5rem;
		right: -15.5rem;
	}
	.circle-rear {
		top: 16.5rem;
		left: -8.6rem;
	}
	.circle-wing-feature {
		top: 3.5rem;
		left: -8.5rem;
	}
	.circle-front-feature {
		top: 13.5rem;
		right: -2.8rem;
	}
	.circle-rear-feature {
		top: 13.5rem;
		left: 1.3rem;
	}
	.front-car-box {
		top: 6.5rem;
		right: -30rem;
	}
	.rear-car-box {
		top: 25rem;
		left: 1rem;
	}
	.wing-lvl-box {
		bottom: 26.5rem;
		left: -13rem;
	}
	.session-stats {
		top: -13rem;
		left: -29rem;
	}
	.session-lines {
		top: 20rem;
		left: -32.5rem;
	}
	.session-data {
		top: -13.5rem;
		right: -31rem;
	}
	.psi-box {
		top: 26rem;
		left: 3rem;
	}
	.large-circle-box {
		top: 12.6rem;
		left: -13rem;
	}
	.fuel-needed {
		top: -12rem !important;
		right: -21rem;
	}
	.fuel-box {
		top: 27.5rem !important;
		left: -31rem;
	}
	.setup-wing-box {
		top: -12.3rem;
		left: -15rem;
	}
	.setup-spring-box {
		top: -2rem;
		right: -29rem;
	}
	.wing-lvl-box-feature {
		top: 3rem;
		left: -1rem;
	}
	.rear-car-box-feature {
		top: 19rem;
		left: 5.2rem;
	}
	.front-car-box-feature {
		top: 8rem;
		right: -14rem;
	}
	.large-circle-box-feature {
		scale: 0.4;
		top: 7.8rem;
		left: 0.8rem;
	}
	.psi-box-feature {
		scale: 0.4;
		top: 16.5rem;
		left: 11.5rem;
	}
	.session-data-feature {
		top: -13.5rem;
		right: -12rem;
		scale: 0.3;
	}
	.session-stats-feature {
		top: -10rem;
		left: -10rem;
		scale: 0.4;
	}
	.session-lines-feature {
		top: -0.5rem;
		left: -8rem;
		scale: 0.4;
	}
	.fuel-needed-feature {
		top: -15.5rem !important;
		right: -0.5rem;
		scale: 0.4;
	}
	.fuel-box-feature {
		top: 5rem !important;
		left: -10rem;
		scale: 0.4;
	}
	.setup-wing-box-feature {
		scale: 0.5;
		top: -4rem;
		left: -5rem;
	}
	.setup-spring-box-feature {
		scale: 0.5;
		top: 2rem;
		right: -15rem;
	}
	.overlays-box-top {
    	left: 5.2rem;
    	top: 7.5rem;
	}
	.overlays-box-bot {
    	top: 22.5rem;
    	left: -26rem;
    	scale: 0.8;
	}

}
/* FEATURE ANIMATION QUERIES  400PX */
@media screen and (max-width: 425px) {
	.installer-wrapper,
	.session-wrapper,
	.pressure-tool-wrapper,
	.fuel-slide-wrapper,
	.setup-optimizer-wrapper,
	.loader,
	.overlay-slide-wrapper {
		scale: 0.4;
	}
	.installer-wrapper-feature,
	.setup-optimizer-wrapper-feature {
		scale: 0.6;
	}
	.circle-wing {
		top: -1rem;
		left: -26rem;
	}
	.circle-front {
		top: 16.5rem;
		right: -15.5rem;
	}
	.circle-rear {
		top: 16.5rem;
		left: -8.6rem;
	}
	.large-circle-box {
		top: 11rem;
		left: -13rem;
	}
	.circle-wing-feature {
		top: 3rem;
		left: -12rem;
	}
	.circle-front-feature {
		top: 14rem;
		right: -5.8rem;
	}
	.circle-rear-feature {
		top: 14rem;
		left: -1rem;
	}
	.wing-lvl-box-feature {
		top: 2rem;
		left: -3.5rem;
	}
	.rear-car-box-feature {
		top: 20rem;
		left: 4rem;
	}
	.front-car-box-feature {
		top: 8rem;
		right: -18rem;
	}
	.large-circle-box-feature {
		scale: 0.4;
		top: 7.8rem;
		left: 0.3rem;
	}
	.psi-box-feature {
		scale: 0.4;
		top: 16.5rem;
		left: 10.5rem;
	}
	.setup-wing-box-feature {
		scale: 0.4;
		top: -4rem;
		left: -8rem;
	}
	.setup-spring-box-feature {
		scale: 0.5;
		top: 2.5rem;
		right: -19rem;
	}
}
/* FEATURE ANIMATION QUERIES  300PX */
@media screen and (max-width: 390px) {
	.loader {
		top: 11.5rem;
	}
	.circle-wing {
		top: 0;
		left: -24.2rem;
	}
	.circle-front {
		top: 16rem;
		right: -14.5rem;
	}
	.circle-rear {
		top: 16rem;
		left: -8.2rem;
	}
	.large-circle-box {
		top: 11rem;
		left: -13rem;
	}
	.circle-wing-feature {
		top: 3.5rem;
		left: -11.7rem;
	}
	.circle-front-feature {
		top: 13.3rem;
		right: -5.5rem;
	}
	.circle-rear-feature {
		top: 13.4rem;
		left: -1.2rem;
	}
	.wing-lvl-box-feature {
		top: 3rem;
		left: -3.5rem;
	}
	.rear-car-box-feature {
		top: 19rem;
		left: 2.8rem;
	}
	.front-car-box-feature {
		top: 9rem;
		right: -18rem;
	}
	.large-circle-box-feature {
		scale: 0.4;
		top: 7.5rem;
		left: -0.5rem;
	}
	.psi-box-feature {
		scale: 0.4;
		top: 15.5rem;
		left: 9.5rem;
	}
	.fuel-needed-feature {
		top: -15.5rem !important;
		right: -1.4rem;
	}
	.fuel-box-feature {
		top: 4rem !important;
		left: -11rem;
	}
}
/* FEATURE ANIMATION QUERIES  300PX */
@media screen and (max-width: 375px) {
	.circle-wing {
		top: 1rem;
		left: -23.2rem;
	}
	.circle-front {
		top: 15.5rem;
		right: -14.4rem;
	}
	.circle-rear {
		top: 15.5rem;
		left: -8rem;
	}
	.circle-wing-feature {
		top: 4rem;
		left: -11rem;
	}
	.circle-front-feature {
		top: 13rem;
		right: -5.4rem;
	}
	.circle-rear-feature {
		top: 13rem;
		left: -1.5rem;
	}
	.large-circle-box-feature {
		scale: 0.4;
		top: 7.3rem;
		left: -0.8rem;
	}
	.psi-box-feature {
		scale: 0.4;
		top: 15.5rem;
		left: 9.5rem;
	}
	.session-data-feature {
		top: -13.5rem;
		right: -12rem;
		scale: 0.2;
	}
	.session-stats-feature {
		top: -10rem;
		left: -10rem;
		scale: 0.3;
	}
	.session-lines-feature {
		top: -0.5rem;
		left: -8rem;
		scale: 0.3;
	}
	.fuel-needed-feature {
		top: -14.5rem !important;
		right: -1.3rem;
		scale: 0.3;
	}
	.fuel-box-feature {
		top: 4rem !important;
		left: -11rem;
		scale: 0.3;
	}
	.overlays-box-top {
    	left: 2.5rem;
    	top: 8rem;
		scale: 0.4;
	}
	.overlays-box-bot {
    	top: 19.5rem;
    	left: -21rem;
    	scale: 0.8;
	}

}