@media screen and (max-width: 1680px) {
	.intro-services {
		margin-left: 15px;
	}
	
	.intro-social {
		display: none;
	}
} /*1680*/

@media screen and (max-width: 1440px) {
	.home .header .wrap {
		max-width: 1280px;
		padding: 0 15px;
	}
	
	.header-nav {
		margin-left: 100px;
	}
} /*1440*/

@media screen and (max-width: 1280px) {
	.intro {
		height: 720px;
	}
	
	.intro-next-slide {
		-webkit-transform: translate(-258px, -50%);
				transform: translate(-258px, -50%);
		width: 900px;
		height: 506px;
	}
	
	.intro-slide {
		width: 900px;
		height: 506px;
	}
} /*1280*/

@media screen and (max-width: 1170px) {
	.header {
		padding-right: 71px;
	}
	
	.logo {
		fill: #323232;
	}
	
	.menu-open {
		position: fixed;
		z-index: 10;
		top: 30px;
		right: 15px;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
				flex-direction: column;
		-webkit-align-items: center;
				align-items: center;
	}
	
	.home .menu-open {
		color: #fff;
	}

	.menu-open.fixed {
		right: 15px;
	}
	
	.home .menu-open.fixed {
		color: #6C6C6C;
	}
	
	.header-nav {
		display: none;
	}
	
	.blog .medium-widget-article__content {
		margin-top: -40px;
	}
	
	.menu-close {
		right: 15px;
	}
}

@media screen and (max-width: 1024px) {
	.section {
		padding: 80px 0;
	}
	
	.section-title {
		margin-bottom: 10px;
	}
	
	.section-description {
		margin-bottom: 50px;
	}
	
	.intro {
		height: 770px;
	}
	
	.intro-title {
		max-width: 500px;
		font-size: 40px;
	}
	
	.intro-services-item.active {
		font-size: 22px;
	}
	
	.intro-services-item.active span::before {
		height: 50px;
	}
	
	.scrolldown {
		display: none;
	}
	
	.services-title {
		margin-bottom: 50px;
		width: 100%;
		border: none;
		padding: 0;
		-webkit-justify-content: flex-start;
				justify-content: flex-start;
	}
	
	.service {
		margin-bottom: 40px;
		width: calc((100% - 60px) / 2);
		border: none;
		padding: 0;
	}
	
	.service:nth-child(8),
	.service:nth-child(9) {
		margin: 0;
	}
	
	.service-icon {
		margin-bottom: 15px;
	}
	
	.partner {
		width: calc(100% / 3);
	}
	
	.partner:nth-child(4n) {
		border-right: 2px solid rgba(42, 42, 42, 0.1);
	}
	
	.partner:nth-child(3n) {
		border-right: none;
	}
	
	.partner:nth-child(9) {
		border-bottom: 2px solid rgba(42, 42, 42, 0.1);
	}
	
	.blog .section-title {
		margin: 0 auto 10px;
		max-width: 494px;
	}
	
	.blog .section-description {
		margin: 0 auto 50px;
		max-width: 494px;
	}
	
	.blog .medium-widget-article__row {
		-webkit-flex-direction: column;
				flex-direction: column;
		-webkit-align-items: center;
				align-items: center;
	}
	
	.blog .medium-widget-article__item {
		margin: 0 0 40px;
		max-width: 494px;
	}
	
	.contact {
		padding: 80px 0;
	}
	
	.contact-value.link {
		border: none;
		cursor: text;
	}

	.contact-title {
		margin: 0 auto 50px;
		max-width: 494px;
	}
	
	.contact-container {
		-webkit-flex-direction: column;
				flex-direction: column;
		-webkit-align-items: center;
				align-items: center;
	}
	
	.contact-left {
		margin-bottom: 30px;
		width: 100%;
		max-width: 494px;
	}
	
	.map-mobile {
		display: block;
	}
	
	.feedback {
		width: 100%;
		max-width: 494px;
	}
	
	.feedback-title {
		margin-bottom: 70px;
		font-size: 50px;
		line-height: 1.1;
		font-family: 'Spartan-SemiBold';
	}
	
	.input {
		margin-bottom: 50px;
	}
	
	.footer-primary {
		-webkit-justify-content: space-between;
				justify-content: space-between;
	}
	
	.footer-col {
		margin: 0;
	}
}

@media screen and (max-width: 750px) {
	.header-tel {
		display: none;
	}
	
	.intro {
		padding: 180px 0 80px;
		height: auto;
	}
	
	.intro-services-item {
		font-size: 16px;
	}

	.intro-services-item.active {
		font-size: 20px;
	}
	
	.intro-next-slide {
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	
	.intro-slide {
		top: 0;
		-webkit-transform: translateX(200%);
				transform: translateX(200%);
	}

	.intro-slide.active {
		-webkit-transform: translateX(0);
				transform: translateX(0);
	}
	
	.menu-nav {
		width: 100%;
	}
	
	.menu-contact {
		display: none;
	}
	
	.service {
		width: calc((100% - 40px) / 2);
	}
	
	.partner {
		width: 50%;
	}
	
	.partner:nth-child(3n) {
		border-right: 2px solid rgba(42, 42, 42, 0.1);
	}
	
	.partner:nth-child(2n) {
		border-right: none;
	}
	
	.partner:nth-child(10) {
		border-bottom: 2px solid rgba(42, 42, 42, 0.1);
	}
	
	.footer {
		text-align: center;
	}
	
	.footer-logo {
		margin: 0 auto 30px;
	}
	
	.footer-primary {
		-webkit-flex-direction: column;
				flex-direction: column;
	}
	
	.footer-col {
		margin-top: 60px;
	}
	
	.modal-thank {
		padding-bottom: 40px;
	}
}

@media screen and (max-width: 480px) {
	h1, h2 {
		font-size: 40px;
	}
	
	.section {
		padding: 60px 0;
	}
	
	.section-description {
		margin-bottom: 40px;
	}
	
	.intro-title {
		max-width: 360px;
		font-size: 30px;
	}
	
	.intro-services-item {
		font-size: 14px;
	}

	.intro-services-item.active {
		font-size: 18px;
	}
	
	.services-title {
		margin-bottom: 40px;
	}
	
	.services .wrap-items {
		-webkit-flex-direction: column;
				flex-direction: column;
	}
	
	.service {
		width: 100%;
	}
	
	.service:nth-child(8) {
		margin-bottom: 40px;
	}
	
	.partner,
	.partner:nth-child(3n),
	.partner:nth-child(4n) {
		width: 100%;
		border-right: none;
	}
	
	.partner:nth-child(8) {
		border: none;
	}
	
	.partner:nth-child(9),
	.partner:nth-child(10),
	.partner:nth-child(11),
	.partner:nth-child(12){
		display: none;
	}
	
	.blog::before {
		height: 340px;
	}
	
	.blog .section-description {
		margin-bottom: 40px;
	}
	
	.contact-title {
		margin-bottom: 40px;
	}
	
	.map-mobile {
		margin-bottom: 120px;
	}
	
	.feedback-title {
		margin-bottom: 40px;
		font-size: 40px;
	}
	
	.menu-head {
		margin-bottom: 60px;
	}
	
	.modal-thank {
		padding: 80px 15px 40px;
	}
	
	.page404-subtitle,
	.page404-title {
		font-size: 24px;
	}
}

@media screen and (max-width: 440px) {
	.intro-services-item.active {
		font-size: 16px;
	}
	
	.intro-services-item.active span::before {
		right: -10px;
		left: -10px;
	}
	
	.blog::before {
		height: 300px;
	}
}

@media screen and (max-width: 375px) {
	.intro-services-item.active {
		font-size: 14px;
	}
	
	.team-item {
		width: 290px;
	}
	
	.footer-tel {
		font-size: 26px;
	}
	
	.menu-nav {
		max-width: 230px;
	}
	
	.menu-nav-link {
		font-size: 28px;
	}

	.menu-nav-item.active .menu-nav-link {
		font-size: 36px;
	}
}

@media screen and (max-height: 480px) {
	.team-item {
		margin-right: 15px;
		width: 190px;
	}
	
	.team-item-container {
		margin-bottom: 10px;
	}
	
	.team-item-description {
		padding: 15px;
		font-size: 12px;
	}
	
	.team-item-name {
		font-size: 18px;
	}
	
	.team-item-post {
		font-size: 11px;
		line-height: 12px;
	}
	
	.scrollbar {
		margin-top: 50px;
	}
}