@media all and (max-width: 1400px) {
	h1, .h1 {
		font-size: 36px;
	}
	.branding img {
		max-width: 220px;
	}
	.simple-solutions {
		font-size: 19px;
	}
	.advantages-text {
		font-size: 18px;
		padding-right: 20px;
	}
	.services-noty {
		padding: 20px 0px 0px 30%;
	}
	.accordion-flush .accordion-item {
		margin: 0px;
	}
	.footer-contacts p {
		font-size: 24px;
	}
	.footer-logo {
		max-width: 250px;
	}
	.footer-menu ul li a {
		font-size: 16px;
	}
	.copyright {
		font-size: 16px;
	}
}

@media all and (max-width: 1200px) {
	h1, .h1 {
		font-size: 28px;
	}
	h2, .h2 {
		font-size: 28px;
	}
	.burger {
		display: none;
	}
	.navbar-expand-lg .navbar-nav li:not(:last-child) {
		margin-right: 0px;
	}
	.branding img {
		max-width: 180px;
		margin-left: 0px;
	}
	.simple-solutions {
		font-size: 18px;
		padding: 0px 50px;
		top: 70px;
	}
	.sales-text {
		padding: 50px 70px;
		width: 56%;
		font-size: 18px;
	}
	.advantages-text {
		font-size: 16px;
	}
	.advantages-pic {
		width: 50%;
	}
	.advantages-pic img {
		max-width: 100%;
		height: auto;
	}
	.services-noty {
		padding-left: 0px;
	}
	.footer-logo {
		max-width: 200px;
	}
	.footer-menu ul li a,
	.copyright {
		font-size: 14px;
	}
}

@media all and (max-width: 960px) {
	#page {
		background-size: 1024px;
	}
	h1, .h1 {
		font-size: 24px;
	}
	h2, .h2 {
		font-size: 24px;
	}
	h3, .h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	#header {
		top: 35px;
	}
	.navbar-toggler {
		border: 0px;
		box-shadow: unset !important;
		outline: none !important;
	}
	.navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	.offcanvas {
		background: #211d69;
	}
	.simple-solutions {
		font-size: 15px;
		padding: 50px 20px;
		top: 70px;
		height: auto;
	}
	.sales-text {
		padding: 20px 30px;
		width: 50%;
		font-size: 14px;
	}
	.advantages-item {
		padding: 30px 40px;
	}
	.float-btn,
	#services .col-lg-6 .float-btn,
	.advantages-item .float-btn {
		justify-content: center;
	}
	#services .col-lg-6:last-child {
		padding-top: 30px;
	}
	.box-border {
		padding: 30px 40px;
	}
	.doc-item span em {
		font-size: 14px;
	}
	.demo-logo {
		padding-bottom: 20px;
	}
	#contact p {
		font-size: 18px;
	}
	#footer::before {
		background-size: contain;
	}
	.footer-logo {
		max-width: 150px;
	}
	.footer-contacts p {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.social {
		margin-bottom: 40px;
	}
	.copyright {
		max-width: 200px;
		margin-left: auto;
	}
	.modal .form-wrapper {
		padding-left: 0px;
	}
	#feedbackModal .form-wrapper:before,
	.modal .form-wrapper:before {
		display: none;
	}
	.modal-header .btn-close {
		top: 15px;
		right: 15px;
	}
}

@media all and (max-width: 767px) {
	#about .container {
		display: flex;
		flex-wrap: wrap;
	}
	.simple-solutions {
		position: relative;
		top: 0px;
		width: 100%;
		left: 0px;
		margin-top: 20px;
		order: 2;
		padding: 30px 20px;
	}
	.sales-text {
		width: 100%;
	}
	h1, .h1,
	h2, .h2 {
		font-size: 21px;
		text-align: center;
		margin-bottom: 20px;
	}
	#page {
		background-size: 768px;
	}
	.advantages-item h2 {
		order: 1;
	}
	.advantages-pic {
		order: 2;
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.advantages-text {
		order: 3;
		width: 100%;
		padding: 15px 0px 0px 0px;
	}
	.advantages-item .float-btn {
		order: 4;
	}
	.advantages-item {
		padding: 30px;
		margin-top: 50px;
	}
	.advantages-text span {
		font-size: 18px;
	}
	.wrapper {
		padding-top: 50px;
	}
	.box-border {
		padding: 30px;
	}
	.accordion-flush .accordion-item button span {
		padding-left: 0px;
	}
	.doc-item {
		margin-bottom: 20px;
	}
	.doc-item span {
		padding-top: 15px;
	}
	.footer-logo img,
	.demo-logo img {
		max-width: 150px;
	}
	#footer {
		padding: 50px 0px;
	}
	#footer .container {
		flex-wrap: wrap;
	}
	.footer-logo {
		max-width: 100%;
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	.footer-menu {
		width: 50%;
		text-align: center;
	}
	.footer-contacts {
		text-align: center;
		width: 100%;
	}
	.social {
		justify-content: center;
	}
	.social a {
		margin: 0px 15px;
	}
	.copyright {
		max-width: 200px;
		margin: 0px auto;
	}
	#contact {
		text-align: center;
	}
	.modal-body {
		padding: 40px 20px 20px 20px;
	}
	.modal-title {
		font-size: 22px;
		padding: 0px 40px 15px 30px;
	}
	.form-policy {
		text-align: center;
	}
	.form-action {
		justify-content: center;
	}
}