/*
	Todd Motto Labs

*/

/*body {
	background:#ECF0F1;
}
a,
a:hover {
	text-decoration:none;
}
ul,
ol {
	list-style:none;
}
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
.main {
	width:100%;
	margin:50px 0;
	text-align:center;
}
.content {
	text-align:left;
	margin:25px 0;
}
.content-text {
	margin:0 0 15px;
}*/

/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/

.nav {
	position:relative;
	font-size:14px;
	/*background:#101010;*/
	height:auto;
	z-index:999;
}
.nav .nav-list {
	text-align:left;
	margin:0;
	min-height:35px;
}
.nav .nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
.nav .nav-item a {
	display:block;
	color:#ffffff;
	padding:0 35px;
	height:50px;
	line-height:50px;
	text-transform:capitalize;
	font-size:16px;
	font-family:"Open Sans",sans-serif;
	/*background:#7A1E61;
	border-bottom:1px solid #8B2870;*/
}
.nav .nav-item > a:hover {
	background:#0000f6;
	color:#ffffff;
	text-decoration:none;
}
.nav .nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav .nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:250px;
	z-index:999;
	background:#FFF;
	border:1px solid #ddd;
}
.nav .nav-submenu-item a {
	/*background:#8B2770;*/
	border-bottom:1px solid #ddd;
	display:block;
	padding:0 0 0 15px;
	font-size:14px;
	color:#8d8c8c;
	height:40px;
	line-height:40px;
}
.nav .nav-submenu-item a:hover {
	color:#ffffff;
	text-decoration:none;
	background:#0000f6;
}
/* Mobile navigation */
.nav .nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:#000000 url(../images/nav.png) no-repeat center center;
	background-size:18px;
	height:50px;
	width:50px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav .nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #fff;
	height:50px;
	width:50px;
	cursor:pointer;
}
.nav .nav-click i {
	display:block;
	height:50px;
	width:50px;
	background:url(../images/drop.png) no-repeat center center;
	background-size:20px;
}
.nav .nav-click:hover {
	background-color:#000;
}
.nav .nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.nav .nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav .nav-list {
		display:none;
	}
	.nav .nav-item {
		width:100%;
		float:none;
	}
	.nav .nav-item > a {
		padding:0 0 0 15px;
		color:#fff;
		border-bottom:1px solid #ffffff;
	}
	.nav .nav-item > a:hover
	{
		background:#0000f6;
		color:#FFF;
	}
	.nav .nav-click {
		display:block;
	}
	.nav .nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav .nav-item:hover .nav-submenu {
		display:none;
	}
	.nav .nav-submenu {
		position:static;
		width:100%;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
#wrapper
{
	width:100%;
}

#parent_container
{
	margin:0 2%;
}

#header_container
{
	width:100%;
	padding:1% 0;	
}
.head-left {
    float: none;
    text-align: center;
	margin:0 0 10px 0;
}
.logo img{width:100%;height:auto;border:none;}
.head-mid
{
	float:none;
}
.topcontact-box {
    text-align: center;
	margin:0;
}
.topcontact-box ul
{
	margin:10px 0;
	height: auto;
    overflow: hidden;
}
.topcontact-box li{
	width:50%;
	float:left !important;
    text-align: center;
	margin:0 !important;
}
.topcontact-box li h2, .topcontact-box li h2 a
{
	font-size:16px;
}
.top-search
{
	height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0 0px;
    width: 98%;
}
.top-search-txt
{
	width:83%;
	float:left;
}
.top-search-btn
{
	float: none;
    padding: 0;
    /*width: 18%;*/
}
.head-right{float:none;margin:0px 0 0 0;}

.head-right-menu
{
	height:auto;
	margin:2% 0;
	background:#000000;
	border:none;
}

#social-list
{
	width:60%;
	margin:0 auto;
	float:none;
}
.shipping-banner ul li
{
	width:100%;
	margin:0 0 2% 0;
}
.shipping-banner-desc{width:75%;}

.shipping-banner-desc h2{font-size:1.3em;}

#main-container
{
	width:100%;
}
.featured-category
{
	width:100%;
	border:none;
	margin-top:10px;
}
.featured-category > ul
{
	height:auto;
	overflow:hidden;
}
.featured-category ul li
{
	width:100%;
	margin-bottom:10px;
}
.featured-category ul li:last-child
{
	border:solid 1px #fff;
}
.responsive-tabs-wrapper
{
	/*margin-top:-12px !important;*/
}
#product-listing ul li
{
	margin-right:0 ;
	margin-bottom:10px;
	width:100%;
}
#newsletter-box
{
	height:auto;
	float:none;
	padding:0 10px;
}

#newsletter-box img{width:100%;margin:0 0 10px 0;}

#newsletter-box .newsletter-button {
    display: block;
    margin: 0 auto;
    width: 94%;
}
#footer_container
{
	width:100%;
	text-align:center;
	background:url("../images/bg-footer.jpg") no-repeat scroll center top #000;
}
#footer-bottom
{
	width:100%;
	padding:2% 0;
}
#footer-bottom ul li
{
	width:100%;
	padding:0;
	margin:0 auto;
	border-bottom:1px solid #ddd;
	padding:1% 0;
}

#footer-bottom ul li:last-child{width:100%;}

#footer-bottom ul li address ul li.location
{
	background:url("../images/location-icon.png") no-repeat scroll left 45px top 2px rgba(0, 0, 0, 0);
	width:100% !important;
	padding-left:0 !important;
}

#footer-bottom ul li address ul li.contact
{
	background:url("../images/callus-icon.png") no-repeat scroll left 65px top 1px rgba(0, 0, 0, 0);
	width:100% !important;
	padding-left:0 !important;
}

#footer-bottom ul li address ul li.needhelp
{
	background:url("../images/need-help-icon.png") no-repeat scroll left 55px center rgba(0, 0, 0, 0);
	width:100% !important;
	padding-left:0 !important;
}

.product-title
{
	font-size:14px;
	text-align:center;
}
.short-des
{
	height:auto;
}

#must-have ul li{width:180px;padding:15px;}

#footer_btm{width:100%;}

.designby-container
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:0 0px;
	text-align:center;
}

.designby-container img
{
	width:100%;
	float:none;
	margin:0 0 10px 0;
}

.designby-container p
{
	float:none;
}

#social-list
{
	margin:10px 0;
	width:100%;
}

#social-list ul{float:none;}

#left-panel
{
	display:none;
}

.leftpanel-content img{width:100%;}

#product
{
	float:none;
	width:100%;
}

.advance-search{float:none;margin:0 auto;}

#home_promos{float:none;width:100%;margin:10px 0;}

.home-bottom-promo{margin:0;}

.home-bottom-promo ul li{width:100%;float:none;margin:0 0 10px 0;}

#featured-products ul li{width:200px;}

.pagecontainer{width:96%;}

.gh-tbl{width:100%;}

table.tb_v4bc{width:100%;}

.os-content{width:100%;}

#must-have{width:285px;}

.stBadge{display:none;}

#LeftPanel{display:none;}

.grid td.gallery{float:left;width:100%;border-bottom:1px solid #cccccc;padding:0;}

.grid td.left{border-left:none;}

div.itemseparator{display:none;}

.dynpg .l{display:block;text-align:center;}

.dynpg .m{display:block;text-align:center;}

.dynpg .r{display:block;text-align:center;}

.brand-slider{width:300px;}

#footer{width:100%;}

.product-galary{float:none;width:100%;}

.product-right{float:none;width:100%;clear:both;margin:15px 0 0 0;}

}

@media only screen and (min-width: 768px) and (max-width: 1024px)
{
#wrapper
{
	width:100%;
}
#parent_container
{
	margin:0 2%;
}

.logo img
{
	width:100%;
	height:auto;
	border:none;
}

.nav .nav-item{width:11%;text-align:center;}

.nav .nav-item a
{
	padding:0;
	font-weight:normal;
	font-size:14px;
}

.nav .nav-submenu-item{text-align:left;}

.nav .nav-submenu-item a{padding:0 0 0 15px;}

.shipping-banner
{
	width:100%;
}
.shipping-banner > div {
    float: left;
    text-align: center;
    width: 32%;
}
.shipping-banner .section2 {
    margin-left: 3%;
}
.topcontact-box
{
	margin-top:11px;
}
.top-search
{
	
}
#social-list {
	/*float:left;*/
    margin: 0px 0 0 0px;
}

#newsletter-box .newsletter-button{}

#main-container
{
	width:100%;
	padding:0px;
}

#must-have ul li
{
	width:177px;
	margin:0 15px 0 0;
}

.featured-category
{
	width:100%;
	border:none;
}
.featured-category > ul
{
	height:auto;
	overflow:hidden;
}
.featured-category ul li
{
    width: 23.4%;
	margin:0 15px 0 0;
}
.featured-category ul li:last-child
{
	margin-right:0;
}
.featured-category-desc h2{font-size:14px;}

.featured-category-desc{height:120px;}

.responsive-tabs-wrapper
{

}
#product-listing ul li
{
    margin-right: 9px;
    padding: 1%;
    width: 24%;
}

#footer-bottom ul li
{
	/*width:50% !important;*/
	padding:0 1%;
	margin:0 auto;
	width:30%;
}
#footer-bottom ul li h2
{
	text-align:left;
}

#home_promos{width:64%;}

.product-right{width:47%;}

.product-galary{width:50%;}
.big-img{width:100%;}

.short-des{height:200px;}

.navwrapper{width:100%;}

.shipping-banner ul li{margin:0 1% 0 0;width:32%;}

.shipping-banner-desc{width:69%;}

.shipping-banner-desc h2{font-size:1.3em;}

.shipping-banner-desc p{margin:0 0 5px 0;}

#footer_btm{width:100%;}

.designby{padding:10px;}

.designby-container{float:none;text-align:center;}

.designby-container img{float:none;}

.designby-container p{margin:10px 0 0 0;float:none;}

#product{width:70%;}

#left-panel{width:28%;}

.leftpanel-content img{width:100%;}

.product-title{font-size:20px;}

#featured-products ul li{width:182px;}

.pagecontainer{width:96%;margin:0 auto;}

.gh-tbl{width:100%;}

table.tb_v4bc{width:100%;}

.os-content{width:100%;}

#must-have{width:735px;}

#LeftPanel{width:28%;}

#LeftPanel .lcat .lev1 li a{width:75%;font-size:10px;padding:0 0 0 5px;}

#LeftPanel .lcat .lev1 li span.cnt{font-size:10px;width:45px;}

table.gallery td span.g-b{width:150px;}

.grid td.gallery{padding:0;}

table.gallery td.picture{padding:0;}

#LeftPanel .lcat .lev1 li span{width:75%;font-size:10px;padding:0 0 0 5px;}

#footer{width:100%;}

.brand-slider{width:735px;}

.stBadge{min-width:100%;}

.g-std{height:40px;}

}