﻿/* Additional Media Query */

@media screen and (max-width: 1000px){
	header .container, footer .container, .navbar .container, .main .container{width: 100%; padding: 0;}
	.header-top .container{padding: 0 1%;}
	
	.main{width: 100%;}
	.navbar-nav > li > a{font-size: .92em;}
	.header-bottom, footer{background-size: 100% 6px;}
	.header-bottom{margin-bottom: 0;}

	.rslides .caption{bottom: 5%;}
	.promo_banner{font-size: 1.67em; margin-bottom: 40px;}
}

@media screen and (min-width: 768px){
	.dropdown-menu li:hover .sub-menu {visibility: visible;}
	.dropdown:hover .dropdown-menu {display: block;}
}

@media screen and (max-width: 767px){
	.header-top, .header-top .container{padding: 0;}
	.header-top .pull-right{background: #eee; width: 100%; text-align: center; padding: 5px 0 3px; margin-top: 0;}
	.logo, .logo img, .center-block{max-width: 100%; display: block; float: none !important; margin: 10px auto; text-align: center;}
	.topcontact{padding: 5px 0 8px;}
	.social{padding-right: 0; border: 0; margin-top: 5px !important;}
	
	.navbar .container{overflow: hidden; padding: 0;}
	.navbar-nav > li{width: 100%; background: none; border-bottom: 1px solid #965B38;}
	.navbar-nav{border-top: 1px solid #965B38;}
	.navbar-nav > li.last{border-bottom: 0;}
	.navbar-nav > li > a{padding: 20px 0;}
	.dropdown-menu{text-align: center;}
	.navbar-brand{display: block;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: #C27E01;}
	.navbar-inverse .navbar-toggle {border-color: #C27E01;}
	.rslides .caption{width: 100%; padding: 10px 2%; position: relative; margin: 0 0 30px; clear: both;}
	.caption h2{margin: 0; font-size: 1.43em;}
	
	.main .col-sm-8{width: 100%; padding: 0 2%;}
	#sidebar{width: 100%; margin: 20px 0 0 0;}
	.main .col-sm-8{min-height: auto;}
	
	.product{margin: 2%;}
	.product .col-sm-3 img, .product-pg .col-sm-3 img{width: 300px; margin-bottom: 30px;}
	
	.footer-top .col-sm-3{min-height: 0; border-left: 0; border-bottom: 1px solid #DDDDDD; margin: 0 2%;}
	.footer-top .last{border-bottom: 0;}
	.footer-top .logo{margin-top: 0;}
}
@media screen and (max-width: 640px){
	.footer-top .section{width: 50%; margin-bottom: 15px;}
	.areas{column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;}
	.logo, .logo img{max-width: 100%; display: block; margin: 10px auto; float: none !important;}
	.promo_banner{font-size: 1.33em; padding: 15px;}
}

@media screen and (max-width: 480px){
	.header-top{position: relative;}
	.navbar-inverse{top: 0;}
	.social{text-align: center;}
	
	h1.page-header{font-size: 1.8em;}
	.fancybox{width: 32.4%;}
	.fancybox img{width: auto; height: 100%;}
	.areas{column-count: 1; -moz-column-count: 1; -webkit-column-count: 1;}
}
@media screen and (max-width: 320px){
	.footer-top .section{width: 100%;}
}