@media only screen and (max-width: 1336px) {

	.cd-primary-nav li {
	    margin: 1.6em 0;
	}

	.intro-content h1 {
    font-size: 110px;
    line-height: 113px;
    font-weight: 700;
    margin-top: 19%;
    margin-bottom: 20px;
}


.intro-content h3 {
    font-size: 25px;
	}

h3 {
	font-size: 17px;
	font-weight: 400;
}


h3 {
	font-size: 18px;
	font-weight: 400;
}


p {
	font-size: 14px;
	font-weight: 400;
}

.case1 h2,
.case2 h2,
.case3 h2,
.case4 h2,
.case5 h2,
.case6 h2,
.case7 h2,
.case8 h2,
.case9 h2,
.case10 h2,
.case11 h2,
.case12 h2,
.case13 h2,
.case14 h2,
.case15 h2,
.case16 h2,
.case17 h2,
.case18 h2,
.case19 h2,
.case20 h2,
.case21 h2,
.case22 h2,
.case23 h2
   {
	font-size: 98px;
	    line-height: 80px;
	}

	.case1 p,
	.case2 p,
	.case3 p,
	.case4 p,
	.case5 p,
	.case6 p,
	.case7 p,
	.case8 p,
	.case9 p,
	.case10 p,
	.case11 p,
	.case11 p,
	.case12 p,
	.case13 p,
	.case15 p,
	.case16 p,
	.case17 p,
	.case18 p,
	.case19 p,
	.case20 p,
	.case21 p,
	.case22 p,
	.case23 p	{
	    font-size: 18px;
			line-height: 22px;
			letter-spacing: 1px;
			margin-left: 8px;
			margin-top: 20px;
		}


.more-wrk-box {
    font-size: 35px;
		    padding-top: 85px;
}

.more-wrk-box a:after {
    content: " \f054";
		font-size: 28px;

		font-family: 'FontAwesome';
}


		.about-box h4 {
    font-size: 20px;
		margin-top: 42%;
	}

	.contact-box h4 {
	font-size: 20px;
	margin-top: 42%;
}

.award-box h4 {
font-size: 20px;
margin-top: 42%;
}
}



@media only screen and (max-width: 1440px) {


	.work-title {

    top: 37%;

}

	.work-main h2 {
		font-size: 98px;
		    line-height: 77px;
	}

.work-main span {
	font-size: 20px;
    line-height: 22px;

	}


	.wide p,
	.half p {

		font-size: 20px;
		line-height: 30px;
		letter-spacing: 0.5px;

	}


	.wide h3, .half h3 {

    font-size: 35px;

}

	.cd-primary-nav li {
	    margin: 1.6em 0;
	}

	.intro-content h1 {
    font-size: 110px;
    line-height: 113px;
    font-weight: 700;
    margin-top: 17%;
    margin-bottom: 20px;
}


.intro-content h3 {
    font-size: 25px;
	}

h3 {
	font-size: 17px;
	font-weight: 400;
}


h3 {
	font-size: 18px;
	font-weight: 400;
}


p {
	font-size: 14px;
	font-weight: 400;
}

.case1 h2,
.case2 h2,
.case3 h2,
.case4 h2,
.case5 h2,
.case6 h2,
.case7 h2,
.case8 h2,
.case9 h2,
.case10 h2,
.case11 h2,
.case12 h2,
.case13 h2,
.case14 h2,
.case15 h2,
.case16 h2,
.case17 h2,
.case18 h2,
.case19 h2,
.case20 h2,
.case21 h2,
.case22 h2,
.case23 h2{
	
	font-size: 98px;
	    line-height: 80px;
	}

	.case1 p,
	.case2 p,
	.case3 p,
	.case4 p,
	.case5 p,
	.case6 p,
	.case7 p,
	.case8 p,
	.case9 p,
	.case10 p,
	.case11 p,
	.case12 p,
	.case13 p,
	.case14 p,
	.case15 p,
	.case16 p,
	.case17 p,
	.case18 p,
	.case19 p,
.case20 p,
.case21 p,
.case22 p,
.case23 p	{
	    font-size: 18px;
			line-height: 22px;
			letter-spacing: 1px;
			margin-left: 8px;
			margin-top: 20px;
		}


.more-wrk-box {
    font-size: 35px;
		    padding-top: 95px;
}

.more-wrk-box a:after {
    content: " \f054";
		font-size: 28px;

		font-family: 'FontAwesome';
}


		.about-box h4 {
    font-size: 50px;
		margin-top: 38%;
	}

	.contact-box h4 {
	font-size: 50px;
	margin-top: 38%;
}

.award-box h4 {
font-size: 50px;
margin-top: 38%;
}
}