/* ************************ MEDIA QUERIES ************************ */

@media only screen and (max-width: 70.063em) {
    
    #service-ukas {
        margin-left: 46%;
    }
	
	.container {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
	}
		
		.wrapper {width: 100%;}
			
			.header {text-align: center;}
			
				.header img#logo {
					margin-bottom: 10px;
					margin-left: auto;
					margin-right: auto;
					max-width: 390px;
					position: relative;
					top: 0;
					width: 100%;
				}
				
				.header p, .header-text, .contact-details {
					text-align: center;
					width: 100%;
				}
				
			.slider #microscope {
				height: auto;
				width: 100%;
			}
			
			.slider #left, .slider #right {
				top: 42px;
				width: 30px;
			}
			
			.slider #left {left: 10px;}
			
			.slider #right {right: 10px;}
			
			#wrapper-boxes .boxes .box1, #wrapper-boxes .boxes .box2, #wrapper-boxes .boxes .box3 {
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				box-sizing: border-box;
				display: block;
				float: left;
				width: 32%;
			}
			
				#wrapper-boxes .boxes img {
					margin-top: 10px;
					padding: 0;
					position: relative;
					width: 100%;
				}
				
			#wrapper-boxes .boxes .box2 {margin: 0 10px;}
		
		.experts p {
			clear: both;
			margin-top: 20px;
		}
		
		.services-right-top img{margin-top: 40px;}
		
		.services p, .services ul, .enquiry-form p, .accreditation {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
		}
		
		.clients, .infill p, .item-info p, .clients-who, .astm-test p, .right-hand-logos, .accreditation {
			height: auto;
			width: 100%;
		}
		
		.right-hand img{display:none;}
				
		.accreditation {padding-top: 0;}
		
		.right-hand-logos, .astm-test p {float: none;}
				
		.clients {padding-bottom: 20px;}
		
		.hostedby {
			float: none;
			padding-bottom: 10px;
			text-align: center;
		}
		
		#wrapper-ukas, #wrapper-accred, .accreditation {position: relative;}
		
			.accred p, .accreditation p {
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				box-sizing: border-box;
				padding: 0;
				position: static;
				text-align: left;
				width: 100%;
			}
			
			#accreditation {
				float:left;
				margin-top: 10px;
				margin-right:10px;
			}
			
		.astm-test p {margin-top: 0;}
		
		#container-logos {
			float: left;
			width: 70%;
		}
		
		#container-imgs {
			float: right;
			width: 30%;
		}
		
		.right-hand {padding-top: 0;}
		
	.footer p {text-align:center; width:100%;}	
}

@media only screen and (max-width: 48em) {

	.services-left, .services-right{
		clear: both;
		width: 100%;
	}
	
	.services-right-top img{margin-top: 0;}

}

@media only screen and (max-width: 40em) {

.contact-us-left{width:100%;}
	.contact-us-right{width:100%;}


.contact-us{width:100%;}
	.contact-us p{background-color:#fff; width:100%;}
		.contact-us img{width:100%;}
	
	.header img#logo {max-width: none;}
	
	.header p {font-size: 35px;}
	
	.slider #left, .slider #right {display: none;}
	
	.nav ul {padding-left: 0;}
		
		.nav ul li, .nav ul li a {
			display: block;
			padding-left: 0;
			padding-right: 0;
			text-align: center;
			width: 100%;
		}
		
	#wrapper-boxes .boxes .box1, #wrapper-boxes .boxes .box2, #wrapper-boxes .boxes .box3 {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	
		#wrapper-boxes .boxes img {
			margin-top: 10px;
			padding: 0;
			position: relative;
			width: 100%;
		}
		
		#wrapper-boxes .boxes .box2 {margin: 0;}
		
	.services img, #container-logos, #container-imgs {
		clear: both;
		width: 100%;
	}
	
	#container-imgs img {width: 100%;}
	
	.services p, .services ul {width: 100%; clear:both;}
	
	.clients-list {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
    
    #service-ukas {
        margin-left: 46%;
    }
	
}

@media only screen and (max-width: 30em) {

	.contact-details-telephone, .contact-details-email {
		clear: both;
		display: block;
	}
    
    #service-ukas {
        margin: 0 42%;
    }
	
	.header p {font-size: 25px;}
	
	.header-text {font-size: 18px;}

}