/* Responsive Styling */
@media all and (max-width: 1052px) {
	.container { width: auto; padding: 0px 10px;}	
	.nivo-directionNav { display: none;}
}
@media all and (max-width: 1024px) {}
@media all and (max-width: 1004px) {
	.footer-column { width: 33%;}
}
@media all and (max-width: 980px) {
	.left-section { width: 70%;}	
	.right-section { width: 28%;}
	.product-listbox ul li { width: 33%;}
	.product-listbox ul li img { width: 100%;}
	.center-section { width: 100%;}
	.content-box form { width: 65%;}
	.content-box .google-map { width: 33%;} 
}
@media all and (max-width: 780px) {
	#nav .menu {
		width: 100%;
	}
	#nav .nav li {
		width: 100%;
		display: block;
		text-align: center;
		border-bottom: 1px solid #585757;
		border-top: 1px solid #161616;
			
	}
	#nav .nav li { background: none;}
	#nav .nav li a {
		width: 100%;
		padding: 18px 0px 15px 0px;
		border-radius: 0px;
		margin-top: 0px;
	}
	.nav li a:hover, .nav li a.active { background: #80a9d2;}
	a#nav-toggle {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		font-size: 16px;
		width: 100%;
		display: block;
		padding: 20px 0px;
		background: url(../images/nav-icon.png) no-repeat 95% center
	}
	.banner-content {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#outer-content { text-align: center;}
	.content-section, .top-box, .content-bottom { padding-top: 20px;}
	.block-box img { width: 100%;}
	.footer-column { width: 100%; float: none; text-align: center; margin-bottom: 40px;}
	.exuma-logo { float: none; width: 100%; left: 0px; background: none;}
	.follow { margin-top: 10px;}
	.copyright, .poweredby { float: none; width: 100%; display: block;}
	.poweredby { margin: 10px 0px;}
	.social-links { padding-bottom: 10px;}
	.title { text-align: left;}
	.content-box form { float: none; width: 100%; display: block; text-align: left;}
	.content-box .google-map { float: none; width: 100%; display: block;} 
	.supportform .element .text { width: 96%; margin-top: 5px;}
	.form-spacing { display: none;}
}
@media all and (max-width: 600px) {
	#header .header-left { float: none; width: 100%; display: block;}
	#header { text-align: center;}
	#header .header-right { float: none; width: 100%; display: block; padding-left: 0px; padding-top: 18px;}
	#header h1.logo .logo-icon { float: none; margin-right: 0px;}
	.short-caddress ul li { text-align: center;}
	.share { text-align: center;}
	.left-section { width: 100%; float: none;}
	.right-section { width: 100%; float: none; text-align: center;}
	.block-box img { width: auto;}
	.popular-item .carousel-pagination li { float: left;}
	.popular-item h3 { text-align: left;}
}
@media all and (max-width: 480px) {
	.product-listbox ul li { width: 99%;}
	.nav-footer ul li { display: block; padding: 4px 0px; text-align: center;}	
}
@media all and (max-width: 320px) {
	#header h1.logo .logo-icon { width: 100%;}	
}