@media all and (max-width: 1120px) {

	.top-header {
		padding: 1rem;
	}

	.row,
	.row.intro-transparent-bg {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.home .bottom-header .header-flex {
		border-radius: 0;
		bottom: 0;
		margin: 0;
	}

	.main-nav {
		padding: 0;
	}

	.home-slider-controls {
		display: none;
	}

	.slide-content {
		padding: 1rem;
		text-align: center;
		background: rgba(0,0,0,.5);
	}

	.slide-title {
		font-size: 2.5rem;
	}

	.slide-subtitle {
		max-width: 100%;
		font-size: 1.5rem;
	}

	.btns-wrapper {
		margin: 2rem auto 0;
	}

	.home-slide .btn {
		padding: 1rem;
	}

}

@media all and (max-width: 1000px) {

	.row-title,
	.row-title.left,
	.row-title.right {
		text-align: center;
	}

	.row.intro-transparent-bg,
	.row.jarallax {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.row {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.home .bottom-header .header-flex,
	.header-flex {
		padding: .25rem;
	}

	.nav-link {
		font-size: 14px;
	}

	.row-title {
		margin-bottom: 2rem;
	}

	.row-title .main {
		font-size: 1.5rem;
	}

	.intro {
		max-width: 100%;
	}

	.about-aside-btns {
		position: initial;
		transform: initial;
		margin-top: 2rem;
	}

	.pricing-table + .pricing-table {
		margin-top: 1rem;
	}

	.pricing-table-header {
		display: none;
	}

	.pricing-table-row {
		flex-direction: column;
		align-items: flex-start;
		padding: .5rem;
		border-radius: 5px;
	}

	.pricing-table-cell {
		padding: .5rem;
		flex-grow: 1;
		width: 100%;
		flex-direction: row;
		justify-content: flex-start;
	}

	.pricing-table-cell span {
		font-weight: bold;
		color: #333;
		font-size: 1.2rem;
	}

	.pricing-table-cell.pricing-table-cell-tier {
		flex: initial;
		border: 0;
	}

	.mobile-pricing-table-header {
		display: initial;
		margin-right: .5rem;
		color: #e66803;
		font-size: 1rem;
		flex: 0 0 180px;
	}

	.pricing-table-cell.pricing-table-cell-description {
		text-align: left;
	}

	.pricing-table-price-hint {
		margin: 0 .5rem 0 0;
	}

	.contacts-wrapper {
		flex-wrap: wrap;
	}

	.contact-page-section {
		flex: 0 0 50%;
	}

	.contact-page-section:nth-of-type(3) {
		flex: 0 0 100%;
		margin-top: 2rem;
	}

	.top-footer {
		padding: 1rem;
	}

}

@media all and (max-width: 820px) {

	.logo {
		flex: 0 0 120px;
	}

	.main-nav {
		flex: 1;
		justify-content: flex-end;
	}

	.header-cta-wrapper {
		order: 1;
		margin-left: 0;
		margin-right: 1rem;
	}

	.mobile-nav-trigger {
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		order: 2;
		margin-right: .5rem;
		background: #ff7302;
		color: #fff;
		width: 44px;
		height: 38px;
		border-radius: 3px;
	}

	.mobile-nav-trigger .icon {
		width: 24px;
		height: 24px;
	}

	.mobile-nav {
		position: absolute;
		order: 3;
		flex-direction: column;
		width: 100%;
		background: #ff7302;
		top: 124px;
		left: 0;
		padding: 0 .5rem;
		overflow: hidden;
		max-height: 0;
		opacity: 1;
		transition: all .3s ease-in-out;
		border-top: 2px solid transparent;
	}

	.stuck .mobile-nav {
		top: 53px;
	}

	.home .mobile-nav {
		top: 61px;
	}

	.mobile-nav-opened .mobile-nav {
		padding-top: .5rem;
		padding-bottom: .5rem;
		opacity: 1;
		max-height: 200px;
		box-shadow: 0 10px 10px -5px rgba(0,0,0,.25);
		border-color: #ca5f09;
	}

	.nav-li {
		width: 100%;
	}

	.nav-link {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: flex-end;
		color: #fff;
		font-size: 1rem;
		padding: .5rem;
	}

	.nav-link:hover,
	.nav-link:focus {
		color: #fff;
		background: rgba(0,0,0,.1);
	}

	.home-slider-banner {
		height: 500px;
	}

	.page-banner {
		padding: 1rem;
	}

	.slide-title {
		font-size: 2rem;
	}

	.slide-subtitle {
		font-size: 1.2rem;
	}

	.features {
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.feature {
		flex: 0 0 48%;
	}

	.gallery-item {
		flex: 0 0 48%;
	}

	.btns-wrapper {
		flex-direction: column;
	}

	.btns-wrapper .btn + .btn {
		margin: 1rem 0 0 0;
	}

	.footer-flex {
		flex-direction: column;
		line-height: 1.5;
	}

	.footer-logo {
		display: none;
	}

	.bottom-footer .socials-bar {
		margin: 0 0 .5rem;
	}

}

@media all and (max-width: 550px) {

	.top-header {
		padding: .5rem;
	}

	.top-header .header-flex {
		flex-direction: column;
		padding: 0;
	}

	.top-header .socials-bar {
		margin-bottom: .25rem;
	}

	.contact-link-wrapper span {
		display: none;
	}

	.contact-link {
		font-size: 1rem;
		font-weight: normal;
	}

	.gallery-item {
		flex: 0 0 49%;
		height: 200px;
		margin-bottom: .5rem;
	}

	.contact-page-section {
		flex: 0 0 100%;
	}

	.contact-page-section + .contact-page-section {
		margin-top: 2rem;
	}

	.contact-page-section .contact-row {
		align-items: flex-start;
	}

}