@media screen and  (max-width: 479px) {
	html, body {
		min-height: 100%;
	}
	html, body, 
	.header, .header table, .Headerlogo, .Headerlogo img ,	.headerContainer, 
	.topnav, 
	.BranchSelectorContainer,
	.Centerimg img,	.Centerimg, 
	.promotionscontainer ,
	.GYSTable, 
	.MapContainer, .ContactContainer{
		min-width:320px;
		max-width: 479px;
		Width: 100%;
	}
/************************************
			Header
*************************************/
	.header{
		margin: 0px;
		padding: 0px;
		display: inline-block;
		position: relative;	
	}
	.hContainer{
		display: block;
		margin-top: 0px;
	}
	.headerContainer{
		display: block;
		position: relative;
		vertical-align: top;
	}
	.Headerlogo{
		margin-left: auto;
		margin-right: auto;
		padding-top: 15px;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		justify-content: center; /* align horizontal */
	}

	.Headerlogomobile, .Headerlogomobile img {
		margin-left: auto;
		margin-right: auto;
		width: 320px;
	}
	.Headerlogo img{
		height: 90px;
	}
	
	.headerContainer{
		margin-top: 5px;
	}
	.headertxt{
		justify-content: center; /* align horizontal */
		display: flex;
		position: relative;	
		margin-top: 10px;

	}
	.headercalltxt, .headerdeliverytxt{
		display: flex;
		position: relative;
		margin: 0px;
		margin-left: 45px;
		padding: 0px;
		vertical-align: top;
		height: 25px;
	}
	.headerdeliverytxt{
		width: 150px;
	}

	.headerdeliverytxt form {
		margin-top: 0px;
		padding: 0;
	}
	.headerdeliverytxt img{
		background: white; 
		Height: 60px; 
	}
	
	.headercalltxt h2, .headerdeliverytxt h2 {
		margin-top: 0;
		padding: 0;
	}
	.headerdeliverytxt img{
		margin-left: 10px;
	}
	.headercalltxt, .headerdeliverytxt{
		font-size: 11px;
	}

/************************************
		Navigation
*************************************/
	.topnav {  
		background: #595959;
		margin:0px;
	}
	.topnav a {
		font-size: 14px;
		padding: 6px 16px;
		Color: white;
	}
	.topnav a:not(:first-child) {
		display: none;
	}
	.topnav a.icon {
		float: right;
		display: block;
	}

	.topnav.responsive {
		position: relative;
	}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
/************************************
		Main Content
*************************************/
	.maintext,.maintext img{
		font-size: 12px;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.maintext{
		min-height: 100%;
	}
	.Centerimg, .promotionscontainer {
		margin-top: 10px;
	}
/*************************************
	BRANCH SELECTOR
************************************/

	.BranchSelectorContainer h2 {
		font-size: 16px;
	}
	#mobileh2{
		display: block;
	}
	
	.BranchContainer form {
		width: 50%;
	}
	.BranchSelector h2{
		display: none;
	}
	.BranchSelector {
		margin: 0 5px;
		padding: 0 5px;
	}
	.BranchSelectorMap {
		height: 100px;
	}
	.BranchSelectoraddress{
		font-size: 14px;
	}
	.BranchSelectoropening{
		display: none;
	}
/*****************************
		Index
*************************************/
	#index_about,  #index_contact{
		display: none;
	}
	#index_proms img, #Index_Order img{
		height: 80px;
	}
	
/************************************
		Proms
*************************************/
	.prom, .prom img{
		height: 150px;
		width: 100px;
	}
	.prom a{
		font-size: 12px;
	}
	
/************************************
		Grow Your Sales
************************************/
	.GYSTable, .GYSTable h3{
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.GYSTable h3{
		padding-bottom: 10px;
		padding-top: 10px;
		margin-bottom: 2px;
	}
	.GYSCategories, .GYSCategories img{
		max-width: 200px;
		min-width: 300px;
		height: 40px;
	}	
/************************************
		Contactus
*************************************/
	.contactusstyle{
		display: none;
	}
	.MapContainer {
		Height: 150px;
		margin-top: 0px;
	}		
	.ContactContainer{
		padding-left: 0px;
		margin-top: 0px;
		font-size: 12px;
		margin-left: 0px;
	}
	.OpeningTimes, .Addressinfo{
		display: inline-block;
		position: relative;
		vertical-align: top;
	}
	.OpeningTimes, .OpeningTimes h3, .OpeningTimes p, .Addressinfo, .Addressinfo h3, .Addressinfo p {
		margin: 0;
		padding: 0;
		width: 148px;
		}
	.OpeningTimes table, .OpeningTimes p, .OpeningTimes h3, .Addressinfo p, .Addressinfo h3, .Addressinfo table {
		margin-left: 5px;
	}
	.OpeningTimes h3, .Addressinfo h3{
		font-size: 16px;
	}
	.ContactInfo{
		position: relative;
		display: block;
		margin: 0px auto;
		height: 130px;
		width: 300px;
	}
	.contactusstylemobile input, textarea {
		padding: 5px;
		margin-bottom: 5px;
		width: 200px;
	 }
	.contactusstylemobile{
		display: block;
		position: relative;
		display: block;
		margin: 0px auto;
		width: 275px;
	}

	.contactusstyle input, textarea {
		width: 260px;
	}
	#contactsubmit {
		margin-left: 70px;
		margin-right: auto;
	 }
/************************************
			Footer
*************************************/
	.footer, .footer a {
		padding-top: 15px;
		margin: 0px;
		font-size: 12px;
	}
}