img{
	max-width:100%;
}
.small_cat{
	position: relative;
	z-index: 30;
	margin: 0px 0px 0px 0px;
	width: 100%;
	cursor:pointer;
}
.small_cat div{
	padding: 5px 2px 3px 2px;
	overflow: hidden;
	position: relative;
	height: 50px;
	color: #fff;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	background:#018743;
	border: 1px solid #222;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.small_cat div img {
    margin: 6px 15px;
}
.small_cat select{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	cursor: pointer;
}
.small_cat, .small_content{
	display:none;
}
/* Desktop standard 960 and up */
@media only screen and (min-width: 980px) {
	#container{
		width: 100%;
		padding:0px;
		margin: 0px auto;
	}
	#header > #welcome{left:30%;}
.timetablecss {
    width: 60% !important;
  }
}
@media only screen and (max-width: 979px) {
.timetablecss {
    width: 70% !important;
  }
  #header #welcome{top:52px;}
  .toplinks{display:none;}
  
#header  .minimum_order{float:right;margin:40px 26% 0 0;}
}
@media only screen and (max-width: 850px) {

.drivetous{
width:99.99%;
}
.openingtimetable{
width:97%;
}

#header  .minimum_order{float:right;margin:70px 0 0 0;}

#header #ticker{
	font-size:11px;
	width:240px;
		margin:0 auto;
	padding:5px 0 5px 10px;
	color:#333;
	float:right;
	}
.timetablecss {
    width: 75% !important;
  }
}
/* Tablet Portrait size to standard 980*/
@media only screen and (max-width: 768px) {
	body{
		background-color:#FFF;
		background-image:none;
	}
	.welcome {
	font-size: 20px;
	padding:5px 0;
}
#header .minimum_order{float:right;margin:70px 0 0 0;}

 #header  .minimum_order{
	 margin: 98px 30px 0 0;
    position: absolute;
    right: 0;
	}
	#header #cart{top:2px;}

 #header #ticker{
	font-size:10px;
	width:230px;
	margin:0 auto;
	padding:5px 0 5px 0px;
	color:#333;
	float:right;
	}


.timetablecss {
    width: 80% !important;
  }
	
	#column-left{
		display:none;
	}
	#column-left + #column-right + #content, #column-left + #content {
		margin-left: 0px;
	}
	.left,.right{width:100% !important;}
	#header #ticker{
	font-size:11px;
	width:230px;
	margin:0 auto;
	padding:5px 0 5px 0px;
	color:#333;
	float:right;
	display:none;
	}
}

@media only screen and (max-width: 700px) {
	
 #header  .minimum_order{
	 margin: 98px 30px 0 0;
    position: absolute;
    right: 0;
	}
	#header #cart{top:2px;}
#header #welcome{left:200px;top:90px}
 #header #ticker{
	font-size:10px;
	width:230px;
	margin:0 auto;
	padding:5px 0 5px 0px;
	color:#333;
	float:right;
	}
.poductcat{width:98%}

.toplinks{display:none;}	
.timetablecss {
    width: 90% !important;
  }

}
/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (max-width: 600px) {
	#container{
		width:100%;
	}
	#menu{	
	position: absolute;
    top: 45px;
    left: 0;
    z-index: 999;
    display: none;
    width: 100%;
    padding: 10px;
	background: #018743;
	}
	#menu > ul > li > a {
   
    text-align: left;
}

#header  .minimum_order{margin:65px 20px 0 0}
#header #welcome{left:190px;top:110px}	
		.welcome {
	font-size: 16px;
	padding:5px 0;
}
.timetablecss {
    width: 90% !important;
  }
  
  #header  .minimum_order{margin:95px 20px 0 0px;position:relative;}
	#column-right{
		width:100%;
	}
	#column-right + #content {
		margin-right:0px;
	}
	#header {
		height:200px;text-align:right;

	}
	#header #logo > a{padding:2px 5%;display:inline;}
	#header #logo > a > img{max-height:80px;padding:2px;} 
	#header #logo{
	top: 0px;
	right:0px;
	}
	#header #ticker{
	font-size:11px;
	width:250px;
	margin:100px 10px 0;
	position:absolute;
	text-align:left;
	}
	
	#header #cart {
		
		top: 100px;
	}
	#header #cart .heading {
		float: left;
	}
	#header #welcome{
		top:75px;
		right: auto;
		left: 10px;
		text-align: left;
	}
	#header #search{
		top: 160px;
		right: auto;
		left: 10px;
	}
	#header .links{
		display:none;
	}
	
	#footer .column {
		width: 49%;
		min-height: 120px;
	}
	
	#menu > ul > li > div > ul > li > ul{
		padding-left:20px;
	}
	#menu, .org_cat, .toplinks{
		display:none;
	}
	.small_cat{
		display:block;
		z-index:999;
float:left;
position:relative;
		width: 100%;
	}
       .category-info img{width:98%;}
}
@media only screen and (max-width: 450px) {
	#header #logo{
		right:0px;
		top:0px;
      text-align:right;
	  max-height:75px;

	}
	#header #logo > a > img{height:55px;}
#products-table td > .description > p >sup{font-size:6px;}	
	#header {
		text-align:right;
	
	}
#header  .minimum_order{margin:100px 10px 0 0;position:absolute;}	
#header #ticker{
	display:none;
	}
.timetablecss {
    width: 95% !important;
  }
}
@media only screen and (max-width: 350px) {
	#header #logo{
		right:0px;
		top:0px;
      text-align:right;
	  max-height:75px;

	}
	#header #logo img{
		
	  max-height:75px;

	}
	
.timetablecss {
    width: 98% !important;
  }
 
	#header #ticker{
	font-size:10px;
	width:200px;
	margin-top:-78px;
	padding:5px 0 5px 10px;
	color:#f9f9f9;
	margin-right:0px !important;
	}
#header #cart .heading{}
	#header #cart .heading{
		right:0px;
float: right;
	}
	#header .links{
		display:none;
	}
	.product-info > .left {
		float: left;
		margin-right: auto;
	}
	.product-info > .left + .right {
		margin-left: auto;
		float:left;
	}
	.org_content{
		width:95%
	}
	.small_content{
		display:inline-block;
	}
      .category-info img{width:98%;}
	.login-content .left, .login-content .right {
		float: left;
		width: 100%;
	}
	#footer .column {
		width: 100%;
	}
	
}

@media only screen and (max-width: 250px) {
	#header {
		height:260px;
	}
	#header #logo{
		top: -50px;
	}
	#header #language, #header #currency{
		width: 150px;
	}
	#header #language{
		left: 5px;
		top: 40px;
	}
	#header #currency{
		left: 5px;
		top: 5px;
	}
	#header #search{
		top:210px;
		right: 5px;
		width: 208px;
	}
	#header #search input{
		width: 172px;
	}
	#header #cart {
		top: 148px;
		right:0px;
	}
	#header #cart .heading{
		margin-right:0px;
	}
	#header #welcome{
		top:240px;
		right: 5px;
		width: 200px;
	}
	#header .links{
		display:none;
	}
	#footer .column {
    min-height: 175px;
}
}

@media (min-width: 320px) and (max-width: 480px) {
	.hide-xs{
		display: none !important;
	}
	.camera_caption > div {
    width: 70% !important;
}.banner {
    background-size: cover !important;
}
  .banner ul li {
    font-size: 14px !important;
}
	.banner h1 {
    font-size: 22px !important;
    margin-top: 18px !important;
}
	#column-right {
    float: none !important;
		margin-top: 50px;
    width: 100%;
}
	.ul li.top-cart span.hidden-top {
    display: block!important;
}
}
@media (min-width: 481px) and (max-width: 767px) {
  .hide-xs{
		display: none !important;
	}
	.camera_caption > div {
    width: 70% !important;
}
	.banner {
    background-size: cover !important;
}
	.banner ul li {
    font-size: 14px !important;
}
	.banner h1 {
    font-size: 22px !important;
    margin-top: 18px !important;
}
	#footer .column {
    min-height: 175px;
}
	#column-right {
    float: none !important;
		margin-top: 50px;
    width: 100%;
}
.ul li.top-cart span.hidden-top {
    display: block!important;
}
}