.main-wrapper .close-trigger.close-contact {
	left: auto;
	right: -6.2rem;
    transition: transform 0.2s linear, right 0.3s linear;
}

.main-wrapper.opens-contact .close-trigger.close-contact {
	left: auto;
	right: 70.8rem;
}

.main-wrapper .close-trigger.close-about {
	right: auto;
	left: -6.2rem;
    transition: transform 0.2s linear, left 0.3s linear;
}

.main-wrapper.opens-about .close-trigger.close-about {
	right: auto;
	left: 70.8rem;
}

.scroll-bottom {
	right: auto;
	left: 3rem;
}

.scroll-bottom.to-up::after {
    transform: rotate(-180deg);
}

.main-wrapper .contact-side {
	left: auto;
	right: -77rem;
	transition: right 0.3s linear;
}

.main-wrapper.opens-contact .contact-side {
	left: auto;
	right: 0;
}

.main-wrapper .right-side {
	left: auto;
	right: 0;
	margin-right: 0;
	transition: margin-right 0.3s linear, filter 0.3s linear;
}

.main-wrapper.opens-contact .right-side {
	margin-left: 0;
	margin-right: 77rem;
}

.main-wrapper.opens-about .right-side {
	margin-left: 0;
	margin-right: -77rem;
}

.countdown {
	padding-right: 0;
}

.countdown li:first-child {
	padding-left: 5rem;
	padding-right: 0;
}

.countdown li:last-child {
	padding-right: 5rem;
	padding-left: 0;
}

.countdown li::before {
	left: auto;
	right: 0;
}

.main-wrapper .right-side form {
	margin-left: 0;
	margin-right: 14rem;
}

.main-wrapper .right-side .trigger-parent > ul {
	padding-right: 0;
}

.main-wrapper .right-side .trigger-parent > ul > li + li {
	margin-left: 0;
	margin-right: 7rem;
}

.main-wrapper .right-side .trigger-parent > ul > li.dropdown > ul.dropdown-menu {
  	right: auto;
  	left: 0;
}

.main-wrapper .about-side {
	right: auto;
	left: -77rem;
	transition: left 0.3s linear;
}

.main-wrapper.opens-about .about-side {
	right: auto;
	left: 0;
}

@media (max-width: 960px) {
	.main-wrapper .right-side form {
		margin-right: calc(50vw - 325px);
	}
}

@media (max-width: 800px) {
	.main-wrapper .close-trigger.close-contact {
		left: auto;
		right: -5.6rem;
	}
	.main-wrapper.opens-contact .close-trigger.close-contact {
		left: auto;
		right: calc(100vw - 56px);
	}
	.main-wrapper .close-trigger.close-about {
		right: auto;
		left: -5.6rem;
	}
	.main-wrapper.opens-about .close-trigger.close-about {
		right: auto;
		left: calc(100vw - 56px);
	}
	.main-wrapper .contact-side {
		left: auto;
		right: -100%;
	}
	.main-wrapper.opens-contact .right-side {
		margin-left: 0;
		margin-right: 100%;
	}
	.main-wrapper.opens-about .right-side {
		margin-left: 0;
		margin-right: -100%;
	}
	.countdown li:first-child {
		padding-left: 3.5rem;
	}
	.countdown li:last-child {
		padding-right: 3.5rem;
	}
	.main-wrapper .right-side .trigger-parent > ul > li + li {
		margin-right: 6.2rem;
	}
	.main-wrapper .about-side {
		right: auto;
		left: -100%;
	}
}

@media (max-width: 650px) {
	.main-wrapper .right-side form {
		margin-right: 0;
	}
}

@media (max-width: 480px) {
	.main-wrapper .close-trigger.close-contact {
		left: auto;
		right: -4.8rem;
	}
	.main-wrapper.opens-contact .close-trigger.close-contact {
		left: auto;
		right: calc(100vw - 48px);
	}
	.main-wrapper .close-trigger.close-about {
		right: auto;
		left: -4.8rem;
	}
	.main-wrapper.opens-about .close-trigger.close-about {
		right: auto;
		left: calc(100vw - 48px);
	}
	.countdown li:first-child {
		padding-left: 2rem;
	}
	.countdown li:last-child {
		padding-right: 2rem;
	}
	.main-wrapper .right-side .trigger-parent > ul > li + li {
		margin-right: 1rem;
	}
	.main-wrapper .right-side .trigger-parent > ul > li:not(.dropdown) + li:not(.dropdown) {
		margin-left: 0;
		margin-right: 2rem;
	}
}

@media (max-width: 420px) {
	.countdown li:first-child {
	    padding-right: 2rem;
	}
	.countdown li:last-child {
	    padding-left: 2rem;
	}
}