@media (max-width: 767.98px) {
	body {
		height: auto;
	}
	section {
		height: auto;
		padding: 50px 0;
	}
	section .container {
		height: auto;
	}
	header {
		padding: 10px 0;
	}
	header .logo img {
		height: 35px;
	}
	header .main-nav {
		margin-top: 150px;
	}
    header .menu-btn {
    	top: 20px;
        display: block;
    }
    .menu__item {
    	margin: 20px 0;
    }
    header .menu-contact {
    	width: 100%;
    	font-size: 16px;
    }
    .home-menu {
    	display: none;
    }
    .page-title {
	    margin: 0 0 50px 15px;
	    font-size: 38px;
	}
    .header-triangle {
	    top: -380px;
	    right: -290px;
	    height: 550px;
	    z-index: -1;
	}
	.highlight {
	    padding: 100px 0 0;
	    margin-bottom: 50px;
	}
	.triangle-slider {
	    display: none;
	}
	.home-slider {
		height: 500px;
	}
	.slide-content {
		margin-top: 50px;
	}
	.slide-content h1 {
	    font-size: 28px;
    	line-height: 38px;
	}
	.slide-content p {
	    width: 100%;
    	font-size: 16px;
	    margin: 30px 0 0;
	    text-shadow: 0 2px 5px rgba(0,0,0,0.5);
	}
	.slide-image {
		width: 100%;
	}
	.slick-next {
		right: 20px;
	}
	.home-about {
		padding-top: 0;
	}
	.home-about h2 {
		font-size: 28px;
		margin-left: 0;
	}
	.home-about h2:after {
		left: 20px;
	}
	.home-about p {
	    width: 100%;
	    padding-left: 40px;
	    font-size: 16px;
	}
	.home-about-shape {
	    right: -130px;
	    height: 40%;
	}
	.home-process h2 {
		font-size: 28px;
    	margin-bottom: 100px;
	}
	.home-process h2:after {
		display: none;
	}
	.process-item h3 {
		font-size: 24px;
	}
	.process-item img {
		right: -90%;
	}
	.process-item:nth-child(3) img {
		left: -90%;
	}
	.process-item:nth-child(4) img {
		right: -155%;
	}
	.process-item:nth-child(4) {
		margin-bottom: 100px;
	}
	.process-item p {
	    font-size: 16px;
	    line-height: 26px;
	}
	.home-services {
		padding-top: 0;
	}
	.home-services .row {
	    height: auto;
	}
	.home-service-item {
		height: auto;
	}
	.home-service-item img {
	    position: relative;
	    top: 0;
	    height: 200px;
	    margin-bottom: 15px;
	}
	.home-service-item .img-overlay {
		height: 200px;
	}
	.home-services h2 {
		font-size: 28px;
		margin-bottom: 50px;
	}
	.home-service-item h3 {
		position: relative;
    	transform: rotate(0);
	}
	.home-service-item p {
	    position: relative;
	    padding: 16px 20px;
	    opacity: 1;
	    visibility: visible;
	}
	.home-clients h2 {
		margin-top: 100px;
		margin-bottom: -50px;
	}
	.capabilities-item:nth-child(odd) .capabilities-img {
	    order: 0;
	}
	.capabilities-item:nth-child(even) .capabilities-img {
		order: 0;
	}
	.capabilities-img .img:after {
		left: -12px;
	}
	.capabilities-item:nth-child(odd) .capabilities-img .img:after {
		right: -12px;
	}
	.home-clients h3 {
		font-size: 24px;
	}
	.home-service-item h3 {
	    font-size: 24px;
	    line-height: 34px;
	}
	.home-services h2:after {
		display: none;
	}
	.home-projects h2 {
		font-size: 28px;
	}
	.home-projects h2:after {
		display: none;
	}
	.home-works {
		height: 60%;
		padding: 100px 0;
	}
	.work-items {
		height: 100%;
	}

	.service-contact form {
		width: 90%;
		top: 150px;
	}
	.close__service-contact {
		top: -48px;
		right: 0;
	}

	.page-content {
		padding-bottom: 0;
	}
	.services-shape {
	    position: absolute;
	    top: -160px;
	    right: -145px;
	    width: 400px;
	}
	.capabilities-item {
		margin-top: 100px;
		padding: 0 16px;
	}
	.capabilities-info h2 {
		font-size: 24px;
		line-height: 34px;
	}
	.capabilities-info p {
	    font-size: 16px;
	    line-height: 26px;
	}
	.capabilities-img {
		height: 300px;
		margin-bottom: 30px;
	}
	.capabilities-img .img:before {
		top: -20px;
		left: -20px;
	}
	.capabilities-item:nth-child(odd) .capabilities-img .img:before {
	    left: auto;
	    right: -20px;
	}
	.capabilities-info {
		margin-bottom: 15px;
	}
	.capabilities-shape {
		width: 320px;
	}
	.team-header-shape {
	    top: -260px;
	    height: 450px;
	}
	.team-page .page-title:before {
		left: 0;
	}
	.team-desc {
		width: 80%;
	}
	.team-shape {
	    left: -165%;
	    height: 260px;
	}
	.work-header-shape {
	    top: -150px;
	    right: -180px;
	    height: 270px;
	}
	.work-circle-shape {
		top: -50px;
	}
	.projects-page .capabilities-img {
		height: auto;
	}
	.projects-page .capabilities-item:nth-child(2) {
	    margin-bottom: 100px;
	}
	.projects-page .capabilities-item:nth-child(2) .project-img:before {
		top: -30px;
		left: -20px;
	}
	.projects-page .capabilities-item:nth-child(2) .project-img:after {
		left: -5px;
	}
	.projects-page .capabilities-item:nth-child(odd) .work-circle-shape {
	    transform: rotate(180deg);
	    right: -60%;
	    left: auto;
	    top: -50px;
	}
	.projects-page .capabilities-item:nth-child(2) .capabilities-img {
		height: 300px;
	}
	.contact-shape {
	    top: 410px;
	    left: -300px;
	    height: 350px;
	}
	.contact-header-triangle {
		height: 340px;
	}
	.contact-info {
		padding: 0 32px;
	}
	.contact-map {
		margin: 100px 0;
	}
	footer .footer-contact {
	    float: left;
	    width: 100%;
	}

}


@media (min-width: 576px) and (max-width: 767.98px) {

}


@media (min-width: 768px) and (max-width: 991.98px) {
	body,
	section {
		height: auto;
		padding: 0;
	}
	section .container {
		height: auto;
	}
	header {
		padding: 10px 0;
	}
	header .logo img {
		height: 35px;
	}
	header .main-nav {
		margin-top: 150px;
	}
    header .menu-btn {
        display: block;
    }
    .home-menu {
    	display: none;
    }
    .page-title {
	    margin: 0 0 50px 50px;
	    font-size: 38px;
	}
    .header-triangle {
	    position: absolute;
	    top: -380px;
	    right: -290px;
	    height: 550px;
	    z-index: -1;
	}
	.highlight {
	    padding-top: 250px;
    	margin-bottom: 100px;
	}
	.triangle-slider {
		display: none;
	    bottom: -390px;
	    left: -35%;
	    height: 60%;
	    z-index: -1;
	}
	.slide-content {
		margin-top: 50px;
	}
	.slide-content h1 {
	    font-size: 38px;
	    line-height: 48px;
	}
	.slide-content p {
	    width: 90%;
	    font-size: 18px;
	    margin: 30px 0 0;
	    text-shadow: 0 2px 5px rgba(0,0,0,0.5);
	}
	.slide-image {
		width: 100%;
	}
	.slick-next {
		right: 20px;
	}

	.home-about {
		margin-bottom: 150px;
	}
	.home-about h2 {
		font-size: 38px;
		margin-left: 0;
	}
	.home-about h2:after {
		left: 20px;
	}
	.home-about p {
		width: 80%;
	}
	.home-about-shape {
		right: -30%;
	}
	.home-process h2 {
		font-size: 38px;
		margin-bottom: 150px;
	}
	.home-process h2:after {
		right: -95%;
	}
	.process-item h3 {
		font-size: 32px;
	}
	.process-item:nth-child(3) img {
		left: -95%;
	}
	.process-item:nth-child(4) {
		margin-bottom: 100px;
	}
	.process-item:nth-child(4) img {
		right: -120%;
	}
	.home-clients {
		margin-bottom: 150px;
	}
	.home-services .row {
		height: auto;
	}
	.home-service-item {
		height: 400px;
	}
	.home-service-item:first-child {
		margin-top: 50px;
	}
	.home-service-item img {
	    position: absolute;
	    top: 0;
	    left: 72px;
	    opacity: 0.1;
	}
	.home-service-item .img-overlay {
		opacity: 0.2;
	}
	.home-service-item p {
		left: 72px;
    	width: calc(100% - 72px);
    	font-size: 18px;
    	line-height: 29px;
		opacity: 1;
		visibility: visible;
	}
	.home-services h2 {
		font-size: 38px;
		margin-bottom: 0px;
	}
	.home-services h2:after {
		left: -100%;
	}
	.home-projects {
		margin: 100px 0;
	}
	.projects-triangle {
		top: 50px;
	}
	.home-projects h2 {
		font-size: 38px;
	}
	.home-works {
		height: 60%;
		padding: 100px 0;
	}
	.work-items {
		height: 100%;
	}

	.page-content {
		padding-bottom: 0;
	}
	.services-shape {
	    position: absolute;
	    top: -160px;
	    right: -145px;
	    width: 400px;
	}
	.service-contact form {
		width: 75%;
		top: 150px;
	}
	.capabilities-item:nth-child(odd) .capabilities-img {
		order: 0;
	}
	.capabilities-img {
		height: 300px;
		margin-bottom: 32px;
	}
	.capabilities-img .img:before {
		top: -30px;
		left: -30px;
	}
	.capabilities-img .img:after {
		left: -15px;
	}
	.capabilities-item:nth-child(odd) .capabilities-img .img:after {
		right: -15px;
	}
	.capabilities-item:nth-child(odd) .capabilities-img .img:before {
	    left: auto;
	    right: -30px;
	}
	.capabilities-shape {
		width: 400px;
	}
	.team-header-shape {
	    top: -260px;
	    height: 450px;
	}
	.team-page .page-title:before {
		left: 0;
	}
	.team-desc {
		width: 80%;
	}
	.team-shape {
	    left: -85%;
	    height: 260px;
	}
	.work-header-shape {
	    top: -150px;
	    right: -180px;
	    height: 400px;
	}

	.projects-page .capabilities-item {
		margin: 200px 0 0;
	}
	.projects-page .capabilities-item:nth-child(2) {
	    margin-bottom: 170px;
	}
	.projects-page .capabilities-item .project-img {
		height: auto;
	}
	.projects-page .capabilities-item:nth-child(2) .project-img {
		height: 300px;
	}
	.projects-page .capabilities-item:nth-child(2) .project-img:before {
		top: -30px;
		left: -20px;
	}
	.projects-page .capabilities-item:nth-child(2) .project-img:after {
		left: -5px;
	}
	.contact-shape {
	    top: 340px;
	    left: -270px;
	    height: 350px;
	}
	footer {
		margin-top: 100px;
	}
}

@media (width: 1024px){
	.home-services .row {
		height: auto;
	}
	.home-services h2 {
		font-size: 38px;
		margin-bottom: 0px;
	}
	.home-services h2:after {
		left: -100%;
	}
	.home-services .row {
		height: auto;
	}
	.home-service-item {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
		height: 400px;
	}
	.home-service-item:first-child {
		margin-top: 50px;
	}
	.home-service-item img {
	    position: absolute;
	    top: 0;
	    left: 72px;
	    opacity: 0.1;
	}
	.home-service-item .img-overlay {
		opacity: 0.2;
	}
	.home-service-item p {
		left: 72px;
    	width: calc(100% - 72px);
    	font-size: 18px;
    	line-height: 29px;
		opacity: 1;
		visibility: visible;
	}
}

@media (min-width: 1366px) and (max-width: 1440px) {
	.header-triangle {
	    position: absolute;
	    top: -380px;
	    right: -290px;
	    height: 550px;
	}
	.home-slider {
		height: 400px;
	}
	.slide-content h1 {
	    font-size: 48px;
	    line-height: 58px;
	    margin: 0;
	    width: 80%;
	}
	.slide-content p {
	    width: 60%;
	    font-size: 16px;
	    margin: 30px 0 0;
	}
	.home-about h2,
	.home-process h2,
	.home-services h2,
	.home-services h2,
	.home-projects h2 {
	    font-size: 48px;
	}
	.home-about p {
	    font-size: 16px;
	    line-height: 26px;
	}
	.home-service-item h3 {
		font-size: 18px;
	}
	.home-service-item p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.process-item h3 {
		font-size: 36px;
	}
	.process-item p {
	    font-size: 16px;
	    line-height: 26px;
	}
	.home-projects img {
	    width: 70%;
	}
}

@media (min-width: 1024px) and (max-width: 1365px) {
	.menu {
		margin-top: 100px;
	}
	section {
		height: auto;
	}
	section .container {
		height: auto;
	}
	.home-menu {
		display: none;
	}
	.header-triangle {
	    position: absolute;
	    top: -380px;
	    right: -290px;
	    height: 550px;
	}
	.highlight {
		padding-top: 150px;
	}
	.home-slider {
		height: 400px;
	}
	.slide-content {
		width: 80%;
	}
	.slide-content h1 {
	    font-size: 42px;
	    line-height: 52px;
	    margin: 0;
	    width: 80%;
	}
	.slide-content p {
	    width: 60%;
	    font-size: 16px;
	    margin: 30px 0 0;
	}
	.triangle-slider {
		height: 70%;
		left: -25%;
	}
	.home-about-shape {
		height: 100%;
	}
	.home-about h2,
	.home-process h2,
	.home-services h2,
	.home-services h2,
	.home-projects h2 {
	    font-size: 38px;
	}
	.home-services h2,
	.home-services h2,
	.home-projects h2 {
		margin-bottom: 100px;
	}
	.home-about p {
	    font-size: 16px;
	    line-height: 26px;
	}
	.home-service-item {
		height: calc(100% - 200px);
	}
	.home-service-item h3 {
		font-size: 18px;
	}
	.home-service-item img {
	    position: absolute;
	    top: 0;
	    left: 72px;
	    opacity: 0.1;
	}
	.home-service-item .img-overlay {
		opacity: 0.2;
	}
	.home-service-item p {
		font-size: 14px;
		line-height: 24px;
	}
	.process-item h3 {
		font-size: 32px;
	}
	.process-item p {
	    font-size: 16px;
	    line-height: 26px;
	}
	.process-item img {
	    right: -100%;
	    height: 250px;
	}
	.process-item:nth-child(3) img {
		height: 200px;
	}
	.process-item:nth-child(4) {
		margin-bottom: 50px;
	}
	.process-item:nth-child(4) img {
	    height: 250px;
	}
	.home-projects img {
	    width: 70%;
	}
	.services-shape {
	    right: -210px;
	    width: 450px;
	}
	.page-title {
		font-size: 42px;
		width: 100%;
	}
	.capabilities-info p {
	    font-size: 16px;
	    line-height: 26px;
	}
	.capabilities-shape {
	    right: -200px;
	    width: 400px;
	}
	.work-header-shape {
	    top: -160px;
	    right: -190px;
	    height: 400px;
	}
	.team-header-shape {
	    top: -180px;
	    height: 450px;
	}
	.team-shape {
	    left: -72%;
	    top: 100%;
	}
	.contact-shape {
		height: 400px;
	}
}