@media screen and (min-width: 0px) and (max-device-width: 767px) { 
	
	section.main-header {
		background-image: url(../img/background/mobile-main-header.jpg);
		min-height: 400px;	
	}
}


@media screen and (min-width: 320px) and (max-device-width: 1024px) { 

	body {
		font-size:9pt;
		line-height:15pt;
		font-weight:400;
	}
	
	.wrapper {
		max-width: 100%;
		padding:0 5%;	
	}
	
	/* Header */
	header .logo { padding-left:1em;}
	header .wrapper { padding:0 !important; }
	header .logo img { width:80%;}
	
	header .menu-btn { cursor:pointer; text-align: center; float:right; display:block; width:3em; height:2.5em; line-height:2.5em; border-radius:5px; background-color:#ca0000; margin:1.5em 1em 0;
	}
	header .menu-btn:after { font-family:'FontAwesome'; content:'\f0c9'; font-size:1.5em;}
	
	/* Navigation
	==================================================== */
	nav.top { display:none; float:left; width:100%; margin-top:1em; }
	nav .main-nav { background:#121212; }
	nav .main-nav li { width:100%; border-bottom:solid 1px #797979; margin:0; }
	nav .main-nav li a { padding: .75em 1em;}
	nav .main-nav li:last-child { border:none;}
	/* Main Content
	==================================================== */
	#main-content h1.title {
		
	}

	/* Main Header
	==================================================== */
	
	section.main-header {
		background-image: url(../img/background/main-header.jpg);
		min-height: 400px;	
		background-attachment:scroll;
	}
	
	section.main-header .caption {
		width:100%;
		text-align:center;
		top:0;
		left:0;
		margin-top:15%;
		font-size:.9em;
	}
	section.main-header .caption .scrolldown {
		width: 55px;
		height: 55px;	
		background-size:55px 55px;
		line-height:55px;
	}
	
	/* About Us
	==================================================== */
	section.about-us {
		background:none;
		background-color:#ededed;	
		color:#000;
	}
	section.about-us .col-left { width:100%; float:left;	}
	section.about-us .col-right { width:100%;float:left; text-align:center;	}
	
	/*
	section.about-us ul li figure { float:none; display:inline-block; }
	section.about-us ul li img { text-align:center; display:inline-block; width:auto !important; max-height:70px; }*/
	
	section.about-us .logo-list { width:100%; float:left; }
	section.about-us figure img { width:100%; max-width:400px; } 
	
	
	
	/* Our Mission
	==================================================== */
	section.our-mission { min-height: 280px; 
	background-image: url(../img/background/mobile-our-mission.jpg); 
	padding:0 2em !important;
	}
	section.our-mission .col-right { width:100%; }
	
	section.our-mission p {
		font-size:1.5em;	 line-height: 1.5em;
	}

	/* Showreel
	==================================================== */
	section.showreel .video , section.showreel iframe {
		width:100%;
		max-height: 265px;
	}
	section.showreel .video {
		background-size:contain;
		background:none;		
	}
	section.showreel .video iframe { width:100%; height:300px; }

	/* Our Services
	==================================================== */
	
	section.our-services .col { width:100%; padding:0; text-align:left; }
	section.our-services figure { width:30%; float:left;	}
	section.our-services .data { width:68%; float:right;	}
	section.our-services figure img { width:100%; max-width: 165px; }
	section.our-services h2 { font-size:1.5em; margin-top:1em; display:block;}
	
	section.our-services .services-top { padding:0 5% !important;}
	
	

	/* Contact Us
	==================================================== */
	
	section.contact-us .wrapper { padding-bottom:1em;}
	section.contact-us h3 { font-size:1.4em; padding:0 1.5em;}
	section.contact-us .left-col, section.contact-us .right-col { width:100%; float:left; text-align:center; }
	
	section.contact-us span.email,
	section.contact-us span.phone,
	section.contact-us span.address {
		background-position:top center;
		padding:2.2em 0 0 0;
		margin-bottom:1em;
	}
	section.contact-us .add-top { display:none; }
	section.contact-us .add-btm { display:block; }
	
	#google-map { width: 100%; height: 400px; }
	#google-map iframe { width:100%; height:100%; float:left;}
	section.contact-us .enlarge { float:none;}
	
	section.contact-us span.phone a { color:inherit; }
	
	section.contact-us .scrollup {
		width: 55px;
		height: 55px;	
		background-size:55px 55px;
		position:relative;
		margin-top:2em;
		line-height:48px;
		margin-left:22px;
	}
	
	footer .copyright { text-align:center; }
}


@media screen and (min-width: 200px) and (max-device-width: 480px) { 

	#main-content { padding-top:65px; }
	header { height: 65px; }
	header .logo { width:50%; margin-top:20px; }
	header .logo img { width:100%;}
	
	section.about-us ul li img {max-height:44px;}
	
	section.our-mission {
		min-height:0 !important;	
		padding:2em 0 !important;
	}
	section.our-mission h1 { font-size:1.5em !important;}
	section.our-mission p { font-size:1.2em;}
	
	section.main-header .caption h1 {font-size:3.3em;}
	section.main-header .caption h2 {font-size:2.8em;}
	section.main-header .caption p {font-size:1.4em;}
}