/* Big tablets to smaller laptop screens*/
@media only screen and (max-width:1200px) {
	html,
	body {
		font-size:14px;
	}

	.about-para {
		margin-bottom:20px;
	}

	.section-heading,
	.drawings-heading,
	.policies-heading {
		margin-top:90px;
	}
}

/* Smaller tablets to larger tablet screens*/
@media only screen and (max-width:1023px) {
	html,
	body {
		font-size:14px;
	}

	.row {
		padding:0 2%;
	}

	.about-box {
		margin-top:70px;
	}

	.about-box:first-child {
		padding:0;
		padding-left:5%;
	}

	.laptop-photo {
		padding-right:5%;
	}

	footer {
		padding:30px;
	}
	footer p {
		margin-top:20px;
		line-height:1.5;
	}

	.drawings-box {
		margin-top:60px;
	}

	.drawings-heading {
		margin-top:70px;
	}

	.policies-box {
		margin-top:60px;
	}

	.section-heading {
		margin-bottom:10px;
	}

	.section-sub-heading:after {
		margin:15px auto 0 auto;
	}

	.header-text-box {
		margin-bottom:80px;
	}

}

/* Larger phones to smaller tablet screens*/
@media only screen and (max-width:767px) {
	html,
	body {
		font-size:12px;
	}

	.header-text-box {
		margin-bottom:50px;
	}

	.section-heading{
		margin-top:20px;
	}

	.policies-box {
		margin-top:40px;
	}

	.policies-heading {
		margin-top:40px;
	}

	.section-heading,
	.about-heading,
	.drawings-heading,
	.policies-heading {
		margin-top:20px;
	}



}

/* Smaller to larger mobile phones*/
@media only screen and (max-width:480px) {
	.about-photo {
		padding:0;
		margin:0 auto;
		text-align:center;
	}

	.laptop-photo {
		width:65%;
	}

	.about-box:last-child {
		text-align:center;
		margin-bottom:20px;
	}

	.about-box:first-child {
		text-align:center;
		margin-bottom:20px;
	}

	.about-section {
	    text-align:center;
	    margin-bottom:20px;
    }

	html,
	body {
		font-size:11px;
	}

	.span_1_of_4 {
		width:45%;
		margin-bottom:20px;
	}

	.section-heading {
		margin-top:20px;
		margin-bottom:20px;
	}

	.about-heading,
	.about-sub-heading {
		margin-top:10px;
		margin-bottom:20px;
	}

	.drawings-heading {
		margin-top:10px;
		margin-bottom:20px;
	}

	.service-heading {
		margin-top:40px;
		margin-bottom:20px;
	}

	.policies-heading {
		margin-top:10px;
		margin-bottom:20px;
	}

	.footer-nav,
	.social-links {
		float:none;
		text-align:center;
		margin-bottom:10px;
	}

	.work-portfolio li {
		width:50%;
	}

	.policies-image {
		width:60%;
	    height:59%;
	    text-align:center;
	}

	.policies-box {
	margin-top:50px;
	padding: 1% 3%;
	text-align:center;
	float:none;
}





}