@media (max-width: 1399px) {}

@media (max-width: 1199px) {
	.footer__contact a {
		justify-content: center;
	}
}

@media (max-width: 991px) {
	.btn-mobile-menu {
		position: relative;
		z-index: 10;
		cursor: pointer;
	}

	.btn-mobile-menu span {
		background: var(--blue);
		display: block;
		width: 28px;
		height: 4px;
		margin-bottom: 7px;
		border-radius: 2px;
	}

	.btn-mobile-menu span:first-child {
		position: relative;
		top: 0;
		-webkit-transition: top .3s .3s, transform .3s 0s;
		-webkit-transition: top .3s .3s, -webkit-transform .3s 0s;
		transition: top .3s .3s, -webkit-transform .3s 0s;
		transition: top .3s .3s, transform .3s 0s;
		transition: top .3s .3s, transform .3s 0s, -webkit-transform .3s 0s;
	}

	.btn-mobile-menu span:nth-child(2) {
		opacity: 1;
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
	}

	.btn-mobile-menu span:last-child {
		margin-bottom: 0;
		position: relative;
		top: 0;
		-webkit-transition: top .3s .3s, transform .3s 0s;
		-webkit-transition: top .3s .3s, -webkit-transform .3s 0s;
		transition: top .3s .3s, -webkit-transform .3s 0s;
		transition: top .3s .3s, transform .3s 0s;
		transition: top .3s .3s, transform .3s 0s, -webkit-transform .3s 0s;
	}

	.btn-mobile-menu.opened span:first-child {
		top: 11px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: top .3s 0s, transform .3s .3s;
		-webkit-transition: top .3s 0s, -webkit-transform .3s .3s;
		transition: top .3s 0s, -webkit-transform .3s .3s;
		transition: top .3s 0s, transform .3s .3s;
		transition: top .3s 0s, transform .3s .3s, -webkit-transform .3s .3s;
	}

	.btn-mobile-menu.opened span:nth-child(2) {
		opacity: 0;
	}

	.btn-mobile-menu.opened span:last-child {
		top: -11px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: top .3s 0s, transform .3s .3s;
		-webkit-transition: top .3s 0s, -webkit-transform .3s .3s;
		transition: top .3s 0s, -webkit-transform .3s .3s;
		transition: top .3s 0s, transform .3s .3s;
		transition: top .3s 0s, transform .3s .3s, -webkit-transform .3s .3s;
	}

	.header__menu {
		position: fixed;
		display: block;
		top: 0;
		left: -335px;
		background-color: var(--blue);
		width: 335px;
		box-shadow: -1px 3px 5px rgba(0, 0, 0, .2);
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-transition: left .3s 0s;
		transition: left .3s 0s;
		z-index: 100;
		height: 100%;
		padding: 20px 25px 30px;
	}

	.header__menu.opened {
		left: 0;
	}

	.header {
		padding: 15px 0;
	}

	.header__menu ul.menu {
		flex-direction: column;
		align-items: start;
	}

	.header__menu ul.menu li+li {
		margin-left: 0;
		margin-top: 15px;
	}

	.header__menu ul.menu li a {
		color: var(--white);
	}

	.header__menu ul.menu li a:hover {
		color: var(--blue-light);
	}

	.header__logo {
		max-width: 320px;
	}

	.banner {
		padding-top: 135px;
	}

	.banner__title {
		letter-spacing: normal;
	}

	.banner__label {
		font-size: 44px;
	}

	.about {
		background-position: calc(50% + 400px) calc(100% + 533px);
	}

	.achievement,
	.team,
	.contact,
	.branche,
	.footer {
		padding: 50px 0;
	}

	.branche__title {
		margin-bottom: 1rem;
	}

	.footer__logo {
		margin: 0 auto;
	}

	.team-item__content {
		flex-direction: column;
		align-items: center;
	}

	.team-item__name {
		width: 100%;
	}

	.team-item__btn {
		margin-left: 0;
		margin-top: 10px;
	}

	.header__menu .header__social {
		margin-top: 30px;
	}

	.header__menu .header__phone {
		margin-top: 30px;
	}

	.header__menu .header__phone a {
		color: var(--white);
	}
}

@media (max-width: 767px) {
	.section-title {
		font-size: 36px;
	}
	.header__menu {
		left: -100vw;
		width: calc(100vw - 70px);
	}
}

@media (max-width: 575px) {
	.section-title {
        font-size: 22px;
    }
	.team__slider {
		padding: 0 40px;
	}

	.team__slider .slick-prev {
		left: 0;
	}

	.team__slider .slick-next {
		right: 0;
	}

	#map {
		height: 300px;
	}

	.btn,
	input[type=submit],
	.contact__btn .btn {
		padding: 20px 15px;
	}

	.contact__btn .btn,
	.banner__btn .btn {
		width: 100%;
	}

	.header__menu {
		left: -100vw;
		width: calc(100vw - 50px);
	}
}