@media screen and (max-width: 1284px) {
	.container {
		padding: 0 2%;
	}
	
	.home-intro p {
		font-size: 18.5px;
	}
	
	.projects .container:nth-child(1) {
		margin-top: 15px;
	}
	
	.projects h2.page-heading, .projects h3.page-heading {
		line-height: 58px;
	}
	
	.projects h3.page-heading {
		padding-bottom: 10px;
	}

	.services p {
		line-height: 39px;
		max-width: 604px;
	}
	
	footer .about-para {
		width: 87%;
		line-height: 23px;
	}
}

@media screen and (max-width: 1020px) {
	h1 {
		font-size: 99px;
		letter-spacing: -5px;
	}
	
	ul.menu  {
		margin-right: 0px;
	}
	
	.carousel {
		width: 634px;
		padding-right: 71px;
		padding-left: 71px;
	}

	.carousel-cell {
		width: 634px;
	}
	
	.carousel p {
		font-size: 19px;
	}
	
	.home-intro p {
		font-size: 18px;
	}
	
	.services-intro p {
		line-height: 33px;
	}

	.services h3 {
		max-width: 465px;
	}

	.services p {
		line-height: 32px;
		max-width: 465px;
	}
	
	footer .about-para {
		width: 86%;
		line-height: 19px;
	}
	
	.flickity-prev-next-button.previous {
		left: -2px;
	}
	
	.flickity-prev-next-button.next {
		right: -32px;
	}
	
	.flickity-enabled.is-draggable  {
		overflow: hidden;
	}
	
}

@media screen and (max-width: 790px) {
	.carousel {
		width: 564px;
		padding-right: 71px;
		padding-left: 71px;
	}
	
	.carousel-cell {
		width: 564px;
	}
	
	.home-intro p:nth-child(2) {
		display: none;
	}
	
	footer .about-para {
		line-height: 17px;
	}
}

@media screen and (max-width: 745px) {
	.contact-bar .container div:nth-child(1) {
		width: 23%;
	}
	.contact-bar .container div:nth-child(2) {
		width: 31%;
	}
	.contact-bar .container div:nth-child(3) {
		width: 21%;
	}
}

@media screen and (max-width: 722px) {
	h1 {
		font-size: 78px;
		line-height: 87px;
	}
	
	h4 {
		font-size: 40px;
	}
	
	h5 {
		font-size: 21px;
	}
	
	h2.page-heading {
		margin-top: 20px;
		font-size: 63px;
	}
	
	.container:first-child {
		margin-top: 0px !important;
	}
	
	.contactform b {
		display: block;
		margin-top: 20px;
	}
	
	.contactform b:first-child {
		margin-top: 0px;
	}
	
	.half, .half:nth-child(odd) {
		width: 100%;
		padding: 0px 0px 30px 0px;
	}
	
	.half:last-child {
		padding-bottom: 0px;
	}
	
	.services .half, .services .half:nth-child(odd) {
		width: 50%;
		padding: 0px;
	}
	
	.carousel {
		width: 472px;
		padding-right: 71px;
		padding-left: 71px;
	}
	
	.carousel-cell {
		width: 472px;
	}
	
	.carousel p {
		font-size: 18px;
	}
	
	.home-intro p {
		font-size: 17.5px;
		line-height: 24px;
	}

	.services-intro p {
		line-height: 30px;
	}

	.services h3 {
		max-width: 368px;
	}

	.services p {
		font-size: 18px;
		line-height: 28px;
		max-width: 368px;
	}
	
	.home-intro, .home-projects, .services {
		padding-top: 29px;
	}

	.projects .container:nth-child(1) {
		margin-top: 26px;
	}

	.projects .container:last-child {
		margin-top: 30px;
	}
	
	.projects h2.page-heading, .projects h3.page-heading {
		font-size: 38px;
		line-height: 45px;
	}
	
	.testimonials-area {
		margin-top: -10px;
		margin-bottom: 30px;
	}
	
	.contact-bar, footer {
		margin-top: 30px;
	}
	
	footer .about-para {
		width: 87%;
		font-size: 14px;
	}
}

@media screen and (max-width: 628px) {
	ul.menu {
		display: none;
	}
	
	.mobile-open {
		display: block;
	}
	
	h5 {
		font-size: 20px;
	}
	
	.carousel {
		width: 406px;
		padding-right: 50px;
		padding-left: 50px;
	}
	
	.carousel-cell {
		width: 406px;
	}
	
	.carousel p {
		font-size: 17px;
	}
	
	.home-intro p {
		font-size: 17px;
	}

	.services-intro p {
		line-height: 29px;
	}

	.services .half:last-child {
		width: 100% !important;
	}

	.services h3 {
		max-width: 318px;
		float: right;
	}

	.services p {
		font-size: 17px;
		line-height: 25px;
		max-width: 318px;
		float: right;
	}

	.projects .container:nth-child(1) {
		margin-top: 31px;
	}
	
	.projects h2.page-heading, .projects h3.page-heading {
		font-size: 32px;
		line-height: 39px;
	}
	
	.contact-bar .container div:nth-child(1) {
		width: 34%;
	}
	
	.contact-bar .container div:nth-child(2) {
		display: none;
	}
	
	.contact-bar .container div:nth-child(3) {
		width: 31%;
	}
	
	.contact-bar .container div:nth-child(4) {
		width: 35%;
	}
	
	footer .about-para {
		line-height: 16px;
	}
}

@media screen and (max-width: 520px) {  
	h1 {
		font-size: 68px;
	}
	
	h2.page-heading {
		font-size: 46px;
	}
	
	p.slider-sub {
		font-size: 25px;
	}
	
	.contactform {
		padding-top: 20px;
	}
	
	.contactform .third {
		display: none;
	}
	
	.contactform .twothird {
		width: 100%;
	}
	
	.carousel {
		width: 346px;
		padding-right: 50px;
		padding-left: 50px;
	}
	
	.carousel-cell {
		width: 346px;
	}

	.services h3 {
		max-width: 286px;
	}

	.services p {
		max-width: 286px;
	}
	
	footer {
		margin-top: 28px;
	}
	
	footer .third {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
		padding: 0px;
		border: none;
	}
	
	footer .third:last-child {
		margin-bottom: 0px;
	}
	
	footer .about-para {
		width: 100%;
		line-height: 35px;
	}
}

@media screen and (max-width: 460px) {
	h4 {
		font-size: 33px;
	}
	
	.carousel {
		width: 313px;
		padding-right: 50px;
		padding-left: 50px;
	}
	
	.carousel-cell {
		width: 313px;
	}
	
	.carousel p {
		font-size: 16px;
	}
	
	.flickity-enabled.is-draggable .flickity-viewport {
		padding-bottom: 20px;
	}
	
	.home-intro p {
		font-size: 16.5px;
		line-height: 23px;
	}

	.services-intro h3 {
		text-align: center;
	}

	.services-intro p {
		font-size: 17px;
    	line-height: 25px;
		font-style: normal;
	}
	
	.services div {
		height: auto !important;
	}
	
	.services .half {
		display: none;
		position: static !important;
	}
	
	.services .half:last-child {
		display: block;
	}

	.services h3 {
		text-align: center;
		max-width: none;
		float: none;
	}

	.services p {
		max-width: none;
		float: none;
	}

	.services p:last-child {
		margin-bottom: 0px;
	}

	.projects .container:nth-child(1) {
		margin-top: 32px;
	}
	
	.projects h2.page-heading, .projects h3.page-heading {
		font-size: 27px;
		line-height: 30px;
	}
	
	.contact-bar, .contact-bar a {
		font-size: 14px;
	}

	.projects h3.page-heading {
		font-size: 27px;
		line-height: 30px;
	}
	
	.contact-bar, .contact-bar a {
		font-size: 14px;
	}
}

@media screen and (max-width: 443px) {
	h1 {
		font-size: 78px;
		font-weight: 500;
		line-height: 61px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 427px) {
	.carousel {
		width: 259px;
		padding-right: 50px;
		padding-left: 50px;
	}
	
	.carousel-cell {
		width: 259px;
	}
}