/*
Responsive Template Name: RS-MQF 960 V.1
File: Media Queries CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

/* 240 + 320px */

@media screen 
and (min-width : 240px) 
and (max-width : 360px) {
	#header, #topnav, #container, #footer{max-width:320px; margin:0 auto;}
	
	.pad, 
	.one_half, 
	.one_third, .two_third, 
	.one_quarter, .two_quarter, .three_quarter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth{display:block; float:none; width:auto; margin:0 0 2% 0; padding:0;}
	
	.pad{margin:0; padding:0 10px;}
	
	#header hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
	
	#header, #footer{text-align:center;}
	#footer p{float:none; line-height:1.6em;}
	#footer p:first-child{margin-bottom:8px;}
	
	.contact{width:90%; margin:0px; padding:5px; float:left; font-family: 'HelveticaNeueLT87HeavyCnRegular'; font-size:22px; color:#000000; position:relative; top:19px; text-align:center;}
	
	.icon-contact{width:20%; margin:0px; padding:0px; float:left; position:relative; right:-20px; top:13px;}
	
	#slideshow {position:relative; vertical-align:top; width:100%; top:-10px;}
	
	h1{margin:0 0 8px 0; padding:0; font-size:24px; font-weight:normal; line-height:normal; color:#000000;}
	
	.product-image{margin:0px; padding:25px 0px; text-align:center;}
	
	.product-text{margin:0px; padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; line-height:18px; background:none;}
	
	#topnav{padding:0px;}
	#topnav li{float:none; clear:both;}
	.contact-us{text-align:right; width:100%;}
	.icon-download{float:left;}
	.download-pdf a{right:-20px;}
	.address{padding-left:0px;}
	.text-input{width:100%}
	.submit-btn{width:30%;}
	.product-container-internal{background:#ffffff;}
}

/* 480px */

@media screen 
and (min-width : 361px) 
and (max-width : 600px) {
	#header, #topnav, #container, #footer{max-width:460px; margin:0 auto;}
	
	.pad, 
	.one_half, 
	.one_third, .two_third, 
	.one_quarter, .two_quarter, .three_quarter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth{display:block; float:none; width:auto; margin:0 0 2% 0; padding:0;}
	
	.pad{margin:0; padding:0 10px;}
	
	.contact{width:90%; margin:0px; padding:5px; float:left; font-family: 'HelveticaNeueLT87HeavyCnRegular'; font-size:22px; color:#000000; position:relative; top:19px; text-align:center;}
	
	.contact a{font-size:20px;}
	
	#slideshow {position:relative; vertical-align:top; width:100%; top:-10px;}
	
	.product-image{margin:0px; padding:25px 0px; text-align:center;}
	
	.product-text{margin:0px; padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; line-height:18px; background:none;}
	
	#footer p{float:none;}
	#footer p:first-child{margin-bottom:8px;}
	
	.contact-us{text-align:right; width:100%;}
	
	.nav > li { position: relative; display: block; padding-right:30px;}
	#topnav{padding:0px;}
	#topnav li{float:none; clear:both;}
	.product-container-internal{background:#ffffff;}
	.text-input{width:48%;}
	
}

/* 768px */

@media screen 
and (min-width : 551px) 
and (max-width : 800px) {
	#header, #topnav, #container, #footer{max-width:700px; margin:0 auto;}
	
	#topnav li{float:left; margin-right:0px; text-transform:uppercase;}
	
	.contact{font-size:20px;}
	
	.contact a{font-size:20px; color:#000000;}
	
	.icon-contact{width:20%; margin:0px; padding:0px; float:left; position:relative; right:-30px; top:-2px;}
	
	.product-text{margin:0px; padding:20px 7px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; line-height:18px; background:none;}
	
	#topnav li a:link, #topnav li a:visited, #topnav li a:hover{display:block; margin:0; padding:0; color:#ffffff; font-size:16px; font-family: 'HelveticaNeueLT87HeavyCnRegular';}
	.navbar-brand{display:none;}
	.product-page-text{float:none;}
}

/* 960px */

@media screen and (min-width: 960px) {
	#header, #topnav, #container, #footer{max-width:960px; margin:0 auto;}
	
	.navbar-brand{display:none;}
}