/* new header */

.pre-header{
	display: none;
}

.new-header{
	background: #8bbd4a;
}

.new-search-bar{
	background: #96cc50;
}

	.new-search-bar .search-button{
		background: rgba(0,0,0,.5);
	}
	
	.new-header .phone{
		float: right;
		width: 28%;
	}
	
/* addition of menu and tap to call */
	.new-header{
		padding: 5px 0 5px 10px;
	}
	.new-header .logo{
		width: 59%;
	} 
		.new-header .logo img{
			max-width: 100%;
			max-height: 40px;
			height: auto;
		}
	
	.nav-phone-container{
		width: 21%;
		float: left;
		margin-top: 3px;
	}
		.nav-phone-container a{
			display: block;
			text-align: center;
		}
		.nav-phone-container img{
			width: 35px;
			height: 35px;
		}
		
	.nav-cart-container{
		width: 19%;
		float: left;
		position: relative;
		border-left: 1px solid #fff;
		margin-top: 5px;
	}
		.nav-cart-container a{
			display: block;
			text-align: center;
			
		}
		.nav-cart-container img{
			width: 28px;
			height: 28px;
		}
		
		.cart-items-number{
			top: 11px;
			right: 17%;
		}
		
	.search-menu-container{
		background: #96cc50;
	}
	.menu-search-form{
		float:right;
		width: 85%;
	}

	.for-the-home .up-arrow{
		display: none;
	}
	.clicked.for-the-home{
		background: rgba(0,0,0,.2);
	}
		.clicked.for-the-home .up-arrow{
			display: inline;
		}
		.clicked.for-the-home .down-arrow{
			display: none;
		}
		
		
	.for-the-home-children{
		padding-left: 18px;
		display: none;
	} .clicked.for-the-home .for-the-home-children{
		display: block;
	}
		#nav-menu-list .for-the-home-children li{
			border-bottom-width: 0;
			border-top: 1px solid rgba(255,255,255,.2);
		}
	
	.nav-menu-overlay{
		position: fixed;
		width: 100%;
		height: 100%;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		background: transparent;
		z-index: 1000;
		display: none;
	}
	#nav-menu-list{
		position: absolute;
		background: #6f8c36;
		top: 89px;
		display: none;
		z-index: 1010;
		width: 100%;
		text-align: left;
	}
		#nav-menu-list li{
			display: block;
			border-bottom: 1px solid rgba(255,255,255,.2);
			margin: 0 !important;
		}
			#nav-menu-list .divider{
				border-bottom-width: 10px;
			}
			
			#nav-menu-list li a{
				color: #fff;
				font-weight: bold;
				display: block;
				padding: 12px 0 12px 15px;
			}
		.clicked #nav-menu-list{
			display: block;
		}
		.clicked.menu-button{
			background: #6f8c36;
			border-radius: 3px 3px 0 0;
		}
		.clicked .nav-menu-overlay{
			display: block;
		}
		
	.menu-button{
		width: 15%;
		min-width: 34px;
		float: left;
		margin: 0 auto;
		text-align: center;
	}
		.menu-button img{
			width: 34px;
			height: 34px;
			padding-top: 4px;
		}
		
		.menu-button .open{
			display: none;
		} .clicked.menu-button .open{
			display: inline;
		} .clicked.menu-button .closed{
			display: none;
		}
		
	.search-form{
		width: 80%;
		position: relative;
		float: right;
	}
	.logo,
	.nav-phone-container,
	.nav-cart-container,
	.new-search-bar,
	.new-search-bar .search-field{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.new-search-bar .search-field{
			width: 80%;
		}
		
	.shop-access{
		border-top-width: 0;
		border-bottom-width: 0;
	}
	
#main .c-list li{
	margin-left: 0 !important;
}
	
#main .whychoose{
	margin-left: 15px;
    padding-left: 15px;
}