/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td		{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color: #CCC;
}

html	{
	height:100%
}

body {
	background-image: url(../images/bkg_fill.jpg);
	background-repeat: repeat;
	height: 100%;
	text-align:center
}

table 	{
	border-collapse:collapse;
	border:0px; 
	width:100%;
}
a, object {
	outline:none;
}

td 		{
	vertical-align:top
}

th 		{
	text-align:left; 
	vertical-align:top
}

img		{
	border:none
}

h1 		{
	font-size: 18pt;
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
}
h2 {
	color: #FFF;
	font-size: 20pt;
	line-height: 85%;
}

h3 		{
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #821525;
}
h4		{
	font-size:110%
}

p		{
	padding:0px 0px 10px 0px;
	color: #CCC;
}

textarea .inputbox {
	width:300px; 
	height:100px; 
	margin:0px 0px 5px 0px;
}

select	{
	height:auto; 
	margin:0px 0px 2px 0px; 
	vertical-align:middle
}

ul {
	list-style:disc;
	margin:0px 0px 0px 15px;
}
ol {
	margin:0px 0px 0px 15px;
}

.width	{
	width:100%
}
.main	{
	margin:auto; 
	text-align:left
}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block; overflow:hidden}
/* End hide from IE-mac */#footer2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7c7c7c;
	text-align: center;
}



/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}


/* ------------------------------------- footer --- */
	#footer {
	width:100%;
	margin:0px;
	position:relative;
	text-align:center;
	background-repeat: repeat-x;	
	}
	
	#footer .space {
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#7c7c7c;
	text-transform:none;
	padding-top: 19px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 20px;
	}
	#footer a {
		color:#fdce0e;
		text-decoration:underline;

	}
	#footer a:hover {
}
	.footerText div { padding-top:0px;}
	#footer .footerText {
	color:#FFF;
	padding:0 0 0 0;
	}
	#footer .footerText div {
	float:none;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
	
	#footer ul {
		padding:10px 0 4px 0px;
		margin:0;
		list-style:none;
		
		
		
	}
		#footer ul li {
			background:none;
			font:normal 12px/20px Arial, Helvetica, sans-serif;
			display:inline;
			padding:0px 22px 0 0px;
			text-transform:uppercase;
			margin:0 0 0 0;
		}
			#footer ul li a {
				background:none;
				color:#fff;
				padding:0;
				text-decoration:none;
			}
			#footer ul li a:hover,
			#footer ul li.active a {
				text-decoration:none;
				color:#fdce0e;
				
			}
		
	
#footerbackground #footer {
	background-repeat: repeat-x;
}
#footerbackground #footer {
	background-color: #666;
	width: 100%;

}
#footerbackground {
	background-image: url(../images/body-top.gif);
	width: 100%;
}
#cart_holder {
	position: relative;
	top: 2px;
	right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	width: 100%;
	text-align: right;
	padding-right: 10px;
	height: 20px;
}
#cart_holder a {
	font-family: Arial;
	color: #FC0;
	font-weight: bold;
}
#cart_holder a:hover {
	color: #FFF;
	text-decoration: none;
	
}
#cartdiv {
	font-family:Arial, Helvetica, sans-serif;
	height: 12px;
	top: -1px;
	right: 4px;
	vertical-align: bottom;
	text-align: right
	color: #FFF;
	margin-top: 4px;
}



.kids {
	height: 100px;
	width: 150px;
	position: absolute;
	left: 9px;
	top: 16px;
	font-family: "Arial Narrow";
	font-weight: 500;
	color: #FFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}



.bannersize {
	font-family: "Arial Narrow";
	font-size: 16px;
	color: #FFF;
}
.sub_kids {
	font-size: 14px;
	padding-top: 5px;
	margin: 0px;
	padding-bottom: 1px;
	font-weight: bold;
	color: #FFF;
}


.kidslink a {
	font-size: 18px;
	color: #ffcc33;
	text-decoration: none;
	font-weight: bold;
}

	.kidslink a:hover {
	color: #FFF;
}


#wrapper {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	
}
#wrapper #header {
	height: 65px;
	width: 950px;
}
#grey {
	background-color: #666;
	height: 60px;
	width: 100%;
	position: absolute;
	opacity:0.6;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	bottom: 0px;
	z-index: 5;

}

#searchwrapper {
	width:250px; /*follow your image's size*/
	height:65px;/*follow your image's size*/
	background-image:url(../../../images/phone.png);
	background-repeat:no-repeat; /*important*/
	padding:0px;
	margin:0px;
	position:relative; /*important*/
	float: right;
	right: 0px;
	top: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
	border:0px; /*important*/
	background-color:transparent;
	position:absolute;
	left:27px;
	width:168px;
	height:21px;
	bottom: 7px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	color: #666;
}
 
.searchbox_submit {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:33px;
	left:209px;
	width:32px;
	height:28px;
	background-image: url(images/searchblk.gif);
}
#slider a{
    display:block;
}



/* ------------------------------------- footer --- */

.left_menu {
	width: 180px;
	background-color: #333;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 20px;
	margin-left: 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.left_menu_header {
	background-image: url(../images/menuHeading.gif);
	background-repeat: no-repeat;
	color: #333;
	vertical-align: middle;
	height: 36px;
	width: 180px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
}
.indent {
	padding-left: 20px;
	padding-top: 10px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
}
.left_menu_info {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 30px;
}
#wallpaper {
	background-image: url(../images/body-top.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 760px;
	position: absolute;
	left: 0px;
	top: 0px;
}

 


a {
	font-family: Arial;
	color: #FFF;
	text-decoration: none;
}
a:hover {
	font-family: Arial;
	color: #FC0;
	text-decoration: none;
}

.mainbody {
	width: 98%;
	position: relative;
	top: 15px;
	font-family: "Arial Narrow";
	font-weight: 500;
	color: #000;
	background-color: #FFF;
	left: 3px;
	font-size: 14px;
	right: 0px;
	margin-right: 0px;
}

.mainbody p {
	font-family: Arial;
	color: #000;
	font-size: 14px;
}
.mainbody h2 {
	font-family: Arial;
	color: #661400;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
}
.mainbody h3 {
	font-family: Arial;
	color: #580E13;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 8px;
	padding-top: 8px;
}
.mainbody h4 {
	font-family: Arial;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 4px;
}
.mainbody .price {
	font-family: Arial;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 4px;
}
.mainbody .submit {
	font-family: Arial;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin: 4px;
	background-color: #063;
	border: 1px solid #000;
	border-radius: 10px 10px 10px 10px;
	-webkit-appearance: none;
}
.mainbody .submit:hover {
	font-family: Arial;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin: 4px;
	background-color: #CF0;
	 -webkit-appearance: none;
}
.mainbody fieldset,input,textarea,blockquote,th,form	{
	margin:0px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.mainbody td {
	font-family: Arial;
	color: #000;
	font-size: 14px;
	text-align: justify;
	padding: 8px;
}
.mainbody a {
	color: #00C;
	text-decoration: none;
	font-family: Arial;
}

	.mainbody a:hover {
	color: #F00;
	font-weight: bold;
}
	.mainbody TD.cobhl {
	background-color: #EEE;
	color: #000;
	border: 1px solid #666;
}
	.mainbody TD.cobll {
	background-color: #FFF;
	color : #000;
	border: 1px solid #666;
}
.mainbody checkoutbutton {
	color : #000;
	text-align: center;
}
	



* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
#wrapper {
	width: 100%;
	max-width: 950px;
}
#wrapper #header {
	width: 100%;
	max-width: 950px;
	height: auto;
}
#header img {
	max-width: 100%;
}
#menunav {
	display: none;
}
.moduletable_banners {
	width: 100%;
	max-width: 960px;
}
.moduletable_banners {
	width: 100%;
	max-width: 960px;
}
.banneritem_banners img {
	max-width: 100%;
	height: auto;
}
.moduletable_banners .banneritem_banners {
	margin: 0 .5%;
	width: 24%;
}
.theme-default #slider {
	width: 100% !important;
	height: 100px !important;
	background-size: cover!important;
}
#banner_full_width {
	clear: both;
}
#header img {
	float: left;
}
/*========Flex slider=================*/
.flexslider {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	background: #fff url(../images/loading.gif) no-repeat 50% 50%;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.flexslider ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.flexslider .slides > li {
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
	width: 100%;
	display: block;
	max-width: inherit;
	position: relative;
}
.flex-direction-nav {
	display: block;
	float: left;
	left: 0;
	top: 50%;
	width: 100%;
	z-index: 8;
	right: 0;
	position: absolute;
}
.flex-direction-nav a {
	width: 40px;
	height: 40px;
	margin: 0;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: -20px;
	cursor: pointer;
	opacity: 1;
	background: #f5f0e9;
}
.flex-direction-nav a:after {
	font-family: 'FontAwesome';
	content: "";
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	line-height: 38px;
	font-size: 36px;
	color: #000;
}
.flex-direction-nav .flex-next:after {
	right: -3px;
	content: "\f105";
}
.flex-direction-nav .flex-prev:after {
	left: -3px;
	content: "\f104";
}
.flex-direction-nav a:hover:after {
	color: #027784;
}
.flex-direction-nav .flex-next {
	right: 48px;
}
.flex-direction-nav .flex-prev {
	left: 48px;
}
.flex-control-nav {
	max-width: 900px;
	position: absolute;
	bottom: 10px;
	text-align: right;
	padding: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0 2px;
	z-index: 6;
}
.flex-control-nav li {
	margin: 0 8px 0 0;
	display: inline-block;
	zoom: 1;
}
.flex-control-paging li a {
	width: 10px;
	height: 10px;
	display: block;
	background: url("../images/bullets.png") no-repeat left top;
	cursor: pointer;
	text-indent: -9999px;
	font-size: 0;
	border-radius: 50%;
}
.flex-control-paging li a:hover {
	background-position: left bottom;
}
.flex-control-paging li a.flex-active {
	background-position: left bottom;
	cursor: default;
}
/*========Flex slider end=================*/

/*========Menmenu=================*/
.main-menu-outer {
	float: left;
	width: 100%;
	margin: 0 0 5px;
}
.main-menu {
	float: left;
	width: 100%;
	padding: 0;
	background: url("../images/menu-bg.gif") repeat-x left top;
	border-radius: 10px;
}
.main-menu ul {
	float: left;
	width: 100%;
	padding: 0 10px;
	margin: 0;
}
.main-menu ul li {
	float: left;
	display: block;
	vertical-align: top;
	padding: 0;
	position: relative;
	margin: 0;
	border-left: solid 1px #272727;
}
.main-menu ul li:first-child {
	border: none;
}
.main-menu ul li a {
	float: left;
	width: 100%;
	display: block;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	color: #FC3;
	padding: 11px 25px 11px;
	text-decoration: none;
}
.main-menu ul li a:hover, .main-menu ul li.active a, .main-menu nav > ul > li:hover >a {
	color: #FFF;
	text-decoration: none;
	background: url("../images/menu-bgrev.gif") repeat-x left top;
}
.main-menu ul li.last ul li ul {
	left: inherit;
	right: 100%;
}
.main-menu ul li:nth-last-child(2) ul ul {
	left: inherit;
	right: 100%;
}
.main-menu ul li ul {
	display: none;
	position: absolute;
	width: 200px;
	top: 38px;
	left: 0;
	z-index: 99;
	padding: 10px 0;
	margin: 0;
	background: #333333;
	z-index: 999;
	border: solid 1px #FFF;
}
.main-menu ul li.last ul {
	left: inherit;
	right: 0;
}
.main-menu ul li:hover ul {
	display: block;
}
.main-menu ul li:hover ul li ul {
	display: none;
}
.main-menu ul ul li {
	margin: 0;
	padding: 0;
	border: none;
	float: left;
	width: 100%;
}
.main-menu ul ul li a {
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 10px 10px 25px;
	text-transform: capitalize;
	color: #FC3;
	font-weight: 400;
}
.main-menu ul ul li:first-child a, .main-menu ul ul li:first-child ul li:first-child a {
	border: none;
}
.main-menu ul li.active ul li a, .main-menu ul li:hover ul li a {
	color: #FC3;
	text-decoration: none;
}
.main-menu ul ul li a:hover, .main-menu ul ul li:hover, .main-menu ul li.active ul li a:hover, .main-menu ul li:hover ul li a:hover {
	text-decoration: none;
	color: #FFF;
}
.main-menu ul li ul li:hover a {
	color: #FFF;
	background: url("../images/menu-bgrev.gif") repeat-x left top;
}
.main-menu ul li ul li:hover ul li a {
	color: #FC3;
	background: none;
}
.main-menu ul li ul li ul li a:hover {
	color: #FFF;
	background: url("../images/menu-bgrev.gif") repeat-x left top;
}
.main-menu ul li ul li ul {
	display: none;
	position: absolute;
	top: -15px;
	left: 100%;
	z-index: 99;
	padding: 0;
	margin: 0;
}
.main-menu ul li ul li:hover ul {
	display: block;
}
.mean-title {
	float: left;
	padding: 5px 15px;
	font-size: 16px;
	color: #FFF;
	text-transform: uppercase;
}
a.meanmenu-reveal {
	display: none;
}
.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}
.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}
.mean-remove {
	display: none !important;
}
.mean-container .mean-bar {
	float: left;
	position: relative;
	z-index: 999999;
}
.mean-container a.meanmenu-reveal {
	width: 28px;
	height: 28px;
	padding: 0;
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 28px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	transition: none;
	float: left;
}
.mean-container a.meanmenu-reveal span {
	display: block;
	background: #FFF;
	height: 4px;
	margin-top: 4px;
}
.mean-container .mean-nav {
	float: left;
	width: 100%;
}
.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	list-style-type: none;
	padding: 0;
	display: block;
	background: #333333;
}
.mean-container .mean-nav ul ul {
	border-top: 1px solid #272727;
}
.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
}
.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	text-decoration: none;
	padding: 15px;
}
.mean-container .mean-nav ul ul li {
	padding: 0;
}
.mean-container .mean-nav ul ul li a {
	padding: 10px 15;
}
.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}
.mean-container .mean-nav ul li a.mean-expand {
	width: 26px;
	height: 30px;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 3px;
	z-index: 2;
	padding: 12px 0 0;
	font-size: 26px;
}
.menu-text {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
	display: none;
}
/*========Menmenu end=================*/
.banneritem_banners .Categories {
	height: auto;
}
.moduletable_banners .banneritem_banners {
	min-height: 260px;
}
.phone {
	display: none;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	padding: 6px 0 0;
	text-align: center;
	position: relative;
	z-index: 2;
}
.phone a {
	color: #FFF;
	text-decoration: none;
}
@media only screen and (max-width: 767px) {
#searchwrapper {
	width: 100%;
	background: none;
	padding: 0;
	position: relative;
	text-align: center;
}
#searchwrapper form {
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 1;
}
.searchbox {
	position: absolute;
	right: 0;
	top: 0;
	height: 38px;
	background: #FFF;
	left: inherit;
	width: 0;
	padding-right: 22px;
	overflow: hidden;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
.searchbox_submit {
	float: right;
	position: relative;
	left: inherit;
	right: inherit;
	top: 0;
	height: 38px;
	background: url("../images/search.png") no-repeat  center;
}
.open .searchbox {
	width: 80%;
}
#searchwrapper.open form {
	z-index: 3;
}
}
/*==========20161019============*/
.bg {
	background: url("../images/bkg_fill.jpg") repeat left top;
}
#footerbackground {
	float: left;
	width: 100%;
}
#footer ul li {
	padding: 0 11px;
}
.content-wrapper {
	float: left;
	width: 100%;
	background: #000;
	overflow: hidden;
	margin: 15px 0 0;
	
	
}
.page-content {
	float: left;
	width: 100%;
	display: table;
	position: relative!important;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	
	
}
.menu-button {
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #FFF;
	font-weight: normal;
	padding: 10px 35px;
	text-decoration: none;
	background: #454444 url("../images/side-arrow.png") no-repeat 10px center;
	background-size: 16px;
	text-align: left;
}
.menu-button:hover {
	color: #FFF;
}
.side-menu {
	width: 200px;
	display: table-cell;
	padding: 20px 14px 0 6px;
}
.grid-right {
	display: table-cell;
	vertical-align: top;
}
.menu-block {
	float: left;
	width: 100%;
	margin: 0 0 20px;
}
.menu-title {
	float: left;
	width: 100%;
	border-radius: 5px 5px 0 0;
	padding: 11px 11px 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #333;
	background: #d3d3d3; /* Old browsers */
	background: -moz-linear-gradient(top, #d3d3d3 0%, #9a9a9a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d3d3d3 0%, #9a9a9a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d3d3d3 0%, #9a9a9a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#9a9a9a', GradientType=0 ); /* IE6-9 */
}
.menu-content {
	float: left;
	width: 100%;
	background: #333333;
	padding: 15px 10px 15px 20px;
}
.menu-content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menu-content ul li {
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #FFF;
	font-weight: normal;
	padding: 5px 0;
}
.menu-content ul li a {
	color: #FFF;
	text-decoration: none;
}
.menu-content ul li a:hover {
	color: #fc3;
}
.menu-content ul li a span {
	color: #FFCC00;
}
.menu-content ul li.ribbon {
	padding-right: 20%;
	background: url("../images/ribbon.gif") no-repeat 85% center;
}
.list-content-outer {
	float: left;
	width: 100%;
}
.product-list {
	float: left;
	width: 100%;
}
.product-list ul {
	float: left;
	width: 100%;
	margin: 0;
}
.product-list ul li {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	margin-right: -3px;
	padding: 10px;
}
.list-content-outer {
	float: left;
	width: 100%;
	padding: 20px 0 10px;
}
.product-block {
	float: left;
	width: 100%;
	border-radius: 7px;
	padding: 12px;
	min-height: 300px;
	text-align: center;
	position: relative;
	background: #808080; /* Old browsers */
	background: -moz-linear-gradient(top, #808080 0%, #424242 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #808080 0%, #424242 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #808080 0%, #424242 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#424242', GradientType=0 ); /* IE6-9 */
}
.product-block:hover {
	background: #424242; /* Old browsers */
	background: -moz-linear-gradient(top, #424242 0%, #808080 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #424242 0%, #808080 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #424242 0%, #808080 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#808080', GradientType=0 ); /* IE6-9 */
}
.product-block:before {
	content: "";
	width: 80%;
	height: 2px;
	border-top: solid 1px #5a5a5a;
	background: #bfbfbf;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
}
.product-pict {
	float: left;
	width: 100%;
	background: #FFF;
	border-radius: 7px;
	border: solid 1px #b5b5b5;
	height: 165px;
	overflow: hidden;
	position: relative;
}
.product-pict a {
	display: block;
	float: left;
	width: 100%;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.product-pict a img {
	max-height: 150px;
}
.product-content {
	float: left;
	width: 100%;
}
.product-content h2 {
	font-family: "Arial";
	font-size: 14px;
	line-height: 15px;
	color: #FFF;
	font-weight: bold;
}
.product-content h2 a {
	font-family: "Arial";
	font-size: 14px;
	line-height: 15px;
	color: #FFF;
	font-weight: bold;
}
.product-content h2 a:hover {
	color: #fc0;
}
.material {
	color: #999;
	font-family: "Arial";
	font-size: 10px;
	font-size: 12px;
}
.product-content strong {
	font-family: "Arial";
	font-size: 12px;
	line-height: 14px;
	color: #b1b1b1;
	font-size: bold;
}
.price {
	font-family: "Arial";
	color: #ccc;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	padding: 0 0 2px;
}
.ectlink {
	font-family: "Arial";
	font-size: 14px;
	line-height: 15px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
}
.ectlink:hover {
	color: #fc0;
}
.customButton {
	background-color: #999;
	border-style: none;
	color: #fff;
	font-weight: bold;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 14px;
	cursor: pointer;
}
.customButton:hover {
	color: #fc0;
}
.proddiscounts {
	font-family: "Arial";
	color: #ff0000;
	font-size: 9px;
	line-height: 10px;
}
.sale:after {
	content: "SALE";
	position: absolute;
	right: -4px;
	top: 14px;
	font-family: "Arial";
	color: #ff0000;
	font-size: 28px;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: -.5px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.last1:before, .last2:before, .last3:before {
	display: none;
}
.product-outer {
	width: 100%;
	text-align: left;
}
.prodtitle {
	background: rgba(0, 0, 0, 0) url("../images/bg_shade.jpg") repeat;
}

.pdct-bg {
	background: rgba(0, 0, 0, 0) url("../images/bg_shade.jpg") repeat;
	background-position: center center;
}
.product-outer center {
	color: #963;
	text-align: center;
}
#picholder .magnify {
	width: 300px;
}
#picholder {
	width: 300px;
	border-style: none;
	position: relative;
	float: right;
}
#magimg {
	bottom: 100px;
	float: right;
	height: 40px;
	position: absolute;
	right: 10px;
	width: 31px;
}
#prodimage > center {
	float: left;
	padding: 8px;
	width: 100%;
	font-size: 22px;
	color: #000000;
	margin: 0 0 10px;
}
#prodimage > center img {
	vertical-align: middle;
	cursor: pointer;
}
.product-outer #prodimage {
	padding: 0 10px;
}
.pricetag {
	color: #990000;
}
.detaillistprice > span {
	color: #999999;
}
span.address, a.cart {
	font-size: 12px;
}
.extraimage {
	color: #000000;
	font-size: 22px;
}
.slider-section .slick-prev, .slider-section .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	bottom: 27px;
	display: block!important;
	width: 11px;
	height: 10px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slider-section .slick-prev:hover, .slider-section .slick-prev:focus, .slider-section .slick-next:hover, .slider-section .slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slider-section .slick-prev:hover:before, .slider-section .slick-prev:focus:before, .slider-section .slick-next:hover:before, .slider-section .slick-next:focus:before {
	opacity: 1;
}
.slider-section .slick-prev.slick-disabled:before, .slider-section .slick-next.slick-disabled:before {
	opacity: .25;
}
.slider-section .slick-prev {
	left: 100px;
	z-index: 10;
}
.slider-section .slick-prev:before {
	width: 11px;
	content: "";
	background: url(../images/leftimage.gif) no-repeat;
	height: 10px;
	display: inline-block;
}
.slider-section .slick-next {
	right: 100px;
	left: auto;
}
.slider-section .slick-next:before {
	width: 11px;
	content: "";
	background: url(../images/rightimage.gif) no-repeat;
	height: 10px;
	display: inline-block;
}
.slick-slide img {
	width: 100%;
}
.slide-count-wrap {
	color: #000000;
	font-size: 22px;
	float: left;
	padding: 20px 0;
	width: 100%;
	text-align: center;
}
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
.inner-banner {
	text-align: center;
}
.inner-banner > img {
	max-width: 730px;
}
.breadcrump {
	float: left;
	width: 100%;
	padding: 6px 0px 10px;
	margin-top: 11px;
	background: #434345; /* Old browsers */
	background: -moz-linear-gradient(top, #434345 0%, #2e2e30 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #434345 0%, #2e2e30 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #434345 0%, #2e2e30 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.breadcrump ul {
	float: left;
	margin: 0px;
}
.breadcrump ul li {
	float: left;
	list-style: none;
	position: relative;
	padding: 0px 11px;
	color: #fff;
	font-size: 16px;
}
.breadcrump ul li:last-child:after {
	display: none;
}
.breadcrump ul li:after {
	position: absolute;
	font-family: 'FontAwesome';
	content: "\f101";
	color: #fff;
	font-size: 16px;
	right: -4px;
	top: 2px;
}
.breadcrump ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
}
.breadcrump ul li a:hover {
	color: #fc0;
}
.tab-container {
	float: left;
	margin: 20px 0 0;
	width: 100%;
}
.resp-tab-content.resp-tab-content-active strong {
	color: #000000;
	float: left;
	font-family: "Arial";
	margin: 0 0 10px;
	width: 100%;
}
.top-content {
	width: 100%;
	float: left;
}
.top-content span {
	color: #990033;
}
.small-text {
	float: left;
	width: 100%;
	padding: 10px 0 0px;
}
.small-text > p {
	font-size: 10px;
}
.small-text > p i {
	font-style: normal;
	color: #666666;
}
.rate {
	width: 100%;
	float: left;
	padding: 0 0 15px;
}
.rate strong {
	width: auto !important;
	color: #990000 !important;
	margin: 0 4px 0 0 !important;
	font-size: 12px;
}
.rate a {
	color: #0000cc;
	float: left;
	font-family: Arial;
	font-size: 10px;
	margin: 0 0 0 4px;
}
.rate span {
	color: #000000;
	float: left;
	font-size: 10px;
	line-height: 17px;
}
.save {
	float: left;
	width: 100%;
	color: #660000;
	font-size: 10px;
	font-family: Arial;
}
.availability {
	width: 100%;
	float: left;
}
.availability > strong {
	width: auto !important;
	float: left;
	font-size: 11px;
	margin: 0 4px 10px 0 !important;
}
.availability p {
	font-size: 11px;
}
.center-text {
	float: left;
	text-align: center;
	width: 100%;
}
.center-text strong {
	margin: 0 !important;
}
.center-text span {
	color: #FF0000;
}
.image-blk {
	float: left;
	width: 100%;
	text-align: center;
	margin: 50px 0 15px;
}
.block1 {
	float: left;
	width: 50%;
}
.block1 > i {
	font-style: normal;
	color: #FF0000;
	font-family: Arial;
}
.block2 {
	float: left;
	width: 50%;
}
.product-reviews {
	width: 100%;
	float: left;
}
.product-reviews strong {
	margin: 0 !important;
}
.product-reviews h2 {
	float: left;
	font-size: 17px;
	text-align: center;
	width: 100%;
	font-weight: 700;
	font-family: Arial;
}
.review {
	width: 100%;
	margin: 20px 0 0;
	float: left;
}
.review em {
	color: #000;
}
.product-reviews a {
	float: right;
	font-size: 18px;
	margin: 20px 0 0;
}
.product-type strong {
	font-size: 17px;
}
.product-type span {
	color: #000;
	font-size: 13px;
}
.product-details {
	float: left;
	width: 100%;
	border-bottom: 1px solid #0000ff;
	padding: 0 0 30px;
	margin: 0 0 20px;
}
.single-blk {
	width: 100%;
	float: left;
}
.single-blk a:hover {
	text-decoration: none;
}
.product-details h4 {
	font-size: 16px !important;
	margin: 0 0 10px 0;
}
.light {
	float: left;
	width: 6%;
	padding: 8px;
}
.materials {
	float: left;
	width: 26%;
	padding: 8px;
}
.movies {
	float: left;
	width: 6%;
	padding: 8px;
}
.videos {
	float: left;
	width: 30%;
	text-align: center;
	padding: 8px;
}
.videos a {
	float: left;
	width: 100%;
	text-align: left;
	margin: 2px 0 2px 15px;
}
.mission-img {
	float: left;
	width: 6%;
	padding: 8px;
}
.our-mission {
	float: left;
	width: 26%;
	padding: 8px;
	text-align: center;
}
.leftNav {
	margin: 0 0 0 15px;
}
.product-features {
	width: 100%;
	float: left;
}
.product-features ul {
	width: 100%;
	float: left;
	margin: 0;
}
.product-features ul li {
	width: 100%;
	float: left;
	list-style: none;
	padding: 15px 0 0px;
	color: #000000;
	font-family: Arial;
	font-size: 13px;
}
.product-features ul li:first-child {
	padding: 0;
}
.product-features strong {
	float: none !important;
}
.product-features ul li span {
	font-family: Symbol;
	color: #000000;
	margin: 0 10px 0 0;
}
.product-features ul li a strong {
	color: #0000cc !important;
}
.country {
	color: #FF0000 !important;
}
/*----showroom-----*/
.showroom {
	height: 100%;
	width: 98%;
	font-family: Arial;
	text-align: center;
	font-size: 14px;
	color: #000;
	position: relative;
	float: left;
	border: 3px dashed #000;
}
.showroomin {
	float: left;
	position: relative;
	font-size: 20px;
	font-weight: bold;
	height: 100%;
	width: 100%;
	font-family: Arial;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 20%, #c6c6c6 53%, #a9a9a9 70%, #1b1b1b 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(20%, #ffffff), color-stop(53%, #c6c6c6), color-stop(70%, #a9a9a9), color-stop(100%, #1b1b1b));
	background: -webkit-linear-gradient(top, #ffffff 20%, #c6c6c6 53%, #a9a9a9 70%, #1b1b1b 100%);
	background: -o-linear-gradient(top, #ffffff 20%, #c6c6c6 53%, #a9a9a9 70%, #1b1b1b 100%);
	background: -ms-linear-gradient(top, #ffffff 20%, #c6c6c6 53%, #a9a9a9 70%, #1b1b1b 100%);
	background: linear-gradient(to bottom, #ffffff 20%, #c6c6c6 53%, #a9a9a9 70%, #1b1b1b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1b1b1b', GradientType=0 );
}
.left-blk p {
	font-family: Arial;
	font-size: 16px;
	color: #FFF;
	font-weight: normal;
}
#percent2 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bolder;
	position: relative;
	width: 100%;
	line-height: normal;
	background-color: #000;
	color: #FFF;
	height: 22px;
	vertical-align: baseline;
	text-align: center;
	white-space: normal;
	top: -5px;
	float: left;
}
.showroom-outer {
	float: left;
	width: 100%;
	margin: 30px 0 0;
	padding: 0 15px;
}
.left-blk {
	float: left;
	width: 50%;
}
.left-blk.float-right {
	margin: 20px 0 0;
}
.image-outer {
	text-align: center;
	width: 100%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
}
.left-blk.float-right .showroom {
	float: right;
}
.left-blk.float-right .showroomin {
	background: #ccc;
}
.left-blk.float-right p {
	color: #000;
	font-size: 14px;
}
.left-blk.float-right p span {
	font-size: 30px;
}
.content-blk {
	padding: 10px;
	width: 100%;
	float: left;
	text-align: left;
}
top-content-blk {
	width: 100%;
	float: left;
}
.email-blk {
	float: left;
	width: 99%;
	background: #ccc;
	padding: 8px;
	margin: 10px 7px 0;
}
.top-content-blk > strong {
	color: #000000;
}
.top-content-blk span {
	color: #ff0000;
	font-size: 35px;
	font-weight: 700;
}
.bookmark {
	color: #000 !important;
}
.email {
	padding: 0 0 10px;
}
.email-blk .whitelink {
	font-size: 12px;
}
.pagination {
	float: left;
	width: 100%;
	margin: 30px 0 0;
}
.pagination ul {
	float: left;
	width: 100%;
	margin: 0;
}
.pagination ul li {
	float: left;
	list-style: none;
	border-left: 1px solid #000;
	padding: 0 0 0 4px;
	margin: 0 0 0 4px;
}
.pagination ul li:first-child {
	padding: 0;
	margin: 0;
	border: none;
}
.pagination ul li a {
	float: left;
	font-weight: 700;
	line-height: 14px;
}
.pagination ul li a:hover {
	font-weight: 800;
}
.review-div {
	float: left;
	width: 100%;
	padding: 35px 0 20px;
}
.review-div > span {
	border-bottom: 1px solid #0000cc;
	float: left;
	width: 100%;
	padding: 7px 0;
	font-family: Arial;
}
.first {
	float: none;
	display: inline-block;
	vertical-align: top;
	font-weight: 400;
	line-height: 13px;
	margin: 0 4px 0 0;
	cursor: pointer;
	font-family: Arial;
	color: #fff;
}
.previous {
	float: none;
	display: inline-block;
	vertical-align: top;
	font-weight: 400;
	line-height: 14px;
	color: #fff;
	text-decoration: none;
	font-family: Arial;
}
.next {
	float: none;
	display: inline-block;
	vertical-align: top;
	font-weight: 400;
	line-height: 14px;
	color: #fff;
	border-left: 1px solid #fff;
	margin: 0 0 0 4px;
	padding: 0 0 0 4px;
	text-decoration: none;
	font-family: Arial;
}
.last {
	float: none;
	display: inline-block;
	vertical-align: top;
	font-weight: 400;
	line-height: 13px;
	margin: 0 0px 0 4px;
	cursor: pointer;
	font-family: Arial;
	color: #fff;
}
.pagination.list ul {
	width: auto;
	display: inline-block;
	float: none;
}
.pagination.list a:hover {
	color: #fc0;
}
.pagination.list {
	text-align: center;
	margin: 0;
	padding: 10px 0 0;
}
.pagination.list ul li a {
	color: #fff;
	text-decoration: none;
	font-family: Arial;
	font-weight: 400;
}
.pagination.list ul li {
	border-left: 1px solid #fff;
}
.pagination.list ul li:first-child {
	border-left: 1px solid #fff;
	padding: 0 0 0 4px;
	margin: 0 0 0 4px;
}
.bodyboxhalf {
	float: left;
	width: 50%;
	padding-top: 5px;
}
.bodyboxfullgray {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #CCCCCC;
	font-size: 16px;
	padding: 10px;
	text-align: justify;
	margin-top: 10px;
	border-radius: 10px;
	clear: left;
}
.indexmobiletext {
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	padding: 10px 10px 0px;
	text-align: center;
	margin-top: 10px;
	display: none;
}

#filler-image {
	color: #FFF;
	background-color: #000;
	width: 100%;
}
#main-body-header {
	width: 100%;
	text-align: center;
	padding: 10px;
}
#refill-left {
	width: 25%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F00;
	margin-top: auto;
	margin-bottom: auto;
	font-weight: bold;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#refill-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: justify;
	color: #000;
	padding: 10px;
	float: right;
	width: 75%;
}
#about-beans-box {
	color: #000;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 18px;
	line-height: 24px;
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#wrapper{padding:0 15px;}
	#footer{padding:0 15px 30px;}
    .banneritem_banners .Categories {width: 100%;}
    .kids h2 a:link {font-size: 16pt;}
    .kidslink a {font-size: 16px;}
    .moduletable_banners .banneritem_banners {margin: 0 1%; width: 23%;}
    .moduletable_banners {padding: 24px 8px 0;}
    /*==========20161019============*/
    .product-list ul li {width: 50%;}
    .last1:before{display: block;}
    #prodleft { width: 250px;}
    .product-outer #prodimage {width: 250px; padding: 0;}
    #picholder .magnify {width: 250px}
    #picholder {width: 250px;}
    #example_share_buttons {margin: 0 50px 0 52px;}
    .slider-section .slick-next {right: 80px;}
    .slider-section .slick-prev {left: 85px;}
    .inner-banner > img { max-width: none;  width: 100%;}
    .resp-tabs-list li{padding: 3px 12px;}
    .light{padding: 8px 0;}
    .leftNav {margin: 0;}
    .leftNav a{font-size: 12px;margin: 3px 0;}
    .single-blk h4 {font-size: 12px !important;}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    #wrapper{
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 15px;
}
	#footer{padding:0 15px 30px;}
    .moduletable_banners .banneritem_banners {margin: 0 2%; width: 46%;}
    #searchwrapper {border-radius: 10px; border: none; float: none; margin: 0 auto 20px;overflow: hidden;}
    .banneritem_banners .Categories {width: 100%;}
    .moduletable_banners {padding: 30px 15px 10px;}
    #header img {display: block; margin: auto; max-width: 100%;}
    .flex-control-nav{display: none;}
    .flexslider{margin:0 2%; width: 96%;}
    .main-menu-outer{margin:0 0 5px; width: 100%;}
    .kids h2 a:link {font-size: 16pt;}
    .kidslink a {font-size: 16px;}
    .main-menu {position: relative; padding: 0; width:100%;}
    .main-menu ul li{border: none;border-top: 1px solid #272727;}
    .main-menu ul li ul{position: inherit; top: 0; background:#444444; border: none;}
    .main-menu ul ul li a{padding: 10px 0;}
    .main-menu ul li ul li ul{ position: inherit; border:none; left: inherit; background:#555555;}
	.mean-container .mean-nav ul li a.mean-expand { border:none; background:none;}
    .main-menu ul li.active a, .main-menu nav > ul > li:hover > a{border:none;}
    .main-menu ul li.last ul li ul,.main-menu ul li:nth-last-child(2) ul ul{right: inherit;}
    .main-menu ul li ul li ul{top: 0;}
    .main-menu ul li:first-child {border-top: solid 1px #272727;}
    #header img{float: none;}
    .mean-container .mean-nav ul li li a{padding: 10px 10px 10px 30px;}
    .banneritem_banners img{width: 100%;}
    .banneritem_banners .Categories img{max-width: 100%; width: auto;}
    .mean-container .mean-nav ul li ul{background:#444444; }
    .mean-container .mean-nav ul li ul li ul{background:#555555;}
    .phone{display: inline-block;}
    #searchwrapper {margin: 0; position: absolute; right: 15px; left: 15px; top: 100%; z-index: 999; height: 38px; width: auto;}
    #wrapper #header{padding:20px 0 15px;}
    /*==========20161019============*/
    .menu-button{display: block;}
   .side-menu{ width: 240px; display:block; margin-left: -240px; float: left;}
   .menu-open.page-content{
    -moz-transform: translateX(240px);
    -webkit-transform: translateX(240px);
    -o-transform: translateX(240px);
    -ms-transform: translateX(240px);
    transform: translateX(240px);}
    .page-content{display: flex;}
    .grid-right{display: block; float: left; width: 100%;}
    .product-list ul li {width: 50%;}
    .last1:before{display: block;}

    
	#prodimagemobile {display:inline-block; width: 100%; padding: 20px 0 0; text-align: center;}
    .product-outer #prodimage {display: none;}
	#magimg {display:none;}
    #picholder .magnify {width: 100%}
    #picholder {width: auto; display: inline-block; vertical-align: top; float: none;}
     #example_share_buttons {margin: 0 25px 20px 70px;}
    .a2a_default_style a{display: inline-block; float: none;}
    #magimg {bottom: 120px;}
    .slider-section .slick-next {right: 80px;}
    .slider-section .slick-prev {left: 85px;}
     .inner-banner > img { max-width: none;  width: 100%;}
    .breadcrump ul li a, .breadcrump ul li, .breadcrump ul li:after{font-size: 14px; line-height: 18px;}
    .breadcrump ul li:after{top: 0px;}
    .block1 {width: 100%;}
    .block2 {width: 100%;margin: 20px 0 0;}
    h2.resp-accordion{padding: 10px 15px ;float: left;width: 100%;}
    .light, .materials, .movies, .videos, .mission-img, .our-mission{width: 100%;}
    .single-blk{text-align: center;}
    .videos a{margin: 5px 0;text-align: center;}
    .hide-mob{display: none;}
    .product-reviews a{font-size: 15px;}
    .tab-container{margin: 20px 0;}
    .image-blk{margin: 20px 0 15px;}
    .left-blk{width: 100%;}
    .left-blk.float-right .showroom {float: left;}
    .showroom-outer{padding: 0; margin: 0;}
    .showroom{width: 100%;}
    .email-blk{width: 100%;margin: 20px 0 0;}
    .review-div{padding: 13px 0 20px;}
    .pagination{ margin: 15px 0 0;}
	#cart_holder {text-align: center;padding-right: 0px;}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.moduletable_banners .banneritem_banners {margin: 0; width: 100%;}
    .kids h2 a:link {font-size: 18pt;}
    .kidslink a {font-size: 18px;}
    .flexslider{margin:0; width: 100%;}
    .main-menu-outer{margin:0 0 5px; width: 100%;}
    .moduletable_banners .banneritem_banners {height: auto;}
    .banneritem_banners img{width: 100%;}
    .banneritem_banners .Categories img{max-width: 100%; width: auto;}
    .banneritem_banners .Categories {padding:0 0 20px;}
    #searchwrapper {right: 15px; left:  15px;}
    /*==========20161019============*/
    .product-list ul li {margin-right: 0; width: 100%;}
    .last1:before, .last2:before{display: block;}
	.bodyboxhalf {width: 100%;}
	.slider-wrapper {display: none;}
	.indexmobiletext {display: block;}
	#cart_holder {font-size: 30px; height: 30px;}
	#cartdiv {font-size: 16px;right: 0px;}
	.mainbody {top: 0px;}
	#refill-left {width: 100%;}
	#refill-right {width: 100%;}
}
#about-beans-box {
	color: #000;
}
