﻿/* Add to bscreen.css */
.main-pages .container1020 {
    width: 100%;
    max-width: 1020px;
}

#mobile_menu, #flyout-menu {
	display: none;
}

.mobile_menu_wrapper {
	display: none;
}


/* Mobile Menu */
@media only screen and (max-width:1024px) { /* Smartphone and Tablet - 1020px */

	/* Menufication */
	
	#menufication-top, #menufication-non-css3-top {
		width: 50px;
		background: none; /*white;*/
		box-shadow: none;
		z-index: 80;
		position: absolute;
	}

			
	#menufication-top #menufication-btn, #menufication-non-css3-top #menufication-non-css3-btn {
		/*background: yellow;*/
		width: 32px;
		height: 31px;
	}	
		
	#menufication-top #menufication-btn:before, 
	#menufication-non-css3-top #menufication-non-css3-btn:before {
		border-bottom: 11px double #88007B;
		border-top: 4px solid #88007B;
		height: 18px;
		box-sizing: border-box;
		}
		
	#menufication-inner-wrap {
		top: -50px;
		margin-bottom: -50px;
		}	
		
	#menufication-scroll-container,
	#menufication-non-css3-nav,
	.menufication-non-css3-scroll {
		background-color: #88007B;
		}	

	
	#menufication-nav .menufication-menu-level-0:nth-child(2), 
	#menufication-non-css3-nav .menufication-non-css3-menu-level-0:nth-child(2) {
		margin-top: 0;
		}
	
    #menufication-nav li, #menufication-non-css3-nav li
    {
        border: 0;
    }
    #menufication-nav li:hover, #menufication-non-css3-nav li:hover 
    {
        background: #f3591d;
    }
		
	#menufication-nav li a, #menufication-non-css3-nav li a {
		color: #FFF8EE;
		font-family: "Futura-PT", Helvetica,Arial,Georgia,Time!important;	
		font: 20px "Futura-PT", Helvetica,Arial,Georgia,Time!important;
		text-transform: uppercase;
        text-shadow: none;
		}
	
	#menufication-nav li div, #menufication-non-css3-nav li div {
		display: none;
	}	
	
	#flyout-menu { display: inline; }

	.mobile_menu_wrapper {
		display: inline;
	}

    .product-info.product-info {
	    padding-bottom: 80px;
    }
	
}


@media only screen and (max-width: 680px) { /* Smartphone 767px */

	.container {
		padding: 0;
	}

	/* Remove menus */
	.main-pages #toppanel,
	.main-pages .mainmenu,
	.main-pages #wrapper_menu,
	.main-pages .utilities li,
	.main-pages .footer-links,
	.main-pages .social-media {
		display:none;
	}
	
	/* Header */
	.main-pages #header {
		padding-top: 20px;
		padding-bottom: 15px;

	}
	.main-pages #logo 
	{
	    position: static;
	    width: 150px;
	    margin: 0 auto;
        margin-top: -30px;
		background-image: url('/images/master/mobile-logo.png');
		background-position-y: 10px;
	}
	.main-pages #logo a {
	    width: 215px;
	    height: 45px;
	}
	
	.main-pages #search {
		display: block;
		width: 100%;
		margin: 5px;
        position: relative;
        top: 0;
	}
    .search-box input[type=text] {
    	width: 87%;
    }
    
	.main-pages .hours {
		display: none;
	}
	.main-pages .phone-number 
	{
	    display: block;
	    position: static;
	    margin: 0 auto;
	    margin-top: -10px;
	    width: 160px;
		text-align: center;
	}
	.main-pages .navigation.utilities .cart-link {
		display: block;
		position: absolute;
		top: -100px;
		right: 10px;
	}
	.main-pages .navigation.utilities .cart-quantity {
	}
	.main-pages .navigation.utilities .cart-text {
		display: none;
	}
	
	/* Primary buttons are 100% */
	.button.primary 
	{
	    width: 100%;
	    text-align: center;
	    display: inline-block;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	
	/* All product boxes are 100% */
	.product-box.homepage-large {
		width: 98%;
		margin: 1%;
	}
	.product-box.homepage-medium,
	.product-box.homepage-medium:first-child,
	.product-box.homepage-small,
	.product-box.homepage-small:first-child,
	.product-row-homepage .product-box.homepage-small:last-child,
	.product-row-homepage .product-box.homepage-medium:last-child {
		width: 98%;
		margin: 1%;
	}
	
	.product-box.homepage-large .product-image {
		float: none;
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	.product-box.homepage-large .product-info {
    	float: none;
	    width: 95%;
	}
	
	.product-box.homepage-large h2 {
		font-size: 2.5em;
		line-height: 1em;
	}
	.product-box.homepage-large h3.product-subtitle {
		font-size: 1.5em;
		line-height: 1em;
	}
		
		/*
	.product-box.homepage-medium .product-image,
	.product-box.homepage-medium .product-info {
		float: none;
		display: block;
		width: 90%;
	}
	.product-box.homepage-medium .product-image {
		text-align: center;
		margin-bottom: 20px;
		width: 100%;
	}
		
	.product-box.homepage-medium .product-image img {
		max-width: 90%; 
		max-height: none;
	}*/
	.product-box.homepage-medium .product-info 
	{
	    width: 60%;
	}
	.product-box.homepage-medium .product-image 
	{
	    width: 30%;
	}

	.product-box.homepage-small .product-image img {
		max-width: 90%; 
		max-height: none;
	}
	
	.product-box .buy-info 
	{
	    width: 100%;
	    text-align: center;
	    margin: 0;
	}
	.product-box .buy-info input[type="submit"] 
	{
	    width: 100%;
	}
	.product-box.homepage-large .buy-info,
	.product-box.homepage-medium .buy-info 
	{
	}
	
	/* Product Detail */
	.product-detail {
		margin: 0 1%;
	}
	
	.custom_box 
	{
	    width: 45%;
	}
	
	.custom_add_info input.custom_item_value 
	{
	    width: 30px;
	}
	
	
	/* Remove hovers */
	.product-box:hover .quicklook {
		visibility: hidden;
		display: none;
	}

	/* Other elements are 100% */
	.main-pages .food-tracker {
		position: static;
		width: 100%;
	}
	.main-pages .food-tracker span {
	}
	.main-pages .guarantee {
		max-width: none;
		width: 90%;
		margin: 0 5%;
		line-height: 1.3em;	
	}
	
    #main-content .pages {
        text-align: center;
    }

	/* Remove footer */
	.main-pages .zcob-footer {
		display: none;
	}
	
	
	.main-pages .guarantee {
		/*margin-top: 140px;*/
	}
	
	.main-pages .food-tracker {
		right: auto;
	}
	
	
	.footer__contact {
		order: 3;
		flex-basis: 100%;
	}
	.footer__gifts {
		order: 4;
		flex-basis: 100%;
	}
	.footer__enews {
		order: 1;
		flex-basis: 100%;
		padding-bottom: 30px;
	}
	.footer__social {
		order: 2;
		flex-basis: 100%;
	}
	.footer__help {
		order: 5;
		flex-basis: 50%;
	}
	.footer__about {
		order: 6;
		flex-basis: 50%;
	}
	.footer__guarantee {
		order: 7;
	}

	.footer__tracker {
		order: 8;
	}

	.footer {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.footer h4 {
		font-size: 20px;

	}

	.footer a {
		font-size: 14px;
		padding: 7px 0px;
		display: inline-block;
	}

	.footer i {
		font-size: 14px;
	}
	.footer__social i {
		font-size:  24px;
		width: 24px;
	}
		
}


@media only screen and (min-width:680px) and (max-width:1020px) { /* Tablet max 768px - 1020px */

	.container {
		padding: 0;
	}
    #search {
        position: absolute;
        top: 41px;
        right: 1%;
        width: 400px;
    }
    
	/* Remove menus */
	.main-pages #toppanel,
	.main-pages .mainmenu,
	.main-pages #wrapper_menu,
	.main-pages .footer-links {
		display:none;
	}

	.main-pages #mobile_menu, #flyout-menu {
		display: none;
	}

	/* Header */
	.main-pages #header {
		padding-top: 20px;
		/*padding-bottom: 0px;*/
	}

	.main-pages #logo {
		top: -35px;
		left: 50px;
		background-image: url('/images/master/mobile-logo.png');
	}
	
	.main-pages .hours {
		display: none;
	}
	.main-pages #search {
		top: 10px;
		right: 5px;
	}
	.main-pages .navigation.utilities {
		top: 50px;
	}
	.main-pages .phone-number {
		top: -20px;
	}


	/* Product boxes are 2-up for small */
	.product-box.homepage-large/*,
	.product-box.homepage-medium*/ {
		width: 98%;
		margin: 1%;
	}

	.product-box.homepage-medium,
	.product-row-homepage .product-box.homepage-medium:last-child 
	{
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.product-box.homepage-medium:first-child 
	{
	    width: 49%;
	    margin-right: 0;
	}

	.product-box.homepage-medium .product-image img {
		max-height: 10em;
	}
	.product-box.homepage-medium .product-image {
		width: 40%;
		margin: 20px 20px 0 0;
	}
		
	.product-row-homepage .product-box.homepage-small:last-child {
		width: 23%;	
	}
	
	
	/* Product Detail */
	.product-detail {
		margin: 0 1%;
	}
	

	/* Remove hovers */
	.product-box:hover .quicklook {
		visibility: hidden;
		display: none;
	}


	.footer__contact {
		order: 4;
		flex-basis: 50%;
	}
	.footer__gifts {
		order: 6;
		flex-basis: 50%;
	}
	.footer__enews {
		order: 1;
		flex-basis: 50%;
		padding-bottom: 30px;
	}
	.footer__social {
		order: 2;
		flex-basis: 50%;
	}
	.footer__help {
		order: 3;
		flex-basis: 50%;
	}
	.footer__about {
		order: 5;
		flex-basis: 50%;
	}
	.footer__guarantee {
		order: 7;
		flex-basis: 50%;
	}

	.footer__tracker {
		order: 8;
		flex-basis: 50%;
	}

	.footer {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
	
	.footer a {
		font-size: 14px;
		padding: 7px 0px;
		display: inline-block;
	}

	.footer i {
		font-size: 14px;
	}
	.footer__social i {
		font-size:  24px;
		width: 24px;
	}

	.footer a.the-feed {
		font-size: 24px;
		font-family: "trocchi", Georgia, Times New Roman, serif;
	}

}


@media only screen and (min-width:1024px) { /* Desktop 1020px */

	.main-pages #header {
		padding-bottom: 20px;
	}
	

	.tagline.tagline {
		display: block;
	}

    #search {
        position: absolute;
        top: 41px;
        right: 1%;
        width: 400px;
    }

	/* Reset menufication */
	#menufication-inner-wrap {
		top: 0;
		}	

	#mobile_menu, #flyout-menu {
		display: none;
	}

	.mobile_menu_wrapper {
		display: none;
	}

}

@media only screen and (max-width: 1190px ) {
	.zcobbar-ribbon {
		display: none;
	}
}