/* problem in firefox with order of next 2 classes */

/**************************Colors**********

Orange: #fd6c35
Light gray footer: #f6f6f6
footer heading text: #464646
footer item text: #858585
button bg: #808080

******************************************/
body {
	margin: 0;
	font-size: 9pt;
	background-image:;
	background-repeat:repeat;
	font-family: 'Source Sans Pro', sans-serif;
}

/******************to create consistent 80% width within 100% outer container***********/

a:link, a:visited {color:#000000}
a:hover {color:#fd6c35} 


main#main-content.bodyContent  {padding:0 10%} 

#pageContent {/*padding:0 10%;width:80%;
	margin-left:10%;*/
}


/****************Bootstrap style overrides ************/

.list-group-item {padding:0 !important;border:none !important;}
.col-5, .col-6, .col-7, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 
	{float:left}
.clearfix {clear:all}

.btn.btn-default {background:#000000;color:#ffffff;font-weight:bold;border-radius:0}

.collapse {display:block}

/***********
Nav FROM GEOCENTRAL
************/
/**************
#memNav-A.nav.navbar-nav.navbar-right {margin:30px 1.75% 0 0}
#memNav-A.nav.navbar-nav.navbar-right > li.mobileLink {display:none}
#bs-navbar-collapse-1 {margin-top:20px}

#memNav-B {width:80%;float:right;text-align:center;font-weight:bold;margin-right:2%}
#memNav-B li a {font-size:1.5vw;color:#2b3990}

#memAccountLogout {position:relative;right:2%; z-index:1000;}

.logo {position:relative; z-index:1000;padding:0 3%}

#main-nav {
        background: none;
        border: none;
}

.navbar-default .navbar-nav>li>a {
        font-size: 1.5vw;
        color: #2b3990;
}
.navbar-default .navbar-nav>li {
        border-right: 4px solid #eee;
}

.navbar-default .navbar-nav>li:last-child {
        border-right: none;
}


.kadabra {
        display: none;
}

.navbar-default .navbar-toggle {
        border:none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #2b3990;
}

.navbar-default .navbar-toggle:hover {
        background-color: transparent;
}

.navbar-toggle .icon-bar {
        width: 40px;
        height: 4px;
}
**************************************/

/*************END Bootstrap style overrides ***********/

#container{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color:#fff;
	border: none; 
}

header {
	height: 135px;
	background-color:#fff;
	padding:0 10% 30px 10%;
	position:relative;
}

.logo {
	
	margin: 0;
	padding-right: 5px;
	padding-left:10px;
	position: absolute;
	z-index:1000;
	left:30px;
}

.logo img {margin-right: 15%}

.mobileLogo {display:none}

.topnav{
	float-right:right;
	text-align: right;
	padding-top: 15px;
	margin-right: 0px;
	padding-right: 0;/*10px;*/
	position:relative;
	z-index:2000; 
}

ul.topnavlist{
	margin-left:0px;
	padding-left:0px;
	list-style:none;
	display: inline;
}

.topnavlist li{
	display: inline;
	color: #000000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
}

.topnavlist a:hover {
	text-decoration:underline;
}

.topnavlist img { max-width:25px }
/*.topnavlist li form {width:400px}
*/
a.login{
	color:#000000;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .7px;
}

#loginBanner {background:#000000; color:#ffffff; padding:20px;margin-top:30px;text-align:center}
#loginBanner h3 {color:#ffffff}


#loginAbout {background: #767676; height:fit-content;overflow:auto;}
#loginAbout div, #aboutTop div {padding:3%}
#aboutTopWrapper {height:600px}
#aboutPartB {margin-top:20px}
#loginAbout #loginAboutInfo {padding:20px 0}
#loginAbout #loginAboutInfo, #aboutTop #aboutContactInfo {color:#ffffff;font-size:16px}
#loginAbout #loginAboutInfo a, #aboutTop #aboutContactInfo a {padding:5px 20px;background:#ffffff;color:#000000;text-align:center}

#mailList {background:#767676; height:700px;padding:5%}
#mailList h1 {color:#ffffff;font-size:48px;font-weight:300}

/*******from Vinrella*****/
#loginWrapper {
        width:100%;
        margin:auto;
        background-color:#fff;
}

h1#loginBanner {
        font-size:55px;
        text-align:center;
        wodtj:100%;
        font-weight:700
        margom:auto;
}

.loginText {
        font-weight:700;
        font-size:20px;
        margin:20px 0;
        text-align:left;
}

.forgotPassword a {
        color:#c00;
}

input { color:#111 }

.loginInput {
        padding:8px;
        width:100%
}

.loginButton {
        background-color:#111;
        color:#fff;
        padding:10px 20px;
	margin:2% 1%;
        font-weight:500;
	width:100%;
	font-size:18px;
	border:none;
}

#newCustomers p {
        font-family: Lato;
        font-size:15px;
        margin: 20px 0 20px 0;
}

#newCustomers p a       {
        color:#c00;
}

/**********END from Vinrella*******/

a.cart{
	color:#000000;
	text-decoration: none;
}
table.CartOuter {width:100%;padding:0 20%}
table.Cart {width:100%}
table.Cart td {padding:.5%;font-size:16px}
table.Cart img { max-height:75px }

#cartBtnBottom {margin:20px 0}
.cartBtn {float:left;margin-right:1%}
#cartNotFirst {margin:17px 1% 0 20%}

#bs-example-navbar-collapse-1 ul, nav#mobileNav {display:none}

nav {
	float: right;
	/*margin-left: 175px;*/
	width: 70%; /*785px;*/
	/*padding-top: 30px;*/
	margin-top:30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}

.nav.navbar {	
	/*border-bottom: 1px solid #000000;*/position:relative;float:right;
}

/*.nav .about{
	display: inline-block;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 2px;
	padding-bottom: 5px;
	color:#000;
	text-decoration:none;
}
*/
.nav a{
	display: inline-block;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	color:#000000;
	text-decoration:none;
}

.nav a:hover{
	color:#aaaaaa;
	background-color:#dee1e6;
	text-decoration:none;
}

nav#desktopNav {padding:0 0 10px 0; margin-bottom:30px;position:absolute;top:50px;z-index:2000; border-bottom: 1px solid #000000;}
nav#desktopNav ul.nav {
	width:100%;
	float:right;
	margin-left:0px;
	padding-left:0;
	list-style:none;
	display: inline;
}

#desktopNav .nav.navbar-nav li { padding:0 0.25%;width:auto;text-align:center}/*width:150px;*/
#desktopNav .nav.navbar-nav li:first-child {margin-left:0}/*100px}*/

.nav li {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: .5px;
}

div#side-nav ul li ul {margin-left:-30px;padding-left:-30px;-webkit-padding-start:3px}

.dropdown-menu li {font-size:15px !important; text-transform:capitalize;}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

div.mobileOnly, .nav li.mobileOnly, .nav li.upperMobileLink, .mobileCartIcon, button.navbar-toggle {display:none}

#rotating-item-wrapper {
	position: relative;
	width: 955px;
	height: 471px;
	text-align:center;
}
.rotating-item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

section {
/*	padding:25px 10% 0 10%;
*/	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	margin-top:20px; /*40px;*/
}

section a {
	color: #00adbc; /*#660066;*/
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
}
section a:visited {
	color: #a7a7a7;
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
}
section a:hover {
	color:#fd6c35; /*00adbc;*/
	text-decoration:underline;
	font-family: 'Source Sans Pro', sans-serif;
}
section a:active {
	color: #d86d1d7;
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
}

.copyright {
	color: #b2b2b2;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10px;
	text-align:center;
}

p {
	color: #000000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
/*	padding-right: 30px;
	padding-left:30px;
*/	margin-top: 8px;
	margin-bottom:16px;
}

h6 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-size: 9pt;
	margin-top: 1em;
	margin-below: 0em;
	margin-bottom: 0em;
	text-transform:uppercase;
	font-weight: normal;
	 letter-spacing:2px;
}

h2,h3,h4,h5 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-weight: normal;
	margin:0;
}

h1 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-weight: normal;
	font-size:20px;
	margin:0;
}

h5 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-weight: normal;
	font-size:20px;
	padding-left:0; /*30px;*/
	margin:0;
	padding-bottom:0px;
}

footer {
	/*clear:left;*/
	padding:50px 10% 30px 10%;
	background:#f6f6f6;
	color:#909090;
}

footer div {padding-left:3%}

footer h6 {color:#464646;margin-bottom:12px;font-size:14px}

footer ul li.list-group-item {background-color:#f6f6f6;color:#858585}

footer a:link, footer a:visited {color: #858585;}

footer a:hover {color:#fd6c35;}/*ffbb00*/

#contactTop, #contactForm {padding:0 10%}

#contactContent p {margin:0;line-height:18px}

#contactContent div {padding:0;margin:0}

#contactForm input, #contactForm textarea, input.loginInput { margin:1%;border:1px solid #000000;padding:3px 0 3px 12px;color:#000000;font-size:18px }

#aboutTop { background:#000000;color:#ffffff;height:350px;overflow:visible;}

.category{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
}
	
.footer {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:12px;
	color:#000;
}
	
.footer a:link {
	color: #00adbc; /*#660066;*/
	text-decoration: none;
}
.footer a:visited {
	color: #a7a7a7;
	text-decoration: none;
}
.footer a:hover {
	color:#ffbb00;/*00adbc*/
	text-decoration:underline;
}
.footer a:active {
	color: #d86d1d7;
	text-decoration: none;
}

.footerlinks a:link {
	color: #000000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	text-decoration:none;
}

.footerlinks a:hover{
	text-decoration:underline;
}

.footerlinks {
	clear:left;
}

.aboutimg {
	padding-top: 16px;
	padding-right: 15px;
	padding-left: 25px;
	padding-bottom: 25px;
	float: left;
}

.abouttxt {
	width: 500px;
	float: left;
	padding-right: 25px;
	padding-bottom: 5px;
}

.smaller {
 font-family: 'Source Sans Pro', sans-serif;
 font-size: 12px;
}

a.smaller:link {
 font-family: 'Source Sans Pro', sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
}
a.smaller:visited {
 font-family: 'Source Sans Pro', sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
}
a.smaller:hover {
 font-family: 'Source Sans Pro', sans-serif;
 font-size: 12px;
 color: #00adbc;/*d1005d*/
 text-decoration: underline;
}
a.smaller:active {
 font-family: 'Source Sans Pro', sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
}

.reversed {
 font-family: 'Source Sans Pro', sans-serif;
 font-size: 12px;
 color: #FFFFFF;
}
#currCatHead {width:75%;float:right;text-align:center}
#currCatHead img {width:30%}
#MirrorCatHeading {padding:30px;}
.pubCatImg, .memCatImg {text-align:center}
.pubCatLabel, .memCatLabel {text-align:center}
.pubCatLabel h4, .memCatLabel h4 { font-size:20px;padding-bottom: 40px;}
.memCat, .subcatLinks {text-align:center;
	font-size:22px;
	margin:20px;
	padding-right:0 !important;
	padding-left:0 !important; 
	border:1px solid #b0b0b0;
}

#breadcrumb {font-size:16px}
#breadcrumb a:link, #breadcrumb a:visited {color:#000000}

.table {
 border: 1px solid #666666;
}

IMG.icon
		{
		float: right;
		margin: 10;
		margin-right: 0;
		}	



.popup	{
	background-color:#ffffff;
	width:700px;
}

#catDropdown {display:none}
#side-nav {padding:35px 0.5%;min-height:600px} /*border:1px solid #000000;*/
#side-nav h5 {margin:10px 0 0 0;font-weight:bold}
#side-nav h5 {list-style:none;margin-left:none;font-size:14px;font-weight:700;}
#side-nav ul {
	list-style-type: none;
	-webkit-margin-before:0;
	-webkit-padding-start:0px
}
#side-nav li {list-style:none;margin-left:none;font-size:14px;font-weight:400;}
#side-nav li a {color:#000000} 
.side-rule {margin:0 30px 0 0;border-top:1px solid #000000}
#currCatWrapper {display:inline;overflow:hidden;height:auto} /*to fix for IE*/
#productsDisplay {margin-bottom:50px;float:right;display:block;}/*width:100%}*/
#productRows {float:left;margin:0;}
.catDescr img {width:100%} 

.pages, .pages a {font-size:16px}

div.show-cat-fluid div.row div.show-cat-lg-4.show-cat-md-6.show-cat-sm-6.show-cat-xs-12, .subcatLinks {height:445px;margin-bottom:20px}
div.cat_item, div.cat_item_pub {height:500px; width:100%;float:left;position:relative;margin:0 15px 0 15px;padding:0;text-align:center;vertical-align:baseline}/*width:180px;*/
div.cat_item div.cat_content_bottom, div.cat_item_pub div.cat_content_bottom	{position:absolute; bottom:0px;vertical-align:baseline;text-align:center;width:100%}
div.cat_item div.cat_content_bottom img, div.cat_item_pub div.cat_content_bottom img {margin:0}
div.cat_item div.cat_content_top	{position:absolute; top:0px}

.addToCart	{font-family: 'Source Sans Pro', sans-serif; color:#00adbc;}

h2.itemName {font-size: 18px}

.item, .item.sku {font-size:16px; text-align:center}

.detail-pop-main-img {float:left}

.detail-pop-alt-img {min-height:400px;float:right}

h3.detailsName {text-transform:capitalize;}

.detailsPrice, .detailsSku, .upc, .detailsMult {font-size:16px}

p.desc {font-size:16px}

.popupStyle	{
	width:700px;
}

#colorbox	{
	width:700px;
	background-color:#dddddd;
}

#cboxWrapper	{
	width:700px;
}

#cboxContent	{
	width:700px;
}


br.clear {
	clear: both;
}

#carousel-indicators #carouselExampleControls {display:none}

/******************CATEGORY SLIDER
************Simple CSS Slider --https://codepen.io/cybrox/pen/cyiJI-- **********/

#cssSlider {
	width: 100%; /*440px;*/
	height: 200px;
	overflow: hidden;
/*	border: 1px solid #666;
	margin:20px auto;*/
}

#sliderImages {
	width :2000px; /* width of slide X number of slides - 200px X 10 = 2000px */
	height: 200px;
	overflow: hidden;
	
	/* animation duration: 12s : 4x ~3s display image + 4x ~0.2s slide
	   animation name: slide
 
	   animation-iteration-count: infinite*/
	animation: slide 30s infinite;
	-moz-animation: slide 30s infinite;
	-webkit-animation: slide 30s infinite;
	-o-animation: slide 30s infinite;
}

#sliderImages img {
	float: left;/*margin-right:3%;width:30%  */
}

@keyframes slide{ /* 100% divided by number of slides - 100 / 5 = 20 is interval, so 0, 20, 40, 60, 80 */
	0%{margin-left: 0px;}
	7%{margin-left: 0px;}
	10%{margin-left: -200px;}
	17%{margin-left: -200px;}
	20%{margin-left: -400px;} /*each change increments by the width of the slide */
	27%{margin-left: -400px;}
	30%{margin-left: -600px;}
	37%{margin-left: -600px;}
	40%{margin-left: -800px;}
	47%{margin-left: -800px;}
	50%{margin-left: -1000px;}
	57%{margin-left: -1000px;}
	60%{margin-left: -1200px;}
	67%{margin-left: -1200px;}
	70%{margin-left: -1400px;} /*each change increments by the width of the slide */
	77%{margin-left: -1400px;}
	80%{margin-left: -1600px;}
	87%{margin-left: -1600px;}
	90%{margin-left: -1800px;}
	97%{margin-left: -1800px;}
	100%{margin-left: 0px;}

}

@-moz-keyframes slide{
	0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -440px;}
	37%{margin-left: -440px;}
	40%{margin-left: -880px;} /*each change increments by the width of the slide */
	57%{margin-left: -880px;}
	60%{margin-left: -1320px;}
	77%{margin-left: -1320px;}
	80%{margin-left: -1740px;}
	97%{margin-left: -1740px;}
	100%{margin-left: 0px;}
}

@-webkit-keyframes slide{
	0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -440px;}
	37%{margin-left: -440px;}
	40%{margin-left: -880px;} /*each change increments by the width of the slide */
	57%{margin-left: -880px;}
	60%{margin-left: -1320px;}
	77%{margin-left: -1320px;}
	80%{margin-left: -1740px;}
	97%{margin-left: -1740px;}
	100%{margin-left: 0px;}
}

@-o-keyframes slide{
	0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -440px;}
	37%{margin-left: -440px;}
	40%{margin-left: -880px;} /*each change increments by the width of the slide */
	57%{margin-left: -880px;}
	60%{margin-left: -1320px;}
	77%{margin-left: -1320px;}
	80%{margin-left: -1740px;}
	97%{margin-left: -1740px;}
	100%{margin-left: 0px;}
}
/****footer****/

.flex-row {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
}

.flex-col {
  margin: 6px;
  padding: 16px;
  display: flex;
  justify-content: center;
  flex: 1;
  flex-direction: column;
  color: #464646;
  box-sizing:border-box;
}

@media (max-width:767px) {
  .flex-col {
    flex-basis: calc(50% - 12px);
  }
}

@media (max-width:320px) {
  .flex-col {
    flex-basis: 100%;
  }
}

/***footer end****/
/*****************************END Category Slider**********************************/

/*************
MEDIA QUERIES
*************/

@media (min-width: 768px) {

        .container {width: 100%;}

        .hide-at-768 { display: none; }

        .navbar-nav li a {
                padding-top: 5px;
                padding-bottom: 0 !important;
		padding-left:10%;
        }
	.carousel-indicators #carouselExampleControls {display:none}
	.right.carousel-control, .left.carousel-control {padding-top:150px;width:40px;font-size:60px;max-height:400px}


}

@media (min-width: 1000px) {
	#desktopNav {}
	#side-nav {}
}

@media (max-width: 767px) {
	section.bodyContent  {padding:0}
	#pageContent {padding:0}
        .navbar-form {
                padding: 0px !important;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
        }
	header, section, footer {padding:0 2% !important}
	header {background:#000000;height:70px;padding:0 2%}
        #top-navbar .nav li { width: 50%; FLOAT: LEFT;}
	.logo, div.topnav, .topnavlist .socialNav, #side-nav, nav#desktopNav {display:none}
	.mobileLogo {display:block;width:60%;color:#ffffff;margin-left:5%;text-align:center;font-weight:bold;font-size:24px;padding-top:10px;
		position:absolute;left:15%} /**/
	.mobileLogo a {color:#ffffff}
	.mobileLogo a:visited {color:#ffffff}
	.mobileCartIcon { color:#ffffff;position:absolute;right:0px;}/**/ 
	.mobileCartIcon a {color:#ffffff}
	.mobileCartIcon a .glyphicon {color:#ffffff;font-size:40px}
	nav#mobileNav {display:block;border:none;margin-left:0;margin-top:0;padding-top:0;background:#000000}
	nav#mobileNav ul {width:400px;}
	#bs-example-navbar-collapse-1 {margin-top:60px;transparency:50%} /**/
	nav#mobileNav ul li ul {margin:60px 0 0 -300px}
	#bs-example-navbar-collapse-1 ul {display:block}
	nav.navbar.navbar-default {float:left;margin-left:0;padding-left:0;font-size:30px;position:relative;}
	nav .container-fluid {padding-left:0;text-align:left;position:absolute;left:0;top:3px;z-index:1000;} 
	.navbar> .container-fluid {align-items:left;display:block}	
	ul.nav {background:#000000;background: rgba(0, 0, 0, 0.5);display:block;opacity: 0.8} /*position:absolute;z-index:1000;left:0;padding:0 20px;}*/
	ul.nav>li>a:link, ul.nav>li>a:visited {opacity:1}
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #ffffff !important;
    background-color: #000000;
}

	ul.nav li, ul.nav li.upperMobileLink {display:block;}
	ul.nav li a {color:#ffffff;background:#000000;font-size:40px;line-height:50px}
	ul.nav li.mobileOnly a {font-size:30px;line-height:38px}
	ul.nav li.mobileOnly a:visited {color:#ffffff}
	button.navbar-toggle {display:block;color:#ffffff;background:#000000;border:none;float:left}
	footer {padding:30px 2% 20px 2%;color:#000000;background:#ffffff;border-top:2px solid #000000;}
	footer ul, footer ul li, footer ul li.list-group-item, footer ul li a {background:#ffffff}
	footer ul li.list-group-item {border:none}
	footer a:link, footer a:visited, footer h6 {color:#000000;font-size:18px}
	#footerLogo {width:75px;height:75px}
	.socialnavlist {text-align:center;list-style:none;margin-left:-30px}
	.socialnavlist li {margin-left:0}
	.socialnavlist img {width:20px}
	p.CEZbrand, p.CEZbrand a {color:#aaaaaa !important;}
	div.mobileOnly, ul.nav li, .mobileCartIcon {display:block !important;}
	ul.nav li.mobileOnly a:visited {color:#ffffff}
	#aboutTop {height:675px}
	#catDropdown {display:block;margin-top:20px;}
	#productsDisplay {max-width:730px;margin:0 auto}
	.navbar-header, .mobileLogo, .mobileCartIcon {float:left !important;margin-left:0}
	.navbar-header, .mobileCartIcon {width:15%}
	div.show-cat-fluid div.row div.show-cat-lg-4.show-cat-md-6.show-cat-sm-6.show-cat-xs-12, .subcatLinks {height:645px;margin-bottom:20px}


}



@media (min-width:30px) and (max-width:480px) {
        #side-bar {display:none}
	#aboutTop {height:500px}
	nav {margin-left:0 !important;padding-left:0 !important;width:100%}
	.navbar-header, .mobileLogo {float:left !important;margin-left:0}
	.mobileLogo {margin-left:5%}
	#productsDisplay {max-width:460px}
}

	div#banner { 
       position: relative; 
       top: 0; 
       left: 0; 
       background-color: #fd6c35; 
       width: 100%; 
     }
     div#banner-content { 
     width: 100%; 
       margin: 0 auto; 
       padding: 10px;
       text-align: center;
       color: white;
       font-weight:500;
       
     }