@media screen and (Min-width: 480px) AND (max-width: 599px) {
	html, body {
		min-height: 100%;
	}
	html, body, 
	.header, .header table, 	.headerContainer, 
	.topnav, 
	.BranchSelectorContainer,
	.Centerimg img,	.Centerimg, 
	.promotionscontainer ,
	.GYSTable, 
	.ContactContainer{
		min-width:480px;
		Max-width: 600px;
		Width: 100%;
	}
/************************************
			Header
*************************************/
	.header{
		margin: 0px;
		padding: 0px;
		display: inline-block;
		position: relative;	
	}
	.hContainer{
		display: block;
	}
	.Headerlogo, .headerContainer{
		display: block;
		position: relative;
		vertical-align: top;
	}
	.Headerlogo{
		Margin-left: Auto;
		Margin-right: Auto;
		width: 350px;
	}
	.Headerlogo img{
		height: 100px;
	}
	
	.headerContainer{
		margin-top: 0px;
	}
	.headertxt{
		justify-content: center; /* align horizontal */
		display: flex;
		position: relative;	
		margin-top: 0px;
	}
	.headercalltxt, .headerdeliverytxt{
		font-size: 12px;
		display: flex;
		position: relative;
		margin: 0px;
		padding: 0px;
		vertical-align: top;
		height: 25px;
		width: 50%;
	}
	.headercalltxt h2{
		margin-left: 65px;
	}
	.headercalltxt h2, .headerdeliverytxt h2 {
		margin-top: 0;
		padding: 0;
	}
	.headerdeliverytxt form {
		margin-top: 5px;
	}

/************************************
		Navigation
*************************************/
	.topnav{
		margin: 0px;
		display: flex;
		justify-content: center; /* align horizontal */
	}
	.topnav a {
		padding: 14px 7px;
		font-size: 11px;
		font-weight: bold;
	}
/*
	.topnav {  
		background: #1E90FF;
	}
	.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;
	}

	
	.BranchContainer form {
		width: 50%;
	}
	.BranchSelector h2{
		font-size: 15px;
	}
	.BranchSelector {
		margin: 0 5px;
		padding: 0 5px;
	}
	.BranchSelectorMap {
		height: 100px;
	}
	.BranchSelectoraddress{
		font-size: 16px;
	}
	.BranchSelectoropening{
		display: none;
	}

/*****************************
		Index
*************************************/
	#index_about{
		display: none;
	}
	#index_proms img, #Index_Order img , #index_contact img{
		height: 80px;
	}
	
/************************************
		Proms
*************************************/
	.prom, .prom img{
		height: 150px;
		width: 100px;
	}
	.prom a{
		font-size: 12px;
	}
	
/************************************
		Grow Your Sales
************************************/
	.GYSTable, .GYSTable h3{
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.GYSTable h3{
		padding-bottom: 10px;
		padding-top: 10px;
		margin-bottom: 2px;
	}

	.GYSCategories, .GYSCategories img{
		height: 40px;
		width: 200px;
				min-width: 200px;
	}	
/************************************
		Contactus
*************************************/
	.MapContainer{
		Height: 250px;
		margin-top: 10px;
		width: 300px;
		margin-left: 25px;
	}		
	.ContactContainer{
		padding-left: 0px;
		margin-top: 0px;
	}
	
	.ContactInfo{
		height: 170px;
		width: 150px
	}
	.contactusstylemobile, 	.ContactInfo{
		font-size: 14px;
	}
	.contactusstyle{
		display: none;
	}
	.OpeningTimes, .Addressinfo{
		width: 100%;
	}
.OpeningTimes table, .OpeningTimes p, .OpeningTimes h3, .Addressinfo p, .Addressinfo h3, .Addressinfo table {
    margin-left: 0px;
}
	.OpeningTimes h3,  .contactusstylemobile h3, .Addressinfo h3 {
		font-size: 18px;
	}
	.contactusstylemobile input, textarea {
		padding: 6px;
		margin-bottom: 5px;
		width: 350px;
	 }
	 
	.Addressinfo {
		margin-top: 15px;
	}
	.Addressinfo h3, .Addressinfo p {
		width: 150px
	}
	.contactusstylemobile{
		display: block;
		width: 90%;
		margin: 0px auto;
	}

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