
.mbres_wrapper {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	overflow: hidden;
}
.mbres_banner {
	color: #FFF;
	width: 100%;
	background: #373535 url('../images/layout/banner.png') no-repeat;
	height: 352px;
	overflow: hidden;
}
.mbres_search {
	background: #995200;
	padding: 1em;
	overflow: hidden;;
}
.mbres_search form {
	float: left;
}
.mbres_search input {
	margin: 0;
	width: 350px;
	padding: 5px 10px;
	border: none;
	background: #FFF;
	color: #373535;
	vertical-align: bottom;
	font-size: 20px;
}
.mbres_search input[type=submit] {
	padding: 0 10px;
	height: 35px;
	width: 100px;
	background: #000;
	color: #FFF;
	cursor: pointer;
}
.mbres_logo {
	text-align: left;
	padding: 5px 10px;
	width: 370px;
	position: relative;
	max-width: 370px;
	z-index: 100;
}

@media (max-width: 800px)
{
    .mbres_logo {
        max-width: 130px;
    }
}
.mbres_top_links {
	background: rgba(0,0,0,.75);
	position: relative;
	bottom: 30px;
	padding: 1em;
	text-transform: uppercase;
	text-align: right;
	overflow: hidden;
}
.mbres_top_link {
	display: inline-block;
	background: #e3b851;
	border-radius: 10px;
	padding: 10px;
	margin: 0 .5em;
}
.mbres_top_link:hover {
	background: #d59205;
}
.mbres_top_link a {
	display: inline-block;
	padding-top: 50px;
	min-width: 80px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
.mbres_link_lock {
	background: url('../images/layout/lock.png') top center no-repeat;
}
.mbres_link_acct {
	background: url('../images/layout/gear.png') top center no-repeat;
}
.mbres_link_cart {
	background: url('../images/layout/cart.png') top center no-repeat;
}
.mbres_link_face {
	background: url('../images/layout/facebook.png') top center no-repeat;
}
a.mbres_adv_search { 
	color: #FFF;
	padding: .5em 0 0 1em;
	display: inline-block;
}
.mbres_nav {
	background: #d59205;
	margin: 0;
	padding: 1em;
}
.mbres_nav .nav_list {
	text-align: center;
	padding-left: 0;
}
.mbres_nav .nav_list-item {
	display: inline-block;
	font-weight: bold;
	padding: 0 1em;
	font-size: 1.5em;
}
.mbres_nav .nav_list-item:first-child {
	padding-left: 0;
}
.mbres_nav .nav_list-item:last-child {
	padding-right: 0;
}
.mbres_nav .nav_list-item a {
	color: #000;
	text-decoration: none;
}
.mbres_core {
	clear: both;
	width: 100%;
	background: #e6be5e;
	overflow: hidden;
}
.mbres_sidebar {
	float: left;
	width: 40%;
	line-height: 1.5em;
	overflow: hidden;
}
.mbres_sidebar h2 {
	display: block;
	padding: 10px 20px;
	background: #d59205;
	color: #FFF;
}
.mbres_sidebar div {
	padding: 1em 5%;
	font-weight: bold;
	color: #000;
}
.mbres_sidebar a {
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 1.5em;
	line-height: 1.75;
}
.mbres_content {
	float: left;
	padding: 1em 5% 6em;
	max-width: 70vw;
	min-height: 500px;
	background: #FFF;
}
.mbres_content img {
	color: #999;
}
.mbres_content a:link, .mbres_content a:active, .mbres_content a:visited, .mbres_content a:hover { 
	color: #000;
}
.mbres_foot {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 1em;
	text-align: left;
	color: #fff;
	font-weight: bold;
	background: #000;
}
.mbres_foot a {
	color: #fff;
}
.mbres_copyright {
	text-align: center;
}

@media screen and (max-width: 960px) {
	.mbres_wrapper {
		width: 100%;
		max-width: 100%;
	}
	.mbres_search input {
		width: 300px;
	}
	.mbres_sidebar {
		float: none;
		width: auto;
	}
	.mbres_sidebar h2 {
		cursor: pointer;
	}
	#mbs_cat_wrapper {
		display: none;
	}
	.mbres_content {
		min-height: none;
		width: auto;
		max-width: 100%;
		overflow: scroll;
	}
	.mbres_foot_nav, .mbres_copyright {
		float: none;
		text-align: center;
	}
	.mbres_top_links {
		padding: 20px 5px 0 5px;
	}
	@media screen and (max-width: 800px) {
		.mbres_logo {

		}
		.mobile_nav_links {
		    font-size:10px !important;
		 }
		.mbres_logo img {
			width:35vw;
		}
		.mbres_top_link {
			
		}
		.mbres_top_links a {
			
		}
		.mbres_search {
			clear: both;
			width: 100%;
			position: relative;
			padding-top: 0;
		}
		.mbres_search input {
			width: 100%;
		}
		.mbres_search input[type=submit] {
			background: #FFF;
			color: #000;
			cursor: pointer;
			position: absolute;
			top: 0;
			right: 0;
		}
		.mbres_adv_search {
			display: none;
		}
		@media screen and (max-width: 400px) {
			.mbres_top_links, .mbres_top_links a  {
				
			}
			.mbres_top_links a  {
				
			}
		}
	}

}

@media (max-width: 800px)
{
    .mobile_nav_links
    {
        width: 50vw;
        margin-left: 5vw;
        margin-right: 5vw;
        font-size: 1em!important;
        margin-bottom:15px!important;
        float:right;
    }
    .mbres_top_links
    {
        margin-left: 0px;
        margin-right: 0px;
        bottom:100px;
    }
    .a1876
    {
        font-size: 1em!important;
    }
    .slogan-desk
    {
        margin-top:-110px!important;
        float: left!important;
        max-width: 40vw;
    }
}

@media (min-width: 801px)
{
    .mobile_nav_links
    {
        margin-right:5px;
    }
    .mbres_top_links
    {
        bottom:60px!important;
        padding-bottom:20px;
    }
}

@media (max-width: 1139px)
{
    .navbar-form
    {
        width: 50vw!important;
    }
    .mob-nav-srch
    {
        width: 80%;
        margin-bottom: 5px;
    }
}

@media (min-width: 768px) and (max-width: 872px)
{
    .nav_list-item a
    {
        padding-right: 0px!important;
    }
}
@media (min-width: 768px) and (max-width: 782px)
{
    .nav_list-item a
    {
        padding-left: 10px!important;
    }
}
@media (min-width: 768px) and (max-width: 842px)
{
    .navbar-form
    {
        width: 65vw!important;
    }
}

@media (max-width: 767px)
{
    .navbar-form
    {
        text-align:center;
        width: 90vw!important;
        float:none;
        margin-right:5vw!important;
    }
    .mbres_banner
    {
        max-height: 70vw;
    }
}

@media (max-width: 1189px) { .slogan-desk { margin-top:0px; float: right; padding-top: 5px; } }
@media (max-width: 1189px) { .btns-desk { margin-bottom:0px; } }

@media (max-width: 800px) { .a1976 { font-size: 1.1em; } }
@media (max-width: 480px) { .a1976 { font-size: .90em; } }


@media (max-width: 960px) { .mbres_sidebar { max-width: 100vw!important; } .mbres_content { width: 100vw!important; } }

