body, header, .main, footer{display:block;}
header, footer{height:auto;}

/*HEADER*/
header .wrapper{position:relative;}
header .logo{max-width:70%;}
nav{display:none;}
nav .wrapper{padding:0;}
nav a:link, nav a:visited, nav a:hover, nav a:active{float:none; display:block; text-align:center; border-top:1px solid rgba(255,255,255,0.3);}
nav a:first-child{border-left:none; border-top:none;}
button.navbar-toggle{display:block; background-color:#004990; border:1px solid #004990; padding:6px; margin:0; border-radius:4px; cursor:pointer; position:absolute; right:20px; bottom:20px;}
.icon-bar{background-color:#ffffff; margin-top:4px; display:block; width:30px; height:4px; border-radius:3px;}
.icon-bar:first-child{margin-top:0;}
button.navbar-toggle:hover{border:1px solid #0e91be; background-color:#00376d;}
.testimonial{display:none;}

/*Shared Content Styles*/
.leftnav-col-left, .leftnav-col-right{float:none; width:100%; padding:0;}
.leftnav{border-left:1px solid #bdd3e8; padding-bottom:0; margin-bottom:20px;}
.leftnav a:link, .leftnav a:visited, .leftnav a:hover, .leftnav a:active{padding-left:20px; padding-right:20px;}
.leftnav a.active:link, .leftnav a.active:visited, .leftnav a.active:hover, .leftnav a.active:active{background:#bdd3e8; border-right:1px solid #bdd3e8;}
ul.half li{float:none; width:100%;}
.row{margin-right:0; margin-left:0;}
.row .half, .row .onethird, .row .twothirds{float:none; width:100%; padding:0; margin-bottom:20px;}
small.back{display:none;}

/*HOME*/
.hp_section{margin-bottom:20px; min-height:130px;}

/*PhaSeal*/
ul.phaseal_products li{width:100%; float:none; clear:both;}
img.thumb_left{max-width:40%;}
table.phaseal-order-table td{padding:5px;}
td.price{width:auto; font-size:12px;}
table.luer-lok-table td{padding:0 5px 0 0;}

/*Contact Us*/
#map-canvas{margin-bottom:20px;}
p#gmap-title{font-size:14px;}

@media (max-width: 500px){
	/*Typography*/
	h1{font-size:28px;}
	h1 small{font-size:20px;}
	h2{font-size:20px;}
	h3{font-size:16px;}
	
	/*PhaSeal*/
	table.phaseal-order-table label{font-size:11px;}
	table.phaseal-order-table label b{font-size:13px;}
	table.luer-lok-table td{float:left; width:33%; padding:0 0 10px 0;}
}

@media (max-width: 330px){
	img.thumb_left{max-width:none; float:none;}
	
	/*PhaSeal*/
	table.phaseal-order-table td{padding:5px 2px;}
}