#click-menu {
	text-align: center;
	cursor: pointer;
	padding: 5px;
	display: none;
}

#click-menu .threeLines {
	width: 32px;
	height: 25px;
	margin: auto;
}

#click-menu .threeLines .line {
	height: 5px;
	margin-bottom: 5px;
	background: #9a3a15;
	width: 100%;
}

#click-menu:hover .line, #click-menu.active .line {
	background: #2d481b;
}

#click-menu.active .line:nth-child(1) {
	transform: translateY(11px) translateX(0) rotate(40deg);
	-webkit-transform: translateY(11px) translateX(0) rotate(40deg);
	-moz-transform: translateY(11px) translateX(0) rotate(40deg)
}

#click-menu.active .line:nth-child(2) {
	opacity: 0
}

#click-menu.active .line:nth-child(3) {
	transform: translateY(-9px) translateX(0) rotate(-40deg);
	-webkit-transform: translateY(-9px) translateX(0) rotate(-40deg);
	-moz-transform: translateY(-9px) translateX(0) rotate(-40deg)
}
.iframe-responsive {
    min-height: .01%;
    overflow-x: auto;
	max-width: 100%;
}
.promo-bar{clear: both;}
.iframe-products{
	width: 100%; 
	max-width: 950px;
}
#contentArea.contentArea-update{width: 950px;}
.cl-for-mobile{display: none;}
@media screen and (max-width: 1023px) {
	*{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	table img {
		max-width: 100%;
	}	
	.auto-delivery img{
		height: auto !important;
	}
	.promo-bar img{padding: 0px !important;}
	#container {
		width: 100%;
		overflow: hidden;
	}
	#header, #topBar, #contentArea, #quickclicks, #mainFooter, #mainFooter #footer,
	#header #mainTopLinks, #header #mainTopLinks #topLinks, .recipe-page .full_panel,
	#ts, body>center>table, body>table,#contentArea.contentArea-update{
		width: 100%;
	}
	.recipe-page .insidepage {
		padding-left: 5px;
		padding-right: 5px;
	}
	.recipe-page .content {
		float: left;
		min-height: initial;
		width: 75%;
	}
	.recipe-table .recipe td:first-child {
		width: 70px;
	}

	.recipe {
		width: 260px;
	}
	#contentArea #contentBoxOther, #contentArea #contentBoxOther table, .recipe-page table {width: 100%;}
	.table-slider {
		width: 100%;
	}
	.table-slider img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	#copyright table {
		width: 100% !important;
	}
	#topBar #boxText .sttd img {
		display: none;
	}
	.iframe-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}
	.iframe-responsive iframe{width: 100%;}
	.cart-content>table{width: 100%;}
	.cart-content center td, .cart-content center th {
		display: block;
	}
	.cart-info-responsive center td, .cart-info-responsive center th{display: table-cell;}
	.cart-info-responsive,.page-checkout>form{
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.table-tablet td{display: block;}
	.featured-products td{display: table;}
	.discount-coupons {width: 100%;}
	.discount-coupons table, .discount-coupons td{width: 100%; height: auto !important;}
	.discount-coupons .coupons, .discount-coupons .coupons td{ border-width: 0px;}
	.discount-coupons .coupons p{text-align: center;}
	.discount-coupons .coupons img {
		max-width: 100%;
		height: auto;
	}
	.coupons td {
		display: block;
		width: 100%;
	}	
	td.search-table-sidebar {
		display: block;
	}
	td.search-table-content {
		display: block;
	}
	.fpbar-image img{height: auto;}
	.affiliates-home{width: 100% !important; padding: 5px 0px !important;}
	.affiliates-home table{display: block; width: 100%;}
	.affiliates-home img{max-width: 100%; height: auto;}
	.tablet-fullsize-block{display: table;width: 100%;}
	.tablet-fullsize-block>table {margin: auto;	}
	#boxText.boxText-nomenu{display: block;}
	#boxText.boxText-nomenu a img{max-width: 100%;}
	.cat-paging {
		width: 90%;
		display: inline-block;
		word-wrap: break-word;
	}
	#contentArea>#leftSide {
		width: 100%;
	}
	#contentArea>#leftSide .pImage {
		max-width: 450px;
		margin: auto;
	}
	#contentArea>#contentBoxOther {
		padding: 0px 10px;
	}

	#contentArea>#contentBoxOther .tabber li>a {
		background: #fff;
		border: 1px solid #d7d3d0;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		-webkit-box-sizing: initial;
		-moz-box-sizing: initial;
		box-sizing: initial;
	}
	#contentArea>#contentBoxOther .tabber li>a.active {
		background: #e6e7e6;
	}
	div#contentBoxOther+p[align="center"] a>img {
		padding: 0px !important;
		max-width: 100%;
		height: auto;
	}
	td#stUI13_cnt{min-width: 25px;}
	.footer-bottom-part>table{width: 100%;}
	.page-checkout form hr {max-width: 100%;}
	.table-inifm td{float: left; width: 100%; display: block;}
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	#header #phone {
		width: 25%;
		font-weight: normal;
	}
	#header #logo {
		width: 31%;
	}
	#header #searchBox {
		width: 42%;
		max-width: 350px;
	}
	#header #searchBox .inputBox {
		width: 148px;
	}
	#header #TopLinksSec, #header #TopLinksSec #TopLinksTbl {
		width: 100%;
	}
	#topBar #boxText {
		margin-right: 0px;
		padding-left: 0px;
		width: 97%;
	}
	#header #TopLinksSec #TopLinksTbl .TopLinkItem {
		width: auto;
	}
	#topBar .stsp {
		font-weight: normal !important;
	}
	#contentArea #MainContent {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	#contentArea #MainContent #Sections #box #sectionB {
		padding: 10px 5px 10px 5px;
	}
	.stdv .sttr .sttr td {
		width: 142px;
		float: left;
	}
}

@media screen and (max-width: 767px) {
	#header #logo {
		width: 100%;
		float: none;
		text-align: center;
	}
	#header #phone {
		width: 100%;
		margin-bottom: 10px;
	}
	#header #searchBox {
		width: 97%;
		height: initial;
		float: none;
		padding: 5px 3px;
		display: block;
		margin: auto;
		clear: both;
		max-width: 320px;
	}
	#header #searchBox .inputBox {
		width: 122px;
		height: 17px;
	}
	#header #TopLinksSec, #header #TopLinksSec #TopLinksTbl {
		width: 100%;
	}
	#header #TopLinksSec #TopLinksTbl .TopLinkItem {
		display: inline-block;
		float: none;
		width: 145px;
	}
	#header #TopLinksSec #TopLinksTbl .TopLinkSep {
		display: none;
	}
	#boxText, #topBar #boxLeftPart, #topBar #boxRightPart {
		display: none;
	}
	#topBar {
		background: none;
	}
	#click-menu {
		display: block;
	}
	#topBar #boxText {
		float: left;
		margin-right: 0px;
		margin-top: 0px;
		padding-left: 0px;
		width: 100%;
	}
	#boxText td.sttd, #boxText tbody, #boxText tr, #boxText table {
		display: block;
	}
	span>.stdv td.sttd, span>.stdv tbody, span>.stdv tr, span>.stdv table {
		display: block;
	}
	span>.stdv table{
		height: auto !important;
	}
	span>.stdv {
		left: 3% !important;
		width: 94% !important;
	}
	#stUI21_body tr.sttr>td, #stUI58_body tr.sttr>td, #stUI123_body tr.sttr>td, #stUI98_body tr.sttr>td,
		#stUI37_body tr.sttr>td {
		width: 50%;
		float: left;
		word-wrap: break-word;
		word-break: break-all;
	}
	#stUI21_body, #stUI58_body, #stUI123_body, #stUI98_body, #stUI37_body {
		display: table;
		width: 100%;
	}
	#contentArea #MainContent {
		padding-left: 0px;
		padding-right: 0px;
	}
	#contentArea #MainContent #Sections #s1, #contentArea #MainContent #Sections #s2 {
		display: none;
	}
	#contentArea #MainContent #Sections #box>div {
		width: 94% !important;
		margin: 0px 3%;
		text-align: center;
		padding: 0px !important;
		background: none !important;
		margin-bottom: 10px;
	}
	#contentArea #MainContent #Sections {
		width: 100%;
		margin: 3px 0px 10px 0px;
	}
	#quickclicks table table td {
		width: 32%;
		display: block;
		float: left;
		height: 17px;
	}
	#mainFooter td, #mainFooter tbody, #mainFooter tr, #mainFooter table {
		display: inline-block;
		height: initial !important;
	}
	#social td, #social tbody, #social tr, #social table {
		display: inline-block;
		height: initial !important;
		text-align: center;
	}
	#copyright td, #social td {
		display: block;
		max-width: 100%;
	}
	#copyright td, #copyright tbody, #copyright tr, #copyright table, #copyright td span {
		display: block;
	}
	#stUI155_cnt {
		display: block;
		width: 465px;
		margin: auto;
	}
	#quickclicks {
		margin-bottom: 10px;
	}
	#stUI21_body tr.sttr>td td, #stUI58_body tr.sttr>td td, #stUI123_body tr.sttr>td, #stUI98_body tr.sttr>td td, #stUI37_body tr.sttr>td td {
		width: 210px;
		display: table-cell;
		word-break: break-word;
	}
	.table-mobile td{display: block; width: 100%;}
	#contentArea #contentBoxOther, #contentArea #contentBoxOther table{width: 100%;}
	.search-table-content td {
		display: block;
		width: 100%;
	}
	.search-table-content table {
		width: 100%;
	}
	.table-search-filter {
		margin-bottom: 20px;
	}
	.table-search-filter td {
		width: 50%;
		display: block;
		float: left;
		height: 30px;
		text-align: left;
	}
	.table-search-filter td td {
		display: table-cell;
		width: initial;
		float: none;
	}
	.mobile-fullsize-block{display: table;width: 100%;}
	.mobile-fullsize-block table[align="right"] {
		float: none;
		margin: auto;
	}
	.fpbar-image, .fpbar-video{text-align: center;}

	.no-mobile{display: none;}
	#ChocolateBOGO td img, #MontecroceBOGO img{height: auto;}
	.table-textarea-mob textarea{
		width: 450px;
	}
	.recipe-page .righthand_box {
		width: 100%;
		float: none;
		margin: 10px auto;
	}
	.recipe-page .righthand_box a.cats {
		width: 48%;
		display: inline-block;
	}
	.recipe-page .righthand_box br {
		display: none;
	}
	.recipe-page .recipe, .recipe-page .content {
		width: 100%;
	}
	.recipe-table td {
		display: block;
	}
	.recipe-table td td {
		display: table-cell;
	}
	.cat-paging {
		width: 100%;
		word-break: break-all;
	}
	.cat-paging > br{display: none;}
	.cat-paging a{display: inline-block;}
	.page.recipe-page { margin: 0px;}
	#contentArea>#contentBoxOther .tabber li { margin-left: 1px;}
	#contentArea>#contentBoxOther .tabber li>a{ padding: 5px 5px;}
	#topBar #boxText a.sta {
		background: #f4f6f5;
		border-bottom: 1px solid #9a3a15;
		padding: 5px 0px;
	}
	#topBar #boxText a.sta:hover {background: lightgray;}
	.cart-info-responsive{
		width: 100%;max-width: 100%;margin: auto;
	}
	.page-checkout center table {
		width: 100%;
	}
	.cart-info-responsive center td,
	.cart-info-responsive center th
	{
		display: block; width: 100%;
		text-align: center;
	}
	
	.cart-content>table{display: block;}
	.cart-content .tablet-fullsize-block {
		width: 100%;padding: 0px;
	}
	.cart-info-responsive table table{margin:auto;}
	.cl-for-mobile {
		display: block;
		line-height: normal;
		font-weight: bold;
		color: #008000;
		font-size: 14px;
		padding-top: 8px;
	}

}

@media screen and (max-width: 479px) {
	#quickclicks table table td {
		width: 47%;
	}
	#stUI155_cnt {
		width: 300px;
	}
	#stUI21_body tr.sttr>td td, #stUI58_body tr.sttr>td td, #stUI123_body tr.sttr>td, #stUI98_body tr.sttr>td td, #stUI37_body tr.sttr>td td  {
		width: 142px;
	}
	#MonthlyPromoBanner img {
		max-width: 100%;
		height: auto;
	}
	#copyright table{height: auto !important;}
	.table-textarea-mob textarea{
		width: 300px;
	}
	.recipe-page textarea[name="comment"] {width: 100%;	}
	.recipe-icon-pic{width: 25%;}
	.recipe-icon-pic img{height: auto;}
	.recipe-page .full_panel{border:0px;}
	#contentArea>#contentBoxOther .tabber li {width: 32%;}
	#contentArea>#contentBoxOther .tabber li>a{ 
	   width: auto;
	   font-size: 13px;
	}
	#contentArea>#contentBoxOther>table:last-child td{display: block;}
	#contentArea>#contentBoxOther .coupons img { height: auto;}
	#contentArea td input[name="keywords"] { width: 220px;}
	.page-checkout form td[width="50%"] {
		display: block;
		width: 100%;
	}
	.page-checkout form th p{font-size: 13px;}
	.page-checkout form input { max-width: 135px;}
	.chec-ccform td {
		display: block;
		text-align: center;
		width: 100%;
	}
	#header #searchBox {width: auto;}
	#header #searchBox table td {  padding: 1px 0px;}
	#header #searchBox table table table table td {
		padding: 0px 1px;
	}
}